@charset "utf-8";






/*　section1　*/
.section1{
	padding: 20px 0 0 0;
	position: relative;
	z-index: 3;
}
@media screen and (max-width: 600px) {
	.section1{
		padding: 30px 0 0 0;
		height: auto;
	}
}
.section1 .mainT{
	font-size: 30px;
	text-align: center;
	position: relative;
	margin: 0 0 50px;
}
@media screen and (max-width: 600px) {
	.section1 .mainT{
		font-size: 20px;
		margin: 0 0 20px;
	}
}
.section1 .mainT:before{
	background: url("../images/mainT_1.webp") no-repeat left center;
	content: " ";
	display: inline-block;
	width: 40px;
	height: 60px;
	position: relative;
	top: 20px;
	left: 0;
}
.section1 .mainT:after{
	background: url("../images/mainT_2.webp") no-repeat right center;
	content: " ";
	display: inline-block;
	width: 40px;
	height: 60px;
	position: relative;
	top: 20px;
	right: 0;
}
@media screen and (max-width: 600px) {
	.section1 .mainT:before,
	.section1 .mainT:after{
		display: none;
	}
}



.section1 .panel{	
	min-height: 500px;
	width: 100%;
	padding: 50px 0;
}
@media screen and (max-width: 600px) {
	.section1 .panel{
		min-height: 100px;
		padding: 30px 10px;
	}
}
.panelBox .panel h2{
	text-align: center;
	padding: 0 0 30px;
}
.panelBox .panel .inBox{
	position: relative;
	background: #FFF;
	border-radius: 20px;
	padding: 5px 15px;
	margin: 0 1% 70px;
	width: 48%;
	min-height: 214px;
	float: left;
	z-index: 5;
}
@media screen and (max-width: 600px) {
	.panelBox .panel .inBox{
		width: 96%;
		margin: 0 2% 70px;
		float: none;
	}
}
.panelBox .panel .inBoxOne{
	float: none;
	margin: 0 auto 70px;
	width: 60%;
}
@media screen and (max-width: 600px) {
	.panelBox .panel .inBoxOne{
		width: 96%;
	}
}
.panelBox .panel .inBox:after{
	content: url("../images/section1_4.webp");
	position: absolute;
	bottom: -50px;
	left: 70px;
}
.panelBox .panel .inBox h3{
	font-size: 22px;
	background: url("../images/section1_3.webp") no-repeat left center;
	padding: 20px 0 20px 60px;
	margin: 0 0 10px;
	border-bottom: 2px solid #000;
}
.panelBox .panel .inBox ul{
	padding: 0 0 10px;
}
.panelBox .panel .inBox li{
	position: relative;
	padding: 3px 0 3px 25px;
}
.panelBox .panel .inBox li:before{
	position: absolute;
	top: 0;
	left: 0;
	content: "□";
	font-size: 20px;
}

.panelBox .inBox1{
	background-color: #f8b62d;
	z-index: 3;
}


/*　section2　*/
.section2{
	position: relative;
	z-index: 4;
}

.section2 .greenBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #5bb431;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 1;
}
.section2 .grayBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #e9ecf1;
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 2;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox{
		position: relative;
		top: auto;
		left: auto;
	}
}

.section2 .grayBox .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 100px 0 0 0;
}
.section2 .grayBox .inBox .title_arrow{
	border-color:#f8b62d;
	text-align: center;
	color: #f8b62d;
}
.section2 .grayBox .inBox .title_arrow:before,
.section2 .grayBox .inBox .title_arrow:after{
	border-color: #f8b62d transparent transparent transparent;
}

.section2 .grayBox .inBox .title_arrow:after{
	border-color: #e9ecf1 transparent transparent transparent;
}

.section2 .grayBox .inBox h2{
	text-align: center;
	font-size: 40px;
	position: relative;
	color: #231815;
	letter-spacing: -1px;
	margin: 0 0 20px;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox .inBox h2{
		font-size: 20px;
		margin: 0 0 20px;
	}
}
.section2 .grayBox .inBox h2:before{
	content: url("../images/section2_1.webp");
	position: relative;
	top: 28px;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox .inBox h2:before{
		content: "　";
		background: url("../images/section2_1.webp") no-repeat center top;
		background-size: 150px;
		padding: 10px 0;
		top: auto;
		display: block;
	}
}
.section2 .grayBox .inBox .in{
	padding: 0px 0 0 48%;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox .inBox .in{
		padding: 0 10px;
	}
}
.section2 .grayBox .inBox .in .img1{
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox .inBox .in .img1{
		width: 100px;
	}
}
.section2 .grayBox .inBox .in .img2{
	position: absolute;
	top: 65px;
	left: 38%;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox .inBox .in .img2{
		display: none;
	}
}
.section2 .grayBox .inBox .in .tx1{
	font-size: 26px;
	font-weight: bold;
	margin: 0 0 50px;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox .inBox .in .tx1{
		font-size: 18px;
		padding: 0 0 0 110px;
		margin: 0 0 20px;
		line-height: 180%;
	}
}
.section2 .grayBox .inBox .in .tx1 span{
	color: #e60012;
	padding: 0 0 15px;
	background: url("../images/section2_4.webp") repeat-x left bottom;
}
@media screen and (max-width: 600px) {
	.section2 .grayBox .inBox .in .tx1 span{
		padding: 0 0 5px;
		background-size: 20px;
	}
}
.section2 .grayBox .inBox .in .tx2{
	padding: 0 0 70px;
}
.section2 .grayBox .inBox .in .tx2 span{
	color: #e60012;
}
.section2 .in2{
	padding: 0 0 40px;
}
.section2 .in2 .title{
	text-align: center;
	font-size: 30px;
	position: relative;
	color: #231815;
	padding: 0 0 20px;
}
@media screen and (max-width: 600px) {
	.section2 .in2 .title{
		font-size: 20px;
	}
}
.section2 .movieBox{
	padding: 40px 0;
}
@media screen and (max-width: 600px) {
	.section2 .movieBox{
		padding: 0 10px;
	}
}

/*　section3　*/
.section3{
	padding: 60px 0 0 0;
}

@media screen and (max-width: 600px) {
	.section3{
		padding: 40px 0 0 0;
	}
}
.section3 h2.movieT{
	text-align: center;
	font-size: 38px;
	padding: 20px 120px 30px 0;
	position: relative;
	color: #5bb431;
	margin: 80px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section3 h2.movieT{
		padding: 20px 100px 0px 0;
		display: none;
	}
}
.section3 h2.movieT span{
	position: absolute;
	top: -30px;
	right: 50px;
	display: block;
	background: url("../images/section6_1.webp") no-repeat left center;
	width: 240px;
	height: 120px;
	text-indent: -9999px;
}
@media screen and (max-width: 600px) {
	.section3 h2.movieT span{
		display: none;
	}
}
.section3 h2.movieT span:after{
	content: "声";
	position: absolute;
	top: 50px;
	right: 110px;
	text-indent: 0;
}
@media screen and (max-width: 600px) {
	.section3 h2.movieT{
		font-size: 24px;
	}
}

.section3 .movieBox{
	padding: 20px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section3 .movieBox{
		padding: 20px 0 0;
	}
}
.section3 .movieBox .movie{
	float: left;
	width: 50%;
	text-align: center;
	margin: 0 0 30px;
}
@media screen and (max-width: 600px) {
	.section3 .movieBox .movie{
		width: 96%;
		margin: 0 2% 20px;
	}
	.section3 .movieBox .movie .youtube{
		/*display: none;*/
	}
}
.section3 .movieBox .movie .tx{
	text-align: left;
	padding: 0 0 0 20px;
}
@media screen and (max-width: 600px) {
	.section3 .movieBox .movie .tx{
		padding: 0;
		text-align: center;
	}
}


/*　section3_1　*/
.section3_1{
	position: relative;
	z-index: 4;
    margin: 100px 0 50px;
}

.section3_1 .greenBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #5bb431;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 1;
}
.section3_1 .grayBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #e9ecf1;
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 2;
}
@media screen and (max-width: 600px) {
	.section3_1 .grayBox{
		position: relative;
		top: auto;
		left: auto;
	}
}

.section3_1 .grayBox .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 100px 0;
}
@media screen and (max-width: 600px) {
    .section3_1 .grayBox .inBox{
        padding: 40px 10px;
    }
}
.section3_1 .grayBox .inBox .title_arrow{
	border-color:#f8b62d;
	text-align: center;
	color: #f8b62d;
    width: 550px;
    font-size: 40px;
}
@media screen and (max-width: 600px) {
    .section3_1 .grayBox .inBox .title_arrow{
        font-size: 18px;
        width: auto;
    }
}
.section3_1 .grayBox .inBox .title_arrow:before,
.section3_1 .grayBox .inBox .title_arrow:after{
	border-color: #f8b62d transparent transparent transparent;
}

