@charset 'UTF-8';
img.header_logo{width:auto;height:auto;}
img.header_logo_sp{width:auto;height:auto;max-height: 77px;}
img.header_menu_icon_top{width:33px;height:30px;}
img.header_menu_icon_conference{width:33px;height:30px;}
img.header_menu_icon_faq{width:33px;height:30px;}
img.header_menu_icon_access{width:33px;height:30px;}
img.sec05_faq_answer_icon{width:33px;height:30px;}
img.header_reservation{width:200px;height:44px;}
#nav_open {display: none;position: relative;width: 50px;height: 44px;}
#fixed_menu{z-index: 50;}


/* media screen */
@media screen and (max-width:640px){
header{height:200px;position:relative;overflow: hidden;margin-top: 75px;background-color: #4AA0A1;}

#header_main h1{float: none;text-align: center;display: block;padding-top: 90px;font-size: 32px;}
#header_main .ruby{display: block;text-align: center;padding-top: 7px;}
#fixed_menu{position:fixed;top: 0;width: 100%;background-color: #fff;}
#header_wrap{width:100%; height:75px; margin:0 auto;}
#header_left{float:left; height:75px;padding-left: 12px;}
#header_left a{display:block;position: relative;top: calc(50% + 3px);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#header_right{float:right;padding-right: 15px;padding-top: 23px;}
#header_reservation_b{float:right;}
#header_right a{display:block;padding-top:16px;text-align:right;}


}
@media screen and (min-width:641px) {
header{height:200px;position:relative;overflow: hidden;margin:0 auto;margin-top: 75px;background-color: #4AA0A1;}

#header_main h1{float: none;text-align: center;display: block;padding-top: 90px;font-size: 32px;}
#header_main .ruby{display: block;text-align: center;padding-top: 7px;}
#fixed_menu{position:fixed;top: 0;width: 100%;background-color: #fff;}
#header_wrap{width:100%; height:75px; margin:0 auto;}
#header_left{float:left; height:75px;padding-left: calc(50vw - 310px);}
#header_left a{display:block;position: relative;top: calc(50% + 3px);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
#header_right{float:right;padding-right: calc(50vw - 310px);padding-top: 23px;}
#header_reservation_b{float:right;}
#header_right a{display:block;padding-top:16px;text-align:right;}


}