@charset "utf-8";
/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;width:100%;display:block}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.mb00{margin-bottom:0!important}
#navToggle{display:none;position:absolute;right:14px;top:8px;width:30px;height:25px;cursor:pointer;z-index:2}#navToggle div{position:relative}#navToggle span{display:block;position:absolute;width:100%;border-bottom:solid 3px #fff;-webkit-transition:.35s ease-in-out;-moz-transition:.35s ease-in-out;transition:.35s ease-in-out}#navToggle span:nth-child(1){top:0}#navToggle span:nth-child(2){top:11px}#navToggle span:nth-child(3){top:22px}header nav{position:absolute;right:0;top:-589px;background-color:#ea6015;width:100%;padding:0;-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;text-align:left;z-index:1;box-sizing:border-box}header ul{margin:0}header ul li{display:block;margin:0;border-bottom:dotted 1px #fff;line-height:1.6;padding:0 10px;font-size:1pc}header ul li a{display:block;color:#fff;line-height:48px}header ul li a:link,header ul li a:visited{text-decoration:none}header ul li:after{content:''}
header ul li.ex{background:url(../images/ico_external.png)no-repeat 96% center #2651B3;background-size:15px auto;padding:0 10px}
header ul li:last-child{background:url(../images/ico_back.png)no-repeat 96% center #EAA43C;background-size:15px auto;padding:0 10px;border-bottom:0}#navToggle{display:block}.openNav #navToggle span:nth-child(1){top:11px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.openNav #navToggle span:nth-child(2),.openNav #navToggle span:nth-child(3){top:11px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.openNav nav{-moz-transform:translateY(643px);-webkit-transform:translateY(643px);transform:translateY(643px)}


/******************************************************************** common
*/
html {
	font-family: メイリオ, Meiryo, Osaka, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, ＭＳ\ Ｐゴシック, MS PGothic, sans-serif;
	font-size: 1.1pc;
	color: #333
}
body {margin:0; background:#FBF8EF;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.big{font-size:1.2em;}
.bold{font-weight:bold;}
.red{color:#F00;}
.blue{color:#2651B3;}

a {color:#0005FF;}

section h2 {
	background:#ea6015;
	color: #fff;
	text-align: center;
	font-size: 6vw;
	padding: 3% 0;
	margin-bottom: 1pc
}
h2 span {font-size:14px}
li, ul {
	padding: 0;
	margin: 0;
}
li {list-style:none;}

.contact{padding: 4% 0 0;}
.contact p {
	text-align: center;
	border-radius: 24px;
	color: #C00;
	font-size: 4vw;
	margin: 2% 4%;
	padding: 1.4%;
}
.contact > p{margin:0 4%;}
.contact div > a{
	line-height:0;
	border:#F60 4px solid;
	border-radius:6px;
	display:block;
	margin:0 3.125%;
	box-sizing:border-box;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
.contact div > a img{
	border-radius:6px;
}
.contact div p{margin: 2% 4% 0;}
.center, .contact p {
	text-align: center
}
.train{
	background:url(../images/ico_train.svg) no-repeat 3.125% center;
	background-size:12%;
	margin:0 3.125%;
	color:#ea6015;
	padding:2% 3.125% 2% 15%;
	border:#50B6DC 4px solid;
	border-radius:6px;
	font-size:0.95rem;
}

body > section{margin-bottom:10%;}
.txt{margin:0;}
.ttl{
	font-size: 6vw;
	text-align:center;
	margin:0;
	font-weight:bold;
	letter-spacing:0.1em;
	padding-top:8%;
	text-shadow:1px 1px 3px rgba(0,0,0,.2);
}
.marker{background: linear-gradient(transparent 60%, #ffff66 60%);}


/******************************************************************** header
*/
header {
	border-bottom: 1px solid #eee;
	background:#ea6015;
}
header .disc {
	background: #4ca7ed;
	color: #fff;
	text-align: center;
	font-size: 14px
}
header .head{
	background:#FBF8EF;
	line-height:0;
	margin: 0;
	position:relative;
	z-index:2;
	width : 83.125% ;
	width : -webkit-calc(100% - 58px) ;
	width : calc(100% - 58px) ;
	text-align:center;
	padding:0;
	box-sizing:border-box;
	height:54px;
}
header .head div{
	width:100%;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
header .head h1{
	margin:0;
	width:90%;
	display:inline-block;
}
header h2 img{width:100%;}
header .head:before{
	display:block;
	content:"メニュー";
	color:#FFF;
	position:absolute;
	width:58px;
	height:1em;
	top:44px;
	right:-58px;
	z-index:99;
	font-size:8px;
}
header.openNav .head:before{content:"閉じる";}
header .head:after{
	display:block;
	content:"";
	background:#ea6015;
	width:58px;
	height:50px;
	position:absolute;
	top:0;
	right:-58px;
}
header .title_label {
	margin: 2% 0
}
header .st_label {
	background: rgba(0,0,0,.75);
	color: #fff;
	text-align: center;
	font-size: 1pc;
	padding: 5px 0 8px;
	position: absolute;
	bottom: 0;
	width: 100%
}
header .st_label span {
	border-bottom: 1px solid #d00000
}
header .mainV {
	background:url(../images/bg_catch.jpg) no-repeat center center;
	background-size:cover;
	margin: 0;
	position: relative;
	padding-bottom:9.25%;
	overflow:hidden;
}
header .mainV h2{
	width:93.75%;
	margin:0 auto;
	padding:8% 0;
	line-height:0;
}
header .mainV .sub{
	background:rgba(0,0,0,0.7);
	color:#FFF;
	padding:4% 40% 4% 4%;
	margin:0;
	font-size:4.4vw;
}
header .mainV figure{
	width:35%;
	position:absolute;
	right:3.125%;
	bottom:0;
}

/******************************************************************** footer
*/
.photo{margin:0;}
address {
	text-decoration: none!important;
	font-style: normal!important
}
footer {
	background-color:#333;
	color: #fff;
	text-align: center;
	padding: 2% 0;
	font-size: 14px;
	margin: 0;
}
.footer address {
	text-align: left;
	margin-left: 4%;
	margin-bottom: 1pc
}
.footer span {
	display: block;
	padding: 2%;
	font-size: 9pt;
	background-color: #3e5571
}
#index > footer {
	margin-bottom: 50px
}

#fix_Box {
	position: fixed;
	bottom: -44px;
	width: 100%;
	height: 44px
}
#fix_Box .fix_bottom {
	background: rgba(0,0,0,.67)
}
#fix_Box .fix_bottom ul {
	overflow: hidden;
	margin: 0;
	height: 44px;
	width: 100%;
	padding: 0
}
#fix_Box .fix_bottom li {
	width: 50%;
	float: left;
	list-style: none;
	text-align: center
}


#fix_Box .fix_bottom li.tel{
	float:left;
	width:50%;
	background: #f88607;
	background: -moz-linear-gradient(top,  #f88607 0%, #ff5500 100%);
	background: -webkit-linear-gradient(top,  #f88607 0%,#ff5500 100%);
	background: linear-gradient(to bottom,  #f88607 0%,#ff5500 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f88607', endColorstr='#ff5500',GradientType=0 );
	text-align:center;
}
#fix_Box .fix_bottom li.tel a{
	display:block;
	position:relative;
	font-size:1.1rem;
	line-height:44px;
}
#fix_Box .fix_bottom li.tel a:before{
	display:inline-block;
	vertical-align:-0.5em;
	content:"";
	background:url(../images/ico_cta_tel.png) no-repeat left center;
	background-size:20px auto;
	width:26px;
	height:34px;
	position:relative;
	z-index:100;
	margin-right:0;
}
#fix_Box .fix_bottom li.mail{
	background: #50bd1c;
background: -moz-linear-gradient(top,  #50bd1c 0%, #4e9e27 100%);
background: -webkit-linear-gradient(top,  #50bd1c 0%,#4e9e27 100%);
background: linear-gradient(to bottom,  #50bd1c 0%,#4e9e27 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50bd1c', endColorstr='#4e9e27',GradientType=0 );
	float:left;
	width:50%;
}
#fix_Box .fix_bottom li.mail a{
	display:block;
	position:relative;
	font-size:1rem;
	line-height:44px;
}
#fix_Box .fix_bottom li.mail a:before{
	display:inline-block;
	vertical-align:-0.6em;
	content:"";
	background:url(../images/ico_cta_mail.png) no-repeat left center;
	background-size:33px auto;
	width:33px;
	height:33px;
	position:relative;
	z-index:100;
	margin-right:0.2em;
}
#fix_Box .fix_bottom li a:link,
#fix_Box .fix_bottom li a:visited{
	color:#FFF;
	text-decoration:none;
}



/******************************************************************** intro
*/
#intro .contact div p:first-of-type{margin: 2% 4%;}

#intro .description{
	background:rgba(0,0,0,0.8);
	padding:2%;
	margin: 4% 4% 0;
	color:#FFF;
	text-align:center;
	font-size:0.9rem;
}
#intro .inner{padding:4% 0 0;}
#intro .txt{padding:0 4%;}
#intro figure{
	width:100%;
	line-height:0;
}
#intro figure img{max-width:100%;}



/******************************************************************** features
*/
body > section#features,
body > section#features .inner{
	margin-bottom:10%;
}
body > section#features .txt{margin-bottom:4%;}
.step h3 {
	font-size: 6vw;
	padding: 0.3em 0 0.3em 50px;
	margin:0 0 2%;
	color: #fff;
	position:relative;
	line-height:1.5;
}
.step h3:before{
	background:url(../images/ico_01.png) no-repeat center center;
	background-size:40px;
	display:block;
	content:"";
	width:40px;
	height:40px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-20px;
}
.step h3 span{
	display:block;
	text-align:center;
}
.step p{margin:0;}
.step .step2 h3:before{
	background:url(../images/ico_02.png) no-repeat center center;
	background-size:40px;
}
.step .step3 h3:before{
	background:url(../images/ico_03.png) no-repeat center center;
	background-size:40px;
}
.step .step4 h3:before{
	background:url(../images/ico_04.png) no-repeat center center;
	background-size:40px;
}
.step1, .step2,.step3,.step4{
	border-radius: 6px;
	padding:2%;
	margin-bottom:4%;
}
.step1 {background:#47A1EC;}
.step2 {background:#95D42A;}
.step3 {background:#DC5580;}
.step4 {background:#DCC23A; margin-bottom:0;}
.step .step1 p, .step .step2 p, .step .step3 p, .step .step4 p {
	background: hsla(0,0%,100%,.9);
	padding:2%;
	color: #333
}


/******************************************************************** fee
*/
.costBox, section .inner {
	padding:0 4%;
	margin-bottom:8%;
}
section#fee .inner:last-of-type{margin-bottom:4%;}
.costBox {
	margin-top: -17px;
	border-radius: 6px;
	background-color: #eb6100
}
.costBox .cent {
	width: 60%;
	margin: 0 auto 5px
}
.costBox .exet {
	margin: 2%;
	background: #fff;
	border-radius: 6px;
	padding: 2%
}
.costBox_kabarai {
	border-radius: 6px;
	padding: 2%;
	background-image: url(../images/bg_pattern.gif);
	background-color: #fff;
	border: 4px solid #C6BCBB;
}
.costBox_kabarai .exet{margin-bottom:1em;}
.costBox_kabarai .exet ul{
	display: block;
	margin: 1%;
	padding: 2%;
	background-color: #fff;
	font-size:0.8em;
}
.costBox_kabarai .exet ul li{
	margin-bottom:0.3em;
	padding-left:2.5em;
	text-indent:-2.5em;
}
.costBox_kabarai .exet ul li:nth-child(2){
	font-weight:bold;
	background:#ECECEC;
	padding:0.5em 0.5em 0;
	margin-bottom:0;
}
.costBox_kabarai .exet ul li:nth-child(2) span{
	padding-left:2em;
	text-indent:-2em;
	display:block;
}
.costBox_kabarai .exet ul li:last-child{
	background:#ECECEC;
	padding:0.5em;
	margin-bottom:0;
}
.costBox_kabarai .exet ul li:last-child span{
	padding-left:2.5em;
	text-indent:-2.5em;
	display:block;
}
.costBox_hasan {
	margin: 0 2%;
	border-radius: 6px;
	padding: 4%;
	background-image: url(../images/bg_pattern_bk.gif);
	background-color: #fff;
	border: 4px solid #729c3d
}
.costBox_hasan p {
	margin: 0
}
#fee,
#fee .txt{margin:0;}

.memo{
	border-top:#47A1EC 2px solid;
	border-bottom:#47A1EC 2px solid;
	color:#47A1EC;
	padding:4%;
}
.memo:before{
	display:inline;
	content:"point : ";
}

#fee .ttl{
	padding:4%;
}


/******************************************************************** flow
*/
#flow ul{margin-bottom:8%;}
#flow ul>li h3{
	font-size:5.2vw;
	margin:0 0 0.5em;
	position: relative;
	line-height:24px;
}
#flow ul>li h3:after{
	display:inline-block;
	content:"";
  background: #47A1EC;
	width:2px;
	height:1em;
	position:absolute;
	left:10px;
	bottom:-1em;
}
#flow ul>li:last-child h3:after{display:none;}
#flow ul>li h3 b{
	display:inline-block;
}
#flow ul>li h3 span{
	position: relative;
  display:inline-block;
  margin-right: 16px;
  padding: 0 10px 0 5px;
  background: #47A1EC;
  border-radius:3px 0 0 3px;
  font-size: 14px;
  color: #fff;
  line-height: 28px;
	vertical-align:3px;
}
#flow ul>li h3 span:after{
	display:block;
  content: "";
  position: absolute;
  top: 0;
  right: -7px;
  border-left: 14px solid #47A1EC;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  transform-origin: right top;
  transform: scaleX(.5);
}
#flow ul>li p{
	border-left:2px #47A1EC solid;
	margin:0 0 0 10px;
	padding:0 0 1.5em 1em;
	font-size:0.9rem;
}
#flow ul>li:last-child p{border-left:none; padding:0 0 0 1em;}


