@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1200px) {
.main-visual{height:573px}
.contents{padding:0 20px}
}

@media only screen and (max-width:1110px) {
.estimate{width:30%}
.partner{width:70%}
.partner ul li{width:33.3%}
.foot-right{float:none;width:100%;margin-bottom:30px}
.foot-left{float:none;width:100%;border-top:1px solid #ccc;padding-top:20px}
.foot-q{float:left}
.foot-copy{float:left;padding-left:20px}
.foot-area{margin:0 auto 0;padding:15px 20px}
.foot-bar ul{width:310px;margin-left:10px}
}

@media only screen and (max-width:1000px) {
.menu-bt-wrapper{display:block}
.gnb{display:none}
.gnb li{float:none}
.smenu{display:none}
#logo{padding:0 0 0 10px}
#header{height:60px;z-index:9999;padding:0}
.pFixed{position:relative !important;height:60px !important;}
.main-visual{height:400px}

}

@media only screen and (max-width:960px) {
.counsel-con{padding:7em 2em}
}
@media only screen and (max-width:940px) {
#section2 .block{padding:0 20px}
.notice{width:60%;max-width:400px}
.sec-right{width:40%}
.customer{width:100%}
.company{display:none}
}

@media only screen and (max-width:850px) {
.footIn{padding:0 20px}
.counsel-img{width:40%}

}

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

@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}
}

@media only screen and (max-width:720px) {
.estimate{width:50%}
.partner{width:50%}
.partner ul li{width:50%}
}


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

}

@media only screen and (max-width:640px) {
.main-quick li{width:50%}
.main-visual{height:300px}
.sub-visual{height:200px}
.intro{background:#fff;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}
.intro-img{position:relative;width:100%;height:400px}
.intro-con{padding:2em 0;float:none;width:100%}
.counsel{border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0}
.counsel-img{position:relative;width:100%;height:400px}
.counsel-con{padding:2em 0;float:none;width:100%;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;background:#fff;;border:none}
}

@media only screen and (max-width:580px) {
.estimate{width:100%;float:none}
.partner{width:100%;float:none}
.partner ul li{width:25%}
.notice{width:100%;max-width:500px;flaot:none;margin-bottom:50px}
.sec-right{width:100%;flaot:none}
.customer{float:none}
}

@media only screen and (max-width:480px) {
.main-quick li a>p{font-size:18px}
.main-visual{height:200px}
#logo img{width:150px}
}

@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}
.ftop{display:none}
.foot-q{display:none}
}

@media only screen and (max-width:460px) {
dt.time, dt.tell{display:block;margin-bottom:1px !important}
dt.tell{margin-top:30px}
}

@media only screen and (max-width:380px) {
.main-visual{height:170px}
}