/*********************************************
contact.css
*********************************************/

.webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-position: top center;
	box-sizing: border-box;
	margin-bottom: 0;
	/*background-size: 100% 58%;*/
	background-size: 100% 28%;
	height: auto;
}

.no-webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-position: top center;
	box-sizing: border-box;
	margin-bottom: 0;
	background-size: 100% 28%;
	height: auto;
}

.o-ck-b{
	background-size: 100% 64.1%!important;
}

.o-h2-pri{
	font-size: 21px;
	line-height: 31px;
	font-weight: 700;
	margin-bottom: 35px;
	position: relative;
}

.o-main-img-ob{
	height: 100%;
}

.o-main-catch{
	margin: 0;
	padding-top: 14.5%;
}

.o-main-ct-sub{
    text-shadow: none;
}

.o-main-catch h1,
.o-main-catch span{
	color: #fff;
}

.o-con-mt1{
	margin-top: 117px;
}

.o-pri-mt1{
	margin-top: 70px;
}

.o-cream-bk{
	background: #fff9eb;
}

.o-contact-ob{
	margin-top: 0;
}

.o-more-btn{
	max-width: 313px;
	height: 41px;
	margin: 20px 0 0 0;
}

span.o-more-txt{
	font-size: 13px!important;
	line-height: 20px!important;
}

/*check*/
.o-con-mb1{
	margin-bottom: 90px;
}




@media (min-width: 576px){
.webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-size: 100% 33%;
}

.no-webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-position: top center;
	background-size: 100% 33%;
}

.o-ck-b{
	background-size: 100% 71%!important;
}
}



@media (min-width: 768px){
.webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-size: 100% 300px;
}

.no-webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-position: top center;
	background-size: 100% 300px;
}

.o-ck-b{
	background-size: 100% 300px!important;
}
}

/*@media (orientation: landscape) and (max-width: 940px){

}*/


@media (min-width: 992px){	
.webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-size: 100% 365px;
}

.no-webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-position: top center;
	background-size: 100% 365px;
}

.o-ck-b{
	background-size: 100% 365px!important;
}
}



@media (min-width: 1025px){

}

@media (min-width: 1100px){
.webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-size: 100% 437px;
}

.no-webp .o-comp-main{
	background: url(../img/contact-main-bk.jpg) no-repeat;
	background-position: top center;
	background-size: 100% 437px;
}

.o-ck-b{
	background-size: 100% 437px!important;
}
}



@media (min-width: 1200px){

}