@charset "utf-8";
/* CSS Document */

@media only screen and (max-width:1000px) {
.menu-bt-wrapper{display:block}
.gnb{display:none}
.gnb li{float:none}
#logo{padding:0 0 0 10px;}
#header{height:68px;z-index:99}
.pfixed{position:relative !important;height:68px !important;}
.head{margin-top:8px}
}

@media only screen and (max-width:992px) {
.intro-img{width:40%}
.intro-txt{width:60%;padding:60px 50px 60px 30px}
}

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

@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}
.main-left{float:none;width:100%}
.main-right{position:relative;width:100%}
.c1{float:left;width:50%}
.qarrow3:after{left:10px;margin-top:30%}
#section2 h3, .main-block h3{font-size:20px}
.main-block p{display:none}
.quick-copy{margin-top:33%}
.qarrow1:after, .qarrow2:after, .qarrow3:after{display:none}
}

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

}


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

}

@media only screen and (max-width:640px) {
.intro{background:none}
.intro-img{width:100%;padding-bottom:70%;position:static}
.intro-txt{width:100%;float:none;padding:30px 0 0}
.point{font-size:20px;margin-bottom:10px}
.intro:before{display:none}
.left1, .right1{float:none;width:100%;}
.right1{padding:30px 0}
.main-visual{height:400px}
.camera_caption {top:35%;}
h2.title{font-size:36px}
.visual_texts01 h2, .visual_texts02 h2, .visual_texts03 h2{font-size:30px}
.visual_texts01 span, .visual_texts02 span, .visual_texts03 span{font-size:14px}
.contact{height:410px;}
.footIn{padding:0}
.visual_texts01 h2:before, .visual_texts02 h2:before, .visual_texts03 h2:before{width:50px}
h2.sub-title{font-size:30px;}
h2.sub-title:before{width:30px;margin-left:-15px;}
h3.sub{font-size:24px;}
.safe-middle li h4{font-size:20px}
.safe-top .text{font-size:14px}
.m-quick ul li a{font-size:15px}
.pc{display:none}
.mo{display:block}
}											


@media only screen and (max-width:480px) {
.footIn ul li{font-size:14px}
.visual_texts01{display:none}
.m-quick ul li{width:50%;margin-bottom:20px}
.m-quick ul{padding-bottom:0}
}

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

}