@charset "UTF-8";

.sml {
	display: none;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {


	
.deco {
	position: absolute;
	z-index: 1;
	transition-duration: 0.5s;
}
#deco01 {
	display: none;
}
#deco02 {
	animation: 3s linear infinite rotation1;
	top: 25%;
	right: -3%;
	width: 100px;
}
#deco03 {
	top: 35%;
	left: -4%;
	width: 236px;
}
#deco04 {
	bottom: 26%;
	left: 16%;
	width: 66px;
}
#deco05 {
	bottom: -10%;
	right: 12%;
	width: 100px;
}
#deco06 {
	top: 13%;
	left: 23%;
	width: 38px;
}
#deco07 {
	top: -1.5%;
	right: 32%;
	width: 160px;
}
#deco08 {
	animation: 3s linear infinite rotation1;
	top: -3%;
	left: 18%;
	width: 50px;
}
#deco09 {
	top: 17.5%;
	left: 0.5%;
	width: 110px;
}
#deco10 {
	top: 26%;
	right: 30%;
	width: 85px;
}
#deco11 {
	top: 40%;
	left: 5%;
	width: 50px;
}
#deco12 {
	top: 44%;
	right: 5%;
	width: 86px;
}
#deco13 {
	top: 53%;
	left: -2%;
	width: 110px;
}
#deco14 {
	top: 58%;
	left: 36%;
	width: 90px;
}
#deco15 {
	top: 63%;
	right: 20%;
	width: 30px;
}
#deco16 {
	animation:4s ease-in-out infinite rotation2;
	top: 64%;
	left: 13%;
	width: 100px;
}
#deco17 {
	top: 74%;
	left: 2%;
	width: 35px;
}
#deco18 {
	animation:4s ease-in-out infinite rotation2;
	top: 23%;
	right: -4%;
	width: 145px;
}
#deco19 {
	top: 30%;
	right: 12%;
	width: 30px;
}
#deco20 {
	top: 33.5%;
	left: 16%;
	width: 60px;
}
#deco21 {
	bottom: 11%;
	right: -2%;
	width: 100px;
}
#deco22 {
	bottom: 3%;
	left: 10%;
	width: 160px;
}
#deco23 {
	bottom: 2.5%;
	right: 22%;
	width: 80px;
}
#deco24 {
	bottom: 2.5%;
	right: 8%;
	width: 120px;
}

	
	
	
	