#flow .picture{
	/*background:#FFF;*/
	padding:16% 0 0;
	position:relative;
}
#flow .ttl{
	position:absolute;
	padding:0;
	top:8%;
	left:4%;
	font-size:5vw;
	text-align:left;
	width:92%;
}
#flow .ttl span{
	display:block;
	text-align:right;
}


/******************************************************************** whatdo
*/
body > section#whatdo{margin-bottom:4%;}
#whatdo h2{
	margin-top:0;
}
#whatdo ul{margin-bottom:4%;}
#whatdo ul>li{
	background:#FFF;
	border-radius:6px;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
	padding:5%;
	margin-bottom:20px;
	/*font-size:0.9rem;*/
}
#whatdo ul>li:last-child{margin-bottom:0;}
#whatdo ul>li h3{
	font-size: 6vw;
	margin:0 0 0.7em;
	padding-left:5%;
	border-left:#47A1EC 6px solid;
}
#whatdo ul>li:nth-child(2) h3{border-left:#95D42A 6px solid;}
#whatdo ul>li:nth-child(3) h3{border-left:#DC5580 6px solid;}
#whatdo ul>li ul li{
	background:transparent;
	border-radius:0;
	box-shadow:none;
	padding:0;
	list-style:disc;
	margin:0 0 0.5em 1.5em;
}
#whatdo ul>li ul li:last-child{margin:0 0 0 1.5em;}
#whatdo ul>li p.txt{margin:0;}


