@charset "utf-8";

#svisual_layout {overflow: hidden;position:relative;height: 420px;margin-top:-100px;border-bottom: 3px solid #faa831;}
#svisual_layout:before {display:block;position:absolute;bottom:0;right:0;left: 50%;z-index: 1;content:'';width:auto;height:75px;margin-left: 620px;background: #fff;}
#svisual_layout .svisual_wrap {width:100%;height:100%;}
#svisual_layout .svisual_wrap .sub__background {position:absolute;left: 0;top: 0;width:100%;height:100%;}
#svisual_layout .svisual_wrap .sub__background:after {display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-position:center;background-repeat: no-repeat;background-size:cover;background-image:url(/template/B/images/subvisual01.jpg);transform:scale(1.1);content:'';}
#svisual_layout .svisual_wrap .line:before {display:block; position:absolute; top:0; left:50%; content:''; width:1px; height:100%; background:rgba(255,255,255,.2); }
#svisual_layout .svisual_wrap .subvisual-layout {width:100%;height:100%;padding: 150px 0 0;border-left: 1px solid rgba(255,255,255,.2);border-right: 1px solid rgba(255,255,255,.2);text-align:center;}
#svisual_layout .svisual_wrap .subvisual-layout:before,
#svisual_layout .svisual_wrap .subvisual-layout:after {display:block;position:absolute;top: 0;content:'';width:1px;height:100%;background:rgba(255,255,255,.2);visibility: visible;}
#svisual_layout .svisual_wrap .subvisual-layout:before {left:25%;top: 100px;}
#svisual_layout .svisual_wrap .subvisual-layout:after {right:25%;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {position:relative;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title em {display:block;opacity: 0;font-size: 24px;font-weight: 500;text-shadow: 1px 1px 5px rgba(0,0,0,.3);color:#fff;-webkit-animation: showup 3s ease-in forwards;animation: showup 3s ease-in forwards;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title .tit {opacity: 0;position: relative;margin: 20px 0 0;-webkit-animation: showup 5s ease-in forwards 0.5s;animation: showup 5s ease-in forwards 0.5s;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span {display:inline-block; margin: 0 -3px;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span.t1 {-webkit-animation: t1 0.5s ease-in forwards 2s;animation: t1 0.5s ease-in forwards 2s;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span.t2 {-webkit-animation: t2 0.5s ease-in forwards 2.5s;animation: t2 0.5s ease-in forwards 2.5s;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span.t3 {-webkit-animation: t3 0.5s ease-in forwards 3s;animation: t3 0.5s ease-in forwards 3s;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span.t4 {-webkit-animation: t4 0.5s ease-in forwards 3.5s;animation: t4 0.5s ease-in forwards 3.5s;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span img {height:75px;}

@keyframes showup {0% {opacity:0;}20% {opacity:1;}100% {opacity:1;}}
@-webkit-keyframes t1{
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
}
@keyframes t1 {
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(-5px);transform:translateY(-5px);}
}
@-webkit-keyframes t2{
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(7px);transform:translateY(7px);}
}
@keyframes t2 {
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(7px);transform:translateY(7px);}
}
@-webkit-keyframes t3{
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(-7px);transform:translateY(-7px);}
}
@keyframes t3 {
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(-7px);transform:translateY(-7px);}
}
@-webkit-keyframes t4{
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(3px);transform:translateY(3px);}
}
@keyframes t4 {
    0% {-webkit-transform:translateY(0);transform:translateY(0);}
    100% {-webkit-transform:translateY(3px);transform:translateY(3px);}
}

