/*********************************************
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;
}

.o-14-txt{
	line-height: 26px;
	text-align: left;
	font-size: 14px;
}


.o-con-tel-ob{
	margin-top: 65px;
}

.o-con-h2{
    font-size: 21px;
    line-height: 35px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
    color: #946134;
}

.o-con-tel-ob img,.o-con-mail-ob img{
	display: block;
	margin: 0 auto 15px auto;
}

.o-con-tel-ib{
	/* display: block; */
	/* margin: 0 auto; */
	/* width: 100%; */
	/* max-width: 450px; */
	/* box-sizing: border-box; */
	/* border: solid 1px rgba(0,0,0,.8); */
	/* box-sizing: border-box; */
	/* padding: 35px 20px; */
}

.o-main-cp{
	font-size: 15px;
	line-height: 25px;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}

.o-tel-b-tel{
    font-size: 35px;
    line-height: 40px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: 600;
    display: block;
}

.o-13-txt{
    line-height: 22px;
    display: block;
    text-align: center;
}

.o-con-mail-ob{
	margin-top: 20px;
}

.o-con-mail-ib{
    width: 100%;
    max-width: 775px;
    margin: 60px auto 70px auto;
    box-sizing: border-box;
    /*padding-left: 34px;*/
}

.o-sec-1-py{
	box-sizing: border-box;
	padding-top: 40px;
	padding-bottom: 70px;
}

.o-post-1{
	width: 100px;
}

.o-post-2{
	width: 150px;
}

.o-post-hai{
	box-sizing: border-box;
	padding: 11px 15px 0 15px;
}

.o-post-hai2{
    box-sizing: border-box;
    padding: 11px 10px 0 10px;
}

.o-pri-con{
	/*width: 70.1%;*/
	width: 100%;
}

.o-pri-ti{
	display: block;
	font-size: 24px;
    line-height: 34px;
    font-weight: 500;
    margin-bottom: 25px;
}

.o-comf-btn-sq{
  font-size: 18px;
  line-height:19px;
  position: relative;
  display: block;
  padding: 15px 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  width: 300px;
  margin-top: 100px;
}

.o-comf-flat{
  background: #0073a0;
  border-radius: 0;
}

.o-comf-flat:before {
  position: absolute;
  top: 0;
  right: 0;
  width: 178%;
  height: 660%;
  content: "";
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-transform: translateX(102%) translateY(-6%) rotate(45deg);
  transform: translateX(91%) translateY(5%) rotate(45deg);
  background: #000;
}

.o-14-indent{
	box-sizing: border-box;
	padding-left: 14px;
	text-indent: -14px;
}

.o-905-b {
    width: 100%;
    max-width: 905px;
    margin: 0 auto;
}

.o-840-b{
    width: 100%;
    /*max-width: 840px;*/
    max-width: 860px;
    margin: 0 auto;
}

.o-buil{
	margin-top: 25px;
}

.o-w-100{
	width: 100%;
}

.o-ud-btnb{
	margin: 0 0 90px 0;
	justify-content: center;
	align-items: center;
}

.o-next-btn,.o-bk-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 55px;
	font-size: 20px;
	line-height: 28px;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 5px;
	transition: .3s;
	width: 100%;
	max-width: 322px;
	background: #946134;
	margin-left: 15px;
	margin-right: 15px;
	/* margin-top: 50px; */
}

.o-pri-link{
	/* display: none; */
}


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

.o-ck{
	border: none;
}

.o-bk-btn{
	background: #fff;
	border: none!important;
	box-sizing: border-box;
	padding: 15px 0;
	width: 245px;
	transition: .3s;
	color: #000!important;
	color: #000;
}

.o-ud-two-btn{
	width: 100%;
	max-width: 280px;
}

.o-ud-two-btn{
	margin-top: 20px;
}

.o-ck-ob{
	margin-bottom: 55px;
	margin-top: 50px;
}

.o-ud-btnb form{
	display: block;
	width: 220px;
	margin: 0 20px;
	display: flex;
	justify-content: center;
}

.o-ud-btnb form .o-next-btn {
    width: 100%;
	max-width: 220px;
}

.o-ud-btnb form .o-next-btn,.o-ud-btnb form .o-ud-two-btn{
	margin-left: 0;
	margin-right: 0;
}

.o-ud-two-btn {
    width: 100%;
    max-width: 220px;
}




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

.o-ud-two-btn {
    width: 100%;
    max-width: 220px;
}




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

.o-14-txt{
    font-size: 14px;
    line-height: 21px;
    /* text-align: center; */
}

.o-no-indent{
	padding: 0;
	text-indent: 0;
}

.o-next-btn{
	width: 45%;
}

.o-sec-1-py {
    padding-top: 60px;
    padding-bottom: 70px;
}
}

/*@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-next-btn{
	width: 35%;
}

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

.o-bk-btn:hover{
	background: #eeefef;
}

.o-next-btn:hover{
	opacity: .6;
}

.o-pri-con{
    width: 100%;
    margin-top: 20px;
}

.o-con-mail-ib{
    padding-left: 34px;
}

.o-buil{
	margin-left: 34%;
}

.o-sec-1-py {
    padding-top: 70px;
    padding-bottom: 70px;
}
}



@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){

}