.section3_1 .grayBox .inBox .title_arrow:after{
	border-color: #e9ecf1 transparent transparent transparent;
}
.section3_1 .grayBox .inBox .movieBox{
    padding: 50px 0 0 0;
}
@media screen and (max-width: 600px) {
    .section3_1 .grayBox .inBox .movieBox{
        padding: 20px 0 0 0;
    }
}


/*　section3_2　*/

.section3_2{
	background-color: #FCE6E8;
	padding: 220px 0;
}
@media screen and (max-width: 600px) {
	.section3_2{
		padding: 160px 0;
	}
}
.section3_2 .inner {
	padding: 0 5px;
}
.section3_2 .title_arrow{
	border-color:#5bb431;
	color: #5bb431;
	background-color: #FFF;
}
.section3_2 .title_arrow:before,
.section3_2 .title_arrow:after{
	border-color: #5bb431 transparent transparent transparent;
}

.section3_2 .title_arrow:after{
	border-color: #FFF transparent transparent transparent;
}
.section3_2 h2{
	text-align: center;
	padding: 0 0 80px;
}
@media screen and (max-width: 600px) {
	.section3_2 .spT{
		padding: 0 10px 30px;
	}
}
.section3_2 .reasonBox .inBox{
	padding: 0;
	margin: 0 0 10px;
	position: relative;
}

@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox{
		padding: 0px 10px;
	}
}
.section3_2 .reasonBox .inBox .title{
	display: table;
	padding: 5px;
	cursor: pointer;
	width: 100%;
	border: 2px solid #5bb431;
	border-radius: 50px;
	background-color: #FFF;
}
@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox .title{
		border-radius: 0px;
	}	
}
.section3_2 .reasonBox .inBox .title .point{
	display: table-cell;
	vertical-align: middle;
	background: #5bb431;
	border-radius: 50%;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 60px !important;
	line-height: 180%;
	padding: 10px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox .title .point{
		border-radius: 0;
	}
}
.section3_2 .reasonBox .inBox .title .point span{
	font-size: 30px;
	display: block;
	padding: 0 0 5px;
}
.section3_2 .reasonBox .inBox .title h3{
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	padding: 0 80px 0 10px;
	line-height: 130%;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox .title h3{
		font-size:18px;
	}
}
.section3_2 .reasonBox .inBox .title h3:after{
	content: "＋";
	font-size: 40px;
	position:absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.section3_2 .reasonBox .inBox .left{
	padding: 20px 0 0 0px;
	font-size: 17px;
	line-height: 180%;
}
@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox .left{
		padding: 0;
		font-size: 16px;
	}
}
.section3_2 .reasonBox .inBox .tx span{
	color: #e60012;
}
.section3_2 .reasonBox .inBox .tx2{
	font-size: 14px;
	padding: 20px 0 0 0;
	line-height: 150%;
}
.section3_2 .reasonBox .inBox .imgBox{
	text-align: center;
	font-size: 24px;
}
@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox .imgBox{
		font-size: 20px;
		padding: 20px 0 0 0;
	}
}
.section3_2 .reasonBox .inBox .imgBox .tx{
	color: #e60012;
	font-weight: bold;
	margin: -15px 0 0 0;
}
.section3_2 .reasonBox .inBox2{
	text-align: center;
	padding: 30px 0 0 0;
	left: -0.5px;
}
@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox2{
		text-align: left;
		padding: 30px 10px;
	}
}
.section3_2 .reasonBox .inBox2 .tx{
	font-size: 38px;
	color: #e60012;
	padding: 0 0 50px;
}
@media screen and (max-width: 600px) {
	.section3_2 .reasonBox .inBox2 .tx{
		font-size: 24px;
	}
}
.section3_2 .meritto_chi{
	display: none;
	padding: 30px;
}





/*　section4　*/
.section4{
	position: relative;
	z-index: 4;
	margin: 100px 0;
	color: #FFF;
}
@media screen and (max-width: 600px) {
	.section4{
		margin: 100px 0;
	}
}

.section4 .mainBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #5bb431;
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 2;
}
.section4 .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #f8b62d;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 1;
}
.section4 .mainBox .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 150px 0;
}
@media screen and (max-width: 600px) {
	.section4 .mainBox .inBox{
		padding: 50px 0;
	}
}
.section4 .title_arrow{
	border-color:#FFF;
	color: #FFF;
}
.section4 .title_arrow:before,
.section4 .title_arrow:after{
	border-color: #FFF transparent transparent transparent;
}

.section4 .title_arrow:after{
	border-color: #5bb431 transparent transparent transparent;
}
.section4 h2{
	text-align: center;
	font-size: 38px;
	padding: 20px 0 30px;
}
@media screen and (max-width: 600px) {
	.section4 h2{
		font-size: 24px;
	}
}
.section4 h2 span{
	color: #fff100;
}
.section4 .subT{
	text-align: center;
	font-size: 22px;
	padding: 0 0 100px;
}
@media screen and (max-width: 600px) {
	.section4 .subT{
		padding: 0 0 50px;
	}
}
.section4 .listBox ul{
	text-align: center;
}
.section4 .listBox ul li{
	margin: 0 5px;
	padding: 0 0 30px;
}
@media screen and (max-width: 600px) {
	.section4 .listBox ul li{
		margin: 0 5px;
		line-height: 140%;
		padding: 0 0 10px;
	}
}
.section4 .slide {
  -webkit-animation: infinity-loop 40s infinite linear 1s both;
          animation: infinity-loop 40s infinite linear 1s both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; 
  height: 250px;
  position: relative;
}
.section4 .tx2{
	border: 4px solid #FFF;
	padding: 30px;
	text-align: center;
	width: 50%;
	margin: 0 auto;
	font-size: 24px;
}
@media screen and (max-width: 600px) {
	.section4 .tx2{
		width: 90%;
		font-size:18px;
		padding: 30px 10px;
	}
}




/*　section5　*/
.section5{
	position: relative;
	z-index: 4;
	margin: 150px 0 0;
}
@media screen and (max-width: 600px) {
	.section5{
		margin: 70px 0;
	}
}
.section5 .title_arrow{
	border-color:#f8b62d;
	color: #f8b62d;
}
.section5 .title_arrow:before,
.section5 .title_arrow:after{
	border-color: #f8b62d transparent transparent transparent;
}

.section5 .title_arrow:after{
	border-color: #fff transparent transparent transparent;
}
.section5 h2{
	text-align: center;
	font-size: 50px;
	padding: 0px 0 30px;
	color: #f8b62d;
}
@media screen and (max-width: 600px) {
	.section5 h2{
		font-size: 24px;
	}
}
.section5 .subT{
	font-size: 28px;
	text-align: center;
	color: #f8b62d;
	padding: 20px 0 0;
}
@media screen and (max-width: 600px) {
	.section5 .subT{
		font-size: 18px;
	}
}
.section5 .tx{
	text-align: center;
	padding: 0 0 50px;
}
@media screen and (max-width: 600px) {
	.section5 .tx{
		padding: 0 10px 30px;
		text-align: left;
	}
}





.section5 .inBox .listBox{
	padding: 50px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section5 .inBox .listBox{
		padding: 30px 10px;
	}
}
.section5 .inBox .listBox .titleBox{
	background-color: #f8b62d;
	padding: 10px;
	display: table;
	width: 100%;
}
.section5 .inBox .listBox .titleBox .point{
	display: table-cell;
	vertical-align: middle;
	width: 200px;
}
.section5 .inBox .listBox .titleBox h3{
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	color: #FFF;
}
@media screen and (max-width: 600px) {
	.section5 .inBox .listBox .titleBox{
		display: block;
		text-align: center;
	}
	.section5 .inBox .listBox .titleBox .point{
		display: block;
		width: 150px;
		margin: 0 auto;
	}
	.section5 .inBox .listBox .titleBox h3{
		display: block;
		font-size: 18px;
		line-height: 160%;
	}
}
.section5 .inBox .listBox .in{
	padding: 30px 30px 0px 10px;
	display: table;
	width: 100%;
}
.section5 .inBox .listBox .in .imgBox{
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	text-align: center;
}
.section5 .inBox .listBox .in .txBox{
	display: table-cell;
	width: 80%;
}
@media screen and (max-width: 600px) {
	.section5 .inBox .listBox .in{
		display: block;
		padding: 20px 0;
	}
	.section5 .inBox .listBox .in .imgBox{
		display: block;
		width: 100%;
	}
	.section5 .inBox .listBox .in .txBox{
		display: block;
		width: 100%;
	}
}
.section5 .inBox .listBox .in .txBox li{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	padding: 7px 0 7px 20px;
	border-bottom: 1px dashed #515151;
}
@media screen and (max-width: 600px) {
	.section5 .inBox .listBox .in .txBox li{
		font-size: 16px;
	}
}
.section5 .inBox .listBox .in .txBox li:before{
	content: "□";
	position: absolute;
	left: 0;
	top: 7px;
}


