/* -------------------- */
/* SP版 Navi
/* -------------------- */
.sp-header{display: none;}
.burger-btn{display: none;}

@media screen and (max-width:768px){
.sp-header{background-color: #f0f0f0;color: #555;padding: 0;display: flex;justify-content: space-between;align-items: center;position: absolute;top: 65px;left:0;width: 100%;height:55px;z-index: 1001;}
.sp-header.m_fixed {left: 0;position: fixed;top: 65px;}
	
.sp-header h1 {font-size: 1.2rem;line-height: 1.4;color: #0c60a6;margin: 0px;padding: 0px 0px 0px 15px;font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.00em;}
	
body.noscroll{overflow: hidden;touch-action: none;}
.burger-btn{display: block;width: 55px;height: 55px;position: relative;z-index: 3;border:none;transition: transform .3s;background-color: #0d62a3;}    
.bar{width: 24px;height: 1px;display: block;position: absolute;left: 50%;transform: translateX(-50%);background-color: #fff;  }
.bar_top{top: 18px;}
.bar_mid{top: 50%;transform: translate(-50%,-50%);}
.bar_bottom{bottom: 17px;}
.burger-btn.close .bar_top{transform: translate(-50%,10px) rotate(45deg);transition: transform .3s;}
.burger-btn.close .bar_mid{opacity: 0;transition: opacity .3s;}
.burger-btn.close .bar_bottom{transform: translate(-50%,-8px) rotate(-45deg);transition: transform .3s;}
	
.sp-header .nav-wrapper{display: none;width: 100vw;height: 86vh;position: fixed;top: 120px;left: 0;z-index: 2;}
.sp-header.m_fixed .nav-wrapper{display: none;width: 100vw;height: 100vh;position: fixed;top: 120px;left: 0;z-index: 2;}
	
.header-nav{width: 100%;height: 100%;background-color:#FFF;z-index: 2;text-align: center;overflow: scroll;}
.header-nav .nav-list{width: 90%;margin: 0 auto;display: block;text-align: center;padding-top: 50px;}
.header-nav .nav-item{margin-top: 25px;padding-top: 25px;border-top: solid 1px #ddd;font-size: 1.2rem;line-height: 1.4; font-family: "ヒラギノ角ゴ W6 JIS2004", sans-serif !important;font-feature-settings: "palt";letter-spacing: 0.00em;}
.header-nav .nav-item:first-child{margin-top: 0px;padding-top: 0px;border-top: none;}
.header-nav .nav-item a{color: #555;text-decoration: none;}
.header-nav .nav-item a.mb20{margin-bottom: 20px; display: block;}
.header-nav .nav-item a.sub_navi_b{display: block;margin-top: 4px;font-size: 3.2vw;color: #0c60a6;padding: 8px 0px;background-color: #f8f8f8;line-height: 1.7;}
.header-nav .nav-item a.sub_navi_g{display: block;margin-top: 4px;font-size: 3.2vw;color: #38794e;padding: 8px 0px;background-color: #f8f8f8;line-height: 1.7;}
    
.header-nav .nav-list2{width: 36%;margin: 0 auto 150px auto;display: block;text-align: center;padding-top: 50px;}
.header-nav .nav-list2 p{padding-top: 0px;font-size: 14px;line-height: 1.4;color: #FFF;text-align: center;position: relative;top: 16px;}
.header-nav .nav-list2 .nav-btn.jp{width: 50px;height: 50px;background-color: #ee3641;border-radius: 25px;float: right;}
.header-nav .nav-list2 .nav-btn.en{width: 50px;height: 50px;background-color: #a3a3a3;border-radius: 25px;float: left;}
.header-nav .nav-list2 a{color: #FFF;text-decoration: none;}
}