@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:#000;
font-size: 1.4rem;
background:#fff;
-webkit-text-size-adjust: 100%;
}
/*---------------------------------------*/
/* spNavi */
/*---------------------------------------*/
a.c_nav-bt{
position:absolute;
width:70px;
height:70px;
right:0;
top:0;
z-index:10000;
cursor:pointer;
background:#eaeaea;
}
@media screen and (max-width:767px){
a.c_nav-bt{
width:60px;
height:60px;
}
}
#panel-btn-icon{
display: block;
position: absolute;
top: 50%;
left: 50%;
margin-top:-5px;
margin-left:-13px;
width:20px;
height:2px;
background: #0075C1;
transition: .2s;
border-radius:2px;
}
@media screen and (max-width:767px){
#panel-btn-icon{
width:12px;
margin-left:-8px;
}
}
#panel-btn-icon.close{
border-bottom:none;
}
#panel-btn-icon:before,
#panel-btn-icon:after{
display: block;
content: "";
position: absolute;
top: 50%;
left: 0;
height:2px;
background: #0075C1;
transition: .3s;
border-radius:2px;
}
#panel-btn-icon:before{
margin-top: -10px;
width:14px;
}
@media screen and (max-width:767px){
#panel-btn-icon:before{
width:6px;
margin-top: -8px;
}
}
#panel-btn-icon.close:before{
width:26px;
background: #0075C1;
}
@media screen and (max-width:767px){
#panel-btn-icon.close:before{
width:18px;
}
}
#panel-btn-icon:after{
margin-top:8px;
width:26px;
}
@media screen and (max-width:767px){
#panel-btn-icon:after{
width:18px;
margin-top:6px;
}
}
#panel-btn-icon.close:after{
width:26px;
background: #0075C1;
}
@media screen and (max-width:767px){
#panel-btn-icon.close:after{
width:18px;
}
}
#panel-btn-icon.close{
background: transparent;
}
#panel-btn-icon.close:before,
#panel-btn-icon.close:after{
margin-top: 0;
}
#panel-btn-icon.close:before{
transform: rotate(-45deg);
background: #0075C1 !important;
}
#panel-btn-icon.close:after{
transform: rotate(-135deg);
background: #0075C1 !important;
}
.panel-btn-txt{
position: absolute;
bottom:5px;
left: 0;
width: 100%;
font-size:1.0rem;
color:#0075C1;
}
div.accordion{
overflow-y: scroll;
position: fixed;
top: 0;
right: 0;
bottom:0;
z-index: 9999;
padding: 0 0 0 10px;
}
.accordionInbox{
background:rgba(255,255,255,0.9);
width:100vw;
padding:80px 10% 20px;
height:auto;
min-height:100vh;
overflow:hidden;
position: relative;
box-sizing: border-box;
}
@media screen and (max-width:374px){
.accordionInbox{
padding:80px 5% 20px;
}
}
.accordionMenu li{
line-height: 1.2;
letter-spacing:0.1em;
cursor:pointer;
font-size:3.5vw;
}
@media screen and (max-width:767px){
.accordionMenu li{
font-size: 5vw;
}
}
.accordionBtn{
max-width:300px;
}
@media screen and (max-width:767px){
.accordionBtn{
max-width: 250px;
}
}
.accordionBtn a{
border: 1px solid #0075C1;
display: block;
width: 100%;
height: 70px;
line-height: 67px;
box-sizing: border-box;
font-size:3.5vw;
text-align: center;
}
@media screen and (max-width:767px){
.accordionBtn a{
height: 50px;
line-height: 47px;
font-size: 5vw;
}
}
.accordionBtn a:hover{
background: #0075C1;
}
.accordionInfo{
font-size:1.2rem;
}
.accordionInfo .ttl{
font-weight: bold;
position: relative;
padding-left: 1.5em;
color: #0075C1;
}
.accordionInfo .ttl:before{
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1em;
height: 1px;
background: #0075C1;
}
.accordionInfo .links{
line-height: 1.5;
}
.accordionInfo .links a{
position: relative;
}
.accordionInfo .links .icon-links{
font-size:11px;
margin-left: 0.5em;
}
.accordionLinks{
padding-left:1.5em;
position: relative;
font-size:1.2rem;
}
.accordionLinks:before{
content: "";
position: absolute;
top: 50%;
left: 0em;
width: 1em;
height: 1px;
background: #0075C1;
}
.accordionLinks li{
float: left;
padding-right: 10px;
margin-right: 10px;
line-height: 1;
border-right: 1px solid #0075C1;
}
.accordionLinks li:last-child{
border-right:none;
padding-right: 0;
margin-right: 0;
}
.accordionCopy{
font-size: 1.1rem;
color: #0075C1;
}
.accordionClose{
font-size:8.0rem;
position: absolute;
top: 50%;
margin-top: -40px;
right:10px;
width: 34px;
color: #0075C1;

}








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