/*　section6　*/
.section6{
	position: relative;
	z-index: 4;
	margin: 150px 0 50px;
	color: #FFF;
}
@media screen and (max-width: 600px) {
	.section6{
		margin: 70px 0;
	}
}

.section6 .mainBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background: url("../images/section6_bg.webp");
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 2;
}
.section6 .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #f8b62d;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 1;
}
.section6 .mainBox .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 150px 0;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
	.section6 .mainBox .inBox{
		padding: 100px 0 50px;
	}
}
.section6 .title_arrow{
	border-color:#FFF;
	color: #FFF;
}
.section6 .title_arrow:before,
.section6 .title_arrow:after{
	border-color: #FFF transparent transparent transparent;
}

.section6 .title_arrow:after{
	border-color: #5bb431 transparent transparent transparent;
}
.section6 .inBox2{
	background-color: #FFF;
	border-radius: 20px;
	padding: 40px;
	margin: 70px 0 0 0;
	color: #000;
}
@media screen and (max-width: 600px) {
	.section6 .inBox2{
		padding: 20px;
		margin: 50px 10px 0;
		min-height: 1380px;
	}
}
.section6 .inBox2 .w48 {
	overflow: hidden;
}
.section6 .inBox2 .tx1{
	font-size: 14px;
	padding: 0 0 30px;
}
.section6 .inBox2 .tx1 span{
	font-size: 18px;
	display: block;
}
.section6 .inBox2 .tx2{
	font-size: 20px;
	font-weight: bold;
	height: 88px;
}
@media screen and (max-width: 600px) {
	.section6 .inBox2 .tx2{
		height: auto;
		padding: 0 0 10px;
	}
	
	.section6 .inBox2 .left .tx3{
		padding: 0 0 50px;
	}
}




/*　section7　*/
.section7{
	position: relative;
	z-index: 3;
	padding: 150px 0 80px;
	background: url("../images/section7_bg.webp");
}
@media screen and (max-width: 600px) {
	.section7{
		margin: 120px 0 70px;
		padding: 0px 0 50px;
	}
}
.section7 .title_arrow{
	border-color:#46a941;
	color: #46a941;
}
@media screen and (max-width: 600px) {
    .section7 .title_arrow{
        font-size: 36px;
    }
}
.section7 .title_arrow:before,
.section7 .title_arrow:after{
	border-color: #46a941 transparent transparent transparent;
}

.section7 .title_arrow:after{
	border-color: #fff transparent transparent transparent;
}
.section7 h2{
	text-align: center;
	padding: 0px 0 30px;
}
.section7 .inBox {
	padding: 50px 0;
	display: table;
	width: 100%;
	table-layout: fixed;
}
.section7 .inBox .in{
	display: table-cell;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.section7 .inBox {
		display: block;
	}
	.section7 .inBox .in{
		display: block;
		padding: 0 10px;
	}
}
.section7 .inBox .in .imgBox {
	max-width: 33.333vw;
}
@media screen and (max-width: 600px){
	.section7 .inBox .in .imgBox {
		max-width: 100vw;
		margin: 0 calc(50% - (50% + 20px));
	}
}
.section7 .inBox .in .imgBox img {
	max-width: 100%;
}
@media screen and (max-width: 600px){
	.section7 .inBox .in .imgBox img {
		width: 80%;
	}
}
.section7 .inBox .inBox3 .in .imgBox img {
	width: 100%;
}
.section7 .inBox .in .tx1{
	font-weight: bold;
	font-size: 26px;
}
.section7 .inBox .in .tx2{
	padding: 0 0 40px;
}
.section7 .inBox2 .tx1{
	font-weight: bold;
	font-size: 26px;
	text-align: center;
}
.section7 .inBox2 .tx2{
	padding: 0 0 40px;
	text-align: center;
}
.section7 .inBox3 .in{
	float: left;
	width: 284px;
	margin: 0 24px;
	border: 2px solid #231815;
	max-width: calc(33.333% - 48px);
	overflow: hidden;
}
@media screen and (max-width: 600px) {
	.section7 .inBox3 .in{
		float: none;
		padding: 0 20px;
		margin: 0 auto 20px;
		max-width: 90%;
		width: 90%;
	}
}
.section7 .inBox3 .in .txBox{
	text-align: left;
	padding: 20px;
}
.section7 .inBox3 .in .tx3{
	font-size: 18px;
	font-weight: bold;
}
.section7 .inBox3 .in .tx4{
	padding: 0 0 20px;
	font-size: 14px;
}
.section7 .inBox3 .in .tx5 li{
	position: relative;
	padding: 0 0 0 15px;
	text-align: left;
	font-size: 14px;
}
.section7 .inBox3 .in .tx5 li:before{
	position:absolute;
	top: 0;
	left: 0;
	content: "●";
}
.section7 .inBox3 .in .priceBox{
	border-top: 2px solid #231815;
}
.section7 .inBox3 .in .priceBox img {
	max-width: 100%;
}
	


/*　section8　*/
.section8{
	position: relative;
	z-index: 3;
	padding: 150px 0 50px;
}
@media screen and (max-width: 600px) {
	.section8{
		margin: 70px 0;
		padding: 0;
	}
}
.section8 .title_arrow{
	border-color:#46a941;
	color: #46a941;
}
.section8 .title_arrow:before,
.section8 .title_arrow:after{
	border-color: #46a941 transparent transparent transparent;
}