#contents {
	overflow: hidden;
}
	
	#mainArea {
		position: relative;
		background-image: url("../img/action/mainimg.jpg");
		background-size: cover;
		padding: 11vw 0 16.4vw;
	}
		#mainArea > img {
			max-width: none;
			width: 100%;
		}
		#mainArea h1{
			width: 475px;
			margin: auto;
		}
		#mainArea h1 img + img{
			position: absolute;
			top: 0;
			left: 0;
			width: 500px;
		}
	
	
	.secArea {
		position: relative;
		padding-bottom: 300px;
	}
		.sec {
		}
		.sec + .sec {
		}
			.sec .sec_box {
				position: relative;
			}
			.sec:nth-child(even) .sec_box {
				text-align: right;
			}
			.sec .sec_box::before {
				position: absolute;
				content: "";
				top: 0;
				width: 1040px;
				height: 100%;
				background-size: 100%;
				background-repeat: no-repeat;
			}
			.sec:nth-child(odd) .sec_box::before {
				left: 240px;
			}
			.sec:nth-child(even) .sec_box::before {
				right: 240px;
			}
				.sec .sec_box dl {
					position: relative;
					background-color: #e71f19;
					display: inline-block;
					box-sizing: border-box;
					padding: 50px 30px;
					width: 435px;
					color: #fff;
					text-align: left;
				}
				.sec:nth-child(odd) .sec_box dl {
					margin-left: 30px;
				}
				.sec:nth-child(even) .sec_box dl {
					margin-right: 30px;
				}
				.sec .sec_box dl::before ,
				.sec .sec_box dl::after {
					content: "";
					position: absolute;
					top: 0;
					border-top: 30px solid transparent;
					border-bottom: 30px solid transparent;
					height: calc(100% - 60px);
					width: 0;
				}
				.sec .sec_box dl::before {
					left: -30px;
					border-right: 30px solid #e71f19;
				}
				.sec .sec_box dl::after {
					right: -30px;
					border-left: 30px solid #e71f19;
				}
					.sec .sec_box dl dt {
						width: 254px;
					}
					.sec .sec_box dl dd {
						margin-top: 30px;
					}
						.sec .sec_box dl dd div {
							font-weight: bold;
							font-size: 22px;
							letter-spacing: 2px;
							line-height: 1.6;
						}
						.sec .sec_box dl dd p {
							margin-top: 20px;
							line-height: 2.2;
						}
			.sec .sec_img {
				position: relative;
				margin-top: 60px;
			}
				.sec .sec_img li {
					float: left;
				}
				.sec .sec_img li:nth-child(1) {
				}
				.sec .sec_img li:nth-child(2) {
				}

	
	#sec01 {
		margin-top: 240px;
	}
			#sec01 .sec_box {
				padding: 58px 0;
			}
			#sec01 .sec_box::before {
				background-image: url("../img/action/sec01_img01.png");
			}
				#sec01 .sec_img li:nth-child(1) {
					width: 432px;
				}
				#sec01 .sec_img li:nth-child(2) {
					width: 550px;
					margin-left: 58px;
				}
	
	#sec02 {
		margin-top: 260px;
	}
			#sec02 .sec_box {
				padding-bottom: 115px;
			}
			#sec02 .sec_box::before {
				top: 80px;
				background-image: url("../img/action/sec02_img01.png");
			}
			#sec02 .sec_img {
				margin-top: 140px;
			}
				#sec02 .sec_img li:nth-child(1) {
					width: 434px;
				}
				#sec02 .sec_img li:nth-child(2) {
					width: 644px;
					position: absolute;
					top: 0;
					right: -98px;
				}
	
	#sec03 {
		margin-top: 600px;
	}
			#sec03 .sec_box {
				padding-top: 115px;
			}
			#sec03 .sec_box::before {
				top: -180px;
				background-image: url("../img/action/sec03_img01.png");
			}
				#sec03 .sec_img li:nth-child(1) {
					width: 426px;
					margin-left: 60px;
				}
				#sec03 .sec_img li:nth-child(2) {
					width: 366px;
					position: absolute;
					top: -176px;
					left: 546px;
				}
	
	
	
	
	
	
	
	
	
	
	
}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {

.deco {
	position: absolute;
	z-index: 1;
	transition-duration: 0.5s;
	line-height: 1;
}
#deco01 {
	display: none;
}
#deco02 {
	animation: 3s linear infinite rotation1;
	top: 5%;
	right: -3%;
	width: 30px;
}
#deco03 {
	top: 15%;
	left: -4%;
	width: 86px;
}
#deco04 {
	bottom: 19%;
	left: 34%;
	width: 33px;
}
#deco05 {
	bottom: -10%;
	right: 12%;
	width: 50px;
}
#deco06 {
	top: 13%;
	left: 23%;
	width: 19px;
}
#deco07 {
	top: 3%;
	left: 1%;
	width: 40px;
}
#deco08 {
	animation: 3s linear infinite rotation1;
	top: -3%;
	left: 18%;
	width: 25px;
}
#deco09 {
	top: 31.5%;
	left: -5%;
	width: 55px;
}
#deco10 {
	top: 26%;
	right: 30%;
	width: 40px;
}
#deco11 {
	display: none;
}
#deco12 {
	top: 50%;
	right: 6%;
	width: 43px;
}
#deco13 {
	top: 62%;
	left: -2%;
	width: 55px;
}
#deco14 {
	top: 62%;
	left: 36%;
	width: 45px;
}
#deco15 {
	top: 63%;
	right: 14%;
	width: 30px;
}
#deco16 {
	animation:4s ease-in-out infinite rotation2;
	top: 67%;
	left: 8%;
	width: 50px;
}
#deco17 {
	display: none;
}
#deco18 {
	animation:4s ease-in-out infinite rotation2;
	top: 29%;
	right: -4%;
	width: 75px;
}
#deco19 {
	top: 30%;
	right: 62%;
	width: 20px;
}
#deco20 {
	display: none;
}
#deco21 {
	bottom: 5%;
	right: -2%;
	width: 50px;
}
#deco22 {
	bottom: 3%;
	left: 10%;
	width: 80px;
}
#deco23 {
	bottom: 2.5%;
	right: 36%;
	width: 30px;
}
#deco24 {
	bottom: 2.5%;
	right: -2%;
	width: 80px;
}

	
	