.tour_location {width: 100%;height: 75px;top: -78px;}
.tour_location .location_wrap {position:absolute;right:0;top: 0;width: 100%;height: 100%;}
.tour_location .location_wrap:after,
.tour_location .location_wrap .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.tour_location .location_wrap .inner {float: right;height: 100%;}
.tour_location .location_wrap.n1 .inner {width:25%;}
.tour_location .location_wrap.n2 .inner {width:50%;}
.tour_location .location_wrap.n3 .inner {width:75%;height:100%;}
.tour_location .location_wrap.n4 .inner,
.tour_location .location_wrap.n5 .inner {width:100%;}
.tour_location .location_wrap.n1 .inner .navi {width:100%}
.tour_location .location_wrap.n2 .inner .navi {width:50%}
.tour_location .location_wrap.n3 .inner .navi {width:33.33%}
.tour_location .location_wrap.n4 .inner .navi,
.tour_location .location_wrap.n5 .inner .navi {width:25%}
.tour_location .location_wrap.n5 .inner .navi.n5 {display:none;}
.tour_location .navi{display:block;float:left;position: relative;height: 100%;margin:0;padding:0;border-right: 1px solid rgba(204,204,202,.3);background: #fff;vertical-align: top;}
.tour_location .navi.n1:after {display:none;}
.tour_location .navi .navi_menu {display: block;position:relative;z-index: 11;height: 100%;line-height: 75px;padding: 0 40px;background: #fff;font-size: 17px;color: #353530;}
.tour_location .navi .navi_menu:after {display:block;position:absolute;left: 0;bottom: -3px;content:'';width:100%;height:3px;background:#faa831;}
.tour_location .navi .navi_menu span {display:block;position:absolute;right: 30px;top: 50%;z-index:10;width: 8px;height: 8px;margin-top: -5.655px;border:solid #a1a19e;border-width: 0 1px 1px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.tour_location .navi a{position:relative;vertical-align: top;}
.tour_location .navi.n1 {border-right: 0;background:transparent;text-align: right;}
.tour_location .navi.n1 a {display: inline-block;width:100px;height: 100%;}
.tour_location .navi.n1 a span {display:inline-block;float:right;width:100%;height:100%;border-right: 1px solid rgba(204,204,202,.3);background: #fff url(/template/B/images/home.png)no-repeat center;font-size:0;vertical-align: text-bottom;}
.tour_location .navi .navi_ov{display:none;overflow-y: auto;position:absolute;top: 0;left: 0;width: 100%;height: 519px;z-index: 99;padding: 78px 0 0;}
.tour_location .navi .navi_ov ul {border-left: 1px solid #ccc;border-right: 1px solid #ccc;background-color: #fff;}
.tour_location .navi .navi_ov ul li{width:100%;margin:0;background: #fff;}
.tour_location .navi .navi_ov ul li a{display: block;width:100%;height:100%;line-height: 1.2;border-bottom: 1px solid #ccc;color: #56564f;font-size: 15px;text-align: left;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.tour_location .navi .navi_ov ul li a span {display:block;width:100%;height:100%;padding: 12px 40px;}
.tour_location .navi .navi_ov ul li a:hover,
.tour_location .navi .navi_ov ul li a:focus {background:#faa831; color:#fff; font-weight:700;text-decoration:underline;}
.tour_location .navi .navi_ov ul li a:hover span,
.tour_location .navi .navi_ov ul li a:focus span {background:url(/template/B/images/navi_bg.png)no-repeat right top;}
.tour_location .navi.ov .navi_ov {display:inline-block;}

#body_layout{position: relative;z-index: 1;}
#body_layout .body_wrap{margin: 0 auto;padding-bottom:100px;background-color: #fff;}

.contents_wrap{position:relative;width:100%;}
#txt {text-align:left; }
#tab_moType1.mobile {margin:0 0 30px;}

.lnb_wrap{display: none;}

#location{position:relative;width:100%;margin: -5px 0 60px;padding: 0;border-bottom: 2px solid #000;text-align:left;}
#location .page__title {min-height: 55px;font-size: 30px;font-weight: 700;color:#222;}
#location .utile_wrap {display: block;position:absolute;right:0;top: 0;}
#location .utile_wrap .utile_wrap_inner {display:inline-block;position:relative; }
#location .utile_wrap .utile_wrap_inner:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap {}
#location .utile_wrap .print_wrap:after{display:block; clear:both; visibility:hidden; content:'';}
#location .utile_wrap .print_wrap > li {float:left;margin: 0 10px;}
#location .utile_wrap .print_wrap > li > button {display:block;width:33px;height:33px;border: 1px solid #fff;border-radius:50%;transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
#location .utile_wrap .print_wrap > li.sns {position: relative;}
#location .utile_wrap .print_wrap > li.sns > button {}
#location .utile_wrap .print_wrap > li.sns > button span {display:block; width:100%; height:100%; background-position:-80px -59px;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right: -1px;top: 1px;width: 180px;text-align:right;}
#location .utile_wrap .print_wrap > li.sns.on > div {display:block;}
#location .utile_wrap .print_wrap > li.sns > div button {display:inline-block;width: 32px;height: 32px;border-radius:50%;}
#location .utile_wrap .print_wrap > li.sns > div .fa {background-position:0 -91px;}
#location .utile_wrap .print_wrap > li.sns > div .tw {background-position:-37px -91px;}
#location .utile_wrap .print_wrap > li.sns > div .bl {background-position: 0 -128px;}
#location .utile_wrap .print_wrap > li.sns > div .ca {background-position: -37px -128px;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose {}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block; width:100%; height:100%;  background-position:-80px -59px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block; width:100%; height:100%; background-position:-113px -59px}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block; width:100%; height:100%; background-position:-145px -59px}

.content_info__satisfaction {background:url(/template/B/images/foot_obj.png)no-repeat 93% center;}
.content_info__satisfaction .research div .research_div {height:30px;margin: 10px 0 0;padding: 0;}
.content_info__satisfaction fieldset {width:100%;}
.content_info__satisfaction .research div {padding: 7px 0 0;}
.content_info__satisfaction .research input[type=text]{position:static; width:410px;}
.content_info__satisfaction .research input[type=button], 
.content_info__satisfaction .research input[type=submit] {position:static;background: #5a7091;}

@media screen and (max-width:1670px){
    #svisual_layout .svisual_wrap .line {top:100px;}
}  
@media screen and (max-width:1319px){
    
}   
@media screen and (max-width:1023px){   
    #svisual_layout {margin:-110px 0 0;height:295px;}
    #svisual_layout:before{display:none;}
    #svisual_layout .svisual_wrap .sub__background {-webkit-transform:none !important;transform:none !important;}
    #svisual_layout .svisual_wrap .subvisual-layout {padding: 151px 0 0;border: none;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title em {font-size: 18px;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title .tit {margin: 15px 0 0;}
    #svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title span img {height:40px;}
    .tour_location {display:none;}

    #body_layout .body_wrap{width: 100%;} 
    .contents_wrap{float:none;width:100%;padding:0;margin: 0;} 
    #location {margin:30px 0;}
    #location .page__title {min-height: auto;padding: 0 0 15px;font-size: 22px;}
    #location .utile_wrap {top:-3px}
    #location .utile_wrap .print_wrap > li {margin:0 3px}
}
@media screen and (max-width:767px){
    #svisual_layout .svisual_wrap .subvisual-layout:before, 
    #svisual_layout .svisual_wrap .subvisual-layout:after,
    #svisual_layout .svisual_wrap .line {display:none;}
    
    #body_layout .body_wrap{padding: 0 20px 50px;}
    #location .utile_wrap .print_wrap > li.n3 {display:none;}
    
    .content_info__satisfaction {background:#fff;}
    .content_info__satisfaction .research input[type=text] {width:68%;}   
}