.section8 .title_arrow:after{
	border-color: #fff transparent transparent transparent;
}
.section8 h2{
	text-align: center;
	padding:50px 0 0 0;
	font-size: 38px;
}
@media screen and (max-width: 600px) {
	.section8 h2{
		font-size: 24px;
		padding: 50px 10px 0;
	}
}
.section8 .subT{
	font-size: 24px;
	text-align: center;
	color: #e60012;
	padding: 20px 0 0;
}
@media screen and (max-width: 600px) {
	.section8 .subT{
		font-size: 18px;
	}
}
.section8 .reasonBox{
	padding: 30px 0 0 0;
}
.section8 .reasonBox .inBox{
	padding: 0 0 20px;
	margin: 20px 100px 0;
	width: 80%;
	border-bottom: 1px solid #231815;
}
@media screen and (max-width: 600px) {
	.section8 .reasonBox .inBox{
		margin: 20px 0 0;
		padding: 0 10px 20px;
		width: auto;
	}
}
.section8 .reasonBox .inBox.noline{
	border-bottom:none;
}
.section8 .reasonBox .inBox .title{
	display: table;
	padding: 0;
}
.section8 .reasonBox .inBox .title .point{
	display: table-cell;
	vertical-align: middle;
	background: #5bb431;
	border-radius: 50%;
	text-align: center;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	width: 60px;
	height: 60px;
	line-height: 180%;
	padding: 10px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section8 .reasonBox .inBox .title .point{
		border-radius: 0;
	}
}
.section8 .reasonBox .inBox .title .point span{
	font-size: 30px;
	display: block;
	padding: 0 0 5px;
}
.section8 .reasonBox .inBox .title h3{
	display: table-cell;
	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 0 10px;
	line-height: 130%;
}
@media screen and (max-width: 600px) {
	.section8 .reasonBox .inBox .title h3{
		font-size:18px;
	}
}
.section8 .reasonBox .inBox .tx{
	padding: 30px 0;
	display: none;
}
.section8 .reasonBox .inBox .tx span{
	color: #e60012;
}
.section8 .reasonBox .inBox2 {
	width: 80%;
	margin: 0 100px;
	padding: 0 0 30px;
}
@media screen and (max-width: 600px) {
	.section8 .reasonBox .inBox2 {
		width: auto;
		margin: 0;
		padding: 0 10px 30px;
	}
}
.section8 .reasonBox .inBox2 .title{
	font-size: 20px;
	padding: 0 0 20px;
	font-weight: bold;
}
.section8 .reasonBox .inBox2 .left,
.section8 .reasonBox .inBox2 .right{
	border-radius: 20px;
	padding: 20px;
	background-color: #5bb431;
	color: #FFF;
}
.section8 .reasonBox .inBox2 .right{
	background-color: #f8b62d;
}
@media screen and (max-width: 600px) {
	.section8 .reasonBox .inBox2 .right{
		margin: 20px 0 0 0;
	}
}
.section8 .tableBox{
	margin: 0 50px;
}
@media screen and (max-width: 600px) {
	.section8 .tableBox{
		margin: 0 10px;
	}
}
.section8 .tableBox .subT{
	color: #231815;
}
.section8 .tableBox table{
	margin: 30px 0;
	border: 3px solid #231815;
	width: 100%;
}
.section8 .tableBox table caption{
	background-color: #f8b62d;
	border-top: 3px solid #231815;
	border-left: 3px solid #231815;
	border-right: 3px solid #231815;
	padding: 10px;
}
.section8 .tableBox table td{
	border: 1px solid #231815;
	text-align: center;
	padding: 10px 0;
}
@media screen and (max-width: 600px) {
	.section8 .tableBox table td{
		font-size: 12px !important;
		padding: 5px;
	}
}
.section8 .tableBox table .gray{
	background-color: #cccccc;
}
.section8 .tableBox table .smile{
	background-color: #fcead5;
}
@media screen and (max-width: 600px) {
	.scroll{overflow: auto;	white-space: nowrap;}
	.scroll::-webkit-scrollbar{ height: 5px;}
	.scroll::-webkit-scrollbar-track{ background: #F1F1F1;}
	.scroll::-webkit-scrollbar-thumb { background: #BCBCBC;}
}
.section8 .acBox{
	margin: 20px 50px;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section8 .acBox{
		margin: 20px 10px;
	}
}
.section8 .acBox .ac_par{
	position: relative;
	background-color: #f8b62d;
	color: #FFF;
	font-size: 24px;
	padding: 10px;
	border-radius: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	height: 53px;
}
@media screen and (max-width: 600px) {
	.section8 .acBox .ac_par{
		font-size: 16px;
		padding: 15px 0 10px;
	}
}
.section8 .acBox .ac_par span{
	position: absolute;
	top: 7px;
	right: 7px;
	background-color: #FFF;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	color: #231815;
	font-size: 45px;
	padding: 2px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section8 .acBox .ac_par span{
		padding: 5px 0 0 0;
	}
}
.section8 .acBox .ac_chi{
	display: none;
	position: relative;
	top: -53px;
	left: 0;
	padding: 100px 50px 50px;
	border: 5px solid #f8b62d;
	border-radius: 30px;
	width: 100%;
	z-index: 4;
}
@media screen and (max-width: 600px) {
	.section8 .acBox .ac_chi{
		padding:70px 20px 20px;
	}
}
.section8 .acBox .ac_chi .title{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 0;
}
@media screen and (max-width: 600px) {
	.section8 .acBox .ac_chi .title{
		font-size: 20px;
		text-align: left;
	}
}
.section8 .acBox .ac_chi .tableBox{
	margin: 0;
}
.section8 .acBox .ac_chi .tableBox .price{
	border:5px solid #e60012;
}
.section8 .acBox .ac_chi .tableBox .price img{
	width: auto;
}
@media screen and (max-width: 600px) {
	.section8 .acBox .ac_chi .tableBox .price img,
	.section8 .acBox .ac_chi .tableBox .price_no img{
		width: 100px;
	}
}
.section8 .acBox .ac_chi .tableBox table{
	table-layout: fixed;
}
@media screen and (max-width: 600px) {
	.section8 .acBox .ac_chi .tableBox table{
		table-layout: auto;
	}
}
.section8 .acBox .ac_chi .tableBox table caption{
	background-color: #FFF;
	font-size: 25px;
	color: #5bb431;
	text-align: left;
	border: none;
}
.section8 .acBox .ac_chi .tableBox table td{
	font-size: 16px;
	height: 65px;
}
@media screen and (max-width: 600px) {
	.section8 .acBox .ac_chi .tableBox table td{
		font-size:14px;
		width: 105px;
		height: auto;
	}
}




/*　section9　*/
.section9{
	position: relative;
	z-index: 4;
	margin: 150px 0 0;
}
@media screen and (max-width: 600px) {
	.section9{
		margin: 70px 0 0;
	}
}

.section9 .mainBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/*background:#f1f2f7;*/
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 2;
}
.section9 .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	/*background-color: #f8b62d;*/
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 1;
}
.section9 .mainBox .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 150px 0;
}
@media screen and (max-width: 600px) {
	.section9 .mainBox .inBox{
		padding: 0 0 50px;
	}
}
.section9 .title_arrow{
	border-color:#f8b62d;
	color: #f8b62d;
	/*background: #f1f2f7;*/
}
.section9 .title_arrow:before,
.section9 .title_arrow:after{
	border-color: #f8b62d transparent transparent transparent;
}

.section9 .title_arrow:after{
	/*border-color: #f1f2f7 transparent transparent transparent;*/
	border-color: #FFF transparent transparent transparent;
}
.section9 h2{
	text-align: center;
	font-size: 38px;
	padding: 20px 0 30px 0;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section9 h2{
		font-size: 20px;
		padding: 20px 0 50px 0;
	}
}
.section9 .inBox img {
	max-width: 100%;
}
.section9 .inBox .txBox{
	background:url("../images/section9_2.webp") no-repeat 5% bottom;
	padding:50px 0 0 50%;
	height: 500px;
	line-height: 180%;
	background-size: min(64vw, 650px);
}
@media screen and (max-width: 600px) {
	.section9 .inBox .txBox{
		background-image: none;
		padding: 20px 10px;
		height: auto;
	}
}
.section9 .inBox .txBox .tx {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
}
.section9 .inBox .txBox h3{
	font-size: 26px;
	padding: 0 0 40px;
	line-height: 150%;
}
@media screen and (max-width: 600px) {
	.section9 .inBox .txBox h3{
		font-size: 20px;
		padding: 0 0 20px;
		text-align: center;
	}
}

/*　section10　*/
.section10{
	position: relative;
	z-index: 5;
	margin:0px 0 50px 0;
}
@media screen and (max-width: 600px) {
	.section10{
		margin: -50px 0 70px 0;
	}
}
.section10 .topBox{
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	-webkit-translate:translate(-50%, -50%);
	z-index: 6;
	height: 300px;
	width: 100%;
}
@media screen and (max-width: 600px) {
	.section10 .topBox{
		display: none;
	}
}

.section10 .topBox .leftBox,
.section10 .topBox .rightBox{
	background-color: #e8fcdb;
	width: 50%;
	height: 300px;
	float: left;
}

