﻿


.contact{display:flex;justify-content:space-between;}

.contact-info{width:48%;}
.contact-info h3{font-size:30px;color:#000;line-height:1;font-weight:700;text-transform:uppercase;margin-bottom:15px;}
.contact-info dl{padding:20px 0;border-bottom:1px solid #E5E5E5;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;}
.contact-info dl:last-child{border-bottom:none;}
.contact-info dl dt{position:relative;width:48px;height:48px;border-radius:50%;background-color:var(--active-color);cursor:pointer;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;}
.contact-info dl dt i{font-size:22px;color:#fff;display:inline-block;margin-top:2px;}
.contact-info dl dd{-webkit-flex:1;flex:1;padding-left:15px;color:#343c49;box-sizing:border-box;}
.contact-info dl dd h5{font-size:18px;color:#333;font-weight:600}
.contact-info dl dd p{font-size:17px;color:#444;margin:8px 0 0;}


.contact-inquiry{width:48%;}
.contact-inquiry h3{font-size:30px;color:#000;line-height:1;font-weight:700;text-transform:uppercase;margin-bottom:15px;}
.contact-inquiry p{font-size:17px;color:#595959;line-height:30px;}
.contact-inquiry .inquirbox{margin:30px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:15px;}
.contact-inquiry .inquirbox .submit{margin:0 auto 0 0;}


.linetit{margin:60px 0 0 0;}
.linetit h4{position:relative;text-align:center;}
.linetit h4::before{content: "";display: block;border-top:1px dashed #D1CFCF;width: 100%;height:1px;position: absolute;top: 50%;z-index: 1;}
.linetit h4 span{background:#fff;font-size:30px;color:#000;padding:8px 10px;text-align:center;position:relative;display:inline-block;z-index:1;font-weight:700;font-family: var(--font-family-1);}

.map{margin:20px 0 0 0;}
.map img{width:100%;}


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


}

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


}

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


}

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




}

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



}


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



}

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

.contact{display:block;}
.contact-info{width:100%;}
.contact-inquiry{width:100%;margin:25px 0 0;}
.contact-info h3,.contact-inquiry h3{text-align:center;}  

}


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

.inquirbox .row{margin-bottom:0;}
.inquirbox .row > div{margin-bottom:15px;}
.inquirbox input.submit{width:130px;line-height:34px;font-size:15px;}

.contact-info h3,.contact-inquiry h3{font-size:28px;}
.contact-info dl{padding:15px 0;}
.contact-info dl dd p{font-size:16px;}
.contact-inquiry p{font-size:16px;line-height:24px;}
.contact-inquiry .inquirbox{margin:25px 0 0;}
.contact-inquiry .inquirbox .row{margin-bottom:0;}
.contact-inquiry .inquirbox .submit{margin:0 auto;}
  
.linetit{margin:30px 0 0 0;}
.linetit h4 span{font-size:26px;}


}


@media screen and (max-width:576px) {
.contact-info h3,.contact-inquiry h3{font-size:26px;}

  
}


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

.contact-info h3,.contact-inquiry h3{font-size:24px;}
.contact-info dl dt{width:42px;height:42px;}
.contact-info dl dd h5{font-size:17px;}
.contact-info dl dd p{font-size:15px;}
.linetit{margin:20px 0 0 0;}
.linetit h4 span{font-size:24px;}
  
}

@media screen and (max-width:420px) {
.contact-info h3,.contact-inquiry h3{font-size:22px;}

}




