@charset 'utf-8';

/*
 * Copyright      :    Gobeyond.co.kr / Armor Kovico
 * Directory      :    /css/
 * File           :    responsive.css
 * DESCRIPTION    :    responsive web
 *
 * ***********************************************
  * SUMMARY
 * Max ~ 900px (Mouse Over)
 * 1600px
 * 1500px
 * 1400px
 * 1250px
 * 1200px
 * 1150px
 * 1100px
 * 1030px
 * 1000px
 * 1000px ~ 800px
 * 950px
 * 900px : Show mobile images
 * 850px
 * 800px
 * 770px
 * 750px
 * 700px
 * 650px
 * 600px : Show mobile step2
 * 550px
 * 500px
 * 450px
 * 350px
 */



/* TAG */
.wrap:before {position:fixed; left:0; bottom:0; background:#ff0000; color:#fff; z-index:10000000; padding:5px 10px; display:none !important;}
.wrap:after {position:fixed; left:0; bottom:20px; background:#000; color:yellow; z-index:100000000; padding:5px 10px; display:none !important;}







/* **************************************** *
 ◆ Max ~ 900px (Mouse Over)
 * **************************************** */
@media screen and (min-width:900px) {
	.wrap:after {content:"Mouse"; }


	.header .nav_box li:hover .depth1 .tx {color:#003399;}
	.header .nav_box li:hover .depth1 .icon .ov {display:block;}
	.header .nav_box li:hover .depth2_box {display:block;}
	.header .nav_box .depth2_box .depth2:hover {background:#fafafa;}


	.slide .nav_box .depth2:hover {color:#fff;}
	.slide .cs_box .btn_box li:hover {border-color:#fff;}
	.slide .cs_box .btn_box li:hover .btn {color:#fff; border-color:#fff;}
	.slide .cs_box .btn_box li:hover .btn:before {background:#fff; top:-1px; height:42px; display:block;}
	.slide .cs_box .btn_box li:hover .btn:after {background:#fff; }


	.main_visual:hover .prevnext {opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}
	.main_visual .visual_tx .btn_go:hover .ov_tx {height:48px}
	.main_visual .visual_tx .btn_go:hover .ov_bg {height:48px}



	.main_about .tx_box .link_box:hover {color:#000;}
	.main_about .tx_box .more:hover {color:#000;}
	.main_about .tx_box .more:hover:before {background:#000;}


	.btn_gotop:hover .ov_tx {height:50px !important;}
	.btn_gotop:hover .ov_bg {height:50px !important;}


	.main_bs .bs_box .btn_go:hover .ov_tx {height:30px;}
	.main_bs .bs_box .btn_go:hover .ov_bg {height:30px;}


	.footer .menu_box .menu:hover {text-decoration:underline;}



	.main_pro .info_box .btn_go:hover .ov_tx {height:35px;}
	.main_pro .info_box .btn_go:hover .ov_bg {height:35px;}


	.main_cs .go_box li:hover .ov_tx {height:30px;}
	.main_cs .go_box li:hover .ov_bg {height:30px;}


	.main_about .tx_box .more .btn:hover {color:#333;}
	.main_about .tx_box .more .btn:hover strong:before {background:#333;}

	.main_cs .play_box:hover .tx .img_off {opacity: 0; -ms-filter:alpha(opacity=0); filter:alpha(opacity=0);}
	.main_cs .play_box:hover .tx .img_over {opacity: 1; -ms-filter:alpha(opacity=100); filter:alpha(opacity=100);}

}






/* **************************************** *
 ◆ 1600px ~
 * **************************************** */
@media screen and (max-width:1600px) {
	.wrap:before {content:"1600"; }

	.main_about .tx_box u {display:inline; }

}










/* **************************************** *
 ◆ 1500px ~
 * **************************************** */
@media screen and (max-width:1500px) {
	.wrap:before {content:"1500"; }



	.main_about .in_td {padding-bottom:30px;}
	.main_about .about_box dl {width:auto; margin:0 auto;}
	.main_about .about_box dt {width:0px;}
	.main_about .about_box  {padding-top:100px;}
	.main_about .picto {position:absolute; left:50%; top:-10px; margin-left:-44px;}
	.main_about .tx_box u {display:block;}
	.main_about .tx_box .link_box {max-width:300px}
	.main_about .tx_box .tit {border-bottom:1px solid #eee; text-align:center; padding-bottom:20px;}


	.main_cs .go_box dt,
	.main_cs .go_box dd {height:100px;}
	.main_cs .go_box dd {font-size:25px;}


}







/* **************************************** *
 ◆ 1400px ~
 * **************************************** */
@media screen and (max-width:1400px) {
	.wrap:before {content:"1400"; }

	.main_visual .prevnext {display:none;}
	.main_visual .visual_tx {width:100%; left:0; margin-left:0px; padding:0 50px;}


	.main_pro .info_box {display:block; min-width:100%}
	.main_pro .pro_box .in_td.right {padding-top:30px;}
	.main_pro .pro_box .in_td.left {width:50%;}
	.main_pro .info_box dd {max-width:100%; margin-top:15px;}
	.main_pro .info_box .btn_box {position:static; margin-top:30px;}

	.main_cs .bg {top:180px}
	.main_cs .cs_box {margin-top:90px;}
	.main_cs .go_box dt,
	.main_cs .go_box dd {height:90px;}
	.main_cs .go_box dd {padding-left:20px;}
	.main_cs .cs_box .tx {font-size:16px;}


	.main_cs .go_box dt {width:50px;}


}







/* **************************************** *
 ◆ 1300px ~
 * **************************************** */
@media screen and (max-width:1300px) {
	.wrap:before {content:"1300"; }

	.header .nav_box .depth1 .icon {display:none;}
	.header .nav_box .depth1 {padding-left:18px; padding-right:18px;}



	.footer {margin-top:120px;}




	.main_pro .pro_list .ul {margin-top:-30px; margin-left:-20px;}
	.main_pro .pro_list .li {padding-top:30px; padding-left:20px;}
	.main_pro .info_box .tit {font-size:28px;}
	.main_pro .info_box dt {font-size:14px;}
	.main_pro .info_box dd {font-size:15px; line-height:1.2;}
	.main_pro .info_box dt {margin-top:20px;}


	.main_about .about_box dl {width:100%;}
	.main_about .tx_box .link_box {max-width:100%}



	.main_cs .bg {top:170px}
	.main_cs .cs_box {margin-top:60px;}
	.main_cs .go_box dt,
	.main_cs .go_box dd {height:80px;}
	.main_cs .go_box dd {font-size:23px;}



	.main_cs .go_box dt {width:45px;}


}








/* **************************************** *
 ◆ 1200px ~
 * **************************************** */
@media screen and (max-width:1200px) {
	.wrap:before {content:"1200"; }


	.header .nav_box .depth1 {padding-left:15px; padding-right:15px;}
	.header .nav_box .depth1 .tx {font-size:17px;}
	.header .nav_box .depth2_box .depth2 {font-size:15px;}
	.header .in_td.this_logo {width:300px;}



	.footer {margin-top:100px;}


	.main_visual .visual_box {height:700px;}


	.main_tit {margin-top:70px; margin-bottom:30px;}



	.main_bs .bs_box {padding:0 60px; margin:30px 0 40px;}
	.main_bs .picto {margin-top:30px;}


	.main_pro .info_box .tit {font-size:26px;}
	.main_pro .pro_box .img_s {display:none;}
	.main_pro .pro_box .img_w {display:none;}
	.main_pro .pro_box .img_h {display:block;}



	.main_about {margin-top:70px; padding-bottom:70px;}
	.main_about .tx_box .tit {font-size:24px;}
	.main_about .in_td {padding-left:30px; padding-right:30px;}
	.main_about .tx_box .more {margin-left:20px;}



	.main_gal .photo_box .tit .tx {font-size:16px;}



	.main_cs {margin-top:70px; padding-top:70px;}
	.main_cs .bg {top:140px}
	.main_cs .cs_box {margin-top:60px;}
	.main_cs .cs_box .tel {font-size:33px;}
	.main_cs .cs_box .tx {font-size:15px;}
	.main_cs .cs_box .this_tel {margin-bottom:15px;}
	.main_cs .cs_box .time {font-size:14px;}
	.main_cs .go_box dl {margin:0 auto;}
	.main_cs .go_box dt,
	.main_cs .go_box dd {height:70px;}
	.main_cs .go_box dt {width:40px;}
	.main_cs .go_box li {padding-left:0px;}
	.main_cs .play_box .tx {margin-top:-70px;}
	.main_cs .play_box .tx strong {font-size:30px;}
	.main_cs .play_box .tx .icon {margin-top:25px;}
	.main_cs .play_box .tx .icon img {width:75px;}



	.video_pop {padding:0 30px;}
	.video_pop .btn_close {padding:10px;}

}














/* **************************************** *
 ◆ 1100px ~
 * **************************************** */
@media screen and (max-width:1100px) {
	.wrap:before {content:"1100"; }


	.header .nav_box .depth1 {padding-left:12px; padding-right:12px;}


	.main_visual .visual_box {height:650px;}



	.main_pro .pro_box .in_td.left {width:45%;}
	.main_pro .info_box .tit {font-size:25px;}
	.main_pro .info_box .btn_box {margin-top:20px;}
	.main_pro .info_box .btn_go {height:30px; line-height:28px; padding:0 25px;}
	.main_pro .info_box .btn_go .tx {padding-right:0px; height:30px; line-height:28px;}
	.main_pro .info_box .btn_go .ov_tx {display:none !important;}
	.main_pro .info_box .btn_go .ov_bg {display:none !important;}
	.main_pro .info_box .btn_go em {display:none;}



	.main_about .picto {width:75px; margin-left:-35px;}
	.main_about .picto .img_in {height:75px;}
	.main_about .picto .circle {height:75px;}
	.main_about .about_box {padding-top:85px;}
	.main_about .tx_box .tit {font-size:21px;}
	.main_about .tx_box .sub * {font-size:14px;}
	.main_about .tx_box .sentence.none {display:none;}
	.main_about .tx_box .sentence.ellipsis {display:block;}
	.main_about .tx_box .more {display:block; margin:0px; margin-top:15px;text-align:center;}
	.main_about .tx_box .link_box .tx.no {display:none;}
	.main_about .tx_box .link_box .tx.long {display: -webkit-box; display:block\0;}


	.main_cs .layout_fix .main_tit {display:none;}
	.main_cs .main_tit.this_mo {display:block;}
	.main_cs .bg {display:none;}
	.main_cs .bg2 {display:block;}
	.main_cs .in_td.this_cs {vertical-align:bottom}
	.main_cs .go_box {position:relative; margin-top:50px;}
	.main_cs .go_box dt {width:35px;}
	.main_cs .go_box dd {font-size:21px;}
	.main_cs .play_box .img img {visibility:hidden}
	.main_cs .in_td.this_vd {vertical-align:middle;}




}











/* **************************************** *
 ◆ 1000px ~
 * **************************************** */
@media screen and (max-width:1000px) {
	.wrap:before {content:"1000"; }


	.wrap {padding-top:110px;}

	.header .logo_box {position:absolute; left:0; top:0px; width:100%; text-align:center;}
	.header .in_td {height:110px;}
	.header .in_td.this_logo {width:0;}
	.header .in_td.this_nav {text-align:center; vertical-align:bottom}
	.header .in_td.this_slide {width:0px;}
	.header .nav_box .li {height:60px;}
	.header .nav_box .depth1 {padding:20px 25px;}
	.header .nav_box .depth2_box {top:60px}
	.header .slide_box {position:absolute; right:0; top:10px; width:52px;}
	.header .slide_box .circle {opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
	.header .slide_box .shape {background:#34312e; width:22px; margin-left:-11px;}
	.header .slide_box .shape.n2 {margin-top:-7px;}
	.header .slide_box .shape.n3 {margin-top:5px;}
	.header .slide_box .close img {display:none;}
	.header .slide_box .close i {display:block;}


	.slide {top:110px}


	.main_visual .visual_box {height:600px;}


	.main_bs .bs_box {margin-bottom:30px;}
	.main_bs .bs_box dt {font-size:23px !important;}
	.main_bs .bs_box .this_tx {font-size:16px;}
	.main_bs .bs_box .this_tx {margin-top:10px; padding-top:0px;}
	.main_bs .bs_box .this_tx:before {display:none;}
	.main_bs .bs_box .this_btn {margin-top:15px;}
	.main_bs .bs_box .btn_go {background:none !important; border:0 !important;  border-radius:0px;}
	.main_bs .bs_box .btn_go .tx {display:inline-block; font-size:14px; position:relative; color:#fff !important;}
	.main_bs .bs_box .btn_go .tx:before {content:""; width:100%; height:1px; background:#fff; position:absolute; left:0; bottom:6px;}
	.main_bs .bs_box .btn_go .ov_tx {display:none;}
	.main_bs .bs_box .btn_go .ov_bg {display:none;}

	.main_pro .info_box .tit {font-size:23px;}
	.main_pro .pro_box .in_td.right {padding-top:15px;}
	.main_pro .info_box dd {font-size:14px;}








}














/* **************************************** *
 ◆ 900px ~ (Mobile Start)
 * **************************************** */
@media screen and (max-width:900px) {
	.wrap:before {content:"900"; }

	.if_pc {display:none !important;}
	.if_mo {display:block !important;}
	.img_pc {display:none !important;}
	.img_mo {display:inline-block !important;}


	.layout_fix {padding:0 15px !important;}



	.footer {margin-top:70px; }
	.footer .menu_box .menu {font-size:14px; padding:10px 25px;}
	.footer .menu_box li {height:60px;}
	.footer .info {padding:60px 20px;}
	.footer .info .tx {font-size:14px;}
	.footer .info .logo_box img {max-height:20px;}
	.footer .info ul {margin-top:20px;}


	.main_visual .visual_box {height:550px;}
	.main_visual .visual_tx .first {font-size:25px;}
	.main_visual .visual_tx .tit {font-size:60px;}
	.main_visual .visual_tx .sub {font-size:17px;}
	.main_visual .visual_tx .btn {}
	.main_visual .visual_tx .btn_go {padding:0 30px; border-radius:8px; }
	.main_visual .visual_tx .btn_go .tx {height:40px; line-height:40px; font-size:14px;}
	.main_visual .visual_tx .btn_go .ov_tx {display:none;}
	.main_visual .visual_tx .btn_go .ov_bg {display:none;}

	.main_tit {margin-top:50px; margin-bottom:20px; }
	.main_tit .ti {font-size:35px;}
	.main_tit .btn_more strong {font-size:15px;}


	.main_bs .bs_box {padding:0 30px;}


	.main_pro .pro_list .ul {margin-top:-20px;}
	.main_pro .pro_list .li {float:none; width:100%; padding-top:20px;}
	.main_pro .pro_box .in_td.left {width:50%;}
	.main_pro .info_box dd {padding-right:25%;}
	.main_pro .pro_box .img_s {display:none;}
	.main_pro .pro_box .img_w {display:block;}
	.main_pro .pro_box .img_h {display:none;}


	.main_about .tx_box .tit {height:40px;}
	.main_about .tx_box .tit u {display:block;}
	.main_about .in_td {padding-left:15px; padding-right:15px;}



	.main_gal .photo_list ul {margin-top:-15px; margin-left:-10px;}
	.main_gal .photo_box {margin-left:10px; margin-top:15px;}
	.main_gal .photo_box .tit .tx {font-size:15px; height:40px; line-height:40px;}
	.main_gal .photo_box .thumb {background-image:url('../images/kovico_m/photo_none.png'); background-size:40px;}


	.main_cs {margin-top:50px; padding-top:50px;}
	.main_cs .play_box .tx strong {font-size:23px;}
	.main_cs .play_box .tx .icon img {width:65px;}
	.main_cs .go_box {margin-top:30px;}
	.main_cs .go_box dt {width:30px;}
	.main_cs .go_box dd {font-size:19px; padding-left:10px;}
	.main_cs .cs_box {padding-left:40px; margin-top:40px;}
	.main_cs .cs_box div.tel {display:none;}
	.main_cs .cs_box a.tel {display:inline-block;}
	.main_cs .cs_box .tel {font-size:30px; height:30px; line-height:30px;}
	.main_cs .cs_box .icon img {width:35px;}
	.main_cs .cs_box dt img {width:18px;}
	.main_cs .cs_box dt {width:25px;}
	.main_cs .cs_box .time {line-height:1.2;}


	.scroll_fix {margin:12px; }
	.scroll_fix .btn_gotop {font-size:15px; border-radius:100px; }
	.scroll_fix .btn_gotop .icon {width:40px; height:40px; line-height:40px;}
	.scroll_fix .btn_gotop .icon.ov_bg {display:none;}

}











/* **************************************** *
 ◆ 800px ~
 * **************************************** */
@media screen and (max-width:800px) {
	.wrap:before {content:"800"; }


	.header .layout_fix {padding-left:0px; padding-right:0px;}
	.header .nav_box .ul {width:100%;}
	.header .nav_box .depth1 {padding-left:0px; padding-right:0px;}


	.main_tit .btn_more {right:15px}


	.main_bs .bs_box dt {height:auto; line-height:1.1;}
	.main_bs .bs_box dt u {display:block;}
	.main_bs .picto {width:80px;}
	.main_bs .picto .img_in {height:80px;}
	.main_bs .picto .circle {height:80px;}
	.main_cs .cs_box .tel {font-size:30px;}
	.main_cs .cs_box .time {font-size:13px;}
	.main_cs .cs_box .tx {font-size:14px;}
	.main_cs .go_box dd {font-size:17px;}




	.video_pop {padding:0px;}

}











/* **************************************** *
 ◆ 700px ~
 * **************************************** */
@media screen and (max-width:700px) {
	.wrap:before {content:"700"; }


	.main_visual.mv_pc {display:none !important;}
	.main_visual.mv_mo {display:block !important;}
	.main_visual.mv_mo .visual_tx .first {font-size:25px;}
	.main_visual.mv_mo .visual_tx .tit {font-size:50px;}
	.main_visual.mv_mo .visual_tx .sub {font-size:17px; padding:0 40px;}



	.main_bs .bs_box {padding:0 25px; margin-top:20px;}


	.main_pro .info_box dd {padding-right:10px;}


	.main_cs .cs_box .tel {font-size:27px;}
	.main_cs .cs_box .icon img {width:30px;}


}







/* **************************************** *
 ◆ 650px ~
 * **************************************** */
@media screen and (max-width:650px) {
	.wrap:before {content:"650"; }


	.wrap {padding-top:60px;}
	.header .nav_box .li {height:60px}
	.header .in_td {height:60px;}
	.header .in_td.this_nav {display:none;}
	.header .in_td.this_slide {width:70px;}
	.header .in_td.this_logo {width:auto;}
	.header .logo_box.if_mo {width:auto !important; position:static; text-align:left}
	.header .logo_box.if_mo img {max-height:35px}

	.slide {top:60px}


	.main_pro .pro_box .img_s {display:block;}
	.main_pro .pro_box .img_w {display:none;}
	.main_pro .pro_box .img_h {display:none;}



	.main_gal .photo_list li {width:50%;}
	.main_gal .photo_box .tit .tx {font-size:14px; height:30px; line-height:30px;}


	.main_about .in_table {display:block;}
	.main_about .in_td {display:block; border:0 !important; padding:25px;}
	.main_about .in_td+ .in_td {margin-top:5px;}
	.main_about .about_box dt {width:90px; text-align:center;}
	.main_about .about_box {padding-top:0px;}
	.main_about .picto {position:relative; left:0; top:0;}
	.main_about .tx_box .tit {text-align:left; border-bottom:0; padding-bottom:0px;}
	.main_about .tx_box .sentence u {display:block;}
	.main_about .tx_box .more {display:inline; margin-left:15px;}
	.main_about .tx_box .sentence.ellipsis {display:none !important;}
	.main_about .tx_box .sentence.none {display:inline !important}
	.main_about .tx_box .tit {height:auto;}
	.main_about .tx_box .tit u {display:inline}
	.main_about .tx_box .link_box .tx.no {display:block;}
	.main_about .tx_box .link_box .tx.long {display: none;}



	.main_cs {border-top:0;}
	.main_cs .in_table {display:block;}
	.main_cs .in_td {display:block;}
	.main_cs .in_td.this_vd {margin-top:15px;}
	.main_cs .bg {bottom:50px}
	.main_cs .main_tit {position:relative;}
	.main_cs .play_box .tx strong {color:#fff; font-size:27px;}
	.main_cs .play_box .tx .icon img {width:75px;}
	.main_cs .go_box dt,
	.main_cs .go_box dd {height:60px;}
	.main_cs .layout_fix {position:static}
	.main_cs .bg2 {bottom:20%; right:0}
	.main_cs .cs_box {margin-top:0px; padding-left:15px; padding-right:15px;}
	.main_cs .cs_box .this_tel dt {display:table-cell; vertical-align:top;}
	.main_cs .cs_box .icon {display:none;}
	.main_cs .main_tit.this_mo {padding-bottom:20px;}
	.main_cs .in_td.this_vd {position:relative;}
	.main_cs .video_pop {width:100%; right:-100%}


	.video_pop .btn_close {margin-top:-46px; background:#003399; padding:15px;}




}








/* **************************************** *
 ◆ 600px ~

	슬라이드 모바일 형태 시작 (네비2차 열고닫기)
 * **************************************** */
@media screen and (max-width:600px) {
	.wrap:before {content:"600"; }


	.footer .menu_box .menu {font-size:13px; padding:10px 20px;}
	.footer .menu_box li {height:50px;}
	.footer .info .tx {font-size:13px;}


	.slide {padding:0 15px; width:100%; right:-100%; z-index:9999;}
	.slide_bg {width:100%; right:-100%; z-index:8888; }


	.slide .nav_box {padding-bottom:0px; margin-top:15px;}
	.slide .nav_box dd {display:table-cell;}
	.slide .nav_box .depth1 {display:block; font-size:19px; padding-left:5px;}
	.slide .nav_box .depth2_box {padding-bottom:0px; padding-left:5px; margin-top:0;}
	.slide .nav_box .depth2 {font-size:14px; line-height:0; overflow:hidden; padding-top:0; padding-bottom:0; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}
	.if_open_slidenav .depth2 {padding-top:5px !important; padding-bottom:5px !important;}
	.slide .nav_box .depth2:before {top:5px}

	.slide .cs_box {padding-left:5px; padding-right:5px;}
	.slide .cs_box .icon {display:none;}
	.slide .cs_box .info {padding-left:0px;}
	.slide .cs_box .info dt {width:30px; vertical-align:middle}
	.slide .cs_box .info dt img {width:20px;}
	.slide .cs_box .info dl {margin-top:5px !important;}
	.slide .cs_box .info dd {font-size:13px; vertical-align:middle;}
	.slide .cs_box .info .this_tel {display:none;}
	.slide .cs_box .info .this_btn {display:none;}
	.slide .cs_box .info .this_address {display:none;}
	.slide .cs_box .info .this_time {display:table;}
	.slide .cs_box .info .this_tellink {display:table;}
	.if_open_slide .slide_tit {right:0}
	.if_open_slide .slide {}


	.main_visual .visual_tx {padding:0 15px;}
	.main_visual.mv_mo .visual_tx .first {font-size:18px;}
	.main_visual.mv_mo .visual_tx .tit {font-size:35px;}
	.main_visual.mv_mo .visual_tx .sub {font-size:14px; padding:0 10px; padding-top:20px; margin:0 auto; max-width:450px}
	.main_visual.mv_mo .visual_tx .btn {padding-top:30px;}
	.main_visual.mv_mo .visual_tx .btn_go {padding:0 20px; border-radius:6px; }
	.main_visual.mv_mo .visual_tx .btn_go .tx {height:36px; line-height:36px; font-size:13px;}



	.main_tit {margin-top:40px; }
	.main_tit .ti {font-size:30px; }
	.main_tit .btn_more strong {display:none;}



	.main_bs .in_table {display:block;}
	.main_bs .in_td {display:block; overflow:hidden;}
	.main_bs .bs_box {margin-bottom:20px;}
	.main_bs .bs_box dt u {display:inline;}
	.main_bs .bs_box .this_tx {font-size:14px; letter-spacing:0px; margin-top:5px;}



	.main_about {margin-top:40px; padding-bottom:40px;}
	.main_about .tx_box .tit {margin-bottom:10px;}
	.main_about .tx_box .sub * {font-size:13px; line-height:1.2;}
	.main_about .tx_box .more strong:before {bottom:1px}
	.main_about .tx_box .link_box {padding-top:4px; padding-bottom:4px;}


	.main_cs {margin-top:40px; padding-top:40px;}



	/* .video_pop {position:fixed; background:rgba(0,0,0,0.9); z-index:55555} */




}








/* **************************************** *
 ◆ 550px ~
 * **************************************** */
@media screen and (max-width:550px) {
	.wrap:before {content:"550"; }



	.main_pro .pro_box .img_s {display:none;}
	.main_pro .pro_box .img_w {display:none;}
	.main_pro .pro_box .img_h {display:block;}

}









/* **************************************** *
 ◆ 500px ~
 * **************************************** */
@media screen and (max-width:500px) {
	.wrap:before {content:"500"; }


	.footer .menu_box .menu {font-size:12px; padding:10px 15px;}
	.footer .info {padding:40px 20px 60px;}
	.footer .info .tx {font-size:12px;}
	.footer .info .logo_box img {max-height:18px;}
	.footer .info li+ li {margin-top:10px;}


	.main_pro .pro_box .in_td.right {padding-left:20px; padding-top:10px;}
	.main_pro .info_box .tit {font-size:21px; padding-bottom:10px; letter-spacing:-0.5px; line-height:1.1; word-wrap:break-word; word-break:keep-all; white-space:normal;}
	.main_pro .info_box dt {margin-top:15px;}
	.main_pro .info_box dt {font-size:13px;}
	.main_pro .info_box .btn_box {margin-top:15px;}
	.main_pro .info_box .btn_go {height:25px; line-height:23px; padding:0 20px;}
	.main_pro .info_box .btn_go .tx {height:25px; line-height:23px;}


	.main_gal .photo_box .tit .tx {font-size:13px;}



	.main_about .tx_box .sentence {word-break:break-all}
	.main_about .tx_box .sentence u {display:inline}


	.main_cs .play_box .tx {margin-top:-60px;}
	.main_cs .play_box .tx strong {font-size:21px;}
	.main_cs .play_box .tx .icon img {width:60px;}

}






/* **************************************** *
 ◆ 450px ~
 * **************************************** */
@media screen and (max-width:450px) {
	.wrap:before {content:"450"; }


	.main_bs .bs_box dt {font-size:20px !important;}



	.main_pro .info_box dd {font-size:13px; word-break:break-all;}
	.main_pro .info_box .btn_go strong {font-size:12px;}


	.main_cs .play_box .tx .icon {margin-top:20px;}



}






/* **************************************** *
 ◆ 400px ~
 * **************************************** */
@media screen and (max-width:400px) {
	.wrap:before {content:"400"; }


	.main_about .tx_box .link_box .tx.no {display:none;}
	.main_about .tx_box .link_box .tx.long {display:-webkit-box; display:block\0;}

}






/* **************************************** *
 ◆ 350px ~
 * **************************************** */
@media screen and (max-width:360px) {
	.wrap:before {content:"360"; }


	.main_bs .bs_box dt u {display:block;}

}