.section10 .topBox .rightBox{
	background-color: #fef0d5;
	float: right;
}
.section10 .mainBox{
	width: 100%;
	position: relative;
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 7;
}
@media screen and (max-width: 600px) {
	.section10 .mainBox{
		transform: skewY(0deg);
		-webkit-transform: skewY(0deg);
	}
}
.section10 .backBox{
	position: absolute;
	bottom: 0;
	left: 0;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	background-color:#5bb431;
	height: 500px;
	width: 100%;	
	z-index: 4;
}
@media screen and (max-width: 600px) {
	.section10 .backBox{
		display: none;
	}
}
.section10 .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 0px 0 0 20px;
	margin: -38px 0 38px 0;
	width: 480px;
	float: left;
	position: relative;
	z-index: 7;
	max-width: 50vw;
}
@media screen and (max-width: 600px) {
	.section10 .inBox{
		width: 90%;
		transform: skewY(0deg);
		-webkit-transform: skewY(0deg);
		margin: 0 auto;
		padding: 50px 0 0 0;
		float: none;
		max-width: none;
	}
}
.section10 .inBox .title{
	background-color: #5bb431;
	font-size: 42px;
	text-align: center;
	padding: 10px 20px 10px;
	border-radius: 80px;
	line-height: 100% !important;
}
@media screen and (max-width: 600px) {
	.section10 .inBox .title{
		font-size: 30px;
	}
}
.section10 .inBox .title h4{
	letter-spacing: 5px;
}
.section10 .inBox .title h4 span{
	color: #FFF;
}
.section10 .inBox .title .sub{
	font-weight: bold !important;
	font-size: 22px;
}
.section10 .inBox .arrow{
	text-align: center;
	margin: 30px auto 0;
	content: "　";
	width: 0;
	height: 0;
	border-top: solid 35px #5bb431;
	border-right: solid 40px transparent;
	border-bottom: solid 35px transparent;
	border-left: solid 40px transparent;
}
.section10 .inBox .in{
	border-bottom: 1px solid #231815;
	margin: 0 0 50px;
	min-height: 370px;
}
.section10 .inBox .in_noline{
	border-bottom:none;
}
.section10 .inBox .imgBox{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.section10 .inBox .imgBox .img_in{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 600px) {
	.section10 .inBox .imgBox .img_in{
		font-size: 16px;
	}
}
.section10 .inBox .imgBox .img_in p {
	font-size: min(2vw, 16px);
}
@media screen and (max-width: 600px) {
	.section10 .inBox .imgBox .img_in p {
		font-size: 16px;
	}
}
.section10 .inBox .txBox{
	padding: 30px 10px 50px;
}

.section10 .left{
	background-color: #e8fcdb;
	width: 50%;
	min-height: 500px;
}
.section10 .right{
	background-color: #fef0d5;
	width: 50%;
	min-height: 500px;
}
@media screen and (max-width: 600px) {
	.section10 .left,
	.section10 .right{
		float: none;
		width: 100%;
	}
}
.section10 .left .inBox{
	margin: -80px 0 80px 0;
	padding: 0px 20px 0 0;
	float: right;
}
@media screen and (max-width: 600px) {
	.section10 .left .inBox{
		float: none;
		margin: 0 auto;
		padding: 50px 0 0 0;
	}
}

.section10 .right .inBox .title{
	background-color: #f8b62d;
}
.section10 .right .inBox .arrow{
	border-top: solid 35px #f8b62d;
}











/*　section12　*/
.partnerWrap{
	padding-top: 150px;
}
.section12{
	position: relative;
	z-index: 4;
	margin: 150px 0 50px;
	color: #FFF;
}
.bpinfoBox .partner .bpBox{
	font-weight: bold;
	margin-top: 10px;
}
.bpinfoBox .partner .bpBox .txt{
	font-size: 22px;
	font-weight: bold;
	margin-top: 22px;
}
.bpinfoBox .partner .bpBox .support{
	font-weight: bold;
	margin-top: 10px;
}
@media screen and (max-width: 600px) {
	.partnerWrap{
		padding-top: 0;
	}
	.section12{
		margin: 70px 0;
	}
	.bpinfoBox .partner .bpBox{
		padding: 0 4%;
	}
}

.section12 .mainBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background:#5bb431;
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 2;
}
.section12 .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #f8b62d;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 1;
}
.section12 .mainBox .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 100px 0 150px;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
	.section12 .mainBox .inBox{
		padding: 100px 0 50px;
	}
}
.section12 .title_arrow{
	border-color:#FFF;
	color: #FFF;
}
.section12 .title_arrow:before,
.section12 .title_arrow:after{
	border-color: #FFF transparent transparent transparent;
}
.section12 .title_arrow:after{
	border-color: #5bb431 transparent transparent transparent;
}
.section12 h2{
	text-align: center;
	font-size: 38px;
	padding: 20px 0 30px 0;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section12 h2{
		padding: 20px 0 40px 0;
		font-size: 24px;
	}
}

.section12 .box1{
	display:table;
	table-layout:fixed;
	width: 100%;
	margin: 0 0 50px;
}
@media screen and (max-width: 600px) {
	.section12 .box1{
		display: block;
		padding: 0 10px 20px;
	}
}
.section12 .box1 .in{
	display:table-cell;
}
@media screen and (max-width: 600px) {
	.section12 .box1 .in{
		display: block;
		position: relative;
	}
}
@media screen and (max-width: 600px) {
	.section12 .box1 .in{
		display: block;		
	}
}
.section12 .box1 .in .imgBox{
	text-align: center;
	position: relative;
}
.section12 .box1 .in .imgBox:after{
	position: absolute;
	content: url("../images/section12_6.webp");
	top: 60px;
	right: -10px;
}
@media screen and (max-width: 600px) {
	.section12 .box1 .in .imgBox:after{
		content:"";
		top: auto;
		right: auto;
	}
}
.section12 .box1 .in .imgBox2:after{
	content: "";
	top: auto;
	left: auto;
}
.section12 .box1 .in .txBox{
	text-align: center;
	border-right:1px dotted #FFF;
	display: table;
	width: 100%;
	padding: 10px;
	height: 270px;
}
@media screen and (max-width: 600px) {
	.section12 .box1 .in .txBox{
		border-right:none;
		position: relative;
	}
	.section12 .box1 .in .txBox:after{
		content: url("../images/section12_6_sp.webp");
		position: absolute;
		bottom:30px;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transform: translate(-50%, 0);
	}
}
.section12 .box1 .in .txBox2{
	border:none;
}
@media screen and (max-width: 600px) {
	.section12 .box1 .in .txBox2 :after{
		content: "";
	}
}
.section12 .box1 .in h3{
	text-align: center;
	font-size: 20px;
	padding:10px 0;
	height: 80px;
	vertical-align: middle;
}
.section12 .box1 .in h3.one{
	padding: 20px 0 0;
}
.section12 .box1 .in .tx{
	text-align: left;
}
@media screen and (max-width: 600px) {
	.section12 .box2{
		margin: 0 10px;
	}
}
.section12 .box2 .title{
	border-radius: 20px 20px 0 0;
	background-color: #e60012;
	text-align: center;
	font-size: 38px;
	padding:15px 10px;
}
@media screen and (max-width: 600px) {
	.section12 .box2 .title{
		border-radius: 10px 10px 0 0;
		font-size: 20px;
		padding:10px;
	}
}
.section12 .box2 .in{
	background: url("../images/section12_7.webp") no-repeat 40px center,#FFF;
	color: #231815;
	padding: 30px 20px 30px 180px;
	border-radius: 0 0 20px 20px;
}
@media screen and (max-width: 600px) {
	.section12 .box2 .in{
		background: url("../images/section12_7.webp") no-repeat center 20px,#FFF;
		color: #231815;
		padding: 150px 20px 30px 20px;
		border-radius: 0 0 10px 10px;
	}
}
.section12 .box2 .in h3{
	color: #e60012;
	padding: 0 0 20px;
	font-size: 20px;
}

.section12 .box3{
	background-color: #FFF;
	margin: 50px 0 0 0;
	padding: 30px 50px 50px;
	border-radius:20px;
	color: #231815;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.section12 .box3{
		margin: 50px 10px 0;
		padding: 20px;
		border-radius:10px;
	}
}
.section12 .box3 h2{
	font-size: 40px;
	padding: 0;
}
@media screen and (max-width: 600px) {
	.section12 .box3 h2{
		font-size: 20px;
	}
}
.section12 .box3 .sub{
	font-size:22px;
	padding: 0 0 30px;
	font-weight: bold;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .tx{
		text-align: left;
		padding: 0 0 20px;
	}
}

