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

/* for PC & Tablet */
@media (min-width:737px){
/*PCここから*/

.pc_none,
.t_tel.pc_none{
display:none !important;
}

/*PCここまで*/
}
/*PCここまで*/


/* for mobile */
@media (max-width:736px){
/*spここから*/

.sp_none{
display:none;
}

/* スマホハンバーガー
-----------------------------------------------------------------------------*/
/*開閉ボタン*/
#nav_toggle {
display: block;
width: 60px;
height: 60px;
position: fixed;
top: 10px;
right: 10px;
background-color:#2ca7df;
z-index: 999;
}
#nav_toggle div {
position: relative;
}
#nav_toggle span{
display: block;
height: 3px;
background: #fff;
position:absolute;
width: 50%;
left: 25%;
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;	
}
#nav_toggle span:nth-child(1){
top:20px;
}
#nav_toggle span:nth-child(2){
top:29px;
}
#nav_toggle span:nth-child(3){
top:38px;
}

/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
top: 29px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav_toggle span:nth-child(3) {
top: 29px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
transform: rotate(-135deg);
}

/*メニュー部分*/
nav{
display:none;
position: fixed;
top:0;
width: 100%;
height: 100vh;
background-color:rgba(0,84,167,0.95);
padding: 100px 20px 50px;
box-sizing: border-box;
overflow-y: scroll;
z-index: 900;
}
header > nav > ul {
display: block;
width: 90%;
/* height: 80%; */
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
margin: 120px auto 0;
}
header > nav > ul > li:last-child{
border: none;
}
header > nav > ul > li > a{
display: block; 
color: #006598;
}

.t_mail,
.t_tel{
display: none;
}

/*nav ヘッダーナビ*/
nav{
display:none;
}
nav .g_nav{
border-top:1px dotted #fff;
}
nav > .g_nav > li > a{
display:block;
color:#fff;
font-size:18px;
padding:15px 0 13px 10px;
border-bottom:1px dotted #fff;
}
nav .g_nav li{
position: relative;
}
.menu .menu_inner li {
}

nav .g_nav li.bt05 {
margin-bottom: 50px;
}
nav > .g_nav > li:after {
position: absolute;
right: 10px;
top: 16px;
font-family: FontAwesome;
content: '\f105';
color: #fff;
}
nav > .g_nav > li.bt01:before,
nav > .g_nav > li.bt02:before,
nav > .g_nav > li.bt03:before{
position: absolute;
right: 10px;
top: 16px;
font-family: FontAwesome;
content: '\f107';
color: #fff;
font-size: 130%;
}
nav > .g_nav > li.bt01:after,
nav > .g_nav > li.bt02:after,
nav > .g_nav > li.bt03:after{
display: none;
}

.menu_inner li:after {
position: absolute;
left: 12px;
top: 11px;
content: 'L';
color: #fff;
font-weight: bold;
font-size: 110%;
}
.menu_inner li a{
display:block;
color:#fff;
font-size:18px;
padding:15px 10px 13px 30px;
border-bottom:1px dotted #fff;
}
/*第2階層*/
ul.menu_inner {
background-color:rgba(40,147,234,0.6);
}

/*spここまで*/
}
/*spここまで*/