@charset "utf-8";
html {
font-size: 62.5%;
line-height: 1.8;
}
html[lang="ja"] body, html[lang="ja"] button, html[lang="ja"] input, html[lang="ja"] select, html[lang="ja"] textarea {
font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:500;
}
body{
color:#333;
font-size: 1.4rem;
background:#fff;
-webkit-text-size-adjust: 100%;
}
.mincho{
font-family:YakuHanMP, "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
font-weight:500;
}
.lato{
font-family: 'Lato', YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:400;
}
.lato.bold{
font-weight:700;
}
.garamond{
font-family: 'Cormorant Garamond', YakuHanMP, "游明朝 Medium","YuMincho Medium","游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",Meiryo,"Times New Roman",serif;
font-weight:500;
}
#header{
top: 0;
left: 0;
width: 100%;
z-index: 999;
}
#header .logo{
top: 50px;
left: 5%;
width: 80px;
}
@media screen and (max-width:767px){
#header .logo{
top: 20px;
width: 38px;
}
}
/* humbergerNavi */
a.c_nav-bt{
width:30px;
height:30px;
left: 50%;
transform: translate(-50%,0);
top:65px;
z-index:10000;
}
@media screen and (max-width:767px){
a.c_nav-bt{
top:20px;
left: auto;
right: 15px;
transform: translate(0,0);
}
}
#panel-btn-icon{
width: 30px;
height: 2px;
background: #333;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 0.3s ease;
}
#index.noscroll #panel-btn-icon{
background: #fff;
}
.close #panel-btn-icon{
background: rgba(255,255,255,0) !important;
}
.close #panel-btn-icon{
background: none;
}
#panel-btn-icon:before{
content: "";
position: absolute;
top: -8px;
left: 0;
width: 100%;
height: 2px;
background: #333;
transition: all 0.3s ease;
}
#index.noscroll #panel-btn-icon:before{
background: #fff;
}
.close #panel-btn-icon:before{
top: 0;
transform: rotate(-135deg);
background: #fff !important;
}
#panel-btn-icon:after{
content: "";
position: absolute;
top: 8px;
left: 0;
width: 100%;
height: 2px;
background: #333;
transition: all 0.3s ease;
}
#index.noscroll #panel-btn-icon:after{
background: #fff;
}
.close #panel-btn-icon:after{
top: 0;
transform: rotate(135deg);
background: #fff !important;
}
/*accordion*/
div.accordion{
display: none;
overflow-y: scroll;
top: 0;
right: 0;
z-index: 9999;
width:100vw;
height:auto;
max-height: 100vh;
}
.accordionInbox{
width:100vw;
box-sizing: border-box;
background: rgba(102,102,102,0.9);
}
.accordionInbox .areaInner{
padding: 150px 0 100px;
}
@media screen and (max-width:767px){
.accordionInbox .areaInner{
padding: 70px 0 30px;
}
}
.accordionInbox .areaInner .menuOuter{
box-sizing: border-box;
padding: 0 50px;
}
@media screen and (max-width:1050px){
.accordionInbox .areaInner .menuOuter{
padding: 0;
}
}
@media screen and (max-width:980px){
.accordionInbox .areaInner .menuOuter{
margin-bottom: 40px;
}
}
.accordionInbox .areaInner .menuOuter:after{
content: "";
position: absolute;
top: 40px;
left: 0;
width: 100%;
height: 1px;
background: #fff;
}
@media screen and (max-width:767px){
.accordionInbox .areaInner .menuOuter:after{
display: none;
}
}
.accordionInbox .menuBlock{
width: 30.3333%;
margin-right: 3%;
}

@media screen and (max-width:980px){
.accordionInbox .menuBlock{
margin: 0 0 40px;
width: 100%;
}
.accordionInbox .menuBlock:last-child{
margin-bottom: 0;
}
.accordionInbox .menuBlock .ttl{
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #fff !important;
}
.accordionInbox .menuBlock .menuIn{
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
.accordionInbox .menuBlock .menuIn .menu{
width: 50%;
}
}
@media screen and (max-width:767px){
.accordionInbox .menuBlock .menuIn .menu{
width: 100%;
}
}
/*foot*/
#footer{
background: #505050;
padding: 65px 0 95px;
}
@media screen and (max-width: 767px){
  #footer{
  padding: 50px 0 105px;
  }
}
#footer .logo{
width:95px;
margin-right: 50px;
}
#footer .logo img{
width:70px;
}
@media screen and (max-width: 767px){
#footer .logo{
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
#footer .logo img{
width:40px;
}
}
@media screen and (max-width: 980px){
#footer .information .fs-16{
font-size: 1.3rem;
}
}
@media screen and (max-width: 767px){
#footer .information{
width: 100%;
margin-top:0;
}
}
#footer .fb{
bottom:-7px;
left: 50%;
transform: translate(140px,0);
}
@media screen and (max-width: 767px){
#footer .fb{
bottom:-10px;
left: 50%;
width: 100%;
text-align: center;
transform: translate(-50%,100%);
}
}
#footer .fbShare{
top: -7px;
}



/*---------------------------------------*/
/* layout */
/*---------------------------------------*/
#container{
min-height:100vh;
}