.section12 .box3 .acBox{
	margin: 50px 0 0;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section12 .box3  .acBox{
		margin: 20px 0px;
	}
}
.section12 .box3 .acBox .ac_par{
	position: relative;
	background-color: #f8b62d;
	color: #FFF;
	font-size: 20px;
	padding:13px 10px 10px;
	border-radius: 30px;
	text-align: center;
	z-index: 5;
	height: 53px;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_par{
		height: 70px;
		font-size: 16px;
	}
}
.section12 .box3 .acBox .ac_par:before{
	position: absolute;
	top: -60px;
	left: 50%;
	content: "　";
	width: 0;
	height: 0;
	border-top: solid 30px transparent;
	border-right: solid 20px transparent;
	border-bottom: solid 30px #f8b62d;
	border-left: solid 20px transparent;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_par{
		font-size: 14px;
		padding: 15px 0 10px;
	}
}
.section12 .box3 .acBox .ac_par .img1{
	position: absolute;
	top: -50px;
	left: 30px;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_par .img1{
		display: none;
	}
}
.section12 .box3 .acBox .ac_par span{
	position: absolute;
	top: 7px;
	right: 7px;
	background-color: #FFF;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	color: #231815;
	font-size: 45px;
	padding: 2px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_par span{
		top: 18px;
	}
}
.section12 .box3 .acBox .ac_par .in{
	position: absolute;
	top: 10px;
	right: 60px;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_par .in{
		position: relative;
		top: auto;
		right: auto;
	}
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_par span{
		padding: 8px 0 0 0;
	}
}
.section12 .box3 .acBox .ac_chi{
	
	position: relative;
	top: -53px;
	left: 0;
	padding: 120px 50px 50px;
	border: 5px solid #f8b62d;
	border-radius: 30px;
	width: 100%;
	z-index: 4;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi{
		padding:70px 20px 20px;
	}
}
.section12 .box3 .acBox .ac_chi .in{
	border-bottom: 2px solid #231815;
	padding: 0 0 30px;
	margin: 0 0 30px;
	text-align: left;
}
.section12 .box3 .acBox .ac_chi .noline{
	border-bottom:none;
	margin: 0;
}
.section12 .box3 .acBox .ac_chi .in .title{
	font-size: 20px;
	padding: 0 0 30px;
	font-weight: bold;
	color: #5bb431;
}
.section12 .box3 .acBox .ac_chi .in .ch li{
	position: relative;
	padding: 2px 0 2px 20px;
	margin: 0 20px 0 0;
	float: left;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .ch li{
		float: none;
		font-size: 14px;
		margin: 0;
	}
}
.section12 .box3 .acBox .ac_chi .in .ch li:before{
	content: "□";
	position: absolute;
	top: 2px;
	left: 0;
}
.section12 .box3 .acBox .ac_chi .in table{
	border: 2px solid #231815;
	margin: 0 0 20px;
}
.section12 .box3 .acBox .ac_chi .in table th{
	width: 30%;
	background-color: #e1f9d2;
	padding: 20px;
	border: 1px solid #231815;
	vertical-align: top;
}
.section12 .box3 .acBox .ac_chi .in table td{
	width: 70%;
	padding: 20px;
	border: 1px solid #231815;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in table th,
	.section12 .box3 .acBox .ac_chi .in table td{
		display: block;
		width: 100%;
		border-bottom: none;
		padding: 10px;
	}
}
.section12 .box3 .acBox .ac_chi .in .in_sub{
	padding: 0 0 40px;
}
.section12 .box3 .acBox .ac_chi .in .in_sub .sub{
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 20px;
}
.section12 .box3 .acBox .ac_chi .in .in_sub .sub .notice {
	font-size: 0.8em;
	font-weight: normal;
}
.section12 .box3 .acBox .ac_chi .in .in_sub .tx{
	position: relative;
	padding: 0 0 0 200px;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .in_sub .tx{
		padding: 0 0 10px;
	}
}
.section12 .box3 .acBox .ac_chi .in .in_sub .tx span{
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .in_sub .tx span{
		display: block;
		border-bottom: 1px dotted #575757;
		position: relative;
		top: auto;
		left: auto;
	}
}
.section12 .box3 .acBox .ac_chi .in .tx2{
	font-size: 20px;
	font-weight: bold;
	padding: 0 0 30px;
}
.section12 .box3 .acBox .ac_chi .in .tx2 span{
	color: #e60012;
}
.section12 .box3 .acBox .ac_chi .in .priceBox{
	padding: 100px 0 50px;
}
.section12 .box3 .acBox .ac_chi .in .priceBox .tx3{
	position: relative;
	background: #f8b62d;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 10px 10px 30px;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .priceBox{
		padding-top: 10px;
	}
	.section12 .box3 .acBox .ac_chi .in .priceBox .tx3{
		padding: 10px;
	}
}
.section12 .box3 .acBox .ac_chi .in .priceBox .tx3:before{
	position: absolute;
	bottom: -7px;
	left: 120px;
	content: url("../images/section12_9.webp");
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .priceBox .tx3:before{
		content: "";
	}
}
.section12 .box3 .acBox .ac_chi .in .priceBox .price_in{
	display: table;
	table-layout: fixed;
	width: 100%;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .priceBox .price_in{
		display: block;
	}
}
.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox{
	display: table-cell;
	border-right: 1px solid #f8b62d;
	border-left: 1px solid #f8b62d;
	border-bottom: 1px solid #f8b62d;
	vertical-align: middle;
}
.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox2{
	border-right: 1px solid #f8b62d;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox{
		display: block;
		border-right: 1px solid #f8b62d;
	}
}
.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox .tx4{
	border-bottom: 1px solid #f8b62d;
	padding: 20px;
	text-align: center;
	font-weight: bold;
	height: 90px;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox .tx4{
		background-color: #f9e1e4;
	}
}
.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox .one{
	padding: 35px 20px 0px 20px;
}
.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox .tx5{
	padding:10px 0px;
	text-align: center;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox .tx5{
		height: auto;
	}
}
.section12 .box3 .acBox .ac_chi .in .priceBox .price_in .txBox .tx5 img{
	height: inherit;
}
.section12 .box3 .acBox .ac_chi .in .priceBox .tx6{
	color: #D71718;
	text-align: center;
	font-size: 36px;
}
@media screen and (max-width: 600px) {
	.section12 .box3 .acBox .ac_chi .in .priceBox .tx6{
		font-size: 20px;
	}
}


/*　section13　*/
.section13{
	position: relative;
	z-index: 4;
	margin: 138px 0 50px;
}
@media screen and (max-width: 600px) {
	.section13{
		margin: 120px 0 30px;
	}
}
.section13 .title_arrow{
	position: relative;
	border-color:#5bb431;
	color: #5bb431;
	background:#FFF;
}
@media screen and (max-width: 600px) {
    .section13 .title_arrow{
        font-size: 36px;
    }
}
.section13 .title_arrow .img{
	position: absolute;
	right: 10px;
	bottom: 0;
}
@media screen and (max-width: 600px) {
	.section13 .title_arrow .img{
		width: 60px;
	}
}
.section13 .title_arrow:before,
.section13 .title_arrow:after{
	border-color: #5bb431 transparent transparent transparent;
}
.section13 .title_arrow:after{
	border-color: #FFF transparent transparent transparent;
}
.section13 .inner{
	position: relative;
	padding: 50px 0;
}
@media screen and (max-width: 600px) {
	.section13 .inner{
		padding: 20px 10px;
	}
}
.section13 .inner .in{
	float: left;
	width: 46%;
	margin: 0 2%;
	border: 1px solid #231815;
	border-radius: 20px;
	overflow: hidden;
}
@media screen and (max-width: 600px) {
	.section13 .inner .in{
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}
}
@font-face {
        font-family: impact;
        font-display: swap;
        src: url('./impact.woff');
}
.webIM{font-family: impact,'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
@media screen and (max-width: 600px) {
	.webIM{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
}
.section13 .inner .acBox{
	margin: 0 0 20px;
}
@media screen and (max-width: 600px) {
	.section13 .inner .acBox{
		margin: 0;
	}
}
.section13 .inner .in .ac_p{
	position: relative;
	display: table;
	cursor: pointer;
	width: 100%;
	height: 94px;
}
@media screen and (max-width: 600px) {
	.section13 .inner .in .ac_p{
		height: 103px;
	}
}
.section13 .inner .in .ac_p .leftBox{
	display: table-cell;
	width: 15%;
	background-color: #5bb431;
	border-radius:18px 0 0 0;
	text-align: center;
	vertical-align: middle;
	font-size: 36px;
	color: #FFF;
	padding: 20px 0;
}
@media screen and (max-width: 600px) {
	.section13 .inner .in .ac_p .leftBox{
		font-size: 20px;
	}
}
.section13 .inner .in .ac_p .point{
	position: absolute;
	top: 50%;
	right: 10px;
	text-align: center;
	font-size: 12px;
	transform: translate(0, -50%);
	-webkit-transform: translate( 0,-50%);
}
.section13 .inner .in .ac_p .point span{
	background: url("../images/section13_2.webp") no-repeat center 90%,#f8b62d;
	border-radius: 50%;
	width: 44px;
	height: 44px;
	display: block;
	color: #FFF;
	padding: 5px 0 0 0;
	font-size: 20px;
	font-weight: normal !important;
}
.section13 .inner .in .ac_p .rightBox{
	display: table-cell;
	width: 85%;
	vertical-align: middle;
	padding:20px 65px 20px 15px;
	font-weight: bold;
	font-size: 16px;
}
@media screen and (max-width: 600px) {
	.section13 .inner .in .ac_p .rightBox{
		font-size: 17px;
		line-height: 130%;
	}
}
.section13 .inner .in .ac_c{
	display: none;
	position: relative;
	border-top: 1px dashed #231815;
	width: 100%;
	/* height: 136px; */
}
@media screen and (max-width: 600px) {
	.section13 .inner .in .ac_c{
		height: auto;
	}
}
.section13 .inner .in .ac_c .ac_c_inner {
	width: 100%;
}
.section13 .inner .in .ac_c .leftBox{
	display: table-cell;
	width: 15%;
	background-color: #f8b62d;
	border-radius:0 0 0 18px;
	text-align: center;
	vertical-align: middle;
	font-size: 36px;
	color: #FFF;
	padding: 20px 0;
}
@media screen and (max-width: 600px) {
	.section13 .inner .in .ac_c .leftBox{
		font-size: 20px;
	}
}
.section13 .inner .in .ac_c .rightBox{
	display: table-cell;
	padding:20px 15px;
}






/*　section14　*/
.section14{
	position: relative;
	z-index: 4;
	margin: 200px 0 0;
}
@media screen and (max-width: 600px) {
	.section14{
		margin: 160px 0 0;
	}
}
.section14 .mainBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background:#def0d6;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 2;
}
.section14 .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fef0d5;
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 1;
}
.section14 .mainBox .inBox{
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	padding: 30px 0 100px;
}
@media screen and (max-width: 600px) {
	.section14 .mainBox .inBox{
		padding: 20px 0 50px;
	}
}
.section14 h2{
	text-align: center;
	font-size: 38px;
	padding: 20px 0 30px 0;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section14 h2{
		padding: 20px 0 40px 0;
		font-size: 24px;
	}
}




