body {background:url(./style/img/202104_main_bg.jpg) top center no-repeat;}
.m_br_hide {display: block;}
.br_show {display: block;}
/* 占쏙옙占싸븝옙占쌍억옙 占쏙옙占쏙옙占싱듸옙 */
.visualWrap {width:100%;margin:0px auto;}
#MainVisualArea {background-color:#fff;height:85vh;box-sizing:border-box;}
#MainVisualArea .mva_area {}
#MainVisualArea .mva_area .mva {position:relative;height:85vh;}
#MainVisualArea .mva_area .mva .visual_absolute {position:absolute;right:0px;top:50%;opacity:0;text-align:right;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#MainVisualArea .mva_area .mva .visual_absolute > .columns {color:#333;font-size:1.667em;letter-spacing:-0.6px;margin-bottom:30px;}
#MainVisualArea .mva_area .mva .visual_absolute > .title {color:#333;font-size:3.30em;letter-spacing:-0.6px;margin-bottom:20px;line-height:1.2em;}
#MainVisualArea .mva_area .mva .visual_absolute > .title .title_br{display:none;}
#MainVisualArea .mva_area .mva .visual_absolute > .title_sub {color:#000;font-size:1.667em;letter-spacing:-0.6px;line-height:1.6em;margin-bottom:60px;}
#MainVisualArea .mva_area .mva .visual_absolute > .title_sub > .sub_br {display:none;}
#MainVisualArea .mva_area .mva .visual_absolute > .moreview {color:#000;font-size:1.250em;letter-spacing:-0.6px;}
#MainVisualArea .mva_area .mva .visual_absolute > .moreview > a {position:relative;}
#MainVisualArea .mva_area .mva .visual_absolute > .moreview > a > i {position:absolute;top:50%;left:-30px;color:#ed6e01;
transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
-o-transform:translateY(-50%);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#MainVisualArea .mva_area .mva .visual_absolute > .moreview > a:hover > i {left:-25px;}
#MainVisualArea .mva_area .mva.action_ab .visual_absolute {opacity:1;right:100px;}
#MainVisualArea .mva_area .mva.visual1 {background:url("../img/visual_img01.jpg") center right 20% no-repeat;background-size:cover;}
#MainVisualArea .mva_area .mva.visual2 {background:url("../img/visual_img02.jpg") center right 20% no-repeat;background-size:cover;}
#MainVisualArea .mva_area .mva.visual3 {background:url("../img/visual_img03.jpg") center right 20% no-repeat;background-size:cover;}
.slick-dotted.slick-slider{}
.slick-dots
{
position: absolute;
bottom: 25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 16px;
height: 16px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-size: 6px;
line-height: 16px;
position: absolute;
top: 0;
left: 0;
width: 16px;
height: 16px;
content: '';
text-align: center;
color: red;
background-color:#a5a5a5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
background-color:#fff;
color: black;
}
.bx-wrapper {margin-bottom:0 !important; border:0 !important;}
.cont5 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute; bottom:30px !important; left:50%; transform:translateX(-50%); width:auto !important;}
.cont5 .bx-wrapper .bx-pager.bx-default-pager a {width:9px !important; height:9px !important; margin:0 3px !important; background: #c3c3c3 !important;}
.cont5 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #fff !important;}
.cont3 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute; bottom:1rem !important; left:50%; transform:translateX(-50%); width:auto !important;}
.cont3 .bx-wrapper .bx-pager.bx-default-pager a {width:9px !important; height:9px !important; margin:0 3px !important; background: #c3c3c3 !important;}
.cont3 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #fff !important;}
.cont6 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute; bottom:25px !important; left:50%; transform:translateX(-50%); width:auto !important;}
.cont6 .bx-wrapper .bx-pager.bx-default-pager a {width:9px !important; height:9px !important; margin:0 3px !important; background: #c3c3c3 !important;}
.cont6 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #fff !important;}
.cont3 .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position:absolute; bottom:25px !important; left:50%; transform:translateX(-50%); width:auto !important;}
.cont3 .bx-wrapper .bx-pager.bx-default-pager a {width:9px !important; height:9px !important; margin:0 3px !important; background: #c3c3c3 !important;}
.cont3 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {background: #fff !important;}
/* main Visual*/
.index_bg1 {width:100%;height:85vh; background:url("../img/visual_img01.jpg") no-repeat top center; background-size:cover;}
.index_bg2 {width:100%;height:85vh; background:url("../img/visual_img02.jpg") no-repeat top center; background-size:cover;}
.index_bg3 {width:100%;height:85vh; background:url("../img/visual_img03.jpg") no-repeat top center; background-size:cover;}
.index_txt {position:absolute;top:55%; left:0; transform:translate(0,-50%); font-family: 'Godo';}
.index_number {font-size:2rem;color:#fff; }
.index_under {border-bottom:2px solid #fff; width:50px;}
.index_title {font-size:2.8rem;line-height:1.3; color:#fff;padding-top: 1.3rem; letter-spacing: -3px;}
.index_txt > span {font-weight:bold; font-size:65px;}
.index_go {}
.index_go a {font-family: 'Godo';font-size: 1.5rem;color: #fff;padding: 4px 28px;border: 2px solid #fff;display: inline-block;margin: 3rem 0 0 0; transition: 0.3s;}
.index_go a:hover {background:#1a4976; border: 2px solid #1a4976;}
/* cont1 */
.cont1 {width:100%;/* height:500px; */margin-top:80px; color:#333;}
.cont1:after {content:''; display:block; clear:both;}
.cont1 .box {border:1px solid #d2d2d2; float:left; margin-right:1.375rem; width:385px; height:500px;}
.cont1 .box:last-child {margin-right:0px;}
.cont1 .box .imgarea {overflow: hidden; height: 320px;}
.cont1 .box .imgarea img {transition: 0.4s; width:100%;}
.cont1 .box:hover .imgarea img {transform: scale(1.1);}
/* .cont1 .box .imgarea img:hover {text-decoration: underline; text-underline-position: under;} */
.cont1 .contarea {position:relative;height:173px;text-align:center; font-family: 'GmarketSansMedium';}
.cont1 .contarea > label {position:absolute;left:50%;color:#fff;font-size:1.25rem;letter-spacing:-0.4px;width:132px;height:35px;line-height:39px;top:-47px;background-color: #4cb8dc; transform:translateX(-50%);font-family: 'GmarketSansMedium';}
.cont1 .contarea > .con_title {width: 100%;color: #333;font-size: 1.375rem; line-height: 1.5; letter-spacing: -0.5px;padding: 10px 10px;box-sizing: border-box;height: 72px;margin-top: 30px;}
.cont1 .contarea > .con_w {margin-top: 1.25rem;font-family: 'GmarketSansLight'; font-weight:600; line-height: 1.4;}
.cont1 .contarea > .con_w br {display:none;}
.cont1 .contarea > .con_w br.m_br_hide {display:block;}
/* .cont1 .box:hover .contarea > .con_title {text-decoration:underline; text-underline-position:under;} */
/* cont1_2 */
.cont1_2 {width:100%;/* height:500px; */margin-top:80px; color:#333;}
.cont1_2:after {content:''; display:block; clear:both;}
.cont1_2 .main_wrap {display:flex; flex-wrap: wrap; justify-content: space-between;}
.cont1_2 .main_wrap > div {width: 32%; margin-bottom:1.5rem;}
.cont1_2 .marginB1 {}
.cont1_2 .box {border:1px solid #d2d2d2; width:49%; height:430px;}
.cont1_2 .box .imgarea {overflow: hidden; height: 220px;}
.cont1_2 .box .imgarea img {transition: 0.4s; width:100%;}
.cont1_2 .box:hover .imgarea img {transform: scale(1.1);}
/* .cont1 .box .imgarea img:hover {text-decoration: underline; text-underline-position: under;} */
.cont1_2 .contarea {position:relative;height:173px;text-align:center; font-family: 'GmarketSansMedium';}
.cont1_2 .contarea > label {position:absolute;left:50%;color:#fff;font-size:1.25rem;letter-spacing:-0.4px;width:132px;height:35px;line-height:39px;top:-47px;background-color: #4cb8dc; transform:translateX(-50%);font-family: 'GmarketSansMedium';}
.cont1_2 .contarea > .con_title {width: 100%;color: #333;font-size: 1.25rem; line-height: 1.3; letter-spacing: -0.5px;padding: 10px 10px;box-sizing: border-box;height: 90px;margin-top: 30px;}
.cont1_2 .contarea > .con_w {margin-top: 1.25rem;font-family: 'GmarketSansLight'; font-weight:600; line-height: 1.4;}
.cont1_2 .contarea > .con_w br {display:none;}
.cont1_2 .contarea > .con_w br.m_br_hide {display:block;}
/* .cont1 .box:hover .contarea > .con_title {text-decoration:underline; text-underline-position:under;} */
/* cont2 */
.cont2 {width:100%; /* height:411px; */ margin-top:70px; color:#333;}
.cont2:after {content:''; display:block; clear:both;}
.cont2 .box .imgarea {overflow: hidden; border:1px solid #d2d2d2;position: relative;}
.cont2 .box .imgarea .P_cont { display:block;}
.cont2 .box .imgarea .M_cont {display:none;}
.cont2 .box .imgarea img {transition: 0.4s;}
.cont2 .box .imgarea a:hover img {transform: scale(1.1);}
.cont2 .box .M_con_txt {display:none;}
.cont2 .box .con_txt {position: absolute;top: 50%; transform: translateY(-50%); left: 35px; font-family: 'GmarketSansMedium';display:block;}
.cont2 .box .con_txt .con_title {font-size: 1.375rem;}
.cont2 .box .con_txt .con_under {border: 1px solid #fff; width: 50px; margin: 10px 0 30px;}
.cont2 .box .con_txt .con_title2 {font-size: 1.875rem;font-weight: bold;line-height: 1.3;letter-spacing: -1px;font-family: 'GmarketSansBold';}
.cont2 .box .con_txt .con_w {font-size: 1.063rem;margin-top: 15px;font-family: 'GmarketSansLight'; font-weight:600;}
.cont2 .box .con_txt .con_w span {font-size: 1.063rem;margin-top: 15px;font-family: 'GmarketSansBold'; margin-right: 10px;}
/* cont3 */
.cont3 {width:100%; /* height:278px; */ margin-top:70px; margin-bottom:70px;}
.cont3:after {content:''; display:block; clear:both;}
.cont3 .box {float:left; margin-right:2%;width:49%; max-height: 278px;}
.cont3 .box:last-child {margin-right:0px;}
.cont3 .box .imgarea {overflow: hidden; position: relative;max-height: 278px;}
.cont3 .box .con_txt {position: absolute;top:30px;left: 35px; font-family: 'GmarketSansMedium'; color:#fff;}
.cont3 .box .con_txt .con_title {font-size: 1.25rem;font-family: 'GmarketSansMedium';}
.cont3 .box .con_txt .con_under {border: 1px solid #fff; width: 35px;margin: 0px 0 1.063rem;}
.cont3 .box .con_txt .con_title2 {font-size: 1.375rem;line-height: 1.4; font-family: 'GmarketSansBold';}
.cont3 .box .con_txt .con_title2 p span {font-size: 1.375rem;line-height: 1.4; font-family: 'GmarketSansMedium';}
.cont3 .box .con_w { text-align: right; position: absolute;font-size: 1rem; margin-top: 1.25rem;font-family: 'GmarketSansLight';font-weight: 600;right: 4%; bottom: 12%;color: #fff;line-height: 1.4;}
.cont3 .box .con_w span {font-family: 'GmarketSansMedium'; font-weight:bold;}
/* .cont3 .box:hover .con_txt .con_title2 {text-decoration:underline; text-underline-position:under;} */
.cont3 .box .imgarea img {transition: 0.4s; width:100%;}
/* .cont3 .box .imgarea a:hover img {transform: scale(1.1);} */
/* cont4 */
.cont4 {width:100%; margin-top:70px; color:#333;}
.cont4:after {content:''; display:block; clear:both;}
.cont4 .box .imgarea .P_cont { display:block;}
.cont4 .box .imgarea .M_cont {display:none;}
.cont4 .box .imgarea {overflow: hidden; border:1px solid #d2d2d2;position: relative;}
.cont4 .box .imgarea img {transition: 0.4s;}
.cont4 .box .imgarea a:hover img {transform: scale(1.1);}
.cont4 .box .M_con_txt {display:none;}
.cont4 .box .con_txt {position: absolute;top: 50%; transform: translateY(-50%); right: 35px; font-family: 'GmarketSansMedium';}
.cont4 .box .con_txt .con_title {font-size: 1.375rem;}
.cont4 .box .con_txt .con_under {border: 1px solid #333; width: 50px; margin: 10px 0 30px;}
.cont4 .box .con_txt .con_title2 {font-size: 1.875rem;font-weight: bold;line-height: 1.3;letter-spacing:-1px;font-family: 'GmarketSansBold';}
/* .cont4 .box .con_txt .con_w {font-size: 1.063rem;margin-top: 15px;font-family: 'GmarketSansLight'; font-weight:600;} */
.cont4 .box .con_txt .con_t {margin-top:15px;}
.cont4 .box .con_txt .con_t .cont4_L {float:left;margin-right:15px; text-align:right; font-weight:bold;font-family: 'GmarketSansbold';}
.cont4 .box .con_txt .con_t .cont4_R {float:left;font-family: 'GmarketSansMedium';}
.cont4 .box .con_txt .con_t .cont4_R p {margin-bottom:5px; font-size:1.063rem;}
.cont4 .box .con_txt .con_t .cont4_L p {margin-bottom:5px; font-size:1.063rem;}
/* cont6 */
.cont6 {width:100%; /* height:278px; */ margin-top:70px; margin-bottom:160px; color:#333;}
.cont6:after {content:''; display:block; clear:both;}
.cont6 .left {float:left; width:35%;}
.cont6 .left .leftBox {position:relative;overflow:hidden;}
.cont6 .left .leftBox .Boxtxt {position:absolute; font-family: 'GmarketSansMedium';color:#333;top:7%; left: 10%; font-family: 'GmarketSansMedium'; color:#fff;}
.cont6 .left .leftBox .Boxtxt .con_title {font-size: 1.25rem;font-family: 'GmarketSansMedium';}
.cont6 .left .leftBox .Boxtxt .con_under {border: 1px solid #fff; width: 35px; margin: 0.2rem 0 1.5rem;}
.cont6 .left .leftBox .Boxtxt .con_title2 {font-size: 1.375rem;line-height: 1.4; font-family: 'GmarketSansBold';}
.cont6 .left .leftBox .Boxtxt .con_title2 p span {font-size: 1.375rem;line-height: 1.4; font-family: 'GmarketSansMedium';}
.cont6 .left .leftBox .Boxtxt .con_w {font-size: 1rem; margin-top: 1.25rem;font-family: 'GmarketSansLight';font-weight: 600;color: #fff;line-height: 1.4;}
.cont6 .left .leftBox .Boxtxt .con_w span {font-family: 'GmarketSansMedium'; font-weight:bold;}
.cont6 .left .leftBox .Boximg img {transition: 0.4s;}
/* .cont6 .left a:hover .leftBox .Boximg img {transform: scale(1.1);} */
.cont6 .right {float:right; width:calc( 100% - (35% + 1.3rem));}
.cont6 .right .rightBox {border:1px solid #d2d2d2; }
.cont6 .right .rightBox:first-child {margin-bottom:1.3rem;}
.cont6 .right .rightBox:after {content:''; display:block; clear:both;}
.cont6 .right .rightBox .boxImg {float:left; width:39%; line-height:0;overflow:hidden;background-color:#fff;}
.cont6 .right .rightBox .boxTxt {float:left; width:61%; position:relative;}
.cont6 .right .rightBox .boxTxt .textBox {position:absolute; /*top:7%;*/ left: 10%; margin-top:7%;}
.cont6 .right .rightBox .boxTxt .textBox .con_title {font-size: 1.25rem;font-family: 'GmarketSansMedium';}
.cont6 .right .rightBox .boxTxt .textBox .con_under {border: 1px solid #333; width: 35px;margin: 0px 0 1.063rem;}
.cont6 .right .rightBox .boxTxt .textBox .con_title2 {font-size: 1.375rem;line-height: 1.4; font-family: 'GmarketSansBold';}
.cont6 .right .rightBox .boxTxt .textBox .con_title2 p span {font-size: 1.375rem;line-height: 1.4; font-family: 'GmarketSansMedium';}
.cont6 .right .rightBox .boxTxt .textBox .con_w { text-align: left; font-size: 1rem; margin-top: 1.25rem;font-family: 'GmarketSansLight';font-weight: 600;color:#000;line-height: 1.4;}
.cont6 .right .rightBox .boxTxt .textBox .con_w span {font-family: 'GmarketSansMedium'; font-weight:bold;}
.cont6 .right .rightBox .boxImg img {transition: 0.4s;}
.cont6 .right .rightBox a:hover .boxImg img {transform: scale(1.1);}
@media only screen and (max-width:1300px) {
}
@media only screen and (max-width:1200px) {
#MainVisualArea, section{font-size: 1.0rem;}
.index_txt {left:5%;}
.cont1 .box {border: 1px solid #d2d2d2;float: left; width: 32%; height: 405px;}
.cont1 .box {margin-right: 0;}
.cont1 .box {margin-right: 2%;}
.cont1 .box:last-child {margin-right: 0%;}
.cont1 .box .imgarea {height: 260px;}
.cont1 .contarea > label {top: -36px;}
.cont1 .contarea > .con_title {margin-top: 18px; height:auto;}
.cont1 .contarea > .con_w br {display:block;}
.cont1_2 .box {border: 1px solid #d2d2d2; height: 420px; }
.cont1_2 .box .contarea{height:200px;}
.cont1_2 .box .contarea > label{top:-17px;}
.cont1_2 .box .contarea > .con_title {padding-top: 35px; margin-top:0; line-height:1.2;height:120px;}
.cont1_2 .box .contarea > .con_w{line-height:1.2;margin-top:0;}
.cont1_2 .box .contarea > .con_w br {display:block;}
.cont3 .box .con_txt {top:18px;}
.cont3 .box .con_txt .con_title {font-size: 1.5rem;}
.cont3 .box .con_txt .con_title2 {font-size: 1.7rem;}
.cont3 .box .con_w {font-size: 1.0rem;}
.cont3 .box .con_w span {font-size: 1.0rem;}
.cont4 .box .con_txt .con_t .cont4_R p {font-size:1.0rem; line-height:1.4;}
.cont4 .box .con_txt .con_t .cont4_L p {font-size:1.0rem; line-height:1.4;}
.cont5 .left {width: 32%;height: 413px;}
.cont5 .left .box {height: 413px;}
.cont5 .left .box .imgarea {width: 100%; height: 413px;}
.cont5 .left .box .con_txt {}
.cont5 .right {width: 66%;}
.cont5 .right .box { width: 100%; height: 198px;}
.cont5 .right .box .imgarea {height: 198px;}
.cont5 .right .box .con_txt {left:53%}
.cont5 .right .box .imgarea .con_w {left:53%}
.cont6 .right .rightBox .boxTxt .textBox .con_w{font-size:1.0rem;}
}
@media only screen and (max-width:1024px) {
.cont2 .box .con_txt .con_title2{font-size:1.5rem;}
.cont2 .box .con_txt .con_w{font-size:1.0rem;}
.cont3 .box .con_txt .con_title2{font-size:1.5rem;}
.cont4 .box .con_txt .con_title2{font-size:1.5rem;}
.cont6 .right .rightBox .boxTxt .textBox{margin-top:5%;}
.cont6 .right .rightBox .boxTxt .textBox .con_title2{font-size:1.25rem;}
.cont6 .right .rightBox .boxTxt .textBox .con_w{margin-top:0.5rem;}
}
@media only screen and (max-width:970px) {
.cont3 .box .con_w {display:none;}
}
@media only screen and (max-width:930px) {
.cont1 .box {height: 380px;}
.cont1 .contarea > .con_title {margin-top: -65px;}
}
@media only screen and (max-width:768px) {
#MainVisualArea, section{font-size: 1rem;line-height: 1.2;}
#MainVisualArea{height:100%;padding-top:20px;}
#MainVisualArea .mva_area .mva{height:50vh;}
.index_bg1, .index_bg2, .index_bg3{background-position:70% 10%;}
.m_br_hide {display: none;}
.index_bg {height: 35.25rem;}
.index_go a {margin: 2rem 0 0 0;}
.cont1 {margin-top:50px;}
.cont1 .box {height: 328px;}
.cont1 .box .imgarea {height: 193px;}
.cont1 .contarea > label {top: -24px; font-size: 1rem; width: 92px; height: 25px;line-height: 25px;}
.cont1 .contarea > .con_title {margin-top: -55px;font-size: 1.4rem; height:47px;}
.cont1 .contarea > .con_w {line-height:1.4; font-size: 1rem; margin-top: 1.8rem;}
.cont1_2 .main_wrap > div {width: 48%; margin-bottom:1.5rem;}
.cont2 {margin-top:0px;max-height:400px;}
.cont2 .box .con_txt {line-height: 1.2;}
.cont2 .box .con_txt .con_title{font-size:1.25rem;}
.cont2 .box .con_txt .con_title2{font-size:1.25rem;}
.cont2 .box .con_txt .con_w{display:none;}
.cont3 {margin:30px 0;}
.cont3 .box .con_txt {left: 20px; top: 19px;}
.cont3 .box .imgarea .con_w {right: 5%; bottom: 6%;}
.cont3 .box .con_txt .con_title {font-size: 0.938rem;}
.cont3 .box .con_txt .con_title2 p span {font-size: 1.25rem;}
.cont3 .box .con_txt .con_title2 p, span {font-size: 1.25rem;}
.cont4 {margin-top:0px;max-height:400px;}
.cont4 .box .con_txt {line-height: 1.2;}
.cont4 .box .con_txt .con_title{font-size:1.25rem;}
.cont4 .box .con_txt .con_title2{font-size:1.25rem;}
.cont4 .box .con_txt .cont4_L, .cont4 .box .con_txt .cont4_R {display:none;}
.cont6 {margin-top: 30px; margin-bottom:50px;}
.cont6 .left {float:none; width:100%; margin-bottom:1.3rem;}
.cont6 .left .leftBox {}
.cont6 .left .leftBox:after {display:block; content:''; clear:both;}
.cont6 .bx-viewport {height:260px !important;}
.cont6 .left .leftBox .Boxtxt {top:3%; width:270px;}
.cont6 .left .leftBox .Boximg img {width:100%;transform: translateY(-20%);}
.cont6 .left .leftBox .Boxtxt .con_title {font-size:1.25rem;}
.cont6 .left .leftBox .Boxtxt .con_title2 {font-size:1.25rem;}
.cont6 .left .leftBox .Boxtxt .con_w {font-size:1rem;}
.cont6 .left .leftBox .Boxtxt .con_w span{font-size:1rem;}
.cont6 .right {float:none; width:100%;}
.cont6 .right .rightBox .boxTxt .textBox .con_title {font-size: 1.25rem;}
.cont6 .right .rightBox .boxTxt .textBox .con_title2 {font-size: 1.25rem;}
.cont6 .right .rightBox .boxTxt .textBox .con_w {font-size: 0.938rem;margin-top:1rem;}
}
@media only screen and (max-width:600px) {
#MainVisualArea, section{font-size: 0.875rem;line-height: 1.2;}
.index_title {font-size: 1.8rem;letter-spacing: -1px;}
.cont1_2 .box{height:400px;}
.cont1_2 .box .contarea > .con_title{font-size:1.125rem;height:110px;}
.cont1_2 .main_wrap > div{width:100%;}
.cont2 .box .con_txt {left:5%;}
.cont2 .box .con_txt .con_title2{font-size:1.125rem;ext-shadow: 2px 2px 6px #191919;}
.cont2 .box .imgarea{height:200px;}
.cont2 .box .imgarea > a > img{width: 600px;max-width:600px;position: absolute;right: 0;}
.cont2 .box .con_txt .con_title{font-size:inherit;}
.cont2 .box .imgarea{background-color:#000;}
.cont2 .box .imgarea > a > img{opacity:0.7;}
.cont4 .box .imgarea{background-color:#000;}
.cont4 .box .imgarea > a > img{opacity:0.7;}
.cont6 .right .rightBox .boxImg {background-color:#000;}
.cont6 .right .rightBox .boxImg img{opacity:0.7;}
.cont3{margin:1rem 0;}
.cont3 .box{width:100%;margin-bottom:1rem;}
.cont3 .box:last-child{margin-bottom:0;}
.cont3 .box .con_txt {left:5%;}
.cont3 .box .con_txt .con_title2 p span{font-size:inherit;}
.cont3 .box .con_txt .con_title{font-size:inherit;}
.cont3 .bx-viewport{height:200px !important;}
.cont3 .box .con_txt .con_title2 p, span{font-size:1.125rem;}
.cont4 .box .con_txt{left:5%;}
.cont4 .box .con_txt .con_under{border:1px solid #fff;}
.cont4 .box .con_txt .con_title2{font-size:1.125rem;text-shadow: 2px 2px 6px #191919;}
.cont4 .box .imgarea{height:200px;}
.cont4 .box .imgarea > a{color:#fff;}
.cont4 .box .imgarea > a > img{width:1000px;max-width:1000px;position: absolute;left: 0;top: -30%;}
.cont4 .box .con_txt .con_title{font-size:inherit;}
.cont6{margin-top:1rem;margin-bottom:2rem;}
.cont6 .left .leftBox .Boxtxt {left:5%;}
.cont6 .left .leftBox .Boxtxt .con_w{display:none;}
.cont6 .left .leftBox .Boxtxt .con_title{font-size:inherit;}
.cont6 .left .leftBox .Boxtxt .con_title2{font-size:1.125rem;}
.cont6 .right .rightBox .Boxtxt .con_title{font-size:inherit;}
.cont6 .right .rightBox .Boxtxt .con_title2{font-size:1.125rem;}
.cont6 .right .rightBox a {display:block; position:relative;}
.cont6 .right .rightBox .boxImg {float:none; width:100%; height:200px; overflow:hidden;}
.cont6 .right .rightBox .boxImg img{width:100%;}
.cont6 .right .rightBox .boxTxt {float:none; position:absolute; left:5%;top:7%;}
.cont6 .right .rightBox .boxTxt .textBox {position:initial;width: 260px;left:5%;}
.cont6 .right .rightBox .boxTxt .textBox .con_title{font-size:inherit; color:#fff;}
.cont6 .right .rightBox .boxTxt .textBox .con_under{border:1px solid #fff;}
.cont6 .right .rightBox .boxTxt .textBox .con_title2{font-size:1.125rem; color: #fff; text-shadow: 2px 2px 6px #191919;}
.cont6 .right .rightBox .boxTxt .textBox .con_w {display:none;}
.cont6 .bx-viewport{height:200px !important;}
}
@media only screen and (max-width:425px) {
html {font-size:14px;}
.index_bg1, .index_bg2, .index_bg3{background-position:75% 0%;}
.index_txt {text-align:center; left:0; width:100%}
.index_number {font-size: 1.5rem;}
.index_under {margin:0 auto;}
.index_go a {font-size:1rem;}
.cont1_2 .main_wrap > div {width: 100%;}
.cont2 .box .M_con_txt {margin-bottom:10px;}
.cont2 .box .M_con_txt .con_title {font-size: 1.3rem;margin-bottom: 0.5rem;}
.cont2 .box .M_con_txt .con_title2 {font-size: 1.423rem;line-height: 1.4;}
.cont3 .box {margin-right:2%;width:49%;height:auto;margin-bottom:4%;}
.cont3 .box:last-child {margin-right:0px; margin-bottom:0%;}
.cont3 .box {float:none; width:100%;}
.cont3 .box .imgarea .con_w span { font-size: 1rem;}
.cont3 .box .imgarea .con_w { font-size: 0.9rem;}
.cont3 .bx-wrapper img {width:150%;max-width:150%;}
.cont4 .box .imgarea{background-color:#000;}
.cont4 .box .imgarea > a > img{opacity:0.7;}
.cont4 .box .M_con_txt {margin-bottom:10px;}
.cont4 .box .M_con_txt .con_title {margin-bottom: 0.5rem;}
.cont4 .box .M_con_txt .con_title2 {ine-height: 1.4;}
.cont6 .left .leftBox .Boxtxt {left: 6%; top:4%;}
.cont6 .left .leftBox .Boximg img {width:100%;transform: translateY(-20%);}
.cont6 .right .rightBox .boxImg img {opacity:0.6;}
}
/*@media only screen and (max-width:375px) {*/
/* html {font-size:12px;}*/
/**/
/* .cont1 .box {float:none; width:100%; height: 415px; margin-top:20px;}*/
/* .cont1 .contarea > label {top: -39px;}*/
/* .cont1 .contarea > .con_title {margin-top: 22px; height: 62px;}*/
/* .cont1 .contarea > .con_w {margin-top: 1rem;}*/
/**/
/* .cont1_2 .box {width:100%; height: 415px; margin-top:20px;}*/
/* .cont1_2 .contarea > label {top: -39px;}*/
/* .cont1_2 .contarea > .con_title {margin-top: 22px; height: 62px;}*/
/* .cont1_2 .contarea > .con_w {margin-top: 1rem;}*/
/* */
/* .cont3 .box .con_txt .con_under {margin: 0px 0 0.5rem;}*/
/* .cont3 .box .imgarea {height:159px;}*/
/* .cont3 .box .imgarea .con_w span { font-size: 1rem;}*/
/* .cont3 .box .imgarea .con_w { font-size: 0.9rem;}*/
/*}*/
/**/
/*@media only screen and (max-width:320px) {*/
/* .index_number {font-size: 1.2rem;}*/
/* .index_under {}*/
/* .index_title {font-size: 1.7rem;letter-spacing: -2px;}*/
/* .index_go a {font-size: 1rem;}*/
/**/
/* .cont1 .box {height: 367px;}*/
/* .cont1 .contarea > label {top: -34px;}*/
/* .cont1 .contarea > .con_title {margin-top:-11px;}*/
/* .cont1 .contarea > .con_w {margin-top: 0.8rem;}*/
/**/
/* .cont1_2 .box {height: 367px;}*/
/* .cont1_2 .contarea > label {top: -34px;}*/
/* .cont1_2 .contarea > .con_title {margin-top:-11px;}*/
/* .cont1_2 .contarea > .con_w {margin-top: 0.8rem;}*/
/**/
/* .cont3 .box .imgarea {height:133px;}*/
/* .cont3 .box .imgarea .con_w {display:none;}*/
/* .cont3 .box .con_txt {top: 12px;}*/
/*}*/