@charset "utf-8";
*{margin:0;padding:0;}
*:focus {outline: none;}
html,body{margin:0;padding:0;background:white;font-size: 10px;}
h1,h2,h3,h4,p,a,ul,li,table,span,dl,dt,dd,h5,h6,dd,dt
{margin:0;padding:0;font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Helvetica Neue",メイリオ,Meiryo,"游ゴシック Medium",YuGothic,YuGothicM,sans-serif;font-size:1.4rem;font-weight:300;letter-spacing: 0;color:#231815;}
.min{font-family: "ＭＳ ゴシック Arial Black";}
a{text-decoration: none;}
img {width:100%;vertical-align: middle;}
dl,dt,dd{margin:0;padding:0;}
li{list-style:none;}
.fl {display:flex;flex-flow: row wrap;justify-content: space-between;align-items: center;}
.fi {opacity: 0;transition: all .5s ease;}
.fi.show {opacity: 1;transform: none;}
.fi--up {transform: translate(0, 50px);}
#wrapper{width:100%;margin:auto;height:auto;overflow:hidden;}
.fl{display:flex;flex-flow: row wrap;justify-content: space-between;}
#wrapper a img:hover{opacity: 0.8;}
span.ci	img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.cf{clear: both;}
h1.al,p.al,h2.al{text-align: left!important;}
.container_wrap{padding-top:124px;}
h1.pages_t{color:white;text-shadow: 1px 1px 1px black;}
.al2{padding-left:0;font-size:1.5rem;font-weight:500;letter-spacing: 0em; text-align: left; padding:20px 0px; }	
/* header */
header,.header_wrap{position:fixed;z-index:999999999999;}
.header_wrap{width:100%;/* border-top:10px solid #7f4f21; */padding-top:30px;box-sizing: border-box;background:#00A29A;text-align: center;}
.h_container{width:1200px;margin:auto;height:auto;display:flex;flex-flow:row wrap;justify-content: space-between;}
a.logo{display:inline-block;width:347px;}
#wrapper a.logo:hover img{opacity: 1;}
.header_top{padding-bottom:25px;}
p.h_tx{position:absolute;top:15px;right:20px;font-size:11px;color:#7f4f21;}
p.h_tel,p.h_tel a {display: inline-block;top:35px;}
p.h_tel a span{font-size:2.2rem;font-weight: 500;letter-spacing: 0.05em;display: inline-block;color:#7f4f21;}
p.h_tel a img{display:inline-block;height:30px;width:30px;}
p.h_tel a span:nth-child(1){width:auto;padding-right:10px;}
#h_top{justify-content:center!important;width:100%;background:#008586;}
.h_info{position:absolute;width:450px;top:15px;right:20px;}
.h_info a img:hover{opacity: 1!important;}


/* contents */
.cont{width:100%;margin:0;padding:0;}

.frame{background:#DBEFED;padding:35px 0;}
.cont_inner{width:1200px;margin:auto;background:white;padding:40px 0;text-align: center;}
.cont_box{padding:0 50px;}
.cont h1 {font-size:2.2rem;text-align: center;padding:0;line-height:1;letter-spacing: 0.1em;}

.bottom_sp{width:100%;position:relative;margin:auto;height:auto;background:white;text-align: center;}
.bottom_sp a{width:45px;display: inline-block;padding:50px 0;}




/* footer */

footer{width:100%;background:#008586;border-top:10px solid #00A29A;}
.f_box{max-width:1100px;margin:auto;padding:20px 0 30px;}
span.logo_f{display:inline-block;width:459px;}
.f_info{width:auto;}
.f_info p{font-size:1.3rem;color:white;padding-top:15px;}
.f_info p span{color:white;display:block;letter-spacing: 0.1em;}
.f_info p span:nth-child(1){font-size:1.5rem;font-weight:300;line-height:2;}
.f_info p span:nth-child(2){font-size:1.3rem;}
.copy{text-align: right;padding:20px 0;color:white;text-align: center;background: #00A29A;}
.copy p{display: inline-block;color: #fff;font-size:1.1rem;font-weight: 300;}
.f_right{align-items: flex-start;flex-direction: column;}
.f_right p{font-size:1.2rem;color:white;line-height: 1.8;letter-spacing: 0.1em;}
.f_cont{width:100%;}
span.f_tel a{
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2;
    color:white;
    letter-spacing: 0.1em;
    }

@media (min-width: 769px) and (max-width: 1250px) {
	footer{box-sizing: border-box;}
	.h_container{width:100%;}
	ul.nav>li.n_cont:before {margin-right:1.2vw!important;}
	#gNav li{margin-right:1.2vw!important;}
	.header_top{width:98%;}
	.f_box{margin:auto;}
	.f_cont{padding:0 30px;box-sizing: border-box;}
	
}
@media (min-width: 769px) and (max-width: 950px) {
	#header nav li a{font-size:1.3vw!important;}
	}

@media only screen and (min-width: 769px) {  /*  ---------   pc  --------------*/
br.spbr{display:none;}
img.spimg{display:none;} 
.spd,a.spd,span.spd,li.spd{display:none!important;}
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
span.pcsp{display: none;}
}

@media only screen and (max-width: 768px) {  /*  ---------   sp  --------------*/	
img.pcimg{display:none;} 
br.pcbr{display:none;}
.pcd,a.pcd,span.pcd,li.pcd{display:none!important;}
#wrapper{width:100%;padding:0px;}
.container_wrap{padding-top:55px;}
.spfl_01{order:1;}
.spfl_02{order: 2;}
/* header */

#header {
	padding:0;
	height: 55px;
	box-sizing: content-box;
	position: fixed;
	width:100%;
	z-index: 9999999999999999;
 } 
.h_container{width:100%;height:70px;position:relative;flex-flow:nowrap;}
a.logo{width:210px;position:relative;z-index:1000;margin-left:10px;}
.header_wrap{height:55px;background:#008586;/* border-top:5px solid #7b4f23; */padding-top:0;}
.header_top{width:100%;height:55px;display:flex;align-items: center;padding-bottom:0;}
.h_info{position:absolute;width:140px;overflow:hidden;right:55px;z-index: 1000000000000000000;}
 

/* contents */

.cont div{max-width:90vw;margin:auto;} 
.bottom_sp{width:100%;display:flex;height:25vw;align-items: center;justify-content: center;}
.bottom_sp a{position:inherit;top:inherit;}
.bottom_sp a{width:40px;padding:0;}
 
 
/* footer */

.f_box{display: block!important;height:auto;padding:30px 5vw;} 
span.logo_f{display:inline-block;width:250px;}
.copy{padding:13px 0;}
.copy p{width:100%;text-align: center;font-size:2.5vw;}
.f_info p span:nth-child(1) ,span.f_tel a{
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 2;
    color:white;
    letter-spacing: 0.1em;
    }

.f_info p span:nth-child(2) {
    font-size: 1.1rem;
    padding-bottom:20px;
}
.f_left,.f_right{width:100%;justify-content:flex-start;}
.f_right p{font-size: 1.1rem;}
 
 
 
 }
 
 
 @media only screen and (max-width: 370px) {
	  .h_info{width:30vw;}
 a.logo{width:40vw;}
 }
 
 
.pt100{padding-top:100px!important;}
.pt50{padding-top:50px!important;}