/*　section11　*/
.section11{
	position: relative;
	z-index: 4;
	margin-top: 150px;
}
@media screen and (max-width: 600px) {
	.section11{
		margin: 170px 0 0;
	}
}
.section11 .title_arrow{
	border-color:#5bb431;
	color: #5bb431;
	background: #FFF;
}
@media screen and (max-width: 600px) {
    .section11 .title_arrow{
        font-size: 36px;
    }
}
.section11 .title_arrow:before,
.section11 .title_arrow:after{
	border-color: #5bb431 transparent transparent transparent;
}
.section11 .title_arrow:after{
	border-color: #FFF transparent transparent transparent;
}
.section11 h2{
	text-align: center;
	padding:50px 0 0 0;
	font-size: 32px;
	color: #e60012;
}
@media screen and (max-width: 600px) {
	.section11 h2{
		font-size: 24px;
		padding: 50px 10px 0;
	}
}
.section11 .subT{
	font-size: 28px;
	text-align: center;	
	padding: 20px 0 0;
}

.section11 .inner{
	position: relative;
	padding: 50px;
}
@media screen and (max-width: 600px) {
	.section11 .inner{
		padding: 0px 10px;
	}
}
.section11 .inner .img1{
	position: absolute;
	top: 0;
	left: 70px;
}
@media screen and (max-width: 900px) {
	.section11 .inner .img1 {
		width: 74vw;
		left: 0;
	}
}
@media screen and (max-width: 600px) {
	.section11 .inner .img1{
		width: 60%;
		top: 0;
		left: 10px;
	}
}
.section11 .inner .img2{
	position: relative;
	bottom: 0;
}





.section11 .acBox{
	margin: 80px 0 0;
	position: relative;
}
@media screen and (max-width: 600px) {
	.section11 .acBox{
		margin: 20px 10px;
	}
}
.section11 .acBox .ac_par{
	position: relative;
	background-color: #f8b62d;
	color: #FFF;
	font-size: 20px;
	padding:13px 10px 10px;
	border-radius: 30px;
	text-align: center;
	cursor: pointer;
	z-index: 5;
	height: 53px;
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_par{
		height: 70px;
	}
}
.section11 .acBox .ac_par:before{
	position: absolute;
	top: -60px;
	left: 50%;
	content: "　";
	width: 0;
	height: 0;
	border-top: solid 30px transparent;
	border-right: solid 20px transparent;
	border-bottom: solid 30px #f8b62d;
	border-left: solid 20px transparent;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_par{
		font-size: 14px;
		padding: 15px 0 10px;
	}
}
.section11 .acBox .ac_par .img3{
	position: absolute;
	top: -50px;
	left: 30px;
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_par .img3{
		display: none;
	}
}
.section11 .acBox .ac_sub{
	position: absolute;
	top: 70px;
	text-align: center;
	font-weight: bold;
	width: 100%;
}

.section11 .acBox .ac_sub span{
	color: #e60012;
}
.section11 .acBox .ac_par span{
	position: absolute;
	top: 7px;
	right: 7px;
	background-color: #FFF;
	border-radius: 50px;
	width: 40px;
	height: 40px;
	color: #231815;
	font-size: 45px;
	padding: 2px 0 0 0;
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_par span{
		top: 18px;
	}
}
.section11 .acBox .ac_par .in{
	position: absolute;
	top: 10px;
	right: 60px;
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_par .in{
		position: relative;
		top: auto;
		right: auto;
	}
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_par span{
		padding: 8px 0 0 0;
	}
}
.section11 .acBox .ac_chi{
	display: none;
	position: relative;
	top: -53px;
	left: 0;
	padding: 120px 50px 50px;
	border: 5px solid #f8b62d;
	border-radius: 30px;
	width: 100%;
	z-index: 4;
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_chi{
		padding:70px 20px 20px;
	}
}
.section11 .acBox .ac_chi .titleBox{
	display: table;
	margin: 0 auto 50px;
}
.section11 .acBox .ac_chi .title{
	display: table-cell;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	padding: 0;
	vertical-align: middle;
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_chi .title{
		font-size: 20px;
		text-align: left;
	}
}
.section11 .acBox .ac_chi .img4{
	display: table-cell;
	vertical-align: middle;
}

.section11 .acBox .ac_chi .box{
	border: 1px solid #231815;
	display: table;
	margin: 15px 0;
	width: 100%;
	position: relative;
}
.section11 .acBox .ac_chi .box .tx1{
	width: 22%;
	display: table-cell;
	vertical-align: middle;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	padding: 10px;
	height: 50px;
	text-align: center;
	background-color: #FD2B2E;
}
.section11 .acBox .ac_chi .box .tx2{
	width: 78%;
	display: table-cell;
	vertical-align: middle;
	padding: 10px 20px;
	height: 50px;
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_chi .box .tx1{
		width: 100%;
		display: block;
	}
	.section11 .acBox .ac_chi .box .tx2{
		width: 100%;
		display: block;
		height: auto;
		padding: 10px;
	}
}
.section11 .acBox .ac_chi .box .img5{
	width: 44px;
	height: 44px;
	position: absolute;
	top: 50%;
	left: -22px;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
}
@media screen and (max-width: 600px) {
	.section11 .acBox .ac_chi .box .img5{
		top: 25px;
	}
}
.section11 .acBox .ac_chi .tx3{
	text-align: right;
}
.section11 .infoBox2{
	padding:0;
    text-align: center;
}
@media screen and (max-width: 600px) {
    .section11 .infoBox2{
        text-align: left;
    }
}
.section11 .bpBox .mtitle{
	text-align: center;
	padding: 0 10px 10px 0;
	font-weight: bold;
	font-size: 20px;
}
.section11 .bpBox{
	display: inline-block;
	width: 45%;
	margin: 0 1.5%;	
	-webkit-box-sizing: border-box;	
	        box-sizing: border-box;
    text-align: left;
}
@media screen and (max-width: 600px) {
	.section11 .bpBox{
        display: block;
		float: none;
		width: 100%;
		margin: 0 0 20px;
		padding: 0 10px;
	}
}
.section11 .bpBox .inBox{
	border: 1px solid #231815;
	padding: 20px;
	height: 260px;
	overflow-y: auto;
}
.section11 .bpBox a{text-decoration: underline;}
.section11 .bpBox .timesp{font-size: 13px;}
.section11 .bpBox .title{font-size: 16px;font-weight: bold;}
.section11 .bpBox li{
	padding: 5px 0;
	border-bottom: 1px dotted #231815;
}
.section11 .bpPar .listTx{text-align: right;}
.section11 .bpPar .listTx a{
	color: #292929 !important;
	text-decoration: none;
	padding: 0 15px 0 0;
	font-size: 14px;
}







/*--------------------------------------
　フォーム　
--------------------------------------*/
.formTx{
	padding:20px;
	background-color: #2E7611;
	color:#FFFFFF;
	margin:20px 0 20px;
	text-align: center;
	font-size: 20px;
}
.formTx span.sslTx{
	display: block;
	border-top: 1px solid #FFFFFF;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
	font-size: 16px;
}

