@charset "utf-8";

#svisual_layout {overflow:hidden;height: 366px;width: 100%;padding-top: 165px;background: #ed9613;background: -webkit-linear-gradient(left, #edb120 , #ed9613);background: -o-linear-gradient(right, #edb120 , #ed9613);background: -moz-linear-gradient(right, #edb120 , #ed9613);background: linear-gradient(to top, #edb120 , #ed9613);background-size:cover;text-align: center;}
#svisual_layout .svisual_wrap {width:100%;height:100%;padding: 165px 0 0;}
#svisual_layout .svisual_wrap .sub__background {position:absolute;left: 0;top: 0;width:100%;height:100%;}
#svisual_layout .svisual_wrap .subvisual-layout {width:100%;height:100%; text-align:center;}
#svisual_layout .svisual_wrap .subvisual-layout .subvisual-layout__title {display:block;position:relative;font-size: 42px;margin: 0 0 10px;line-height:1.1;color: #fff;}
#svisual_layout .svisual_wrap .subvisual-layout p{font-size:20px;color:#fff}
#svisual_layout .page__title {position: relative;font-size: 42px;margin: 0 0 10px;line-height: 1.1;color: #fff;}
#svisual_layout p{font-size: 20px;color: #fff;}
#svisual_layout .location_wrap {display: inline-block;margin: 35px 30px 0px;text-align:center;vertical-align: baseline;}
#svisual_layout .location_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
#svisual_layout .location_wrap li {display:inline-block;position:relative;margin-right: 30px;}
#svisual_layout .location_wrap li:last-child {margin:0;}
#svisual_layout .location_wrap li:after {display:block;position:absolute;top: 10px;right: -18px;content:'';width:3px;height:3px;border: solid #fff;border-width:2px 2px 0 0;border-radius: 1px;transform:rotate(45deg);-webkit-transform:rotate(45deg);opacity: 0.3;}
#svisual_layout .location_wrap li:last-child:after {display:none;}
#svisual_layout .location_wrap li a {color: #fff;font-size:14px;line-height: 1;}
#svisual_layout .location_wrap li.n1 span {display:inline-block;width:16px; height:15px;margin-top:-3px;background-position:0 -41px;vertical-align:middle;}
#svisual_layout .location_wrap li:last-child a {font-weight:700;}
#svisual_layout .st0{fill:none;stroke-width:68;stroke-dasharray: 1200;stroke-dashoffset: 0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;animation: line 5s alternate ease-in-out;opacity: 1;}
#svisual_layout #line1{position: absolute;left: -220px;bottom: -410px;width: 330px;height: 590px;}
#svisual_layout #line2{position: absolute;right: -139px;top: -590px;width: 439px;height: 710px;}
#svisual_layout #line3{position: absolute;bottom: -260px;right: -550px;width:451px;height:451px;}
#svisual_layout #line1 .st0{animation-delay:1s}
#svisual_layout #line3 .st0{animation-delay:.8s}
#svisual_layout .bg1{display:block;position:absolute;left: -380px;top: -30px;width:144px;height:139px;background:url(/template/C/images/visual_circle1.png);-webkit-animation:slide-in-tr .5s cubic-bezier(.25,.46,.45,.94) both;animation: slide-in-tr 1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:1s;}
#svisual_layout .bg2{display:block;position:absolute;left: 50%;top: -40px;width:150px;height:150px;margin-left:-320px;background:url(/template/C/images/visual_circle2.png);-webkit-animation:slide-in-tr .5s cubic-bezier(.25,.46,.45,.94) both;animation: slide-in-tr 1s cubic-bezier(.25,.46,.45,.94) both;}
#svisual_layout .bg3{display:block;position:absolute;right: 50%;bottom: -50px;width:150px;height:178px;margin-right: -350px;background:url(/template/C/images/visual_line.png);-webkit-animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation: slide-in-bottom 1s cubic-bezier(.25,.46,.45,.94) both;animation-delay:2s;}
@-webkit-keyframes slide-in-tr{0%{-webkit-transform:translateY(-100px) translateX(100px);transform:translateY(-100px) translateX(100px);opacity:0}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:1}}@keyframes slide-in-tr{0%{-webkit-transform:translateY(-100px) translateX(100px);transform:translateY(-100px) translateX(100px);opacity:0}100%{-webkit-transform:translateY(0) translateX(0);transform:translateY(0) translateX(0);opacity:1}}
@-webkit-keyframes slide-in-bottom{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-bottom{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@keyframes line {from {stroke-dashoffset: 1200;} to{stroke-dashoffset: 0;opacity:1;}}
@keyframes line2 {0% {stroke-dashoffset: 143;} 100% {stroke-dashoffset: 0;}}

#body_layout{position: relative;z-index: 11;}
#body_layout .body_wrap{position: relative;margin: 0px auto 0;padding-bottom: 30px;}
#body_layout:before{position: absolute;left:0;top: 73px;right:0;width: 100%;height:1px;background:#dcdcdc;content:'';}
.contents_wrap{position:relative;}
#txt {margin-top: 65px;text-align:left;}
#tab_moType1.mobile {margin:0 0 30px;}

.lnb_wrap{display: block;position:relative;z-index:10;min-height: auto;text-align: center;}
.lnb__title{display:block;}
.lnb__title strong{display:block;min-height: 70px;padding: 0 0 0;font-size:20px;font-weight:700;color:#1b1b1b;}
.lnb_depth2__list{height: 75px;}
.lnb_depth2__list > li a{position:relative;display: table;height: 100%;line-height:1.2;word-wrap:break-word;word-break:keep-all;color: #404040;vertical-align: middle;}
.lnb_depth2__list > li a span{display: table-cell;position:relative;line-height:1.2;word-wrap:break-word;word-break:keep-all;font-size: 16px;text-align: left;vertical-align: middle;}
.lnb_depth2__list > li{display: inline-block;position:relative;height: 100%;text-align: center;}
.lnb_depth2__list > li.on > a,.lnb_depth2__list > li > a:hover,.lnb_depth2__list > li > a:focus{border-bottom: 2px solid #ffaf01;}
.lnb_depth2__list > li.on > a:before {background-position:0 0;}
.lnb_depth2__list > li > a >span{padding: 0 40px;}
.lnb_depth2__list > li.on > a >span {font-weight:700;}
.lnb_depth2__list .lnb_depth3__list{display:none;height:0;padding:0 20px;margin-bottom: -1px;background-color:#f3f3f3;text-align: left;transition:all .4s;}
.lnb_depth2__list .lnb_depth3__list li {position:relative;min-height: 50px;border-bottom:1px solid #ddd;}
.lnb_depth2__list .lnb_depth3__list li:last-child {border-bottom:none;}
.lnb_depth2__list .lnb_depth3__list li a{display:block; position:relative; z-index:2; padding: 16px 0;padding-left: 20px;}
.lnb_depth2__list .lnb_depth3__list li a:after {display:block;position:absolute;left: 10px;top: 24px;content:'';width:3px;height:3px;background:#505050;}
.lnb_depth2__list .lnb_depth3__list li span{display: inline-block;position: relative;font-size: 15px;}
.lnb_depth2__list .lnb_depth3__list li.on:after {display:block;position:absolute;left:-10px;right:-30px;top: -7px;z-index:1;content:'';width:auto;height:100%;background:#003f70;box-shadow:5px 5px 5px rgba(0,0,0,.1);}
.lnb_depth2__list .lnb_depth3__list li.on a {padding-top: 8px;color:#fff;}
.lnb_depth2__list .lnb_depth3__list li.on a:after {top:16px; background:#fff;}
.lnb_depth2__list > li > a:hover .lnb_depth3__list,
.lnb_depth2__list > li > a:focus .lnb_depth3__list,
.lnb_depth2__list > li.on .lnb_depth3__list,
.lnb_depth2__list > li.ov .lnb_depth3__list,
.lnb_depth3__list.on,
.lnb_depth3__list.open{display:block !important;visibility:visible;height:auto;}
.lnb_depth2__list > li > a[target="_blank"]:before {background-position:-32px 0;}
.lnb_depth2__list .lnb_depth3__list li a[target="_blank"] span:after {display:inline-block; content:''; width:16px;height:15px; margin:-2px 0 0 5px; background:url(/template/A/images/link_icon.png)no-repeat -32px 0; vertical-align:middle;}

#location{display: inline-block;margin: 10px 0 0;padding: 0;text-align: center;vertical-align: middle;}
#location .utile_wrap {display: block;}
#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-left:7px; }
#location .utile_wrap .print_wrap > li > button {display:block;width:33px;height:33px;border: 1px solid #fff;border-radius:50%;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 -91px;}
#location .utile_wrap .print_wrap > li.sns > div {display:none;position:absolute;right:0;top:0;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:33px; height:33px; 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 {border:1px solid #3f434e; background:#3f434e;}
#location .utile_wrap .print_wrap > li.sns > div .clickClose span {display:block; width:100%; height:100%; background-position:-80px -91px;}
#location .utile_wrap .print_wrap > li.n2 > button span {display:block; width:100%; height:100%; background-position:-113px -91px}
#location .utile_wrap .print_wrap > li.n3 > button span {display:block; width:100%; height:100%; background-position:-145px -91px}
#location .utile_wrap .print_wrap > li > button:hover,
#location .utile_wrap .print_wrap > li > button:focus {border:1px solid #3f434e; background:#3f434e;}
#location .utile_wrap .print_wrap > li.sns > button:hover span,
#location .utile_wrap .print_wrap > li.sns > button:focus span {background-position:-80px -91px;}
#location .utile_wrap .print_wrap > li.n2 > button:hover span,
#location .utile_wrap .print_wrap > li.n2 > button:focus span {background-position:-113px -91px;}
#location .utile_wrap .print_wrap > li.n3 > button:hover span,
#location .utile_wrap .print_wrap > li.n3 > button:focus span {background-position:-145px -91px;}

.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:1023px){
    #svisual_layout{height: 220px;padding-top: 100px;}
    #svisual_layout .page__title{margin-bottom: 0;font-size:30px;}
    #svisual_layout p{display:none;}
    #svisual_layout .location_wrap{margin-top:0}
    #svisual_layout #line1,#svisual_layout #line2,#svisual_layout #line3{display:none;}
    #svisual_layout .bg3{right:30px;margin-right:0;animation-delay: 1s;}

    #body_layout:before{display:none;}
    #body_layout .body_wrap{width: 100%;}
    .lnb_wrap{display:none;}
    .contents_wrap{float:none;width:100%;padding:0;margin: 0;}
    #txt{margin-top:30px}
    #location {margin: 8px 0 0;}
    #location .page__title {min-height: auto;padding: 0 0 15px;font-size: 22px;}
}
@media screen and (max-width:767px){
    #body_layout .body_wrap{padding: 0 15px 50px;}
    #svisual_layout .bg2{left:30px;margin-left: 0;}
    #svisual_layout .location_wrap{display:block}
    #location{display:block}
    #location .utile_wrap .print_wrap > li.n3 {display:none;}

    .content_info__satisfaction {background:#fff;}
    .content_info__satisfaction .research input[type=text] {width:68%;}
}