@charset "utf-8";
/* CSS Document */
/*★★★★★★★★テンプレート[始]★★★★★★★★*/

/*===============================================
	reset
===============================================*/
*{margin:0; padding:0; color:#000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} 
h1,h2,h3,h4,h5,h6,p,address,
ul,ol,li,dl,dt,dd,
table,caption,th,td,img,form{margin:0; padding:0; border:none; font-style:normal; font-weight:normal; font-size:100%; text-align:left;}
textarea{font-size:100%;}
img{vertical-align:bottom;}
li{list-style:none;}
/*===============================================
	a,text
===============================================*/
a:hover{text-decoration:underline;}
a{text-decoration:none; color:#1800ff;}
/*=============================================== 
	base
===============================================*/
html,body{height:100%;}
/*===============================================
	font
===============================================*/
body{font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
input,textarea,select{font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size:12px;}
/* for IE6 */
* html body{font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
* html input, * html textarea{font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}
/*===============================================
	font-size
===============================================*/
.f7{font-size:7px !important;}
.f8{font-size:8px !important;}
.f9{font-size:9px !important;}
.f10{font-size:10px !important;}
.f11{font-size:11px !important;}
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;}
.f15{font-size:15px !important;}
.f16{font-size:16px !important;}
.f17{font-size:17px !important;}
.f18{font-size:18px !important;}
.f19{font-size:19px !important;}
.f20{font-size:20px !important;}
.f21{font-size:21px !important;}
.f22{font-size:22px !important;}
.f23{font-size:23px !important;}
.f24{font-size:24px !important;}
.f25{font-size:25px !important;}
.f26{font-size:26px !important;}
.f27{font-size:27px !important;}
.f28{font-size:28px !important;}
.f29{font-size:29px !important;}
.f30{font-size:30px !important;}
.f34{font-size:34px !important;}
/*===============================================
	float
===============================================*/
.left{float: left;}
.right{float: right;}
.clear{clear:both !important;}
/*===============================================
	margine
===============================================*/
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}

.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0 !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml50{margin-left:50px !important;}
/*===============================================
	padding
===============================================*/
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}

.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr50{padding-right:50px !important;}

.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}

.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl50{padding-left:50px !important;}

/*===============================================
	align
===============================================*/
.center{text-align:center !important; margin: 0 auto !important;}
.textleft{text-align:left !important;}
.textright{text-align:right !important;}

/*===============================================
	他span
===============================================*/
.underL{text-decoration:underline !important;}
.displayN{display:none !important;}
.bold{font-weight:bold !important;}

