@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  SP
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 980px) {
/*-- 基本 --*/
body {
	margin:0px;padding:0px;
/*	background:none repeat scroll 0% 0%;background-attachment:scroll;
*/	font-family: 'Noto Sans JP', 'sans-serif', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 游ゴシック体, 'Yu Gothic', YuGothic, メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#555555;font-weight: 400;font-size: 2.1vw;letter-spacing: 0;line-height: 1.6;
	min-width: 100%;
}

/*-- リンク系（アンカー） --*/
a{
	color:#555555;
	text-decoration:underline;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
/*a:hover{color: #003ea5;text-decoration:underline;}
*/a img{
	display: block;
	transition: 0.5s;
}
/*a img:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
	transition: 0.5s;
}*/

/*-- テキスト系 --*/
.mincho{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}



/*-- header --*/
header {
	position:fixed;
	width:100%;
	z-index:9999;
	background: #FFF;
}
div.header_box{
	display: flex;justify-content: space-between;
	height: 16vw;padding: 0 0 0 2.6vw;
}
div.header_box > h1{width: 32.5vw;margin: 1.3vw 0 0;}
div.header_box > h1 a,
div.header_box > h1 a img{display: block;width: 32.5vw; height: auto;}
div.header_box > div{display: flex;}
div.header_box > div a.tel{
	display: block;width: 18.6vw;height: 16vw;padding: 8.8vw 0 0;
	background: #59a529 url("../imgs/sp/icon/icon_tel_wt.svg") no-repeat center 2.2vw;background-size: 3vw auto;
	color: #ffffff;font-weight: 500;line-height: 1.2; text-align: center;text-decoration: none;
}
div.header_box > div a.link1{
	display: block;width: 13.3vw;height: 16vw;padding: 9.4vw 0 0;
	background: #4ed3e5 url("../imgs/sp/icon/icon_yen.svg") no-repeat center 2.2vw;background-size: 5.3vw auto;
	color: #ffffff;font-weight: 500;text-align: center;text-decoration: none;
}
div.header_box > div a.link2{
	display: block;width: 18.6vw;height: 16vw;padding: 8.8vw 0 0;
	background: #ff6a00 url("../imgs/sp/icon/icon_mail.svg") no-repeat center 2.9vw;background-size: 6vw auto;
	color: #ffffff;font-weight: 500;line-height: 1.2;text-align: center;text-decoration: none;
}



/*-- primary_content --*/
div.primary_content{
	padding: 0 0 8vw;
	background: #59a529 url("../imgs/sp/primary_content_bg.png?01") no-repeat center top;background-size:contain;
	position: relative;
	top:16vw;
	margin-bottom: 16vw;
	height: auto;
}
div.primary_content > div {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
div.primary_content > div > div.c_left{padding: 29vw 0 0;}
div.primary_content > div > div.c_left p.c_top{
	color: #ffffff;font-size:6.4vw;font-weight:900;line-height: 1.4;text-align: center;
	text-shadow: 3px 3px 0px rgb(0,0,0,0.6);
}
div.primary_content > div > div.c_left p.c_top span {
    letter-spacing: 0;
}
	
div.primary_content > div > div.c_left p.c_bottom{
	color: #ffffff;font-size:4.1vw;font-weight:900;line-height: 1.1; text-align: center;
	text-shadow: 3px 3px 0px rgb(0,0,0,0.6);
}
div.primary_content > div > div.c_left > div{display: flex;justify-content: space-between; padding: 3vw 2.6vw 4.6vw;}
div.primary_content > div > div.c_left > div > div{
	width: 29vw;height: 21vw;
	background: rgb(7,255,0,0.5);
	border-top-left-radius: 4.6vw;border-top-right-radius: 1.3vw;border-bottom-left-radius: 1.3vw;border-bottom-right-radius: 4.6vw;
}
div.primary_content > div > div.c_left > div > div dl{
	position: relative;top: -5px;right: 5px;
	width: 29vw;height: 21vw;padding: 1.2vw 0 0 !important;
	background: #ffffff;
	border-top-left-radius: 4.6vw;border-top-right-radius: 1.3vw;border-bottom-left-radius: 1.3vw;border-bottom-right-radius: 4.6vw;
}
div.primary_content > div > div.c_left > div > div dl dt{
	margin: 0 1.7vw;
	color: #00a308;font-size:3.8vw;font-weight:700;text-align: center;line-height: 1.4;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,59,1) 46%, rgba(255,255,59,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,59,1) 46%,rgba(255,255,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,59,1) 46%,rgba(255,255,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffff3b',GradientType=0 ); /* IE6-9 */
}
div.primary_content > div > div.c_left > div > div dl dd{
	padding: 1.4vw 0 0 1.7vw;
	font-size:2.6vw;font-weight:500;line-height: 1.3;
}
div.primary_content > div > div.c_right{
	width: 89vw; margin: 0 auto; padding: 4vw 6vw 5.3vw;
	background: #ffffff;
	border-radius: 2.6vw;
	box-shadow: 0 0 7px 7px rgba(51, 51, 51, 0.3);
	height: auto;
}
div.primary_content > div > div.c_right img.img1{display: block; width: 39vw;margin: 0 auto 2.4vw; height: auto;}
div.primary_content > div > div.c_right dl{margin: 0 0 4vw;}
div.primary_content > div > div.c_right dl dt{
	padding: 0.3vw 0;
	background: #569e33;
	color: #ffffff;font-size:5vw;font-weight:500;text-align: center;
	border-top-left-radius: 1.3vw;border-top-right-radius: 1.3vw;
	height: auto;
}
div.primary_content > div > div.c_right dl dd{
	height: 17.3vw;padding: 0 0 1.3vw;
	background: #4d5e4a;
	border-bottom-left-radius: 1.3vw;border-bottom-right-radius: 1.3vw;
}
div.primary_content > div > div.c_right dl dd a{
	display: block; height: 16vw;padding: 1.6vw 0 0 11vw;
	background: #ffffff url("../imgs/icon/icon_tel_bk.svg") no-repeat 10vw center;background-size: 6.5vw auto;
	border-right: #569e33 1px solid;border-bottom: #569e33 1px solid;border-left: #569e33 1px solid;
	border-bottom-left-radius: 1.3vw;border-bottom-right-radius: 1.3vw;
	font-size:3.5vw;text-align: center;text-decoration: none;
	width: auto;
	margin: 0;
}
div.primary_content > div > div.c_right dl dd a span{
	display: block;
	font-size:7.4vw;font-weight:700;line-height: 1;text-align: center;
	padding: 0;
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	color: #555555;
}
div.primary_content > div > div.c_right img.img2{display: block; width: 67.8vw; margin: 0 auto 1.3vw; height: auto;}
div.primary_content > div > div.c_right > a{
	display: block;margin: 0 auto;padding: 0 0 1.3vw;
	background: #bc3f00;
	border-radius: 11px;
	text-decoration: none;
	height: auto;
	width: auto;
}
div.primary_content > div > div.c_right a.pt3{
	border-radius: 0;
}
div.primary_content > div > div.c_right a:hover{
	color: #555555;
}


div.primary_content > div > div.c_right > a span{
	position: relative;
	display: block;padding: 5vw 0 5vw 8vw;
	background: rgb(255,144,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,144,0,1) 0%, rgba(255,106,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,144,0,1) 0%,rgba(255,106,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,144,0,1) 0%,rgba(255,106,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9000', endColorstr='#ff6a00',GradientType=0 ); /* IE6-9 */
	border-radius: 10px;
	color: #ffffff;font-size:5.4vw;font-weight:500;letter-spacing: -0.8px;
	width: 100%;
	height: auto;
}
div.primary_content > div > div.c_right > a span::after{
	content: "";
	position: absolute;top: 0;bottom: 0;right: 5.3vw;
	display: block; width: 5.3vw;height: 5.3vw; margin: auto;
	background: url("../imgs/icon/arrow_circle_wt.svg") no-repeat center center;background-size: 5.3vw 5.3vw;
}
div.primary_content > div > div.c_right a span.pt2::after {
	display: none;
	}


/*-- type --*/
div.type{padding: 10.6vw 0;background: #f0f2f0;}
/*タブ切り替え全体のスタイル*/
.tabs01 {width: 94%;margin: 0 auto 10.6vw;overflow: hidden;}
/*タブのスタイル*/
.tabs01_item {
	display: block;width: 45vw; height: 13.3vw;padding: 2.4vw 0 0;
	background: #c2ccc4;
	border-top: #c2ccc4 1.3vw solid;
	font-size: 4vw; font-weight: 700; text-align: center;
	cursor: pointer;
}
.tab_left {float: left;}
.tab_right {float: right;}
/*ラジオボタンを全て消す*/
input[name="tabs01_item"] {display: none;}
/*タブ切り替えの中身のスタイル*/
.tabs01_content {
	clear: both;
	display: none;
	background: #ffffff;
}
/*選択されているタブのコンテンツのみを表示*/
#tabs01_a:checked ~ #tabs01_a_content,
#tabs01_b:checked ~ #tabs01_b_content{display: block;}
/*選択されているタブのスタイルを変える*/
.tabs01 input:checked + .tabs01_item {background: #ffffff;border-top: #59a529 1.3vw solid;}

div.tabs01_content_a > div{display: flex;flex-wrap: wrap; padding: 5.3vw 1vw 0;}
div.tabs01_content_a > div > dl{
	width: calc(50% - 2vw);margin: 0 1vw 5.3vw; padding: 1vw 5px 1.5vw;
	border: #c9c9c9 1px solid;
	height: auto;
}
div.tabs01_content_a > div > dl > dt{
	padding: 0 0 1vw;
	color: #59a529;font-size: 4vw;font-weight: 500;text-align: center; height: auto;
}
div.tabs01_content_a > div > dl > dd > img{display: block;width: 100%; margin: 0 0 1.8vw; height: auto;}
div.tabs01_content_a > div > dl > dd dl dt{
	margin: 0 0 1vw; padding: 1vw 0;
	background: #59a529;
	color: #ffffff;font-size: 3.6vw; text-align: center; height: auto;
}
div.tabs01_content_a > div > dl > dd dl dd ul li{
	margin: 0 0 1vw; padding: 1vw 0;
	background: #dddddd;
	color: #000000;font-size: 3.6vw;text-align: center; height: auto;
}

div.tabs01_content_b > div{display: flex;flex-wrap: wrap; padding: 5.3vw 1vw 0;}
div.tabs01_content_b > div > dl{
	width: calc(50% - 2vw);margin: 0 1vw 5.3vw; padding: 1vw 5px 4vw;
	border: #c9c9c9 1px solid;
}
div.tabs01_content_b > div > dl > dt{
	padding: 0 0 1vw;
	color: #59a529;font-size: 4vw;font-weight: 500;text-align: center;
	height: auto;
}
div.tabs01_content_b > div > dl > dt.edit{padding: 1.2vw 0 2.5vw;line-height: 1.1;}
div.tabs01_content_b > div > dl > dd > img{display: block;width: 100%; margin: 0 0 1.8vw; height: auto;}
div.tabs01_content_b > div > dl > dd > p{font-size: 3.7vw; letter-spacing: 0; line-height: 1.2;}


/* CSS Sp */

@media screen and (max-width: 980px) {
.navi_flex{
width: 100%;
height:auto;
margin: 0 auto;
}
}


a.order_1day{
	display: block;width: 89%;margin: 0 auto;padding: 5px;
	background: #4ed3e5;
	text-decoration: none;height: auto;
	   background: linear-gradient(#8ae7f4, #4ed3e5);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 3px #037281;
}
	
	
a.order_1day_02{
	display: block;width: 89%;margin: 0 auto;padding: 5px;
	background: #ff6a00;
	text-decoration: none;height: auto;
	  background: linear-gradient(#fab17d, #ff6a00);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
	box-shadow: 0px 3px #9a4102;
}
	
	
a.order_1day div{
	padding: 2vw 0 2.5vw;
	background: url("../imgs/icon/arrow_circle_wt.svg") no-repeat right 3vw center;background-size: 6vw auto;
	border: #ffffff 1px solid;
	color: #ffffff;font-size: 3vw; line-height: 1.3; text-align: center;height: auto;
}

a.order_1day_02 div{
	padding: 1vw 0 2.5vw;
	background: url("../imgs/icon/arrow_circle_wt.svg") no-repeat right 3vw center;background-size: 6vw auto;
	border: #ffffff 1px solid;
	color: #ffffff;font-size: 3vw; line-height: 1.3; text-align: center;height: auto;
}

a.order_1day div span.c1{color: #ffff00;font-size: 7vw;font-weight: 700 !important;}
a.order_1day div span.c2{color: #fff;font-size: 6.5vw;font-weight: 700 !important;}
a.order_1day div span.c3{font-size: 5.8vw;font-weight: 700 !important;}
a.order_1day div span.c4{display: inline-block;font-size: 3vw;padding: 1vw 0 0;}
a.order_1day_02 div span.c4{display: inline-block;font-size: 6.5vw;padding: 1vw 0 0;}





/*-- service --*/
div.service > h2{
	padding: 2.5vw 0;
	background: #59a529;
	color: #ffffff;font-size: 5.8vw;font-weight: 700; line-height: 1.3; text-align: center; height: auto;
}
div.service > h2 span{
	display: block;
	color: #ffff3b;font-size: 6.5vw;font-weight: 900;
}
div.service > div{padding: 8vw 0 2vw 5px;background: #dcead3; display: block;}
div.service > div > div{
	width: 89vw;margin: 0 auto 6vw;
	background: rgb(145,175,144);
	border-top-left-radius: 4.6vw;border-top-right-radius: 1.3vw;border-bottom-left-radius: 1.3vw;border-bottom-right-radius: 4.6vw;
	height: auto;
}
div.service > div > div > div{
	position: relative;top:-5px;left:-5px;
	width: 89vw; padding: 2.5vw 3.5vw 4.5vw;
	background: #ffffff;
	border-top-left-radius: 4.6vw;border-top-right-radius: 1.3vw;border-bottom-left-radius: 1.3vw;border-bottom-right-radius: 4.6vw;
	height: auto;
}
div.service > div > div > div h3{
	width: 40vw;margin: 0 auto;
	font-size:6.5vw;font-weight:900;text-align: center;line-height: 1.3;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 45%, rgba(255,255,59,1) 46%, rgba(255,255,59,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,59,1) 46%,rgba(255,255,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 45%,rgba(255,255,59,1) 46%,rgba(255,255,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffff3b',GradientType=0 ); /* IE6-9 */
}
div.service > div > div > div p.c1{
	padding: 1.5vw 0;
	color: #ff2436; font-size:4vw;font-weight:700;text-align: center;
}
div.service > div > div > div p.c2{font-size:3.8vw;letter-spacing: 0; line-height: 1.4;}



/*-- problem --*/
div.problem{
	padding: 8vw 0 0;
	background: url("../imgs/problem_bg.png?01") repeat center top;background-size: 3.3vw auto;
}
div.problem > h2{
	width: 84vw;margin: 0 auto;padding: 0 0 2vw;
	border-bottom: #ff6e00 4px solid;
	font-size: 5.5vw;font-weight: 700;line-height: 1.2; text-align: center;
}
div.problem > h2 span.c1{color: #6eb242;font-size: 6.5vw;font-weight: 900;}
div.problem > h2 span.c2{font-size: 6vw;font-weight: 900;color: #555555;}
div.problem > div{background: url("../imgs/sp/problem_woman.png") no-repeat left bottom;background-size: contain; height: auto;}
div.problem > div > div{padding: 5.6vw 0 8vw; width: auto;}
div.problem > div > div ul{
	width: 56vw;margin: 0 2.6vw 0 auto; padding: 1vw 2vw 2vw 9vw;
	background: #ffffff;
	border: #6eb242 3px solid;border-radius: 10px;
	box-shadow: 0 0 5px 3px rgb(153,153,153,0.5);
	height: auto;
}
div.problem > div > div ul li{
	position: relative;
	padding: 1vw 0 1.7vw;
	background: url("../imgs/dots.png?01") repeat-x left bottom;background-size: 4px auto;
	font-size: 3.8vw;font-weight: 700;line-height: 1.4;
	height: auto;
}
div.problem > div > div ul li::after{
	content: "";
	position: absolute;top: 1.2vw;left: -6.5vw;
	display: block;width: 5.3vw; height: 5.3vw;
	background: url("../imgs/icon/icon_check.svg") no-repeat center center;background-size: 5.3vw auto;
}
div.problem > div > div ul li span{color: #ff2436;}



/*-- flow --*/
div.flow{padding: 8.6vw 0 8vw;background: #f0f2f0;}
div.flow > h2{
	width: 56vw;margin: 0 auto 5vw;padding: 0 0 1vw;
	border-bottom: #555555 2px solid;
	font-size: 5vw;font-weight: 700;text-align: center;
}
div.flow > ol{width: 94%;margin: 0 auto; display: block;}
div.flow > ol li{
	list-style: none;
	position: relative;
	min-height: 33vw; margin: 0 0 6.6vw; padding: 2vw 4vw;
	background: #ffffff;
	border-radius: 10px;
	width: auto;
}
div.flow > ol li:nth-child(n+2)::after{
	content: "";
	position: absolute;top: -6.5vw;left: 0; right: 0;
	display: block; width: 4vw;height: 7vw;margin: auto;
	background: url("../imgs/icon/arrow_gr.svg") no-repeat center center;background-size: 4vw auto;
	transform: rotate(90deg);
	bottom: auto;
}
div.flow > ol li h3{
	padding: 0 0 3vw;
	color: #00a308; font-size: 5vw;font-weight: 700;letter-spacing: 0;text-align: center;
}
div.flow > ol li h3 span{letter-spacing: -5px;}
div.flow > ol li img{float: left;display: block;width: 27vw; height: auto; margin: 0;}
div.flow > ol li p{
	margin: 0 0 0 32vw; padding: 0 0 1.5vw;
	font-size: 3.6vw; letter-spacing: 0; line-height: 1.4;
}



a.order_1day_b{margin: 10.6vw auto;}



/*-- achievement --*/
div.achievement{padding: 10vw 0 5.3vw;background: url("../imgs/sp/achievement_bg.jpg") no-repeat center bottom;background-size: cover;}
div.achievement > h2{
	width: 30%;margin: 0 auto 8.8vw;padding: 0 0 1vw;
	border-bottom: #ffffff 2px solid;
	color: #ffffff; font-size: 6.5vw;font-weight: 700;letter-spacing: 0; text-align: center;
}
div.achievement > div{width: 94%;margin: 0 auto; display: block;}
div.achievement > div > div{
	margin: 0 0 8vw;padding: 0 0 2vw;
	background: #ffffff;
	border-radius: 10px;
	width: auto;
}
div.achievement > div > div h3{
	display: flex;
	padding: 1.7vw 0;
	background: #f08b07;
	border-top-left-radius: 10px;border-top-right-radius: 10px;
	height: auto;
}
div.achievement > div > div h3 span.c1{
	display: block;
	padding: 0.8vw 4.5vw;
	border-right: #ffffff 2px solid;
	color: #ffffff;font-size: 5vw;font-weight: 700;
	height: auto;
}
div.achievement > div > div h3 span.c2{
	display: block;
	padding: 1.1vw 0 0 4.5vw;
	color: #ffffff;font-size: 5.5vw;font-weight: 700;line-height: 1.2;
}
div.achievement > div > div img{display: block;width: 84vw;margin:4.5vw auto 7vw; height: auto;}
div.achievement > div > div dl{width: 84vw;margin: 0 auto; padding: 0;}
div.achievement > div > div dl dt{
	width: 16vw;padding: 0.5vw 0;
	color: #ffffff;font-size: 4vw;font-weight: 500;text-align: center;
}
div.achievement > div > div dl dt.c1{background: #567a70; height: auto;}
div.achievement > div > div dl dt.c2{background: #f08b07; height: auto;}
div.achievement > div > div dl dd{
	padding: 2vw 0 5vw;
	font-size: 3.7vw; letter-spacing: 0;line-height: 1.5;
}
div.achievement > div > div dl dt.c1 + dd{border-top:#567a70 1px solid;}
div.achievement > div > div dl dt.c2 + dd{border-top:#f08b07 1px solid;}



/*-- qa --*/
div.qa > h2{
	margin: 0 auto 7.3vw;padding: 3vw 0;
	background: #6eb242;
	color: #ffffff; font-size: 7vw;font-weight: 700;letter-spacing: 0; text-align: center; height: auto;
}
div.qa h3{
	margin:0 0 6vw 2.6%;padding: 0.5vw 0 0.8vw 10px;
	border-left: #59a529 1.3vw solid;
	font-size: 5vw;font-weight: 700;letter-spacing: 0;line-height: 1; width: auto; height: auto;
}
div.qa dl{width: 94%; margin: 0 auto;padding: 0 0 12vw;}
div.qa dl dt{
	min-height: 13vw;padding: 0 0 3.5vw 10vw;
	background: url("../imgs/icon/icon_q.svg") no-repeat left 0.5vw;background-size: 8vw auto;
	font-size: 4.2vw;font-weight: 700;letter-spacing: 0;line-height: 1.3;
}
div.qa dl dd{
	min-height: 16vw; margin: 0 0 15px; padding: 0 0 6vw 10vw;
	background-image: url("../imgs/icon/icon_a.svg"), url("../imgs/dots2.png?2");
	background-repeat: no-repeat, repeat-x;
	background-position: left 0.5vw, left bottom;
	background-size: 8vw auto, 4px auto;
	font-size: 3.6vw; letter-spacing: 0; line-height: 1.4;
}
div.qa dl dd a{color: #1545f6; letter-spacing: 0;text-decoration: underline;}



/*-- area --*/
div.area > h2{
	margin: 0 auto;padding: 3vw 0;
	background: #6eb242;
	color: #ffffff; font-size: 7vw;font-weight: 700;letter-spacing: 0; text-align: center;
	height: auto;
}
div.area > div{
	padding: 8vw 0 10vw;
	background: url("../imgs/problem_bg.png?01") repeat center top;background-size: 3.3vw auto;
	display: block;
}
div.area > div > img{display: block;width: 80%;margin: 0 auto 4.6vw; height: auto;}
div.area > div > div{width: 80%;margin: 0 auto; padding: 0;}
div.area > div > div p{
	margin: 0 0 4vw;
	color: #00a308; font-size:5.8vw;font-weight:700;letter-spacing: 0; line-height: 1.3;text-align: center;
	background: -moz-linear-gradient(top,  rgba(255,255,59,0) 0%, rgba(255,255,59,0) 49%, rgba(255,255,59,1) 50%, rgba(255,255,59,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,59,0) 0%,rgba(255,255,59,0) 49%,rgba(255,255,59,1) 50%,rgba(255,255,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,59,0) 0%,rgba(255,255,59,0) 49%,rgba(255,255,59,1) 50%,rgba(255,255,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff3b', endColorstr='#ffff3b',GradientType=0 ); /* IE6-9 */
}
div.area > div > div dl dt{
	width: 32vw;padding: 1vw 0;
	background: #6eb242;
	border-radius: 8vw;
	color: #ffffff; font-size:5vw;font-weight:700;line-height: 1.2; text-align: center;height: auto;
}
div.area > div > div dl dd{
	padding: 1vw 0 0;
	font-size:3.6vw;letter-spacing: 0;line-height: 1.4;
}



/*-- cost --*/
div.cost{padding: 0 0 13vw;background: #f0f2f0;}
div.cost > h2{
	margin: 0 auto 6.6vw;padding: 3vw 0;
	background: #4ed3e5;
	color: #ffffff; font-size: 7vw;font-weight: 700;letter-spacing: 0; text-align: center;
	height: auto;
}
/*タブ切り替え全体のスタイル*/
.tabs02 {width: 94%;margin: 0 auto;overflow: hidden;}
/*タブのスタイル*/
.tabs02_item {
	display: block;width: 45vw; height: 13.3vw;padding: 2.4vw 0 0;
	background: #c2ccc4;
	border-top: #c2ccc4 1.3vw solid;
	font-size: 4vw; font-weight: 700; text-align: center;
	cursor: pointer;
}
/*ラジオボタンを全て消す*/
input[name="tabs02_item"] {display: none;}
/*タブ切り替えの中身のスタイル*/
.tabs02_content {
	clear: both;
	display: none;
	background: #ffffff;
}
/*選択されているタブのコンテンツのみを表示*/
#tabs02_a:checked ~ #tabs02_a_content,
#tabs02_b:checked ~ #tabs02_b_content{display: block;}
/*選択されているタブのスタイルを変える*/
.tabs02 input:checked + .tabs02_item {background: #ffffff;border-top: #4ed3e5 1.3vw solid;}

div.tabs02_content_a div.table_box > div{display: block;}
	
div.tabs02_content_a > div{padding: 5.3vw 2.6vw 8vw;}
div.tabs02_content_a > div > p.c1,
div.tabs02_content_a > div > p.c1_2{
	padding: 0 0 8vw;
	font-size: 3.6vw; letter-spacing: 0;line-height: 1.6;
}
div.tabs02_content_a > div > p.c1{padding: 0 0 4vw;}
div.tabs02_content_a > div > p.c1 a{color: #1c3bba;}
div.tabs02_content_a div.table_box{padding: 0 0 12vw;}
div.tabs02_content_a div.table_box h3{
	margin: 0 0 1vw; padding: 0 0 0 8vw;
	background: url("../imgs/icon/icon_sun.svg") no-repeat left center;background-size: 40px 40px;
	font-size: 26px;font-weight: 700;letter-spacing: 0;
}
div.tabs02_content_a div.day > div.c1 h3{background: url("../imgs/icon/icon_sun.svg") no-repeat left center;background-size: 6.6vw 100%;}
div.tabs02_content_a div.night > div.c1 h3{background: url("../imgs/icon/icon_moon.svg") no-repeat left center;background-size: 6.6vw 100%;}
div.tabs02_content_a div.night > div.c1 h3 span{font-size: 3.6vw;}
div.tabs02_content_a h3 + p{
	padding: 0 0 1vw;
	font-size: 2.6vw;letter-spacing: 0;
}
div.tabs02_content_a div.table_box > div.c2{overflow-x: scroll;/*overflow: auto;-webkit-overflow-scrolling: touch;*/}
div.tabs02_content_a div.table_box > div.c2::-webkit-scrollbar {height: 10px;}
div.tabs02_content_a div.table_box > div.c2::-webkit-scrollbar-track {margin: 0 2px;background: #e8e8e8;border-radius: 5px;}
div.tabs02_content_a div.table_box > div.c2::-webkit-scrollbar-thumb {border-radius: 5px;background: #8c8c8c;}
div.tabs02_content_a div.table_box table{
	width: 168vw;margin: 0 0 10px;
	border: #c9c9c9 1px solid;
}
div.tabs02_content_a div.table_box table th{
	padding: 1vw 0;
	color: #ffffff;font-size: 3.2vw; font-weight: 500; letter-spacing: 0;line-height: 1.2; text-align: center;vertical-align: middle;
	border-left: #ffffff 1px solid;
}
div.tabs02_content_a div.table_box table tr:first-child th:first-child{border-left: none !important;}
div.tabs02_content_a div.table_box table th.border{border-bottom: #ffffff 1px solid;font-size: 3.2vw;font-weight: 400;}
div.tabs02_content_a div.table_box table th.border span{font-size: 3.2vw;font-weight: 500;}
div.tabs02_content_a div.table_box table th.c1{font-size: 2.6vw !important; font-weight: 400 !important;}
div.tabs02_content_a div.day table th{background: #f08b07;}
div.tabs02_content_a div.night table th{background: #3f5089;}
div.tabs02_content_a div.table_box table td{
	padding: 1vw 0 1vw 8px;
	font-size: 2.6vw;font-weight: 700; letter-spacing: 0;line-height: 1.2;vertical-align: middle;
	border: #c9c9c9 1px solid;
}
div.tabs02_content_a div.day table td.bg{background: #fff5e6;font-size: 2.6vw;font-weight: 400;text-align: center;}
div.tabs02_content_a div.night table td.bg{background: #e9f0ff;font-size: 2.6vw;font-weight: 400;text-align: center;}
div.tabs02_content_a div.table_box table td span{
	display: inline-block;padding: 0 0 0 2vw;
	font-size: 2.2vw !important;font-weight: 400;
}

div.tabs02_content_a div.other_cost{padding: 0 0 60px;}
div.tabs02_content_a div.other_cost_edit{padding: 0 0 45px;}
div.tabs02_content_a div.other_cost h3{
	margin: 0 0 4vw; padding: 0 0 0 1.8vw;
	border-left: #4ed3e5 1.4vw solid;
	font-size: 5vw;font-weight: 700;letter-spacing: 0;line-height: 1.4;
	height: auto;
}
div.tabs02_content_a div.other_cost h3 span{font-size: 2.8vw;font-weight: 400;}

div.tabs02_content_a div.other_cost dl{
	display: block;
}
div.tabs02_content_a div.other_cost dl.c1 dt{width: 26vw;margin: 0 0 1vw;}
div.tabs02_content_a div.other_cost dl.c2 dt{width: 20vw;margin: 0 0 1vw;}
div.tabs02_content_a div.other_cost dl dt span{
	display: block;padding: 0 0 0;
	background: #6eb242;
	color: #ffffff; font-size: 4vw;font-weight: 700;letter-spacing: 0;text-align: center;
}
div.tabs02_content_a div.other_cost dl.c1 dt span {
    width: auto;
	height: auto;
}
div.tabs02_content_a div.other_cost dl.c2 dt span {
    width: auto;
	height: auto;
}

div.tabs02_content_a div.other_cost dl dd{
	padding: 0 0 3vw;
	font-size: 3.6vw; letter-spacing: 0;line-height: 1.5;
}
div.tabs02_content_a div.other_cost dl.c1 dd {
    width: 100%;
}
	
div.tabs02_content_a div.other_cost dl.c2 dd {
    width: 100%;
}
	
div.tabs02_content_a div.other_cost > p{font-size: 3.6vw; letter-spacing: 0;}
div.tabs02_content_a div.other_cost > p.edit{padding:1vw 0 0;}

div.tabs02_content_a div.other_cost table.spOnly{
	width: 100%;
	border: #c9c9c9 1px solid;
}
div.tabs02_content_a div.other_cost table.spOnly th{
	padding: 1vw 0;
	background: #e8edef;
	font-size: 2.7vw; font-weight: 400; letter-spacing: 0;line-height: 1.2; text-align: center;vertical-align: middle;
	border: #c9c9c9 1px solid;
}
div.tabs02_content_a div.other_cost table.spOnly th.c1{font-size: 3.2vw; font-weight: 700;}
div.tabs02_content_a div.other_cost table.spOnly th.c2{padding: 0 0; font-weight: 400;line-height: 1;}
div.tabs02_content_a div.other_cost table.spOnly th.bg{height: 18vw; background: #eff7f9;font-weight: 400;}
div.tabs02_content_a div.other_cost table.spOnly th.w1{width: 13%;}
div.tabs02_content_a div.other_cost table.spOnly th.w2{width: 6%;}
div.tabs02_content_a div.other_cost table.spOnly td{
	position: relative;
	letter-spacing: 0;line-height: 1.2; text-align: center;vertical-align: middle;
	border: #c9c9c9 1px solid;
}
div.tabs02_content_a div.other_cost table.spOnly td div.c1{
	position: absolute;top: 4vw;left: 0;
	width: calc(300% + 2px);
}
div.tabs02_content_a div.other_cost table.spOnly td div.c1_edit{width: calc(200% + 1px);}
div.tabs02_content_a div.other_cost table.spOnly td div.c2{
	position: absolute;top: 4vw;left: 0;
	width: calc(100% - 1px);
}
div.tabs02_content_a div.other_cost table.spOnly td div.c3{
	position: absolute;top: 4vw;left: 0;
	width: calc(200% + 1px);height: 10vw; padding: 2.9vw 0 0;
	background: #ff2436;
	color: #ffffff; font-size: 2.8vw; font-weight: 700; line-height: 1.2; text-align: center;
}
div.tabs02_content_a div.other_cost table.spOnly td div.c3_edit{width: calc(300% + 3px);}
div.tabs02_content_a div.other_cost table.spOnly td div.c1 span{
	position: relative;
	display: block; width: 100%;height: 10vw;padding: 2.8vw 0 0;
	background: #f7f7f7;
	font-size: 2.8vw; font-weight: 700; line-height: 1.2; text-align: center;
	border-top: #b0babf 1px solid;border-bottom: #b0babf 1px solid;
}
div.tabs02_content_a div.other_cost table.spOnly td div.c1_edit span{width: 100%;}
div.tabs02_content_a div.other_cost table.spOnly td div.c2 span{
	position: relative;
	display: block; width: 100%;height: 10vw;padding: 1.7vw 1vw 0 0 ;
	background: #a58989;
	color: #ffffff; font-size: 2.8vw;font-weight: 700; line-height: 1.2; text-align: center;
}
div.tabs02_content_a div.other_cost table.spOnly td div.c1 span::after{
	content: "";
	position: absolute;top: -1px;right: 0;
	display: block; width: 4vw;height: 10vw;
	background:url("../imgs/sp/mask.png") no-repeat right center;background-size: cover;
}
div.tabs02_content_a div.other_cost table.spOnly td div.c2 span::after{
	content: "";
	position: absolute;top: 0;right: 0;
	display: block; width: 4vw;height: 10vw;
	background:url("../imgs/sp/mask2.png") no-repeat right center;background-size: cover;
}

div.tabs02_content_a > div > p.c2{color: #ff2436;font-size: 4vw;font-weight: 500; letter-spacing: 0;line-height: 1.3; text-align: center;}

div.tabs02_content_b > div{padding: 5.3vw 2.6vw 6vw;}
div.tabs02_content_b div.other_cost h3{
	margin: 0 0 4vw; padding: 0 0 0 1.8vw;
	border-left: #4ed3e5 1.4vw solid;
	font-size: 5vw;font-weight: 700;letter-spacing: 0;line-height: 1.4;
	height: auto;
}
div.tabs02_content_b div.other_cost ul{padding: 0 0 4vw;}
div.tabs02_content_b div.other_cost ul.edit{padding: 0 0 2vw;}
div.tabs02_content_b div.other_cost ul li,
div.tabs02_content_b div.other_cost p{font-size: 3.6vw;letter-spacing: 0;line-height: 1.6;}
div.tabs02_content_b div.other_cost ul li span{
	display: block;padding: 0 0 0 3.6vw;
	letter-spacing: 0;line-height: 1.6;
}


/*-- ask --*/
div.ask > h2{
	margin: 0 auto;padding: 3vw 0;
	background: #6eb242;
	color: #ffffff; font-size: 7vw;font-weight: 700;letter-spacing: 0; text-align: center;
	height: auto;
}
div.ask > form{width: 90%;margin: 0 auto;padding: 8vw 0 15vw;}
div.ask > form dl{padding: 0;}
div.ask > form dl dt{padding: 0 0 0.6vw; display: inline; width: auto;}
div.ask > form dl dt span:nth-child(1){font-size: 3.6vw; font-weight: 700;letter-spacing: 0; display: inline-block;}
div.ask > form dl dt span:nth-child(2){
	display: inline-block;margin: 0 0 0 2vw;padding: 0.6vw 1vw;
	background: #f08b07;
	color: #ffffff; font-size: 3vw;letter-spacing: 0;line-height: 1;text-align: center;
	width: auto;
	height: auto;
}
div.ask > form dl dd{width: 100%;padding: 0 0 7vw;}
div.ask > form dl dd ul{padding: 0 0 5vw; display: block;}
div.ask > form dl dd ul li{padding: 0 0 3vw;}
div.ask > form dl dd ul li input{border: #555555 1px solid;}
div.ask > form .privacy_check_inner input{border: #555555 1px solid;}
div.ask > form dl dd ul li label{
	position: relative;top:0.8vw;
	display: inline-block;padding: 0 0 0 1.5vw;
	font-size: 3.6vw;
}
div.ask > form dl dd > input,
div.ask > form dl dd > textarea{
	width: 100%;height: 10vw; padding: 2vw 4vw;
	border: #555555 1px solid;
	font-size: 3.6vw;
}
div.ask > form dl dd > textarea{min-height: 20vw;}
div.ask > form > button{
	display: block; width: 80%; height: 20vw;margin: 15vw auto 0;
	background: #ffffff url("../imgs/sp/submit_bg.png?01") no-repeat center center;background-size: contain;
	color: #ffffff;font-size: 5vw;font-weight: 700;letter-spacing: 0;text-align: center;
	cursor: pointer;
}

.submit_box {
	width: 90%;
	margin: 0 auto;
	font-size: 3vw;
	line-height: 1.7;
	padding: 20px 3vw;
	border: 1px solid #cfcfcf;
}

div.ask > form .privacy_box{
	width: 100%;
	height: 30vw;
	font-size: 3.2vw;
	padding: 1em;
}	
div.ask > form .privacy_box dl dt {
	display: block;
}
.privacy_check_inner{
	padding-top: 1em;
    font-size: 3.6vw;
	white-space: nowrap;
	}
div.ask > form .privacy_box dl dd .pl7{
	padding-left: 6em;
}

div.ask > form p.mt20.center{
	font-size: 3.0vw;
}	
	
/*-- footer --*/
div.footer_box{padding: 6.5vw 0;background: #6eb242; height: auto;}

div.footer_box > div{display: block; width: auto;}
	
div.footer_box > div ul{display: flex;justify-content: center;}
div.footer_box > div ul li{padding: 0 5vw 0;}
div.footer_box > div ul li a{color: #ffffff; font-size: 3.2vw;text-decoration: none;}
div.footer_box > div > div{padding: 6vw 0 0;text-align: center;}
div.footer_box > div > div small{color: #ffffff;font-size: 2.6vw;}
	
	
}