@charset "UTF-8";
/* CSS Document */
/* IMPORT RESET */
@import url("reset.css");

/* ベース設定 */
html{ font-size:16px; line-height:1.7; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}

/* レイアウト関連 */
.center{ padding:0 5%;}
.bar{ padding:3rem 0;}
.g{ background-color:#EDFFFF;}
.gg{ background-color:#fff1f0;}
.way3 ul li, .way2 ul li, #flow ul li{ background-color:#FFF; border-radius:10px; margin-bottom:1rem; padding:1rem; text-align:center; }
.way3 ul li h4, .way2 ul li h4, .way3 ul li p, .way2 ul li p, #flow ul li h4{ text-align:center;}
.way3 ul li p span, .way2 ul li p span{ font-weight:bold;}
.btn{ display:block; background-color:#03658A; border-radius:10px; text-align:center; padding:0.5rem 0; color:#FFF;}

.btn span{ display:block; text-align:center;}
.btn:hover{ background-color:#045470;}
.way3, .way2{ margin-bottom:3rem;}
.way2 div{ margin-bottom:2rem;}

/* 間隔 */
.h_wrap{ margin-bottom:3rem;}

/* 文字サイズ */
.way3 ul li, .btn span, #flow ul li h4, #reccomend h4, #access h4, #priority h4, #service h4{ font-size:1.2rem; font-weight:bold;}
.way3 ul li p span, .way2 ul li p span, h2 span{font-size:2.25rem;}
.way3 ul li p:last-child{ font-size:0.75rem;}
h3 span{ font-size:1.5rem; color:#e95234;}

/* 見出し装飾 */
h1{ text-align:center; font-size:0.75rem; padding-top:0.5rem; color:#FFF;}
h2{ background-color:#BF272D; color:#FFF; text-align:center; padding:1rem 0;}
h2 span{ display:block; text-align:center; font-weight:bold; }
h3{ color:#000;}
strong{ color:#FF911E;}

.h_wrap{ text-align:center; font-weight:bold;}
h3{ text-align:center; font-weight:bold; display:inline-block; margin:0 auto; letter-spacing:0.08em; margin-bottom:1em;}
h3 span{ display: block; text-align:center; border-bottom:solid 4px #31badc;}


/* メイン画像部分 */
.main_v{ background-image:url(../img/main_bg.jpg); background-position:center center; background-size:cover;}
.main_v img{ padding:5rem 3rem;}




/* テーブル部分 */
#price dl{ background-color:#FFF; display:flex; flex-flow:row wrap; font-size:0.75rem; border-left:solid thin #000; border-top:solid thin #000;}
#price dl dt{ width:50%; padding-left:0.5em;}
#price dl dd{ width:25%; text-align:center;}
#price dl dt, #price dl dd{ border-bottom:solid thin #000; border-right: solid thin #000; padding-top:0.5em; padding-bottom:0.5em; font-weight:bold;}
#price dl dd:nth-child(3n){ background-color:#F0D657;}

/* flow部分 */
#flow ul li h4{ border-bottom:dashed thin #666; margin-bottom:0.5rem; padding-bottom:0.5rem;}
#flow ul li span{ display:block; text-align:center; color:#BF272D;}

#flow ul div{ background:url(../img/arrow.png) no-repeat; background-position:bottom center; background-size:40px; padding-bottom:1rem; margin-bottom:1rem;}
#flow ul div:last-child{ background:none; padding-bottom:0; margin-bottom:0;}
#flow ul div:last-child li{ background-color:#F0D657;}

/* reccomend部分 */
#reccomend h4{ background:url(../img/icon1.png) no-repeat; background-size:40px; /* line-height:50px; */ padding-left:3rem; /* text-align:center;  */display:inline-block;}
#reccomend ul li{ margin-bottom:2rem; text-align:center;}

/* reason部分 */
#reason h4, #access h4, #priority h4{ text-align:left; border-bottom:dashed thin #666; margin-bottom:0.5rem;}
#reason h4 span, #access h4 span, #priority h4 span{ color:#FF911E; font-size:1.7em; margin-right:0.2em;}
#reason ul li p, #access ul li p, #priority ul li p{ text-align:left;}

#service h4{border-bottom:dashed thin #666; margin-bottom:0.5rem; padding-bottom:0.5rem;}

#priority .way2 div:nth-child(2){ border:solid thin #666;}

footer{ margin-bottom:3rem;}
footer .company, footer .company p{ text-align:center;}
footer .company img{ width:50px;}
footer .tel{ margin:2rem 0;}
footer .tel .number{ font-size:1.5rem; font-weight:bold;}
footer .tel p{ text-align:center;}

/* ナビ部分 */
nav .center{ padding:0 !important;}
nav{ width:100%; position:fixed; bottom:0; background:rgba(51,51,51,0.9); color:#FFF; padding:0.5rem;}
nav p{ font-size:10px; margin-bottom:0.5rem;}
nav ul{ display:flex;}
nav ul li{ border-radius:5px; line-height:40px; width:47%; padding-left:0.5rem ;}
nav ul li a{ background-size:contain; background-repeat:no-repeat; padding-left:3rem; display:block; font-weight:bold; font-size:0.75rem;}
nav ul li:nth-child(1){ background-color:#FFF; margin-right:3%;}
nav ul li:nth-child(2){ background-color:#FFF; }
nav ul li:nth-child(1) a{ background-image:url(../img/icon2.png);}
nav ul li:nth-child(2) a{ background-image:url(../img/icon3.png);}
nav .pc{ display:none;}

/* よくある質問 */
#faq ul li{ background: #FFF; border-radius:10px; padding:1rem; margin-bottom:1rem;}
#faq ul li p{ text-align:left;}
#faq ul li h4{ font-weight:bold; text-align:left; border-bottom: dashed thin #666;  margin-bottom: 0.5rem; padding-bottom: 0.5rem;}
#faq ul li h4 span{ color:#FF911E; font-size:1.2em;margin-right:0.2em;}
#faq ul li p span{ color:#BF272D; font-size:1.2em; margin-right:0.2em;}

/* お問い合わせ */
#contact iframe{ margin:0 auto;}


@media ( min-width : 769px ) {
	html{ font-size:20px;}
	
	/* 文字サイズ */
	h3 span{ font-size:2rem;}
	h2 span{font-size:3.5rem;}
	.way3 ul li, .way2 ul li, .btn span, #flow ul li h4{ font-size:1.1rem; font-weight:bold;}
	
	.center{ max-width:960px; margin:0 auto; }
	.center div{ padding:0 1.0416%;}
	.center .thin{ padding:0; max-width:460px; margin-left:auto; margin-right:auto;} 
	
	.btn{ max-width:460px; margin-left:auto; margin-right:auto;}
	
	/* レイアウト関連 */
	.way3 ul{ display:flex; flex-flow:row wrap;}
	.way3 ul li{ width:31.9148%; margin-right:2.1276%;}
	.way3 ul li:nth-child(3n){ margin-right:0;}
	.way2, .way2 ul{display:flex; flex-flow:row wrap; width:100%;}
	
	.way2 ul li{ margin-right:2.1278%;}
	.way2 ul li:last-child{ margin-right:0;}
	.way2 div, .way2 ul li{ width:48.9361%;}
	
	.way2 ul li{ padding:1rem;}
	
	nav .center{ display: flex;}
	nav p{ width:50%; font-size:0.75rem;}
	nav ul{ width:50%;}
	nav .sp{ display:none;}
	nav .pc{ display:block;}
	nav ul li a{ padding-left:2.5rem;}
	nav ul li:nth-child(2) a{pointer-events:none;}
	
	@media ( min-width : 960px ) {
		.center{ max-width:960px; padding:0;}
	}
}