/******************************************************************** faq
*/
#faq,
#faq dl{margin:0;}
#faq .inner{margin-bottom:6%;}
#faq dl dt{
	padding:5% 5% 0;
	background: url(../images/bg_pattern.gif) repeat center center #fff;
	font-weight:bold;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
	color:#F00;
}
/*#faq dl dt:before{
	display:inline;
	content:"→";
	margin-right:0.2em;
}*/
#faq dl dd{
	padding:5%;
	background: url(../images/bg_pattern.gif) repeat center center #fff;
	margin:0 0 4%;
	box-shadow: 3px 3px 6px rgba(0,0,0,0.2);
}
#faq dl dd:last-child{margin-bottom:0;}
#faq dl dd p{margin:0;}
#faq dl dd .answer{
	color:#2651B3;
	font-weight:bold;
}
#faq dl dd .answer:before{
	display:inline;
	content:"【回答】";
}

#faq .ttl{
	background:url(../images/bg_grid_red.png) repeat;
	background-size:23px;
	font-size: 5vw;
	text-align:left;
	margin-top:8%;
	padding:6% 120px 6% 4%;
	position:relative;
	line-height:1.8;
}
#faq .ttl:after{
	background:url(../images/bg_illust.png) no-repeat;
	background-size:cover;
	display:block;
	content:"";
	width:100px;
	height:187px;
	position:absolute;
	right:4%;
	bottom:0;
}


