@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1800px) {
.main-btn{margin-left:-47.5%}
.enm{height:auto;padding-bottom:35%}
}

@media only screen and (max-width:1596px) {
p.mb-title{font-size:36px}
p.mtext{bottom:32px;font-size:16px;left:2.5em}
.main-text li img{width:30%}
}

@media only screen and (max-width:1400px) {
.main-text li{width:50%;margin-bottom:2em}
.main-text li>a{padding-bottom:10%;padding:2em}
.main-text li img{width:20%;max-width:124px}
p.mtext{display:none}
}

@media only screen and (max-width:1200px) {
html, body, .wrap, html .wrap, body .wrap, body .wrap #wrap, body .wrap #wrap #section1{min-height:auto;height:auto}
.down-arrow{display:none !important}
.obj{position:relative;margin:50px auto}
#section1 .main-bg, #section1 .main-bg>div{height:800px}
.mainimg{margin-top:-160px}
p.mb-title{font-size:36px;margin-top:5px}
p.ms-title{padding-top:10px}
.main-text li img{right:2em;width:25%;max-width:124px}
.hidd{overflow-y:scroll !important}
.mf{position:relative}
body .wrap #wrap #section1, #wrap #section1{min-height:auto;height:auto}
.s-title, .s-txt, .go-link{opacity:1;-ms-filter:alpha(opacity=100);filter: alpha(opacity=100);}
.pfixed.logo{top:10px}
.pfixed.menu-bt-wrapper{top:18px}
#header.pfixed{background:rgba(0,0,0,0.8)}
#wrap h2{font-size:48px;font-weight:900}
.s-title{font-size:20px;-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.s-txt{font-size:20px;-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);margin-bottom:30px;line-height:130%;margin-top:10px}
.s-txt span{font-size:14px}
.go-link{font-size:16px;-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0);width:160px;height:36px;line-height:150%;margin:0 auto}
.more{top:9px;height:16px;width:16px}
#s-nav{display:none !important}
#section5{padding-bottom:0 !important}
.last-obj{margin-bottom:7em}
.aa{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.bb{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.cc{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.dd{opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);-webkit-transform:matrix(1, 0, 0, 1, 0, 0);-ms-transform:matrix(1, 0, 0, 1, 0, 0);transform:matrix(1, 0, 0, 1, 0, 0)}
.history li .photo-area img{width:35%;margin:3%;}
.intro-bg4 .default-block{padding:0}
#section2, #section3, #section4, #section5{background-attachment:scroll}

@media only screen and (max-width:1000px) {
.history li .his-data>p{width:100%}
.history li .his-data>p br{display:block;clear:both;visibility:hidden}
.history li span.his-txt{width:100%;line-height:130%;margin-top:5px}
.history li span.his-txt:before{top:9px}
.history li .photo-area{left:0;width:calc(50% - 100px);}
.history li:nth-child(2n) .photo-area{right:0}
.biz-set li div>p{font-size:18px;font-weight:800}
.vert1{padding-top:11px}
.vert2{padding-top:7px}
.biz-set li{height:250px}
}

@media only screen and (max-width:992px) {

}

@media only screen and (max-width:850px) {
.footIn{padding:0 20px}
.foot-copy{background-position:center top;padding-top:70px}
h2.sub-title, h2.sub-title2{font-size:24px}
p.ms-title{font-size:18px}
p.mb-title{font-size:24px}
}

@media only screen and (max-width:800px) {
.team5{margin-left:-100px;}
.foot_layerpopup01{width:96%;margin-left:-48%}
h2.eng-title{font-size:36px}
.history:before{left:115px;margin-left:0}
.history li:before{left:105px;margin-left:0}
.history li h4{text-align:left;width:100px;padding-left:10px}
.history li h4:before{right:auto;left:100px;}
.history li h4:after{right:auto;left:96px}
.history li .his-data{width:calc(100% - 105px)}
.history li:nth-child(2n) h4{float:left;padding-left:0}
.history li:nth-child(2n) .his-data{float:right;text-align:left;padding-left:30px;padding-right:0}
.history li:nth-child(2n) .his-data:before{left:0;margin-left:0}
.history li:nth-child(2n) h4:after{left:96px}
.history li:nth-child(2n) h4:before{left:100px}
.history li:nth-child(2n) h4{padding-left:10px}
.history li:nth-child(2n) span.his-txt:before{left:0}
.history:after{left:116px}
.history li{padding:20px 0 40px;min-height:auto}
h2.sub-title p{font-size:48px}
.history li .photo-area{width:auto;margin-left:125px;position:relative;text-align:left !important;margin-top:20px;}
.history li .photo-area img{max-width:100px !important;width:30%;margin:16px 10px 3px}
#wrap h2{font-weight:600}
.rd1{border-radius:5px;border:1px solid #c43e86}
}

@media only screen and (max-width:768px) {
.pro1-bg .col-lg-6, .pro1-bg .col-sm-6, .pro2-bg .col-lg-6, .pro2-bg .col-sm-6, .pro3-bg .col-lg-6, .pro3-bg .col-sm-6, .pro4-bg .col-lg-6, .pro4-bg .col-sm-6, .pro5-bg .col-lg-6, .pro5-bg .col-sm-6, .pro6-bg .col-lg-6, .pro6-bg .col-sm-6, .pro7-bg .col-lg-6, .pro7-bg .col-sm-6, .pro8-bg .col-lg-6, .pro8-bg .col-sm-6, .pro9-bg .col-lg-6, .pro9-bg .col-sm-6, .pro10-bg .col-lg-6, .pro10-bg .col-sm-6
{min-height:0}
.homepage-list li br{display:none}
.rmt{margin-top:60px}
.biz-max{width:auto;display:block}
}

@media only screen and (max-width:720px) {
.shop li{float:none;width:100%;}
.shop-arrow{padding:70px 0}
.shop-arrow:before{background: url(/images/c_arrow_right3.png) no-repeat left;width:38px;height:21px;top:10%;left:50%;margin-left:-19px}
.shop-arrow:after{background: url(/images/c_arrow_right3.png) no-repeat right;width:38px;height:21px;top:85%;right:50%;margin-right:-19px}
.shop li>div{width:240px;margin:0 auto}
.biz-set li div>p{font-size:14px;font-weight:800}
.biz-set li div>span, .step p{font-size:12px}
.vert1{padding-top:7px}
.vert2{padding-top:6px}
.biz-set li{height:230px}
.biz-img{width:150px;height:150px}
.biz-img p{font-size:18px;margin-top:-30px}
.step p{line-height:170%}
.step p{margin-left:-48%;width:96%}
}


@media only screen and (max-width:680px) {

}

@media only screen and (max-width:640px) {
.main-text li{margin-bottom:1.5em}
.mainimg{padding:0 10px}
.logo{left:15px}
.menu-bt-wrapper{right:15px}
.pfixed.logo{top:12px}
.logo img{-webkit-transform:matrix(0.6, 0, 0, 0.6, -30, -3);-ms-transform:matrix(0.6, 0, 0, 0.6, -30, -3);transform:matrix(0.6, 0, 0, 0.6, -30, -3)}
.main-text li img{right:1em;bottom:15px}
.obj{padding:0 20px}
.enm{-webkit-transform:matrix(0.8, 0, 0, 0.8, 0, 0);-ms-transform:matrix(0.8, 0, 0, 0.8, 0, 0);transform:matrix(0.8, 0, 0, 0.8, 0, 0)}
.circle1{top:-30px;left:-30px}.circle2{top:-30px;right:-30px}.circle3{bottom:-30px;left:-30px}.circle4{bottom:-30px;right:-30px}
.biz-set li div{padding:0}

h2.sub-title p{font-size:30px}
h2.sub-title{font-size:16px;margin-top:-30px}
.bbs-visual{min-height:480px}
h2.sub-title ul{margin:20px auto;width:80%}
h2.sub-title ul li>a{font-size:18px}
}

@media only screen and (max-width:580px) {
p.ms-title{font-size:14px}
p.mb-title{font-size:18px}
.main-text li>a{height:180px}
.main-text li{padding:0 2px;margin-bottom:4px}
span.mss{display:none}
}

@media only screen and (max-width:480px) {
.inc-p li{float:none;margin-bottom:30px;width:100%}
.inc-scopy br, .inc-copy br{display:none}
p.mb-title{letter-spacing:-1.5px;}
#wrap h2{font-size:36px}
.enm{-webkit-transform:matrix(0.6, 0, 0, 0.6, 0, 0);-ms-transform:matrix(0.6, 0, 0, 0.6, 0, 0);transform:matrix(0.6, 0, 0, 0.6, 0, 0);font-size:20px}
.circle1{top:-60px;left:-80px}.circle2{top:-60px;right:-80px}.circle3{bottom:-60px;left:-80px}.circle4{bottom:-60px;right:-80px}
.step{font-size:12px;letter-spacing:-1px}
.biz-set li div>p{font-size:12px;letter-spacing:-1px}
.step{padding:100px 0}
.biz-set li{height:200px}
.vert1{padding-top:0}
.vert2{padding-top:0}
h3{font-size:18px}
.bizi{font-size:14px}
.bizi li p, .bizi li span{float:none}
.bizi li span{}
.history li h4{font-size:24px;width:70px;padding-right:0;padding-left:0;padding-top:7px}
.history li:nth-child(2n) h4{padding-left:0}
.history li .his-data, .history li:nth-child(2n) .his-data{width: calc(100% - 75px);padding-left:10px;font-size:12px}
.history:before{left:80px}
.history li:before{left:70px}
.history li h4:before, .history li:nth-child(2n) h4:before{left:65px}
.history li h4:after, .history li:nth-child(2n) h4:after{left:61px}
.history li:nth-child(2n) span.his-txt{padding-right:0}
.history li span.his-txt:before{top:6px}
.history li{line-height:150%}
.bizi li{line-height:150%;margin-bottom:10px}
.enm{margin:40px auto 0;font-size:16px}
.history li .photo-area{margin-left:75px}
.step p{letter-spacing:0.1px;top:70px}
}

@media only screen and (max-width:460px) {
.partner li{width:32%}
.point-copy br{display:none}
.point-copy:before{top:0;left:0}
.point-copy:after{top:0;right:0}
h3.pro-title{font-size:30px}
p.pro-txt1{font-size:14px}
h3.ptitle{font-size:18px}
.team1, .team2, .team3, .team4, .team5{position:relative;margin-left:0;margin-right:0;margin-bottom:10px;left:0;right:0;top:0;max-width:280px;margin:20px auto;width:90%}
.ceo{width:140px;height:140px}
}

@media only screen and (max-width:450px) {
.step p{margin-left:-48%;width:96%}
}

@media only screen and (max-width:400px) {
h2.sub-title p{font-size:24px}
.intro-bg1{padding:30px 0}
}
@media only screen and (max-width:360px) {
.cc .mb-title br{display:none}
.biz-set li{height:185px}
}