.btn_mobile_menu{display:none;}
@media screen and (max-width: 1024px){
	.wrap {width: 100%;}
	.wrap .header .header_tab {display: none;}
	.wrap .header .logo a img {width: 75%;}
	.wrap .header .menu_bg {padding: 15px 20px;}
	.wrap .header .menu_bg .menu {width: auto;}
	.wrap .header .menu_bg .menu .tab_menu .on_tab:after {display: none;}
	.wrap .header .menu_bg .menu .main_menu a {display: none;}
	.wrap .header .menu_bg .menu {width: auto;}/* 20220308 */
	.wrap .header .menu_bg .menu .tab_menu .on_tab:after {display: none;}
	.wrap .header .menu_bg .menu .main_menu {}
	.wrap .header .menu_bg .menu .main_menu .menu_list{display: none;}
	.btn_mobile_menu{display:block;background: url(/resource/images/icon_menu.jpg) no-repeat;float: right;width: 38px;height:27px;background-size: cover;font-size:0;}
	/* 20220316 */
	.btn_mobile_menu{display:block;}
	.btn_open{font-weight:bold; margin:5px; padding:4px 6px; background:#000; color:#fff;} 
	.pop_wrap{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);font-size: 0;z-index: 99;display:none;}
	.pop_wrap:after{display:inline-block; height:100%; vertical-align:middle; content:'';}
	.pop_wrap .pop_inner{display: inline-block;padding: 20px 25px;background: #fff;vertical-align: middle;font-size: 15px;width: 81.25%;height: 100%;float: right;border-top-left-radius: 30px;border-bottom-left-radius: 30px;}
	.pop_wrap .pop_inner .btn_close {float: right;font-size: 29px;padding: 6px;}
	.pop_wrap .pop_inner nav {}
	.pop_wrap .pop_inner nav ul {margin-bottom: 17px;width: 100%;} 
	.pop_wrap .pop_inner nav ul li a .pop_logo {margin-bottom: 20px;}
	.pop_wrap .pop_inner nav ul li .btn_join li:nth-child(2) {margin-left: 5px;}
	.pop_wrap .pop_inner nav ul li {}
	.pop_wrap .pop_inner nav ul .btn_join {display: flex;}
	.pop_wrap .pop_inner nav ul .btn_join li {border-radius: 10px;width: 100%;padding: 20px 0;text-align: center;background: #f4f4f4;}
	.pop_wrap .pop_inner nav ul li a {font-size: 18px;color: #3b3b3b;}
	.pop_wrap .pop_inner nav ul li a img {padding-right: 5px;} 
	.pop_wrap .pop_inner nav .popup {}
	.pop_wrap .pop_inner nav .popup > li {position: relative;}
	.pop_wrap .pop_inner nav .popup > li > a {display: block;padding: 23px 20px;font-size: 25px;border: 1px solid #e5e5e5;border-radius: 10px;font-family: 'ONE Mobile Bold';}
	.pop_wrap .pop_inner nav .popup > li > a:after {content: '+';position: absolute;display: block;right: 25px;top: 20px;font-size: 35px;font-family: 'ONE Mobile Regular';}
	.pop_wrap .pop_inner nav .popup li .popup_menu {display: none;}
	.pop_wrap .pop_inner nav .popup li .popup_menu {background: #f7f7f7;padding: 5px 20px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
	.pop_wrap .pop_inner nav .popup li .popup_menu li {margin: 16px 0;}
	.pop_wrap .pop_inner nav .popup li .popup_menu li a {font-size: 19px;font-family: 'ONE Mobile Light';color: #171717;} 
	.pop_wrap .pop_inner nav .popup:nth-child(2).on > li > a {background: #2ca690;color: #fff;}
	.pop_wrap .pop_inner nav .popup:nth-child(3).on > li > a{background: #4b9c6e;color: #fff;}
	.pop_wrap .pop_inner nav .popup.on > li > a:after {content: '-';font-family: 'ONE Mobile Light';}
	.pop_wrap .pop_inner nav .sns {display:flex;}
	/* contents */
	.wrap .contents {background-image: url(/resource/images/respon.jpg) ;width: 100%;background-repeat:no-repeat;background-size: cover;}
	.wrap.ver_new  .contents{background-image: url(/resource/images/new_respon.jpg);}
	.wrap .contents .contents1 {width: 100%;padding: 50px 0 0;margin: 0 auto;}
	.wrap .contents .contents1 .con1_head {text-align: center;}
	.wrap .contents .contents1 .con1_head h2 {font-size: 40px;}
	.wrap .contents .contents1 .con1_head span {font-size: 62px; line-height: 1.4;}
	.wrap .contents .contents1 .con1_head p {font-size: 17px;}
	.wrap .contents .contents1 .tab_menu {padding: 0 20px;margin-top: 31px;width: 100%;justify-content: space-between;}
	.wrap .contents .contents1 .tab_menu ul {}
	.wrap .contents .contents1 .tab_menu ul li {}
	.wrap .contents .contents1 .tab_menu ul li a {}
	.wrap .contents .contents1 .tab_menu .add {left: auto;right: 0;}
	.wrap .contents .contents2_bg {height: auto;padding-bottom: 50px;}
	.wrap .contents .contents2_bg .contents2 {width: auto;}
	.wrap .contents .contents2_bg .contents2 .inner_contents {padding: 5px 15px 10px 15px;width: auto;margin: 5px 0;}
	.wrap .contents .contents2_bg .contents2 .inner_contents ul {width: auto;}
	.wrap .contents .contents2_bg .contents2 .inner_contents ul li {line-height: 1.5;display: flex;justify-content: space-between;width: auto;}
	.wrap .contents .contents2_bg .contents2 .sub_nav {float: inherit;position: static;width: auto;margin: 10px 15px 30px;}
	.wrap .contents .contents2_bg .contents2 .sub_nav .sub_menu {width: auto;}
	.wrap .contents .contents2_bg .contents2 .box {display: block;width: auto;margin: auto 15px;position: relative;}
	.wrap .contents .contents2_bg .contents2 .box::after{content:"";clear:both;display:block;;}
	.wrap .contents .contents2_bg .contents2 .box .box1 {width: calc(100% / 2 - 5px);padding: 10px 50px;text-align: center;display: flex;float: left;height: 108px;flex-wrap: wrap;}
	.wrap .contents .contents2_bg .contents2 .box .box1 a {display: block;width: 100%;}
	.wrap .contents .contents2_bg .contents2 .box .box2 {width: calc(100% / 2 - 5px);float: right;height: 108px;padding: 10px 50px;display: flex;flex-wrap: wrap;justify-content: center;}
	.wrap .contents .contents2_bg .contents2 .box .box3 {width: calc(100% / 2 - 5px);padding: 10px 50px;text-align: center;top: 120px;height: 108px;display: flex;float: left;margin-top: 10px;justify-content: center;flex-wrap: wrap;}
	.wrap .contents .contents2_bg .contents2 .box .box4 {padding: 10px 50px;text-align: center;float: right;top: 120px;right: -2px;height: 108px;width: calc(100% / 2 - 5px);height: 108px;display: flex;margin-top: 10px;flex-wrap: wrap;justify-content: center;}
	.wrap .contents .footer {margin-top: -10px;}
	.wrap .contents .footer .address {width: auto;padding: 15px 0;text-align: center;}
	.wrap .contents .footer .address p {padding: 0 55px;line-height: 25px;width: auto;}
	.wrap .contents .footer .foot {padding: 35px 0;}
	.wrap .contents .footer .foot .foot_list {width: auto;flex-wrap: wrap;line-height: 20px;}
}
@media screen and (max-width:600px){
	.wrap .contents .contents2_bg .contents2 .sub_nav .sub_menu{padding:0 20px;}
	.wrap .contents .contents2 .box > div{width:calc(100%) !important;margin-top:10px;}
	.wrap .contents .contents2 .sub_nav .sub_menu a .icon{width:80%;}
	.wrap .contents .contents2 .sub_nav .sub_menu a{padding:20px 0;}
	.wrap .contents .contents2 .sub_nav .sub_menu a strong{margin-top:10px;}
}