/*===============================================
	color
===============================================*/
.red01{color:#F00 !important;}
.red02{color:#e83838 !important;}
.red03{color:#DF3737 !important;}
.green01{color:#339900 !important;}
.blue01{color:#0000CC !important;}
.blue02{color:#2d6fab !important;}
.white{color:#FFF !important;}
.gray{color:#666 !important;}
.pink{color: #ff3034 !important;}
.epired{color: #EC383C !important;}
.marker{background-color: #ff0 !important; padding: 5px;}

/*===============================================
	cFix
===============================================*/
/*Opera Fix*/
body:before{content:""; height:100%; float:left; width:0; margin-top:-32767px;}
/*cFix*/
.cFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .cFix {height:1%;}
.cFix {display:block;}

/*===============================================
	共通部分
===============================================*/
#wrap{width: 100%;}
/* img mouse hover */
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.sp{display:none;}
.pc{display: inline;}
p{line-height: 2rem;}

/*===============================================
	個別
===============================================*/

/*ヘッダーとメイン*/
.main{background: url(../img/main.jpg) center center no-repeat,#000; height: 680px; padding: 20px;}
header{width: 1000px; margin:0 auto;}
.head__logo{float: left;}
.head__navi{float: right; padding-top: 20px; width: 50%;}
.head__navi li{ float: left; font-size: 0.9rem; color: #fff; margin-bottom:5px}
.head__navi li:after{ content:"｜"; padding: 0 3px;}
.head__navi .head__navi__last:after{ content:""; padding: 0;}
.head__navi li a{ color: #fff; }

/*CTA*/
.cta__box{width: 600px; position: fixed; right: 0; bottom: 0; background: #000; padding: 10px; z-index: 100;}
.cta__box p{color: #fff; font-weight: bold; text-align: center; padding:0 0 3px; letter-spacing: 2px; font-size: 1.3rem; }
.cta__box__left{float: left;}
.cta__box__right{float: right;}


/*コンテンツ幅*/
.cntW{width: 100%; margin: 0 auto;}
.cnt{width: 1000px; margin: 100px auto;}
.cnt-2{width: 1000px; margin: 0 auto;} 
.cnt-3{width: 800px; margin: 0 auto;} 


/*共通見出し*/
.cnt__h2{text-align: center; margin: 0 auto 50px; background: url(../img/title_bg.png) repeat-x top, url(../img/title_bg.png) repeat-x bottom;
 height: 150px; width: 750px; position: relative;}
.cnt__h2__lead{background: #fff; border-radius: 50px; text-align: center; font-weight: bold; font-size: 1.1rem; display: inline; padding: 5px 30px;
 letter-spacing: 1px; width: auto; border:#00a96e solid 1px; position: absolute; top:-18px; margin: 0 auto; left:0; right: 0; width: 70%;}
.cnt__h2 h2{font-size: 2.5rem; text-align: center; color: #00a96e; letter-spacing: 0.2rem; padding-top: 40px; font-weight: bold;}
.cnt__h2__sub{font-size: 1rem; color: #00a96e; text-align: center; position: relative;}
.cnt__h2__sub::before{content:""; width: 30%; top: calc(50% - 1px); left: 0; height: 1px; background: #00a96e; position: absolute; right: 0; margin: auto;}
.cnt__h2__sub span{position: relative; padding: 0 1em; background: #fff; color: #00a96e; }


/*コンテンツ１*/
#cnt1{background: #00a96e; padding: 80px 0;}
.cnt1__h1{ margin: 0 auto; text-align: center;}
#cnt1 ul{width: 1000px; margin:20px auto;}
#cnt1 li{float: left; margin-right: 10px;}
.cnt1__lilast{margin-right: 0px !important;}


/*コンテンツ2*/
#cnt2{background: #00a96e; width: 100%; padding: 70px 0 30px;}
.cnt2__icon{ text-align: center; top: 0; margin-top: -45px; }
#cnt2 h2{ margin-bottom: 50px; }
#cnt2 h2 img{  display: block;  margin: 0 auto;}
.cnt2__box{background: #fff; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); padding: 20px; width: 800px; margin:0 auto 60px; }
.cnt2__box__left{float: left;}
.cnt2__box__right{float: right; width: 440px;}
.cnt2__box__right h3{color: #e51f19; font-weight: bold; line-height: 2rem; margin: 5px 0; font-size: 1.2rem; letter-spacing: 0.5px;}


/*コンテンツ3*/
#cnt3{}
#cnt3 h2{text-align: center; background: #000; padding: 30px 0; font-size: 2rem; color: #fff; letter-spacing: 4px;}
.cnt3__h2__yl{color: #ff0; font-weight: bold; letter-spacing: 4px;}
.cnt3__main{background: url(../img/ch3__main.jpg) center no-repeat,#000; height: 599px; position: relative;}
.cnt3__main__title{position: absolute; bottom: -270px; left:0; right: 0;}
.cnt3__main__title img{display: block; margin: auto;}
.cnt3__list{width: 1000px; margin: 300px auto 0;}
.cnt3__list li{width: 320px; float: left; margin-right: 20px; }
.cnt3__list__none{margin-right: 0 !important;}
.cnt3__list h3{font-weight: bold; text-align: center; margin:10px auto 3px; font-size: 1.2rem; letter-spacing: 1px; color: #00a96e;}


/*コンテンツ4*/
#cnt4{padding: 100px 0; background: #effff5; margin: 60px auto 0;}
.cnt4__h2{text-align: center; margin: 0 auto; background: url(../img/title_bg.png) repeat-x top, url(../img/title_bg.png) repeat-x bottom;
 height: 150px; width: 750px; position: relative;}
.cnt4__h2__lead{background: #fff; border-radius: 50px; text-align: center; font-weight: bold; font-size: 1.1rem; display: inline; padding: 5px 30px;
 letter-spacing: 1px; width: auto; border:#00a96e solid 1px; position: absolute; top:-18px; margin: 0 auto; left:0; right: 0; width: 70%;}
.cnt4__h2 h2{font-size: 2.5rem; text-align: center; color: #00a96e; letter-spacing: 0.2rem; padding-top: 40px; font-weight: bold;}
.cnt4__h2__sub{font-size: 1rem; color: #00a96e; text-align: center; position: relative;}
.cnt4__h2__sub::before{content:""; width: 30%; top: calc(50% - 1px); left: 0; height: 1px; background: #00a96e; position: absolute; right: 0; margin: auto;}
.cnt4__h2__sub span{position: relative; padding: 0 1em; background: #effff5; color: #00a96e; }
.cnt4__voice{width: 1000px; margin: 50px auto 0;}
.cnt4__voice li{width: 300px; margin-right: 50px; float: left;}
.cnt4__voice__last{margin-right: 0 !important;}
.cnt4__voice__tx{background: #fff; padding: 20px; position: relative; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); min-height: 360px;}
.cnt4__voice__tx__icon{position: absolute; bottom: -70px; right: 50px;}
.cnt4__voice__prof{padding: 10px 0 0 50px;}
.cnt4__voice__prof__under{border-bottom: 1px dashed #ff43b2; color: #ff43b2; font-size: 1.2rem; }
.cnt4__voice__prof__underM{border-bottom: 1px dashed #000; font-size: 1.2rem; }


/*コンテンツ5*/
#cnt5{width:1000px; margin: 100px auto;}
.cnt5__tentou{float: left; width: 50%; border-right:1px dashed #00a96e; padding: 0 30px;}
.cnt5__tentou__midashi{width: 90%; margin: 0 auto; background: #ffa200; border-radius: 30px; text-align: center; color: #fff; font-size: 1.1rem;
 letter-spacing: 2px; padding: 5px 0; margin-bottom: 40px !important;}
.cnt5__tentou img{display: block; margin: 10px auto; text-align: center;}
.cnt5__tentou h3{text-align: center; color: #ffa200; margin-bottom: 20px; font-size: 2rem; letter-spacing: 0.3rem; font-weight: bold;}
.cnt5__tentou p{margin-bottom: 20px;}
.cnt5__tentou li{color: #ffa200; font-size: 1.2rem; margin-bottom: 25px; letter-spacing: 0.1rem; position: relative; padding: 0 0 0 45px;}
.cnt5__tentou li:before{content: ""; position: absolute; background: url(../img/ch5__icon1.jpg) no-repeat left top; width: 34px; height: 35px; left: 0; top:-5px;}

.cnt5__shucchou{float: left; width: 50%; padding: 0 30px;}
.cnt5__shucchou__midashi{width: 90%; margin: 0 auto; background: #008bff; border-radius: 30px; text-align: center; color: #fff; font-size: 1.1rem;
 letter-spacing: 2px; padding: 5px 0; margin-bottom: 40px !important;}
.cnt5__shucchou img{display: block; margin: 10px auto; text-align: center;}
.cnt5__shucchou h3{text-align: center; color: #008bff; margin-bottom: 20px; font-size: 2rem; letter-spacing: 0.3rem; font-weight: bold;}
.cnt5__shucchou p{margin-bottom: 20px;}
.cnt5__shucchou li{color: #008bff; font-size: 1.2rem; margin-bottom: 25px; letter-spacing: 0.1rem; position: relative; padding: 0 0 0 45px;}
.cnt5__shucchou li:before{content: ""; position: absolute; background: url(../img/ch5__icon2.jpg) no-repeat left top; width: 34px; height: 35px; left: 0; top:-5px;} 


/*コンテンツ6*/
#cnt6{ background: #0a9d65; padding: 100px 0;}
#cnt6 h2{margin: 0 auto 40px;}
#cnt6 h2 img{margin: 0 auto; display: block;}
#cnt6 ul{width: 1000px; margin: 0 auto;}
#cnt6 li{float: left; width: 20%; overflow: visible; display: grid;}
#cnt6 p{color: #fff; line-height: 1.5rem; padding: 10px 20px;}
.cnt6__flowX1{z-index: 100;}
.cnt6__flowX2{z-index: 90;}
.cnt6__flowX3{z-index: 80;}
.cnt6__flowX4{z-index: 70;}
.cnt6__flowX5{z-index: 60;}


/*コンテンツ7*/
.cnt7__case__cnt{border-bottom: 1px dashed #ccc; display: grid;}
.cnt7__case__cnt li{float: left;}
.cnt7__case__cnt__img{ width: 20%; }
.cnt7__case__cnt__title{ width: 20%; padding:20px 10px 0; }
.cnt7__case__cnt__up{ width: 55%; padding: 20px 0 0;}


/*コンテンツ8*/
#cnt8{ padding: 100px 0;}
#cnt8 img{margin: 0 auto; display: block;}
.cnt8__title{margin-bottom: 40px;}


/*コンテンツ9*/
#cnt9{}
.cnt9__h2{text-align: center; margin: 0 auto 50px; height: 150px; width: 750px; position: relative;}
.cnt9__h2__lead{background: #fff; border-radius: 50px; text-align: center; font-weight: bold; font-size: 1.1rem; display: inline; padding: 5px 30px;
 letter-spacing: 1px; width: auto; border:#00a96e solid 1px; position: absolute; top:-18px; margin: 0 auto; left:0; right: 0; width: 70%;}
.cnt9__h2 h2{font-size: 2.5rem; text-align: center; color: #00a96e; letter-spacing: 0.3rem; padding-top: 20px; font-weight: bold;}
.cnt9__h2__sub{font-size: 1rem; color: #00a96e; text-align: center; position: relative;}
.cnt9__h2__sub::before{content:""; width: 30%; top: calc(50% - 1px); left: 0; height: 1px; background: #00a96e; position: absolute; right: 0; margin: auto;}
.cnt9__h2__sub span{position: relative; padding: 0 1em; background: #fff; color: #00a96e; }
.cnt9__store{width: 840px; margin: 0 auto;}
.cnt9__store li{width: 400px; float: left; border:1px solid #6b6b6b; padding:20px; }
.cnt9__store__map{float: left; width: 170px;}
.cnt9__store__info{float: right; width: 180px;}
.cnt9__store__info h3{font-weight: bold; letter-spacing: 1px; color: #0a9d65; font-size: 1.1rem;}
.cnt9__store__info p{line-height: 1.5rem; font-size: 0.9rem; margin-bottom: 5px;}
.cnt9__store__info a{text-align: center; color: #fff; background: #0a9d65; padding: 5px 0; width: 100%; display: block; letter-spacing: 1px;}
.cnt9__store__right{margin-left: 40px; }


/*コンテンツ10*/
#cnt10{ background: #effff5; padding: 100px 0 70px;}
.cnt10__qa{width: 1000px; margin: 40px auto 0;}
.cnt10__qa li{width: 480px; border-radius: 10px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); background: #fff; padding: 30px 20px 10px;
 margin-bottom: 30px; min-height: 200px;}
.cnt10__qaL{float: left;}
.cnt10__qaR{float: right;}
.cnt10__qa__q{color: #f99c00; font-weight: bold; border-bottom: 1px #ccc dashed; padding: 5px 0 30px 60px; position: relative; margin-bottom: 20px; font-weight: bold;}
.cnt10__qa__q:before{content: ""; position: absolute; background: url(../img/ch10__iconQ.jpg) no-repeat left top; width: 50px; height: 50px;
 left: 0; top:-5px;} 
.cnt10__qa__a{padding: 5px 0 20px 60px; position: relative;}
.cnt10__qa__a:before{content: ""; position: absolute; background: url(../img/ch10__iconA.jpg) no-repeat left top; width: 50px; height: 50px;
 left: 0;} 
.cnt10__qa__a span{font-size: 0.8rem; line-height: 1.5rem; display: inline-block;}


/*フォーム*/
#formWrap{background: #00a96e; padding: 100px 0;}
.formWrap__form{width: 900px; margin: 0 auto; background: #fff; padding: 50px; border-radius: 30px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.4); }
.formWrap__h2{margin-bottom: 40px;}
.formWrap__h2 img{margin: 0 auto; text-align: center; display: block;}
#formWrap h2{text-align: center; font-size: 2rem; color: #ff6464; margin-top: 20px; letter-spacing: 1px;}
.formTable{width: 800px;}
.formTable th {width: 28%; font-size: 0.9rem; font-weight: bold;}
.formTable th span{color: #fff; font-weight: bold; background: #f00; display: inline-block; padding: 1px 5px; float: right;}
/*.formTable .th2 {background: #eee;}*/
.formTable td{width: 72%; border: 10px solid #fff;}
.formTable input{width: 100%; padding: 10px; border: 1px solid #ccc; font-size: 1rem; }
.formTable textarea{width: 100%; padding: 10px; border: 1px solid #ccc; font-size: 1rem; }
.formWrap__botton{text-align: center; margin:20px auto;}
.formWrap__botton__submit{ background: url(../img/button3.png); width: 422px; height:103px; border: none;}
.formWrap__policy{width: 800px; height: 200px; margin: 30px auto 0; overflow: auto;  border: 1px solid #ccc; padding: 20px;}
.formWrap__policy p{font-size: 0.8rem; margin-bottom: 20px; line-height: 1.5rem;}
.formTable__sutxt{font-size: 0.7rem; line-height: 1.5rem;}
.formTable__short span{padding: 12px 0 0 20px; display: inline-block;}
.formTable__short input{width: 70% !important; float: right; margin-bottom: 10px; display: inline-block;}
.formTable__short__red{font-size: 0.8rem; color: #f00;}

/*フォーム機能*/
#formWrap2{width: 800px; margin: 50px auto;}
.error_messe_h3{text-align: center; background: #fcc; padding: 20px; width: 100%; font-weight: bold; font-size: 1.1rem; margin-bottom: 20px;}
.error_messe{color: #f00; font-weight: bold; background: #fee; padding: 10px; margin-bottom: 10px;}
.form__error__back{color: #fff; padding: 20px ; border:none; font-size: 1.1rem; letter-spacing: 2px; background: #d61212; border-radius: 20px; width: 30%; }
.form__error__next{color: #fff; padding: 20px ; border:none; font-size: 1.1rem; letter-spacing: 2px; background: #0b7df9; border-radius: 20px; width: 30%; margin-bottom: 10px; font-weight: bold;}
.form__fix__h3{text-align: center; padding: 20px; color: #fff; background: #00a96e; font-size: 1.2rem; letter-spacing: 2px; margin-bottom: 20px;}
.form__fix__h3__tx{text-align: center; margin-bottom: 20px;}

/*サンキューページ*/
.form__submit{width: 100%; background: #00a96e; padding: 50px 0;}
.form__submit h2{color: #fff; font-weight: bold; text-align: center; letter-spacing: 3px; font-size: 1.6rem;}
.form__submit__sub{background-color: #fff200; padding: 5px; border-radius: 20px; text-align: center; margin: -21px auto 0; font-size: 1.2rem; letter-spacing: 1px; width: 350px; font-weight: bold;}
.form__submit__txtarea{width: 800px; margin: 20px auto;}
.form__submit__area{width: 100%; margin: 50px auto;}
.form__submit__tel{margin: 0 auto; background: #e51f19; border-radius: 50px; width: 320px;}
.form__submit__tel a{padding: 10px; width: 100%; display: block; margin: 0 auto;}
.form__submit__tel img{margin: 0 auto; text-align: center; display: block;}

/*コピーライト*/
#cnt_copy p{background: #00a96e; text-align: center; padding: 10px; color: #fff;}

/*コンテンツ会社概要*/
#cnt11{background: #eee; padding: 100px 0; }
.cnt11__h2 img{margin: 0 auto; text-align: center; display: block;}
.cnt11__h2{width: 1000px; margin: 0 auto;}
#cnt11 h2{text-align: center; font-weight: bold; font-size: 2rem; letter-spacing: 2px;
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;}
#cnt11 table{width: 700px; margin: 40px auto 0;}
#cnt11 table th{font-weight: bold; width: 20%;}
#cnt11 table th,#cnt11 table td{border-bottom: 1px solid #000; margin-bottom: 20px; padding: 15px 0;}




@media screen and (max-width:640px) {
	#wrap{width: 100%;}
	p{font-size: 0.9rem;}
	.sp{display:inline;}
	.pc{display:none;}

	/*ヘッダー*/
	header{width: 100% ; margin-bottom: 10px;}
	.head__logo{float: none;}
	.head__logo img {width: 45%; /*margin: 0 auto;*/ text-align: center; display: block;}
	.head__navi{float: none; width: 100%; margin: 0 auto; padding: 0; display: none;}
	.head__navi ul{ text-align: center; margin: 0 auto; display: table;}
	.head__navi li{ text-align: center; font-size: 0.6rem; display: inline-block;}

	/*メインビジュアル*/
	.main{background: url(../img/mainSP.jpg) top center; height: 126vw; width: 100%; background-size: 100% ; padding: 7px 10px;}

	/*コンテンツ幅*/
	.cntW{width: 100%; margin: 0 auto;}
	.cnt{width:  100%; margin: 50px auto;}
	.cnt-2{width:  100%; margin: 0 auto; padding: 10px;}
	.cnt-3{width:  100%; margin: 0 auto;} 

	/*CTA*/
	.cta__box{width: 100%; z-index: 200; padding: 3px 0 0;}
	.cta__box p{font-size: 0.8rem; padding: 0; line-height: 1rem; padding: 3px;}
	.cta__box__left{float: left; width: 50%;}
	.cta__box__left img{width: 100%;}
	.cta__box__right{float: right; width: 50%;}
	.cta__box__right img{width: 100%;}

	/*共通見出し*/
	.cnt__h2{text-align: center; margin: 0 auto 50px; background: url(../img/title_bg.png) repeat-x top, url(../img/title_bg.png) repeat-x bottom;
	 min-height: 120px; width: 90%; position: relative; height: auto;}
	.cnt__h2__lead{font-size: 0.7em; display: inline; padding: 5px ; top:-11px; margin: 0 auto; left:0; right: 0; width: 90%; line-height: 1rem; font-weight: normal;}
	.cnt__h2 h2{font-size: 2rem; text-align: center; color: #00a96e; letter-spacing: 0.3rem; padding-top: 25px; line-height: 2.5rem;}
	.cnt__h2__sub{font-size: 1rem; color: #00a96e; text-align: center; position: relative;}
	.cnt__h2__sub::before{content:""; width: 70%; top: calc(50% - 1px); left: 0; height: 1px; background: #00a96e; position: absolute; right: 0; margin: auto;}
	.cnt__h2__sub span{position: relative; padding: 0 1em; background: #fff; color: #00a96e; }

	/*コンテンツ１*/
	#cnt1{padding:30px 0;}
	.cnt1__h1 img{ width: 60%; margin:0 auto 10px;}
	#cnt1 ul{width: 100%;}
	#cnt1 li{float: none; margin: 0 0 10px !important;}
	#cnt1 li img{margin: 0 auto !important; width: 80%; display: block;}


	/*コンテンツ2*/
	#cnt2{padding: 50px 0 30px;}
	#cnt2 h2{ margin-bottom: 50px; }
	#cnt2 h2 img{ width: 90%; margin: 0 auto;}
	.cnt2__box{padding: 20px; width: 95%; margin:0 auto 60px; }
	.cnt2__box__left{float: none; margin-bottom: 10px;}
	.cnt2__box__left img{width: 100%;}
	.cnt2__box__right{float: none; width: 100%;}
	.cnt2__box__right h3{line-height: 2rem; margin: 5px 0; font-size: 1.2rem; letter-spacing: 0.5px;}


	/*コンテンツ3*/
	#cnt3 h2{padding: 20px 0; font-size: 1.4rem; letter-spacing: 1px;}
	.cnt3__h2__yl{letter-spacing: 1px;}
	.cnt3__main{background: url(../img/ch3__mainSP.jpg) center no-repeat; height: 375px; position: relative; width: 100%; background-size: cover;}
	.cnt3__main__title{position: absolute; bottom: -35vw; left:0; right: 0; margin-bottom: 20px;}
	.cnt3__main__title img{display: block; margin: auto; width: 90%;}
	.cnt3__list{width: 100%; margin: 35vw auto 0;}
	.cnt3__list li{width: 80%; float: none; margin: 10px auto !important;}
	.cnt3__list li img{width: 90%; margin: 0 auto; display: block;}
	.cnt3__list li p{line-height: 1.5rem;}
	.cnt3__list h3{font-size: 1.1rem;}


	/*コンテンツ4*/
	#cnt4{padding: 60px 0 20px; margin: 30px auto 0;}
	.cnt4__h2{ height: 120px; width: 90%; position: relative; margin: 0 auto 50px; }
	.cnt4__h2__lead{font-size: 0.7rem; padding: 5px ; letter-spacing: 1px; width: auto; top:-11px; width: 90%; font-weight: normal; line-height: 1rem;}
	.cnt4__h2 h2{font-size: 2rem; letter-spacing: 0.3rem; padding-top: 25px;}
	.cnt4__h2__sub{font-size: 1rem; }
	.cnt4__h2__sub::before{content:""; width: 70%; top: calc(50% - 1px); left: 0; height: 1px; background: #00a96e; position: absolute; right: 0; margin: auto;}
	.cnt4__h2__sub span{position: relative; padding: 0 1em;}
	.cnt4__voice{width: 100%; margin: 50px auto 0;}
	.cnt4__voice li{width: 90%; margin: 0 auto 30px !important; float: none;}
	.cnt4__voice__tx{padding: 20px 20px 30px; min-height: auto;}
	.cnt4__voice__tx__icon{position: absolute; bottom: -70px; right: 70px;}
	.cnt4__voice__prof{padding: 10px 0 0 50px;}
	.cnt4__voice__prof__under{border-bottom: 1px dashed #ff43b2; color: #ff43b2; font-size: 1.1rem; }
	.cnt4__voice__prof__underM{border-bottom: 1px dashed #000; font-size: 1.1rem; }


	/*コンテンツ5*/
	#cnt5{width:100%; margin: 60px auto;}
	.cnt5__tentou{float: none; width: 90%; border-right:0; padding: 0; margin: 0 auto 30px; border-bottom: 1px dashed #00a96e;}
	.cnt5__tentou__midashi{width: 90%; font-size: 0.8rem; letter-spacing: 1px; padding: 5px; margin-bottom: 30px !important;}
	.cnt5__tentou img{display: block; margin: 10px auto; text-align: center;}
	.cnt5__tentou h3{text-align: center; color: #ffa200; margin-bottom: 0; font-size: 2rem; letter-spacing: 0.3rem; font-weight: bold;}
	.cnt5__tentou p{margin-bottom: 20px; font-size: 0.8rem;}
	.cnt5__tentou li{font-size: 1rem; margin-bottom: 25px; letter-spacing: 0.1rem; position: relative;}

	.cnt5__shucchou{float: none; width: 90%; padding: 0; margin: 0 auto;}
	.cnt5__shucchou__midashi{width: 90%; font-size: 0.8rem; letter-spacing: 1px; padding: 5px; margin-bottom: 30px !important;}
	.cnt5__shucchou img{display: block; margin: 10px auto; text-align: center;}
	.cnt5__shucchou h3{text-align: center; color: #008bff; margin-bottom:0; font-size: 2rem; letter-spacing: 0.3rem; font-weight: bold;}
	.cnt5__shucchou p{margin-bottom: 20px;}
	.cnt5__shucchou li{font-size: 1rem; margin-bottom: 25px; letter-spacing: 0.1rem; position: relative;}


	/*コンテンツ6*/
	#cnt6{padding: 50px 0;}
	#cnt6 h2 img{margin: 0 auto; display: block; width: 80%;}
	#cnt6 ul{width: 90%; margin: 0 auto;}
	#cnt6 li{float: left; width: 33%; overflow: visible; display: grid;}
	#cnt6 li img{width: 108%;}
	#cnt6 p{color: #fff; line-height: 1rem; padding: 10px 5px; font-size: 0.7rem;}


	/*コンテンツ7*/
	.cnt7__case{margin-top: -30px;}
	.cnt7__case__cnt{border-bottom: 1px dashed #ccc; display: grid; width: 100%;}
	.cnt7__case__cnt li{float: left; padding: 20px 10px;}
	.cnt7__case__cnt__img{ width: 40%; }
	.cnt7__case__cnt__img img{ width: 100%; }
	.cnt7__case__cnt__title{ width: 50%; padding:20px 10px 0; }
	.cnt7__case__cnt__up{ width: 100%; padding: 20px 0 0; float: none !important;}
	.cnt7__case__cnt__up img{ width: 100%;}


	/*コンテンツ8*/
	#cnt8{ padding: 50px 0;}
	#cnt8 img{margin: 0 auto; display: block; width: 100%;}
	.cnt8__title{margin: 0 auto 40px; width: 80%;}


	/*コンテンツ9*/
	#cnt9{}
	.cnt9__h2{text-align: center; margin: 0 auto 50px; height: 150px; width: 100%; position: relative;}
	.cnt9__h2__lead{background: #fff; border-radius: 50px; text-align: center; font-weight: bold; font-size: 1.1rem; display: inline; padding: 5px 30px;
	 letter-spacing: 1px; width: auto; border:#00a96e solid 1px; position: absolute; top:-18px; margin: 0 auto; left:0; right: 0; width: 70%;}
	.cnt9__h2 h2{font-size: 2rem; letter-spacing: 0.3rem; padding-top: 20px;}
	.cnt9__h2__sub{font-size: 1rem; color: #00a96e; text-align: center; position: relative;}
	.cnt9__h2__sub::before{content:""; width: 30%; top: calc(50% - 1px); left: 0; height: 1px; background: #00a96e; position: absolute; right: 0; margin: auto;}
	.cnt9__h2__sub span{position: relative; padding: 0 1em; background: #fff; color: #00a96e; }
	.cnt9__store{width: 90%; margin: 0 auto;}
	.cnt9__store li{width: 100%; float: left; border:1px solid #6b6b6b; padding:20px; margin-bottom: 20px;}
	.cnt9__store__map{float: left; width: 40%;}
	.cnt9__store__info{float: right; width: 56%;}
	.cnt9__store__info h3{font-weight: bold; letter-spacing: 1px; color: #0a9d65; font-size: 1.1rem;}
	.cnt9__store__info p{line-height: 1.2rem; font-size: 0.8rem; margin-bottom: 5px;}
	.cnt9__store__info a{text-align: center; color: #fff; background: #0a9d65; padding: 5px 0; width: 100%; display: block; letter-spacing: 1px;}
	.cnt9__store__right {margin-left: 0;}
	

	/*コンテンツ10*/
	#cnt10{ background: #effff5; padding: 60px 0 40px;}
	.cnt10__qa{width: 100%; margin: 40px auto 0;}
	.cnt10__qa li{width: 90%; margin: 0 auto 20px; min-height: auto;}
	.cnt10__qaL{float: none;}
	.cnt10__qaR{float: none;}
	.cnt10__qa__q{color: #f99c00; padding: 5px 0 20px 60px; margin-bottom: 20px; line-height: 1.2rem;}
	.cnt10__qa__q:before{top:0;} 
	.cnt10__qa__a{padding: 5px 0 20px 60px; position: relative; line-height: 1.4rem;}
	.cnt10__qa__a span{font-size: 0.8rem; line-height: 1.2rem; display: inline-block;}


	/*フォーム*/
	.formWrap__form{width: 90%; padding: 30px;}
	#formWrap{width: 100%; margin: 0 auto; padding: 60px 0;}
	.formWrap__h2{margin-bottom: 10px;}
	.formWrap__h2 img{margin: 0 auto; text-align: center; display: block;}
	#formWrap h2{font-size: 1.5rem; margin-top: 20px;}
	.formTable{width: 100%; padding: 0;}
	.formTable th {width: 100%; display: block; padding: 15px 5px 2px;}
	/*.formTable .th2 {background: #eee;}*/
	.formTable td{width: 100%; border: 4px solid #fff; display: block; margin-bottom: 10px;}
	.formTable input{width: 100%; padding: 10px; }
	.formTable textarea{width: 100%; padding: 10px; }
	.formWrap__botton{text-align: center; margin:20px auto;}
	.formWrap__botton__submit{ width: 100%; height:18.8vw; background-size: contain; }
	.formWrap__botton{text-align: center; margin:20px auto;}
	.formWrap__policy{width: 90%; height: 150px; margin: 30px auto 0; overflow: auto;  border: 1px solid #ccc; padding: 20px;}
	.formWrap__policy p{font-size: 0.8rem; margin-bottom: 20px; line-height: 1.5rem;}
	.formTable__sutxt{line-height: 1.0rem; margin-top: 3px;}
	.formTable__short span{padding:  4vw 0 0 0; font-size: 0.8rem;}
	.formTable__short input{width: 43vw !important; float: right; margin-bottom: 10px; display: inline-block;}
	.formTable__short__red{ line-height: 1.1rem; font-size: 0.7rem; }

	/*フォーム機能*/
	#formWrap2{width: 100%; margin: 50px auto;}
	.error_messe_h3{ font-size: 1.0rem; }
	.error_messe{ margin:0 auto 10px; width: 95%;}
	.form__error__back{font-size: 1.0rem; letter-spacing: 1px; border-radius: 10px; width: 50%; margin: 0 auto; display: block;}
	.form__error__next{font-size: 1.0rem; letter-spacing: 1px; border-radius: 10px; width: 50%; margin-bottom: 10px; font-weight: bold;}
	.form__fix__h3__tx{padding: 0 20px;}

	/*サンキューページ*/
	.form__submit{width: 100%; background: #00a96e; padding: 20px 0;}
	.form__submit  h2{color: #fff; font-weight: bold; text-align: center; letter-spacing: 3px; font-size: 1.0rem;}
	.form__submit__sub{margin: 20px auto 0; font-size: 1.0rem; letter-spacing: 1px; width: 80%; font-weight: bold;}
	.form__submit__txtarea{width: 95%; margin: 20px auto;}
	.form__submit__area{width: 100%; margin: 30px auto;}
	.form__submit__tel{width: 70%;}
	.form__submit__tel a{padding: 5px;}
	.form__submit__tel img{width: 80%}

	/*コンテンツ7*/
	#cnt11{padding: 50px 20px; }
	.cnt11__h2{width: 100%; margin: 10px auto;}
	#cnt11 h2{font-size: 1.5rem;}
	#cnt11 table{width: 100%; margin: 10px auto 0;}
	#cnt11 table th{width: 25%;}
	#cnt11 table th,#cnt11 table td{font-size: 0.9rem;}
	#cnt11 table td{ font-size: 0.8rem; }

	/*コピーライト*/
	#cnt_copy {padding-bottom: 0px; display: block;}
	#cnt_copy p{font-size: 0.8rem;}

	

	/*===============================================
	ハンバーガーアイコンをCSSだけで表現
	===============================================*/
	#nav-drawer {position: relative;}
	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 30px;
	  height: 22px;
	  vertical-align: middle;
	  position: fixed;
	  top: 10px;
	  right: 10px;
	  z-index: 9999;
	}
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 3px;/*線の太さ*/
	  width: 30px;/*長さ*/
	  border-radius: 3px;
	  background: #555;
	  display: block;
	  content: '';
	  cursor: pointer;
	}
	#nav-open span:before {
	  bottom: -8px;
	}
	#nav-open span:after {
	  bottom: -16px;
	}
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}
	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
	  top: 0;
	  right: 0;
	  z-index: 9999;/*最前面に*/
	  width: 60%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(105%);
	  transform: translateX(105%);/*左に隠しておく*/
	}
	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	  background: #000;
	  background: rgba(0,0,0,0.3);
	}
	/*チェックボックス等は非表示に*/
	.nav-unshown {
	  display:none;
	}
	.MainImage_navi li{background: #fff; width: 80%; margin:20px auto; text-align: center; font-size: 0.9rem;}
	.MainImage_navi li a{ color: #000; width: 100%; display: block; padding: 5px;}
	/*===============================================
	ハンバーガーアイコン終わり
	===============================================*/

}