/******************************************************************** access
*/
#access{margin:0;}
#access .inner{padding:0 2%; margin-bottom:3%;}
#access .inner h3{
	font-size:6vw;
	padding:0 0 2%;
	margin:0 0 2%;
	line-height:1.4;
	border-bottom:#999 1px solid;
	text-align:center;
}
#access .inner h4{
	margin:2% 0;
	background:#DDD9D5;
	padding:2%;
	font-size:5vw;
}
#access .inner h5{
	background:#FFF;
	border:#CCC 1px solid;
	border-radius:4px;
	padding:2%;
	margin:2% 4% 0.3em;
	font-weight:bold;
	font-size:5vw;
}
#access .inner h5:before{
	color:#f58021;
	content:"●";
}
#access .inner dl{margin:0 4% 4%;}
#access .inner dl dt{
	border-bottom:#CCC 1px solid;
	margin:2% 0 0.3em;
	padding:0 0.5em 0.3em;
	font-weight:bold;
}
#access .inner dl dd{margin:0; font-size:0.9em;}
#access .inner p{
	margin:0 0 4%;
	font-size:1pc;
}


/******************************************************************** at-last
*/
#at-last .txt{margin-bottom:8%;}
h2.last{
	margin:0;
	line-height:0;
}
p.last{margin:4% 3.125%;}
body > section#at-last,
section#at-last .inner{
	margin:0;
}