/*メニュー可変*/

/**** 1200以下の　VW基準　設定****/

/*可変*/
#top-head {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    padding: 0;/*30px 0 0;*/
    line-height: 1;
    top: 0;
    height: 6.7vw;
    background: rgba(34, 34, 34, .9);
    z-index: 9999;
}
/*#top-head:after {
    content: "";
    display: block;
    height: 1px;
    background: #fff;
    width: 980px;
    margin: 30px auto 0;
}*/

#top-head a,
#top-head {
    color: #fff;
    text-decoration: none;
}
 
#top-head .inner {
    position: relative;
 	/*padding: 1.4vw 12vw 3.6vw 12vw;*/
    padding: 0vw 0vw 0vw 0vw;
    height: 100%;
}
#top-head .logo {
    float: left;
    font-size: 32px;

    display: block;
    position: absolute;
    left: 11.5vw;
    bottom: 25%;
    top: 25%;
    width: 22%;
}
.logo_mov{
	width: 21vw;
	transition: all 0.6s ease;
}
#global-nav {
    display: block;
    position: absolute;
    right: 2.5vw;
    bottom: 25%;
    width: 63%;
    }
.g_navi{
    width: 100%;
}
#global-nav a{
    color:#fff!important;
	}
#global-nav ul {
    list-style: none;
    position: absolute;
    right: 7vw;
    bottom: .5vw;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
    position: relative;
 
}
#global-nav ul li a {
    /*padding: 0 30px;*/
}
/* transition */
#top-head,
#top-head:after,
#top-head .logo,
#global-nav ul li,
#global-nav ul li a {
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
.main{
	padding-top: 0;
	/*border-top: 6.7vw solid #000;*/
}
.slide {
    height: auto!important;/*74.2vh;*/
    }
.main_imgBox2,.shadow2{
    height: 40vh!important;
    }
.logo_onc{
    bottom: 7vw!important;
}
_:-ms-lang(x)::-ms-backdrop, .logo_onc{
    bottom: -10vw!important;
}

/* Fixed クラスの付与*****************************/
.cont_menu.fixed{
    top: 60px!important;
}
.top_menu.fixed{
    top:5vw;
}
#top-head.fixed {
    /*padding-top: 15px;*/
    background: #000;
	height: 5vw;
	transition: all 0.6s ease;
}
#top-head.fixed .logo {
    font-size: 24px;
    color: #333;
    bottom: 45%;
    transition: all 0.6s ease;
}
#top-head.fixed .logo_mov{
	width: 70%;
}
 
#top-head.fixed:after {
    width: 100%;
    margin-top: 20px;
}
    
#top-head.fixed #global-nav ul{
    bottom: 0vw;
    }
#top-head.fixed #global-nav ul li{
    margin: 0;
}
#top-head.fixed #global-nav ul li a {
    color: #333;
    padding: 0 10px;
    /*width: 90px;*/
        text-align: center;
}

/*法人情報*/
.corp_info{
	font-size: 0.7vw;
    width: 70%;
    margin: 2vw auto;
	position: relative;
    /*z-index: 9999;*/
}
.corp_info_ttl{
    color:#fff;
    font-size: 1.3vw;
    
    line-height: 1.6vw;
}

.corp_info_txt{
    color:#fff;
    font-size: .7vw;
    line-height: 1.2vw;
    margin-top: 0.5vw;
}
.corp_info a{
	color:#fff;
	border: 1px solid #fff;
    padding: .25vw 1vw;
    
    line-height: 1vw;
    height: .8vw;
    vertical-align: middle;
    margin-left: .5vw;
}
.corp_info a:hover{
	    background: rgb(255 255 255 / .5);
	transition: all 0.6s ease;
}

/**** 1200以上の　px基準　設定*************************************************/
@media screen and (min-width:1200px) {
    .logo_mov {
        width: 260px;
    }
    #top-head{
        height: 80px!important; /*最大値固定*/
    }
    .cont_menu .s_02 .accordion_one {
        height: 38px;
    }
    .s_02 .accordion_one .accordion_header{
        font-size: 15.5px!important; /*最大値固定*/
        width: 200px!important;
        height: 38px!important;
    }
    .w15{
        width: 230px!important;/*最大値固定*/
    }
	.s_02,.facility{
		/*padding: 0 200px;*/
	}
    .s_02 .accordion_one .accordion_header .i_box{
        width: 22px;
        height: 22px;
        top: 37px;
        left: 10px;
    }
    .one_i{
        height: 22px!important;
        width: 22px!important;
    }
    .s_02 .accordion_one .accordion_header .i_box{
        margin-top: -35px;
    }
    .s_02 .accordion_one .accordion_header .i_box .one_i:before{
        top: 0;
        left: 15px;
        height: 20px;
        width: 3px;
    }
     .s_02 .accordion_one .accordion_header .i_box .one_i:after{
        width: 20px;
        height: 3px;
        top: 8.5px;
        left: 7px;
    }
    .s_02 .accordion_one .accordion_inner{
        top: 62px;
    }
    .s_02 .accordion_one {
        height: auto;/*48.5px;*/
    }
    .top_menu.fixed{
        top: 60px;
    }
    .s_menu {
        height: 50px;
    }
    .s_menu_b {
        height: 18px;
        display: table-cell;
        vertical-align: middle;
        margin-top: 11px;
    }
    .kind_menu{
        min-height: 45px;
    }
    .kind_menu li:last-child{
        /*padding: 0;*/
    }
    .t_menu_sp,.g_navi li{
        font-size: 12px!important; /*最大値固定*/
        letter-spacing: 2.7px;/*最大値固定*/
    }
    .cont_menu {
        height: 62px!important;/*最大値固定*/
    }
    .cont_menu a{
        height: 14px!important;/*14px 最大値固定*/
        line-height: 20px;
    }
    .facility{
        height: 24px!important;/*最大値固定*/
    }
    .facility li{
        line-height: 10px;
    }
    .g_navi a{
        height: 15px;
        line-height: 15px;
    }
    #top-head.fixed #global-nav ul {
        bottom: 7px;
        right: 100px;
    }
    .shaow2{
        height: 375px!important;
    }
    .logo_onc {
        bottom: 7vw!important;
        bottom: 85px!important;
        height: 65px;
    }
    fixed,
    .fixed2 {
        top: 60px;
    }
    #top-head.fixed {
        height: 60px!important;/*最大値固定*/
    }
    #top-head.fixed .logo_mov{
        width: 200px;
    }
}

@media screen and (max-width:1200px) {
    .cont_menu.fixed{
        top: 5vw!important;
    }
}

@media screen and (max-width: 1024px){
    .main_imgBox2, .main_img, .shadow2 {
        /*height: unset;*/
        }
}

@media screen and (max-width: 465px){
    .info{
        top: -5vw;
    z-index: 10;
    }
	.drawer-nav{
		top: 15vw!important;
	}
	#top-head{
		height: 14vw;
		z-index: 9998;
	}
	#top-head .logo{
		top:15%;
	}
	.logo_mov {
		width: 40vw;
	}
    .corp_info_txt{
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    .corp_info_ttl{
        font-size: 3.5vw;
        line-height: 6.5vw;
    }
    .corp_info a{
        padding: 2vw 2.5vw;
        height: 2vw;
        margin-left: 2vw;
        font-size: 3.5vw;
        line-height: 2.5vw;
    }
    .main_imgBox2, .main_img, .shadow2 {
        /*height: 30vh!important;*/
        }
}