/*  **************************************************************************************************************************************************/
/*  contents  */
/*  **************************************************************************************************************************************************/

.wrap.lp .main-area .main-area-contents {
	margin-left : auto;
	margin-right: auto;
}

.wrap.lp .footer .footer-inner {
	background-color: #ec1c24;
	text-align      : center;
	padding         : 10px 0;
}

.lp .copyright {
	font-size: 12px;
	color    : #fff;
}

.lp .bg-red {
	background-color: #ec1c24;
}

.lp .bg-yellow {
	background-color: #fff000;
}

.lp a {
	display   : block;
	width     : 100%;
	transition: 0.3s ease;
}

.lp a:hover {
	opacity   : 0.8;
	transition: 0.3s ease;
}

.screen-reader-text {
	clip    : rect(1px, 1px, 1px, 1px);
	position: absolute;
}

@media screen and (min-width: 768px) {
	.lp .main-area .main-area-contents.pc {
		display: block;
	}

	.lp .main-area .main-area-contents.sp {
		display: none;
	}

	.lp .lp-header {
		padding: 30px 0 10px;
	}

	.lp .lp-header .logo {
		width : 238px;
		margin: 0 auto;
	}

	.container {
		width    : 90%;
		margin   : 0 auto;
		max-width: 1000px;
	}

	.lp .p-t20 {
		padding-top: 1.5vw;
	}

	.lp .p-t40 {
		padding-top: 2.5vw;
	}

	.lp .p-t60 {
		padding-top: 4vw;
	}

	.lp .p-t120 {
		padding-top: 6vw;
	}

	.lp .p-b20 {
		padding-bottom: 1.5vw;
	}

	.lp .p-b40 {
		padding-bottom: 2.5vw;
	}

	.lp .p-b60 {
		padding-bottom: 4vw;
	}

	.lp .p-b120 {
		padding-bottom: 6vw;
	}

	.lp .noscript {
		text-align   : center;
		color        : #fff;
		font-weight  : 700;
		font-size    : 18px;
		padding      : 20px;
		border       : 2px solid #fff100;
		border-radius: 5px;
	}

	.sec02 p {
		text-align    : center;
		font-size     : 13px;
		font-weight   : 700;
		line-height   : 1.8;
		letter-spacing: -0.4px;
	}

	.sec04 .attention p {
		font-size     : 14px;
		font-weight   : 600;
		line-height   : 1.8;
		letter-spacing: -0.4px;
	}

	.sec04 .attention .ttl {
		background-color: #fff;
		font-size       : 18px;
		font-weight     : 900;
		color           : #231f20;
		padding         : 5px 15px;
		margin-bottom   : 10px;
		letter-spacing  : inherit;
	}

	.sec05 .bnr-box {
		display              : flex;
		max-width            : 615px;
		margin               : 0 auto;
		justify-content      : space-between;
		grid-template-columns: 25% 35% 30%;
	}

	.sec05 .bnr-box a:nth-child(1) {
		margin-top: 14px;
		width     : 25%;
		height    : 58px;
	}

	.sec05 .bnr-box a:nth-child(2) {
		width: 35%;
	}

	.sec05 .bnr-box a:nth-child(3) {
		margin-top: 14px;
		width     : 30%;
		height    : 61px;
	}

	.sec05 a:hover {
		opacity   : 0.8;
		transition: 0.3s ease;
	}
}


@media screen and (max-width: 767px) {


	.lp .main-area .main-area-contents.pc {
		display: none;
	}

	.lp .main-area .main-area-contents.sp {
		display: block;
	}

	.wrap.lp .main-area {
		margin-top  : 0;
		margin-left : auto;
		margin-right: auto;
	}

	.lp .lp-header {
		margin : 0 auto;
		padding: 20px 0;
	}

	.lp .lp-header .logo {
		width : 170px;
		margin: 0 auto;
	}

	.container {
		max-width: 335px;
		width    : 90%;
		margin   : 0 auto;
	}

	.lp .noscript {
		color        : #fff;
		font-weight  : 700;
		font-size    : 14px;
		padding      : 20px;
		border       : 1px solid #fff100;
		border-radius: 5px;
	}

	.lp .p-t20 {
		padding-top: 10px;
	}

	.lp .p-t40 {
		padding-top: 20px;
	}

	.lp .p-t60 {
		padding-top: 30px;
	}

	.lp .p-t120 {
		padding-top: 60px;
	}

	.lp .p-b20 {
		padding-bottom: 10px;
	}

	.lp .p-b40 {
		padding-bottom: 20px;
	}

	.lp .p-b60 {
		padding-bottom: 30px;
	}

	.lp .p-b120 {
		padding-bottom: 60px;
	}

	.sec02 p {
		text-align    : center;
		font-size     : 12px;
		font-weight   : 700;
		line-height   : 1.8;
		letter-spacing: -0.4px;
	}

	.sec04 .attention p {
		font-size     : 12px;
		font-weight   : 600;
		line-height   : 1.8;
		letter-spacing: -0.4px;
	}

	.sec04 .attention .ttl {
		background-color: #fff;
		font-size       : 14px;
		font-weight     : 900;
		color           : #231f20;
		padding         : 10px 10px;
		margin-bottom   : 10px;
		letter-spacing  : inherit;
		line-height     : 1.4;
		text-align      : center;
	}

	.sec05 .bnr-box {
		display        : flex;
		max-width      : 615px;
		margin         : 0 auto;
		justify-content: space-between;
	}

	.sec05 .bnr-box a:nth-child(1) {
		width     : 25%;
		margin-top: 7px;
	}

	.sec05 .bnr-box a:nth-child(2) {
		width: 35%;
	}

	.sec05 .bnr-box a:nth-child(3) {
		width     : 30%;
		margin-top: 7px;
	}


}