@charset "utf-8";
/* CSS Document */


/*------------------------------common------------------------------*/

/* setting */
html{width:100%;height:100%; font-size: 10px;}
body{width:100%;height:100%; margin:0; padding:0; font-family: 'M PLUS 1p', sans-serif;font-size: 1.6rem;line-height:180%;color:#946b45; position:relative; background:#fff;}
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a{color:#946b45; text-decoration:none; border:none;}
a{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

/* float */
.floatL{float:left;}
.floatR{float:right;}
/* clear */
.clearfix {min-height: 1px;}
.clearfix:after { content: "."; display: block;clear: both;height: 0; visibility: hidden; margin:0; padding:0;}
.clear{ clear:both;}


/* header */
header{width:100%;height:64px;margin:0 auto; position:fixed; z-index:100;/* border-bottom:1px solid #fff;*/}
.header-inner{width:90%;height:auto;margin:0 auto; padding:0;}
.header-h1-wrap{width:100%; margin:0 auto; position:relative; top:0; }
.header-h1-wrap h1{width:65%; height:auto; position:absolute; right:55px;top:10px; }
.symbol-mark{width:12%; height:autopx; position:absolute; right:0;top:5px;  }
.header-h1-wrap h1 img,
.symbol-mark img{width:100%; height:auto;}
.menu-wrap{position:absolute;  z-index:5100;}

/* footer */
footer{width:100%;height:auto;margin:0px auto 0 auto;padding:40px 0; background:#946b45; color:#fff; border-top:1px solid #fff;}
.footer-inner{width:90%;height:auto;margin:0 auto; padding:1rem 0 ; font-size:1.6rem;}

.footer-inner p{ text-align:center; font-size:4.8vw;}
.footer-inner .corp{width:100%;height:auto;margin:0 auto;text-align:center; list-style:none; float:none;}
.footer-inner .btn-inquiry{width:80%;height:auto;margin:2rem auto; list-style:none; float:none;}
.footer-inner .btn-inquiry img{width:100%;height:auto;}
.footer-inner .copyright{width:100%;text-align:center;font-size:1.2rem;margin:40px auto 0px auto; float:left; }


/* btn-page-top */
#btn-page-top{width:48px;height:48px; margin:40px 0 40px 0; float:right; background:#946b45; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;}
#btn-page-top a{width:100%; height:48px; display:block;color:#fff; text-align:center; border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;}
#btn-page-top a:hover{background:#c7996d;}


/*------------------------------contents------------------------------*/

.wrapper-full{width:100%;height:auto;margin:0 auto; padding:40px 0;}
.inner-full{width:90%;height:auto;margin:0 auto;}

.inner-harf-l,
.inner-harf-r{width:100%;height:auto;margin:0px auto 0px auto;}

.inner-harf-l{float:none;}
.inner-harf-r{float:none;}


.bg-color-white{ background-color:#fff;}
.bg-color-brown-lt{ background-color:#fbf8ef;}
.bg-color-brown{ background-color:#c7996d;}
.bg-color-brown-dk{ background-color:#946b45;}



/* helper calss */
/*flex box*/
#btn-page-top a,
.flex-box{
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /*Vertical middle Safari */
align-items: center; /* Vertical middle */
-webkit-justify-content: center; /*side middle Safari */
justify-content: center; /*side middle*/
}


/* display */
.sp-only{display:inherit;}
.tb-only{display:none;}
.pc-only{display:none;}



@media screen and (max-width: 480px){
	
}

@media only screen and (min-width: 481px) and (max-width: 980px){
/* header */
header{width:100%;height:72px;margin:0 auto; position:fixed; z-index:100;}
.header-inner{width:90%;height:auto;margin:0 auto; padding:0;}
.header-h1-wrap{width:100%; margin:0 auto; position:relative; top:0px; }
.header-h1-wrap h1{width:300px; height:auto; position:absolute; right:70px;top:18px; }
.symbol-mark{width:48px; height:auto; position:absolute; right:0;top:4px;}
.header-h1-wrap h1 img,
.symbol-mark img{width:100%; height:auto;}

/* footer */
.footer-inner p{ text-align:center; font-size:2.2rem; margin-bottom:50px;}
.footer-inner .corp{width:100%;height:auto;margin:0 auto 0 auto;font-size:2.2rem;text-align:center; list-style:none; float:none;}
.footer-inner .btn-inquiry{width:50%;height:64px;margin:0 auto 40px auto; list-style:none; float:none;}
.footer-inner .btn-inquiry img{width:100%;height:auto;}
.footer-inner .copyright{width:100%;text-align:center;font-size:1.2rem;margin:40px auto 0px auto; float:left; }


/* display */
.sp-only{display:none;}
.tb-only{display:inherit;}
.pc-only{display:none;}

}


@media screen and (min-width: 981px){

/* header */
header{width:100%;height:80px;margin:0 auto; /*position:absolute;*/position:fixed; z-index:100;}
.header-inner{width:100%;height:auto;margin:0 auto; padding:0;}
.header-h1-wrap{width:980px; margin:0 auto; position:relative; top:20px; }
.header-h1-wrap h1{width:344px; height:32px; position:absolute; right:120px;top:0px; }
.symbol-mark{width:100px; height:112px; position:absolute; right:0;top:0px; }
.header-h1-wrap h1 img,
.symbol-mark img{width:100%; height:auto;}
.menu-wrap{width:42px;height:42px; background:rgba(148,107,69,0.8); position:absolute; top:19px;left:30px; z-index:5100;}

/* footer */
footer{}
.footer-inner{width:980px;height:auto;margin:0 auto; padding:0; font-size:1.6rem;}
.footer-inner p{ text-align:center; font-size:2.2rem; margin-bottom:50px;}
.footer-inner .corp{width:450px;height:auto;margin:0 0 0 60px; text-align:left; list-style:none; float:left;}
.footer-inner .btn-inquiry{width:364px;height:64px;margin:0 60px 0 0; list-style:none; float:right;}
.footer-inner .btn-inquiry img{width:100%;height:auto;}
.footer-inner .copyright{width:100%;text-align:center;font-size:1.2rem;margin:40px auto 0px auto; float:left; }

/*------------------------------contents------------------------------*/

.wrapper-full{width:100%;height:auto;margin:0 auto;padding:40px 0;}
.inner-full{width:980px;height:auto;margin:0 auto;}
.inner-full h2{font-size:3.6rem; color:#946b45; font-weight:bold;}


.inner-harf-l,
.inner-harf-r{width:47.5%;height:auto;margin:0px auto 0px auto;}

.inner-harf-l{float:left;}
.inner-harf-r{float:right;}



/* helper calss */
/*flex box*/
#btn-page-top a,
.flex-box{
display: -webkit-flex;
display: flex;
-webkit-align-items: center; /*Vertical middle Safari */
align-items: center; /* Vertical middle */
-webkit-justify-content: center; /*side middle Safari */
justify-content: center; /*side middle*/
}


/* display */
.sp-only{display:none;}
.tb-only{display:none;}
.pc-only{display:inherit;}
}