#contents {
	overflow: hidden;
}
	
	#mainArea{
		position: relative;
		background-image: url("../img/action/mainimg.jpg");
		background-size: cover;
		background-position: center;
		padding: 20vw 0 25vw;
	}
		#mainArea h1{
			position: relative;
			max-width:437px; 
			width: 75%;
			margin: 0 auto;
		}
			#mainArea h1 img:nth-child(2) {
				position: absolute;
				top: 0;
				left: 0;
			}
	
	
	.secArea {
		position: relative;
		padding-bottom: 200px;
	}
		.sec {
		}
		.sec + .sec {
		}
			.sec .sec_box {
				position: relative;
			}
			.sec:nth-child(even) .sec_box {
				text-align: right;
			}
			.sec .sec_box::before {
				position: absolute;
				content: "";
				top: 0;
				width: 520px;
				height: 315px;
				background-size: 100%;
				background-repeat: no-repeat;
			}
			.sec:nth-child(odd) .sec_box::before {
				left: 40px;
			}
			.sec:nth-child(even) .sec_box::before {
				right: 40px;
			}
				.sec .sec_box dl {
					position: relative;
					background-color: #e71f19;
					display: inline-block;
					box-sizing: border-box;
					padding: 25px 10px;
					width: calc(90% - 8px);
					color: #fff;
					text-align: left;
				}
				.sec:nth-child(odd) .sec_box dl {
					margin-left: 20px;
				}
				.sec:nth-child(even) .sec_box dl {
					margin-right: 20px;
				}
				.sec .sec_box dl::before ,
				.sec .sec_box dl::after {
					content: "";
					position: absolute;
					top: 0;
					border-top: 20px solid transparent;
					border-bottom: 20px solid transparent;
					height: calc(100% - 40px);
					width: 0;
				}
				.sec .sec_box dl::before {
					left: -20px;
					border-right: 20px solid #e71f19;
				}
				.sec .sec_box dl::after {
					right: -20px;
					border-left: 20px solid #e71f19;
				}
					.sec .sec_box dl dt {
						width: 200px;
					}
					.sec .sec_box dl dd {
						margin-top: 25px;
					}
						.sec .sec_box dl dd div {
							font-weight: bold;
							font-size: 18px;
							letter-spacing: 2px;
							line-height: 1.6;
						}
						.sec .sec_box dl dd p {
							margin-top: 20px;
						}
			.sec .sec_img {
				position: relative;
				margin-top: 20px;
			}
				.sec .sec_img li {
					float: left;
				}
				.sec .sec_img li:nth-child(1) {
				}
				.sec .sec_img li:nth-child(2) {
				}

	
	#sec01 {
		margin-top: 80px;
	}
			#sec01 .sec_box {
				padding: 210px 0 0;
			}
			#sec01 .sec_box::before {
				background-image: url("../img/action/sec01_img01.png");
			}
				#sec01 .sec_img li:nth-child(1) {
					width: 45%;
				}
				#sec01 .sec_img li:nth-child(2) {
					width: 50%;
					float: right;
				}
	
	#sec02 {
		margin-top: 160px;
	}
			#sec02 .sec_box {
				padding-bottom: 154px;
			}
			#sec02 .sec_box::before {
				top: 390px;
				background-image: url("../img/action/sec02_img01.png");
			}
			#sec02 .sec_img {
				margin-top: 95px;
			}
				#sec02 .sec_img li:nth-child(1) {
					width: 45%;
				}
				#sec02 .sec_img li:nth-child(2) {
					width: 66%;
					position: absolute;
					top: 0;
					right: -16%;
				}
	
	#sec03 {
		margin-top: 400px;
	}
			#sec03 .sec_box {
			}
			#sec03 .sec_box::before {
				top: -220px;
				background-image: url("../img/action/sec03_img01.png");
			}
				#sec03 .sec_img li:nth-child(1) {
					width: 59%;
				}
				#sec03 .sec_img li:nth-child(2) {
					width: 36%;
					float: right;
				}
	

	
	
	
	
}



/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 374px */
@media only screen and (max-width: 374px) {

.sml {
	display: block;
}
				.sec02 .sec_txt dl dd {
					padding-bottom: 175vw;
				}
	
}