#header {height: 80px; box-shadow: 1px 1px 1px #ddd;}
#header .top_link, #header .head_top>ul, #header #menu_all {display: none}
#header h1 {margin:21px 0 0 }
#header h1 a {width: 200px; height: 39px; background-size:cover}
#header .top_link2 {overflow: hidden; padding:0 39px 0 0;}
#header .top_link2 a {float: left; width:33.3%; font-size:14px; line-height: 39px; color:#fff;text-align: center; background:#3f3f3f}
.nav_menu {display:block; overflow-y:auto; position:fixed; top:0; right: -1200px; padding:0 0 0 0; box-sizing: border-box; width:90%; height:100vh; z-index:999; background:#fff }
.nav_menu h1 {overflow:hidden; display:block;  padding:30px 0 0 25px; margin:0 0 10px 0;}
.nav_menu h1 a {overflow:hidden; display:block;}
.nav_menu > .nav_list dt {position: relative; display:block; text-align:left; padding:14px; font-size:14px; color:#3f3f3f; box-sizing: border-box; width:100%; border-bottom:1px solid #ddd;  }
.nav_menu > .nav_list dt::after {content: ''; display: block; position: absolute; top:19px; right: 14px; width:7px; height: 11px;transition: all 0.2s; background: url("../image/common/icon_arrow.png") no-repeat 0 0;}
.nav_menu > .nav_list dt button {font-size:14px; color:#000; font-weight:600; }
.nav_menu > .nav_list dd {display:none; padding:0; border-bottom:1px solid #ddd}
.nav_menu > .nav_list dd a {display:block; text-align:left; font-size:13px; line-height: 38px; color:#3f3f3f; box-sizing: border-box; width:100%; padding:0 10px; border-bottom:1px solid #ddd }
.nav_menu > .nav_list dt.active::after {transition: all 0.2s; transform: rotate(90deg); }
.nav_menu > .nav_list dd li:last-child a {border-bottom:none}

.go_menu {display:block; overflow: hidden; position: absolute; top: 30px; right: 0; text-indent: -99999px; width: 22px; height: 19px; background: url("../image/common/bt_all_menu.png") no-repeat 0 0 / cover; }
.search_area > div {top: 130px; left: 0; width: 90%; padding: 0 60px 0 0; margin: 0 6%;}
.search_area .bt_search_close {top: 99px;}
.search_area.on::after {top: 80px; height: 130px;}
.search_area .bt_search {top: 30px; right: 40px;}
.right_close {display:block; overflow: hidden; position: absolute; top: 0; right: 0; text-indent: -99999px; width:39px; height: 39px; background:#ddd url("../image/common/bt_menu_close.png") no-repeat center center / 16px 16px;}

.pop_layer .pop_layer_in {position: fixed; top: 25%; left:5%; margin:0; width:90%; height:auto;}
.pop_layer .pop_layer_in h3 {height:52px; margin:0; font-size:20px; line-height:52px;}
.pop_layer .pop_layer_in .bt_close {position: absolute; top: -50px; right:0; width:40px; height: 40px; display:block;}

.ytb iframe {position: static;}
.pop_layer .pop_layer_in .noti { position: static; width: 100%; height: auto; padding:10px;background:#fff }
.pop_layer .pop_layer_in .noti dt {margin:0 0 6px; font-size:14px; line-height:16px;}
.pop_layer .pop_layer_in .noti dd {font-size:12px; line-height:16px;}

.mid_area03 .box_right .pop_layer3 .pop_layer_in {top:15%; left: 2%; width: 96%; height: auto;margin: 0; padding:0 10px 20px}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in {padding:10px;  margin: 10px 0;}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .box_in dd {width: 100%; line-height: 16px;}
.mid_area03 .box_right .pop_layer3 .pop_layer_in .bt_close {top: 20px; right: 20px;}
.pop_layer4 .pop_layer_in {width:489px;  top: 50%; left: 50%; margin:-292px 0 0 -244px; padding:20px; }
.pop_layer4 .pop_layer_in .bt_close {position: absolute; top:40px; right: 40px; width:19px; height:19px; z-index: 12; text-indent: -9999px;  background: url("../image/common/bt_search_close.png") no-repeat center center / cover;}

#content {margin: 80px 0 0; }
#footer {clear:both; margin:30px 0 0; padding:20px 10px; }
.foot_link {height: auto; padding:0; text-align: center}
.foot_link .con_in > a { float: left; width: 50%; line-height: 25px; margin: 0; text-align: center}
.foot_link .con_in > a:hover {border:none}
.foot_link .sns {position: static; clear: both; display: block; padding:10px 0; text-align: center}
.pc_block {display:inline;}
.m_block {display:block;}
input[type="text"],input[type="password"]{-webkit-appearance: none; -moz-appearance: none; appearance: none;}
@media all and (max-width:680px) {      
    .tab > li > a, .tab > li > button {width:100%; font-size: 12px; line-height: 16px;-webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
    .pop_layer4 .pop_layer_in {position: fixed; top: 50%; left:5%; margin:0; width:90%; height:470px; margin-top:-235px; padding:0 10px 10px;}
    .pop_layer4 .pop_layer_in h3 {height:52px; margin:0; font-size:20px; line-height:52px;}
    .pop_layer4 .pop_layer_in .box_in dt {float: none; line-height: 26px;}
    .pop_layer4 .pop_layer_in .box_in dd {float: none; width:100%; line-height: 16px;}
    .pop_layer4 .pop_layer_in .box_in {margin: 10px 0; padding: 10px;}
    .pop_layer4 .pop_layer_in .bt_close {top: 20px;right: 20px;}
    .pop_layer4 .pop_layer_in .box_in dd input[type=text] {height: 36px;}
    .pop_layer4 .pop_layer_in .box_in dd input[type=text], .pop_layer4 .pop_layer_in .box_in dd textarea {padding: 0 5px;}
    .m_show {display: block}
    .pc_show {display: none}
    .mar_t40 {margin-top:20px}
}