@charset "UTF-8";
.bg{background-color:#74a354;}
.left{float:left;}
.right{float:right;}
img{width:100%;}
.pcOnly{display:block;}
.spOnly{display:none;}
/*common*/
.wrap9{width:900px;margin:0 auto;}
.wrap10{width:1000px;margin:0 auto;}
.wrap12{width:1025px;margin:0 auto;}
.os{font-family: 'Oswald', sans-serif;}
.osH2{font-family: 'Oswald', sans-serif;font-size:60px;}
.osH2 span{font-size:22px;}
.subTh2{font-size:28px;line-height:50px;}
.subTh2 span{font-size:14px;vertical-align:middle;}
.formText{font-size:26px;line-height:50px;margin-top:20px;text-align:center;}
.formText span{font-weight:bold;}

/*add muramatsu 20190529*/
.fontbold{font-weight: bold;}
.fontcolor-pink{color: #DE6182;}

/*fixedBox*/
.fixedBox{position:fixed;top:45px;right:0;width:150px;z-index:999;}
.fixedBox ul li{border-bottom:2px solid #74a354;background-color:#fff;}
/*foot*/
.foot{background-color:#221814;position:relative;}
.foot .wrap9{display:table;padding:40px 0;}
.foot .footCom{display:table-cell;vertical-align:middle;}
.foot .footCom p{color:#fff;font-size:26px;letter-spacing:2px;}
.foot .footList{display:table-cell;vertical-align:middle;text-align:right;}
.foot .footList ul li{display:inline-block;border-right:1px solid #fff;}
.foot .footList ul li a{color:#fff;font-size:14px;display:block;padding:0 10px;}
.foot .footList p{font-size:10px;color:#fff;text-align:right;padding-top:10px;}
/*head*/
.head{background-color:#fff;}
.head div h1{width:515px;margin-right:auto;}
/*sec1*/
.sec1 .wrap9{padding-top:45px;padding-bottom:80px;}
.sec1 h2{font-size:30px;margin-top:80px;text-align:center;}
.sec1 p{font-size:14px;color:#fff;text-align:center;letter-spacing:1px;margin-top:20px;}
/*sec2*/
/*.sec2{background:url(../img/top/ab_bg.jpg) no-repeat center center;background-size:cover;}*/
.sec2{background:url(../img/top/ab_bg_20190902.jpg) no-repeat center center;background-size:cover;}
.sec2 .wrap9{padding-top:60px;padding-bottom:230px;}
.sec2 .osH2{color:#74a354;}
.sec2 .osH2 span{color:#fff;}
.sec2 p{font-size:18px;letter-spacing:1px;line-height:36px;color:#fff;margin-top:30px;}
.sec2 a{font-size:30px;color:#74a354;display:block;margin-left:15px;margin-top:20px;}
/*sec3*/
.sec3 .wrap9{padding-top:60px;padding-bottom:50px;}
.sec3 .osH2{color:#fff;text-align:center;line-height:36px;}
.sec3 .osH2 span{color:#000;}
.sec3 .infItem{width:300px;height:300px;}
.sec3 .infItem.tx{padding:25px;background-color:#fff;}
.sec3 .infItem h3,.sec3 .infItem h4{text-align:center;}
.sec3 .infItem h3{font-size:20px;border-bottom:1px solid #000;}
.sec3 .infItem h4{color:#74a354;font-size:14px;padding:10px 0;}
.sec3 .infItem h4.sup{padding:20px 0;}
.sec3 .infItem p{font-size:14px;line-height:26px;}
.recBtn{width:900px;margin:0 auto;display:block;border:3px solid #000;text-align:center;font-size:23px;padding:10px;margin-bottom:50px;}
.recBtn:hover{text-decoration:none;color:#666;cursor:pointer;}
/*sec4*/
.sec4{background:url(../img/entry/top_bg.png) no-repeat center top;background-size:cover;}
.sec4 h2{font-size:30px;padding:45px 0 0 45px;line-height:52px;}
.sec4 div .right{margin-bottom:80px;}
/*sec6*/
.sec6{background-color:#fff;padding-top:50px;}
.sec6 p{text-align:center;font-size:14px;line-height:28px;}
.sec6.form{padding-bottom:50px;}
/*sec7*/
.sec7{background-color:#fff;padding-top:50px;}
.sec7 > div{background:url(../img/entry/bgText.jpg) no-repeat top left;}
.sec7 .txCont{padding-left:85px;padding-right:13px;}
.sec7 .txCont .subTh2{margin-top:20px;}
.sec7 .txCont .subTh2:first-of-type{margin-top:0;font-size:26px;}
.sec7 .txCont p{font-size:14px;margin-top:5px;line-height:24px;}
.sec7 .txCont > .left{width:400px;}
.sec7 .txCont > .right{width:500px;}
.sec7 .txCont > .right > div:last-of-type{margin-top:30px;}
.sec7 .txCont > .right div .left{width:180px;}
.sec7 .txCont > .right div .right{width:300px;}
/*sec8*/
.sec8{padding:50px 0;}
.sec7 .sec8 .subTh2:first-of-type{margin-top:20px;}
.sec8 .subTh2 span{color:#74a354;}
.sec8 th,.sec8 td{border:1px solid #74a354;text-align:left;font-size:16px;line-height:30px;}
.sec8 th{width:175px;padding:8px 0 8px 20px;vertical-align:top;background-color:#e0e8d4;}
.sec8 td{width:760px;padding:8px 0 8px 40px;}
/*sec9*/
.sec9{padding:50px 0;}
.sec9 .txCont{padding-left:85px;padding-right:13px;}
.sec9 .subTh2 span{color:#fff;}
.sec9 table{margin-top:20px;}
.sec9 th,.sec9 td{padding:10px 0;}
.sec9 th{color:#fff;width:200px;text-align:left;vertical-align:top;}
.sec9 th span{color:#F00;}
.sec9 td{width:545px;}
.sec9 td input.text{width:100%;padding:2px 2px;font-size:16px;/*border:#000 1px solid;*/}
.sec9 td textarea{width:100%;height:90px;font-size:16px;}
.sec9 input[type="submit"],.sec9 input[type="reset"]{width:140px;padding:5px 0;border:solid 1px #fff;margin-right:20px;}
.sec9 .error-container{border-radius:10px;}
.sec9 .error-container ul li p{color:#fff;text-align:center;padding:5px;font-size:14px;}
/*sec10*/
.sec10{background-color:#fff;}
.sec10 .imgB div{width:600px;margin-left:auto;}
.sec10 .wrapM{background-color:#74a354;margin-top:-300px;padding-top:50px;padding-bottom:200px;}
.sec10 .wrapM h2{color:#fff;line-height:50px;}
.sec10 .wrapM span{color:#000;}
/*sec11*/
.sec11{padding:50px 0;background-color:#fff;}
.sec11 .left{width:550px;}
.sec11 .right{width:400px;}
.sec11 .right p{font-size:14px;line-height:28px;margin-top:10px;}
/*sec12*/
.sec12{padding:50px 0;background:url(../img/comp/pro_bg.jpg) no-repeat center center;background-size:cover;}
.sec12 .subTh2{color:#fff;}
.sec12 .subTh2 span{color:#74a354;}
.sec12 .left p{color:#fff;font-size:18px;line-height:36px;margin-top:30px;}
.sec12 .right{margin-top:95px;}
.sec12 .right iframe{border:none;}
/*sec13*/
.sec13{padding:50px 0;}
.sec13 .imgItem{float:left;width:330px;margin-right:5px;}
.sec13 .imgItem:nth-of-type(3n){margin-right:0;}
.sec13 .imgItem:nth-of-type(n+4){margin-top:4px;}
/*sec14*/
.sec14 .wrap9 p{margin-top:50px;}
.sec14 .wrap9 div{margin-top:50px;}
/*sec14*/
.sec9.sec15{padding-top:0;}
/*Radio Check*/
label.radio, label.radio_text, label.checkbox, label.checkbox_text {
	position      : relative;
	cursor        : pointer;
	display       : inline-block;
	overflow      : hidden;
	box-sizing    : border-box;
}
label.radio {
	width         : 18px;
	height        : 18px;
	border        : 1px solid #faf9ff;
	border-radius : 100%;
}
label.radio_text {
	min-height   : calc(18px + 5px);
	margin-right : calc(18px + 5px);
	padding-left : calc(18px + 5px);
	line-height  : calc(18px + 5px);
	vertical-align:middle;
	color:#fff;
}
label.checkbox {
	width      : 18px;
	height     : 18px;
	border     : 1px solid #fdfaff;
	background : #fff;
}
label.checkbox_text {
	padding-left : calc(18px + 5px);
	line-height  : 18px;
	vertical-align:middle;
	color:#fff;
	margin-right:30px;
}
/** before after **/
label.radio:before, label.radio_text:before, label.checkbox_text:before,
label.checkbox:after, label.radio_text:after, label.checkbox_text:after{
	content  : '';
	position : absolute;
	box-sizing : border-box;
}
label.radio:before, label.radio_text:before{
	border-radius    : 100%;
}
label.radio:before, label.checkbox:after{
	top              : 0px;
	bottom           : 0px;
	left             : 0px;
	right            : 0px;
	margin           : auto;
}
label.checkbox:after, label.checkbox_text:after{
	transform         : rotate(45deg);
	-webkit-transform : rotate(45deg);
	-moz-transform    : rotate(45deg);
	border-right      : 3px solid #ffffff;
	border-bottom     : 3px solid #ffffff;
	top               : calc(50% - (((14px / 12 ) * 5) / 2));
	display           : block;
	margin-top        : calc(((14px / 12 ) * 5) * -1);
	width             : calc(((14px / 12 ) * 5));
	height            : 14px;
	z-index           : 1;
}
label.radio_text:before, label.radio_text:after{
	top              : 0px;
	bottom           : 0px;
	margin-top       : auto;
	margin-bottom    : auto;
}
label.radio:before {
	display          : block;
	width            : 10px;
	height           : 10px;
	z-index          : 1;
	background-color : #ffffff; 
}
label.radio_text:before {
	width         : 18px;
	height        : 18px;
	border        : 1px solid #faf9ff;
	left          : 0px;
	z-index       : 3;
}
label.checkbox_text:before {
	width    : 18px;
	height   : 18px;
	left     : 0px;
	top      : 0;
	border   : 1px solid #fdfaff;
	z-index  : 3;
	box-sizing: border-box;
}
label.radio_text:after {
	width            : 10px;
	height           : 10px;
	border-radius    : 100%;
	left             : calc(((18px/2) - (10px) / 2));
	background-color : #ffffff;
	z-index          : 1;
}
label.checkbox_text:after {
	left : calc((18px / 2) - (((14px / 12 ) * 5) / 2));
}
/** input **/
label.radio input[type="radio"], label.radio_text input[type="radio"], label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	position   : absolute;
	z-index    : 2;
	margin     : 0px;
	width      : 18px;
	height     : 18px;
	box-sizing    : border-box;
	outline       : none;
}
label.radio input[type="radio"], label.radio_text input[type="radio"]{
	left       : calc(18px * -1);
	width      : 18px;
	height     : 18px;
	top           : 0px;
	bottom        : 0px;
	margin-top    : auto;
	margin-bottom : auto;
	border-radius : 100%;
}
label.checkbox input[type="checkbox"], label.checkbox_text input[type="checkbox"]{
	left       : calc(18px * -1);
	padding    : 0;
}
label.radio input[type="radio"] {
	display    : block;
	box-shadow : 18px 0px #FFF;
}
label.radio_text input[type="radio"] {
	box-shadow : 18px 0px #FFF;
}
label.checkbox input[type="checkbox"] {
	box-shadow : 18px 0px #FFF;
}
label.checkbox_text input[type="checkbox"] {
	display    : block;
	box-shadow : 18px 0px #74a354;
}
/** checked forcus */
label.checkbox_text input[type="checkbox"]:checked,
label.checkbox input[type="checkbox"]:checked,
label.radio_text input[type="radio"]:checked,
label.radio input[type="radio"]:checked{
	box-shadow : none;
}
label.checkbox_text input[type="checkbox"]:checked:focus,
label.checkbox input[type="checkbox"]:checked:focus{
	opacity: 0.1;
}
label.radio_text input[type="radio"]:focus,
label.radio input[type="radio"]:focus{
	opacity: 0.2;
}

label.checkbox_text input[type="checkbox"]:checked:focus {
	box-shadow : 18px 0px #666;
}
label.checkbox_text input[type="checkbox"]:focus {
	box-shadow : 18px 0px #74a354;
}
label.checkbox input[type="checkbox"]:checked:focus {
	box-shadow : 18px 0px #666;
}
label.checkbox input[type="checkbox"]:focus {
	box-shadow : 18px 0px #EEE;
}
label.radio_text input[type="radio"]:focus {
	box-shadow : 18px 0px #FFF;
}
label.radio input[type="radio"]:focus {
	box-shadow : 18px 0px #FFF;
}

@media screen and (max-width:768px){
.head .wrap10{width:100%;}
.head div h1{width:100%;}
.foot .wrap9{width:100%;}
.foot .footCom{display:block;}
.foot .footCom p{float:none;text-align:center;}
.foot .footList{display:block;text-align:center;margin-top:20px;}
.foot .footList p{text-align:center;}
.subTh2{margin-bottom:20px;line-height:40px;}
.pcOnly{display:none;}
.spOnly{display:block;}
.sec4 > div{width:100%;}
.sec4 > div > h2,.sec4 > div > div{float:none;}
.sec4 > div > h2{text-align:center;}
.sec6 .wrap9{width:90%;}
.sec7 > div{background:none;}
.sec7 > .wrap12{width:90%;}
.sec7 .txCont{padding:0;}
.sec7 h2{width:100%;}
.sec7 > .wrap12 > .wrap12{width:100%;}
.sec7 > .wrap12 > .wrap12 > div{float:none;width:100%;}
.sec7 .txCont > .right div .right{width:100%;}
.sec7 .txCont > .right > div > div{float:none;}
.sec8 div{width:100%;}
.sec7 .txCont .subTh2{text-align:center;}
.sec8  table{width:100%;}
.sec8 td,.sec8 th{width:100%;display:block;box-sizing:border-box;text-align:center;padding:8px;}
.sec8 td{border-top:none;border-bottom:none;}
.sec8 tr:last-child td{ border-bottom:1px solid #74a354;}
.sec9 .wrap12{width:90%;padding:0;}
.sec9 .subTh2{width:100%;text-align:center;line-heght:35px;}
.sec9 table{width:100%;}
.sec9 td,.sec9 th{width:100%;display:block;}
.sec9 input[type="submit"], .sec9 input[type="reset"]{width:100%;}
.sec9 input[type="reset"]{margin-top:20px;}

}