.section14 .contactBox{
	border: 2px solid #231815;
	padding: 30px;
	background-color: #FFF;
}
@media screen and (max-width: 600px) {
	.section14 .contactBox{
		border: none;
		padding:20px 10px;
	}
}
.section14 .contactBox .title{
	background-color: #898989;
	color: #FFF;
	padding: 5px 10px;
	font-size: 18px;
}
.section14 .contactBox .title2{
	background-color: #5bb431;
}
.section14 .txBox{
	padding: 10px 0 30px;
}
.section14 .privacyBox{
	height: 250px;
	border: 1px solid #231815;
	padding: 20px;
	overflow-y: scroll;
}
.section14 .privacyBox .inBox{
	transform: skewY(0deg);
	-webkit-transform: skewY(0deg);
}
.section14 .privacyBox .section{
	padding: 0 0 10px;
	
}
.privacyBox .subTitle{
	font-size:18px;
	padding:5px;
}
.privacyBox .sub{
	border-bottom:solid 1px #939393;
	padding: 0 0 0 0 !important;
}
.privacyBox .inBox{
	padding: 20px !important;
}
.privacyBox dt{
	padding: 0 0 0 0 !important;
	border-bottom: dashed 1px #D5D5D5 !important;
	color: #474747 !important;
}
.privacyBox dd{
	padding: 10px 0 20px 0px !important;
	font-size: 95%;
}
.privacyBox .list{
	padding: 0 0 0 20px;
}
.privacyBox .list li,
.privacyBox .txlist{
	position: relative;
	padding: 3px 0 3px 30px;
	border-bottom: 1px dotted #DCDCDC;
}
.privacyBox .list li span,
.privacyBox .txlist span{
	position: absolute;
	top: 3px;
	left: 0;
}
.privacyBox table td{
	text-align: left !important;
}
.privacyBox .in{
	padding: 20px 0 0;
	border-bottom: 1px dotted #DCDCDC;
}
.privacyBox .in2{
	border-bottom:none;
}
.privacyBox .in .left{
	width: 25%;
}
.privacyBox .in .right{
	width: 70%;
}
.privacyBox .in table{
	border-collapse: collapse !important;
	border: none !important;
}
.privacyBox .in table th{
	background-color: #DFDFDF !important;
	color: #222 !important;
	border: 1px solid #B3B3B3  !important;
}
.privacyBox .in table td{
	background-color: #FFF !important;
	border: 1px solid #B3B3B3  !important;
}
.privacyBox .tx_r{
	text-align: right;
}

.contact{
	width:100%;
	margin: 0 0 30px;
}
.contact th{
	position:relative;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:15px 10px;
	text-align:left;
	width:30%;
	font-weight: normal;
	border-bottom: 1px solid #231815;
}
@media screen and (max-width: 600px) {
	.contact th{
		display: block;
		width: 100%;
		background-color: #F0F0F0;
	}
}
.center img {
	max-width: 100%;
}
.contact th.center{
	text-align: center !important;
	font-size: 30px;
}
.contact td{
	position: relative;
	display:table-cell;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	padding:15px 10px;
	border-bottom: 1px solid #231815;
}
@media screen and (max-width: 600px) {
	.contact td{
		display: block;
		width: 100%;
	}
}
.contact .noline{
	border-bottom:none !important;
}
.contact td.line{
	border-bottom: 1px solid #231815 !important;
}
.contact .td{
	padding: 3px 10px;
}
.contact td.noline span{
	color: #333;
	display:inline-block;
	width:140px;
	font-size:14px;
	padding:7px 5px;
	margin:0 5px 0 0;
}
@media screen and (max-width: 600px) {
	.contact td.noline span{
		width: 100%;
	}
}

/*　ボタン　*/
.btnArea{
	clear:both;
	width:100%;
	margin:40px auto 40px;
	text-align:center;
}
.btn{
	display:inline-block;
	padding:10px;
	font-size:28px;
	letter-spacing:-0.5px;
	font-weight:bold;
	cursor:pointer;
	border:none;
	text-decoration:none;
	background-color:#e60012;	
	outline:none;
	color:#FFF !important;
}
.btn a{
	display:block;
	color:#FFF !important;
	padding:2px 10px !important;
}
.oneBtn{width:50%;}
.twoBtn{width:40%;}
.threeBtn{width:30%;}

.contact span{
	color:#F00;
}
.contact .hissu{
	position: absolute;
	top:50%;
	right:5px;
	height:20px;
	margin:-10px 0 0 0;
	padding:0px 10px;
	font-size:13px;
	background-color: #e60012;
	color:#FFFFFF;
}
label{
	padding:0 0 0 0;
	display:block;
	font-size: 15px;
}
@media screen and (max-width: 600px) {
	label{
		padding:5px 10px;
		display:block;
		background-color: #31A851;
		color:#FFFFFF;
		margin:3px 0;
		border-radius:10px;
	}
}
.block{
	padding: 0 35px 0 0 !important;
}
@media screen and (max-width: 600px) {
	.block{
		padding: 5px 10px !important;
	}
	.postcode{
		width:100px !important;
	}
}
input,
select,
textarea{
	padding:3px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (max-width: 600px) {
	input,
	select,
	textarea{
		width: 100%;
	}
}
input[type="checkbox"],
input[type="radio"] {
    margin: 0px 5px 0px 0px;
}
@media screen and (max-width: 600px) {
	input[type="checkbox"],
	input[type="radio"] {
		width:auto;
	}
}
.add2{
	display: none;
}


.error{
	font-weight:bold;
	font-size:13px;
	color:#FFF;
	background-color:#C90D10;
	position:absolute;
	right:10px;
	top:50%;
	margin:-10px 0 0 0;
	padding:5px 10px;
	text-align:center;
	line-height:100%;
	z-index:9999;
}
.ok{
	font-weight:bold;
	position:absolute;
	right:10px;
	top:50%;
	margin:-10px 0 0 0;
	font-size:13px;
	color:#FFFFFF;
	background-color:#217828;
	padding:5px 10px;
	text-align:center;
	line-height:100%;
}

.err{
	font-size:24px;
	text-align:center;
	padding:50px;
	margin:20px 0;
	background-color:#BC1316;
	color:#FFFFFF;
}
.other_tx,
.req_riyu_other,
.cadtx,
.req_syokusyu_other,
.addressBox{
	display: none;
}
.keikennen,
.keikennen2{
	display: none;
}

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

	.contact .w10{
		width:100px !important;
	}
	.contact .w50{
		width:70% !important;
	}
	.keikennen input{
		width:100px;
	}
}





/*　bpinfo　*/
.bpinfoBox{
	position: relative;
	z-index: 4;
	margin: 50px 0 0;
	color: #FFF;
}
.bpinfoBox .mainBox{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #5bb431;
	transform: skewY(-5deg);
	-webkit-transform: skewY(-5deg);
	z-index: 2;
}
.bpinfoBox .backBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #f8b62d;
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	z-index: 1;
}
.bpinfoBox .mainBox .inBox{
	transform: skewY(5deg);
	-webkit-transform: skewY(5deg);
	padding: 100px 0;
}
@media screen and (max-width: 600px) {
	.bpinfoBox.mainBox .inBox{
		padding: 100px 0 50px;
	}
}
.bpinfoBox .title_arrow{
	border-color:#FFF;
	color: #FFF;
	width: auto;
	font-size: 40px;
}
.bpinfoBox .title_arrow:before,
.bpinfoBox .title_arrow:after{
	border-color: #FFF transparent transparent transparent;
}

.bpinfoBox .title_arrow:after{
	border-color: #5bb431 transparent transparent transparent;
}
.bpinfoBox h2{
	text-align: center;
	font-size: 30px;
	padding: 20px 0 30px;
}
@media screen and (max-width: 600px) {
	.bpinfoBox h2{
		font-size: 24px;
	}
}
.infolist .box{
	padding: 20px 0;
	border-bottom: 1px dotted #868686;	
}
.infolist a{
	color: #FFF !important;
	text-decoration: underline;
}
.infolist .timesp{
	text-align:right;
	padding:0 0 20px 0;
}
.infolist th,.infolist td{
	width:auto !important;
}
.infolist .inner2{
	position: relative;
}
.infolist .txbox{
	padding:50px 0;
	min-height:200px;
}
.infolist .txbox .img{
	padding: 0 20px 20px 0;
	width: 45%;
}
.infolist .txbox p{
	padding: 0 0 20px;
}
.infolist .postlink{
	border-top:1px dotted #979797;
	padding:10px 0;
}


/*--------------------------------------
　完了　
--------------------------------------*/
#complete .complete{
	border:1px solid #DBDBDB;
	padding:50px 50px;
	margin:0 0 30px;
	line-height:250%;
	font-size:24px;
}