@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: YakuHanMP_Noto, 'Noto Serif JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:500;
}
.robot{
font-family:'Roboto', YakuHanMP_Noto, 'Noto Serif JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight:400;
}
body{
color:#000;
font-size: 1.4rem;
background:#ececec;
-webkit-text-size-adjust: 100%;
display: none;
}
body.fadeout{
  display: block !important;
}
/*header*/
.header{
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 90;
}
@media screen and (max-width:767px){
.header{
height: 120px;
}
}
.header .logo{
width: 151px;
top: 59px;
left: 50%;
transform: translate(-50%,0);
}
.header .discription{
top: 60px;
left: 5%;
}
@media screen and (max-width:767px){
.header .discription{
top: 90px;
left: 50%;
transform: translate(-50%,0);
font-size: 1.1rem;
}
}
/* humbergerNavi */

a.c_nav-bt{
width:54px;
height:54px;
right:5%;
    top: 43px;
z-index:200;
}
@media screen and (max-width:767px){
a.c_nav-bt{
right:3%;
top: 10px;
}
}
a.c_nav-bt:after{
content: "";
position: absolute;
left: 0;
bottom: 8px;
width: 100%;
height: 1px;
background: #000;
}
@media screen and (max-width:767px){
a.c_nav-bt:after{
left: 16px;
bottom:13px;
width: 23px;
transition: all 0.3s ease;
}
a.c_nav-bt.close:after{
left: 0;
width: 100%;
}
}
.panel-btn-txt{
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
white-space: nowrap;
}
.close .closeTxt{
display: block;
}
 .menuTxt{
opacity: 1;
}
.close .menuTxt{
opacity: 0;
}
.menuTxt .txtIn{
display: inline-block !important;
}
@media screen and (max-width:767px){
 .menuTxt .txtIn{
display: none !important;
}
}
.close .menuTxt.iconIntxt{
display: none;
}
/*accordion*/
div.accordion{
display: none;
overflow-y: scroll;
top: 0;
right: 0;
bottom:0;
z-index: 100;
padding: 0 0 0 10px;
width:100vw;
height:auto;
min-height:100vh;
background: rgba(0,0,0,0.3);
}
.accordionInbox{
right: 0;
top:0;
width:400px;
height:auto;
min-height:100vh;
box-sizing: border-box;
}
@media screen and (max-width:767px){
.accordionInbox{
width:100vw;
}
}
.accordionInbox .menuBox{
top: 30%;
left: 30%;
}
@media screen and (max-width:767px){
.accordionInbox .menuBox{
left: 20%;
}
}
/*footer*/
footer{
padding: 200px 0 50px;
}
@media screen and (max-width:767px){
footer{
padding: 100px 0 30px;
}
}





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