@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);


/* CLEAR FIX */
.clearfix:after{content: "."; display: block; height: 0;  clear: both; visibility:hidden;}
.clearfix{display: inline-table;} 
/* Hides from IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}

/* BOXSIZING */
.boxSizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* PAGE TOP */
.pagetop {position: fixed;bottom: 65px;right: 65px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);-webkit-transition: all .4s;-moz-transition: all .4s;	-o-transition: all .4s;	transition: all .4s;}
.pagetop a {display: block;width: 50px;	height: 50px;background-color: #000;text-align: center;color: #fff;font-size: 1em;text-decoration: none;line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pagetop.show {	opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}


body{font-size:0.9em; position:relative; font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 1px; }
h1{font-size:0.8em; margin-bottom:5px;}
a{color:#39AC4A; text-decoration:none;}
a:hover{opacity:0.5; transition: 0.3s ;}

.f-left{float:left;}
.f-right{float:right;}
.circle{border-radius: 50%;}

/* OTHER-STYLING */
header{padding:20px 0; border-bottom:1px solid #EEE;}
#head-inr{width:1000px; margin:0 auto; font-size:0.8em;}
#head-left{float:left;}
#head-right{float:right;}
#head-right ul li{display:inline-block;}
#head-right ul li:first-child{margin-right:10px;}
.head-tell img{margin-top:5px;}
.attention{position: absolute; top: 80px; right: 20px;}

#teaser{background:url("img/bg.png")right bottom no-repeat; background-color:#000; padding:100px 0 150px;}
#teaser-inr{width:1000px; margin:0 auto;}

#stage01{ width:1000px; margin:0 auto;}
#stage01 h3{position:relative; top:-50px;}
.stage01-inr{position:relative; border-bottom:1px solid #EEE; padding-bottom: 40px; margin-bottom: 40px;}
.stage01-inr:last-child{position:relative; border-bottom:1px solid #EEE; padding-bottom: 40px; margin-bottom: 0px;}
.stage01-inr h4{display: inline-block; margin-bottom:30px;}
.stage01-inr p{display: inline-block; margin:0 0 30px 120px; line-height: 1.7em;}
.stage01-inr a{display:inline-block; padding:15px 25px; background:#D0D721; color:#000; text-decoration:none; font-weight:bold; margin:0 0 0 120px; border-radius:5px;}

#stage02{ width:1000px; margin:0 auto; margin-bottom:50px;}
#stage02 h3{position:relative; bottom:-50px; text-align: center;}
.stage02-inr{ border:5px solid #39AC4A; padding: 80px 50px 50px 50px;}
.stage02-right img{margin-bottom:30px;}
.stage02-right p{margin-bottom:30px;}
.stage02-right a{display:inline-block; padding:15px 25px; background:#D0D721; color:#000; text-decoration:none; font-weight:bold; border-radius:5px;}

#stage03{width:100%; background-color:#f5f5f5; padding:60px 0;  margin-bottom:70px;}
.stage03-inr{ width:1000px; margin:0 auto;}
.interview{font-size: 0.9em;}
.interview h3{margin-bottom:30px;}
.interview ul li:nth-child(even){color:#39AC4A;}
.interview ul li{padding-left: 55px; text-indent: -55px; margin-bottom:10px;}
.interview ul li span{font-weight:bold;}
.profile{width:416px;}
.profile h4{margin:15px 0; font-weight:bold; border-bottom:1px solid #CCC; padding:0 0 15px;}
.profile p{text-align: justify; letter-spacing: 0;}

#stage04{ width:1000px; margin:0 auto; margin-bottom:30px;}
.stage04-inr{ text-align: center;}
.stage04-inr h3{ margin-bottom:50px;}
.stage04-inr h4{border-top:1px solid #39AC4A; border-bottom:1px solid #39AC4A; color:#39AC4A; font-weight:bold; padding: 15px 0;
    font-size: 1.5em; margin-bottom:30px;}
.stage04-inr table{width:100%; text-align:left;}
.stage04-inr table td{padding:20px;}
.stage04-inr table th{padding:20px; font-weight:bold;}
.stage04-inr table tr:nth-child(even){background-color:#f5f5f5;}

#contact{ width:1000px; margin:0 auto; margin-bottom:70px;}
.contact-inr{ text-align: center; }
.contact-inr h4{border-top:1px solid #39AC4A; border-bottom:1px solid #39AC4A; color:#39AC4A; font-weight:bold; padding: 15px 0;
    font-size: 1.5em; margin-bottom:30px;}
.contact-inr p{line-height: 1.7em;}
.contact-inr table{width: 500px; text-align: left; margin: 30px auto 50px;}
.contact-inr table th{padding:10px 0; font-weight:bold; width:40%;}
.contact-inr table th span{color:red; margin-left:5px; font-weight:normal; font-size:0.6em;}
.contact-inr table td{padding:10px 0;}
.contact-inr table input{background-color: #f5f5f5;  border: none;  padding: 10px; width: 100%;box-sizing: border-box;}
.select-box{width: 100%; padding: 10px;  background-color: #f5f5f5;  border: none;}
.submit-bt{padding:15px 25px; background:#D0D721; color:#000; text-decoration:none; font-weight:bold; border-radius:5px; border:none; width:100%; cursor: pointer;}

footer{ width:1000px; margin:0 auto; }
.foot-inr{ border:5px solid #39AC4A; padding: 40px 40px ;}
.foot-inr ul{margin-bottom:30px;}
.foot-inr ul li{display:inline-block; margin-right:15px;}
.foot-inr ul li:last-child{margin-right:0;}

.foot-inr ul.shop{font-size:0.8em; margin-bottom:-20px;}
.foot-inr ul.shop li span{font-weight:bold;}
.foot-inr ul.shop li:nth-child(odd){width:55%; margin-bottom:20px;}
.foot-inr ul.shop li{width:44%;  margin-bottom:20px; margin-right:0;}

address{text-align:center; padding:20px; background:#000; color:#FFF; margin-top:50px;}

@media screen and (max-width: 768px) {
body{min-width:1200px;}
#teaser{padding:100px 100px 150px;}
.submit-bt{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
}

@media screen and (max-width: 479px) {
 /*　for iphone 　*/
body{min-width:initial; padding:0; }

img{max-width:100%; height:auto;}
.f-left{float:none;}
.f-right{float:none;}
.circle{margin-bottom:20px; width:70%;}

header{text-align:center;}
#head-inr{width:100%; margin:0; padding:0;}
#head-left{float:none; }
#head-right{float:none;}
#head-right ul li{display:none;}
.attention{display:none;}

#teaser{background-size: contain; padding:30px 0 260px;}
#teaser-inr{width:100%; margin:0; padding:0 20px; box-sizing: border-box;}

#stage01{ width:100%; margin:0; padding:0 20px; box-sizing: border-box; text-align:center;}
#stage01 h3{top:-15px;}
.stage01-inr{padding-bottom: 25px; margin-bottom: 25px;}
.stage01-inr:last-child{padding-bottom: 25px;}
.stage01-inr h4{display:block; margin-bottom:20px;}
.stage01-inr p{display:block; margin:0 0 20px 0; text-align: justify;}
.stage01-inr p br{display:none;}
.stage01-inr a{display:block; margin:0;}

#stage02{ width:100%; margin:0; padding:0 20px; margin-bottom:25px; box-sizing: border-box; text-align:center;}
#stage02 h3{bottom:-25px;}
.stage02-inr{padding: 40px 20px 20px 20px;}
.stage02-right img{margin:20px 0 20px;}
.stage02-right p{margin-bottom:20px; text-align: justify;}
.stage02-right p br{display:none;}
.stage02-right a{display:block; padding:15px 0;}

#stage03{width:100%; background-color:#f5f5f5; padding:25px 0;  margin-bottom:40px;}
.stage03-inr{ width:100%; margin:0; padding:0 20px; box-sizing: border-box;}
.interview{font-size: 0.85em;}
.interview h3{margin-bottom:20px;}
.interview ul{margin-bottom:20px;}
.interview ul li{padding-left:0; text-indent:0; margin-bottom:10px; border-bottom: 1px solid #CCC; padding-bottom: 10px;letter-spacing: 0;}
.interview ul li br{display:none;}
.profile{width:100%;}
.profile h4{font-size: 0.75em;}
.profile p{font-size: 0.75em;}

#stage04{ width:100%; margin:0; padding:0 20px; margin-bottom:30px; box-sizing: border-box;}
.stage04-inr{ text-align: center;}
.stage04-inr h3{ margin-bottom:40px;}
.stage04-inr h4{ font-size: 1.2em; margin-bottom:10px;}
.stage04-inr table{font-size: 0.9em;}
.stage04-inr table th{width:100%; display:block; padding:15px 15px 5px; font-weight:bold; box-sizing: border-box;}
.stage04-inr table td{width:100%; display:block; padding:0 15px 15px;  box-sizing: border-box;}

#contact{ width:100%; margin:0; padding:0 20px; margin-bottom:40px; box-sizing: border-box;}
.contact-inr h4{font-size: 1.2em; margin-bottom:10px;}
.contact-inr p{line-height: 1.7em; text-align: justify;font-size: 0.9em;}
.contact-inr p br{display:none;}
.contact-inr table{width: 100%; margin: 20px auto 30px;}
.contact-inr table th{width:100%; display:block; padding:15px 15px 5px; box-sizing: border-box;}
.contact-inr table td{width:100%; display:block; padding:0 15px 0;  box-sizing: border-box;}

footer{ width:100%; margin:0; padding:0 20px; box-sizing: border-box;}
.foot-inr{ padding: 0px 20px 20px ;}
.foot-inr ul{margin-bottom:20px;}
.foot-inr ul li{display:block; margin:0 0 15px 0;}
.foot-inr ul li:last-child{margin-right:0;}

.foot-inr ul.shop{font-size:0.8em; margin-bottom:0;}
.foot-inr ul.shop li span{font-weight:bold;}
.foot-inr ul.shop li:nth-child(odd){width:100%; margin-bottom:15px;}
.foot-inr ul.shop li{width:100%;  margin-bottom:15px; margin-right:0;}

address{font-size:0.7em;}

/* PAGE TOP */
.pagetop {position: fixed;bottom: 15px;right: 15px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);-webkit-transition: all .4s;-moz-transition: all .4s;	-o-transition: all .4s;	transition: all .4s;}
.pagetop a {display: block;width: 50px;	height: 50px;background-color: #000;text-align: center;color: #fff;font-size: 1em;text-decoration: none;line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pagetop.show {	opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}



}