@charset "utf-8";

/*---------------------------------------------------*/

.contact-sidebanner {position: relative;}
.contact-sidebanner .txt {position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;text-align: center;}
.contact-sidebanner .txt h1 {font-size:3.6rem;color: #fff;font-weight: 700;}

.contact {padding:10rem 0;background: #F8F8F8;}
.contact .tit {text-align: center;}
.contact .tit h3 {font-size:3.6rem;color: #141414;font-weight: 700;line-height: 1;}
.contact .tit p {font-size:1.8rem;color: #141414;line-height: 1;margin-top:2.5rem;}

.contact-list {margin-top:6.5rem;}
.contact-list ul {display: flex;justify-content: space-between;flex-wrap:wrap;margin: 0 -16px;}
.contact-list ul li {width:50%;padding:0 16px;}
.contact-list ul li .box {text-align:center;background: #FCFCFC;height: 100%;padding:6.5rem 0;transition: all 0.5s ease 0s;cursor: pointer;}
.contact-list ul li .box img{height:7rem;}
.contact-list ul li .box .txt h5 {font-size:2.4rem;font-weight: 700;color: #141414;margin-top: 20px;}
.contact-list ul li .box .txt p {font-size: 18px;color: #141414;margin-top: 20px;}
.contact-list ul li .box .txt a.more {display: inline-block;margin-top:15px;width:150px;line-height:48px;background:#0E0E0E;border:1px solid #0E0E0E;text-align: center;font-size:18px;font-weight: 700;color:#fff;border-radius:25px;transition: all 0.7s ease 0s;}
.contact-list ul li .box .txt a.mail{display:block;margin-top:20px;font-size:2.2rem;color:#0C0C0C;font-style:oblique;text-decoration: underline;}
.contact-list ul li .box .txt h6{margin-top:20px;font-size:2.2rem;color: #0C0C0C;font-weight: 500;}

.contact-list ul li .box:hover {box-shadow: 0 0 25px #dedede;}
.contact-list ul li .box .txt a.more:hover {background: transparent;color: #0e0e0e;}

.contact-inquiry {margin-top: 40px;padding: 80px;background: #FCFCFC;}
.contact-inquiry h3 {font-size:3.6rem;font-weight: 700;color: #141414;text-align: center;}
.contact-inquiry .inquirbox {margin-top: 45px;}
.contact-inquiry .inquirbox .row + .row{margin-top:12px;}
.contact-inquiry .inquirbox input[type="text"],.contact-inquiry .inquirbox textarea {padding:18px 20px;font-size:18px;border:1px solid #E9E9E9;width:100%;color: #141414;background:transparent;font-weight:500;transition: all 0.7s ease 0s;}
.contact-inquiry .inquirbox textarea{max-width:100%;width:100%;resize:none;}
.contact-inquiry .inquirbox input::placeholder,.contact-inquiry .inquirbox textarea::placeholder{color:rgba(17,18,18,0.23);}
.contact-inquiry .inquirbox input[type="text"]:focus,.contact-inquiry .inquirbox textarea:focus{border-color:#999;}
.contact-inquiry .inquirbox .submit {width: 285px;line-height: 52px;background: #131313;text-align: center;display: block;color: #fff;font-size: 18px;cursor: pointer;border-radius: 30px;transition: all .7s ease 0s;position: relative;z-index: 10;border: 2px solid #131313;margin: 30px auto 0;font-weight: 700;}
.contact-inquiry .inquirbox .more {display: block;position: relative;z-index: 1;text-align: center;}
.contact-inquiry .inquirbox .submit:hover {background: transparent;color: #131313;}


@media screen and (max-width:576px) {
.contact-sidebanner .txt h1{font-size:32px;}
.contact-list ul{margin:0;}
.contact-list ul li{width:100%;padding:10px 0;}
.contact-list ul li .box{padding:20px 10px;}
.contact .tit p{font-size:14px;}
.contact-list ul li .box{box-shadow: 0 0 25px #dedede;}
}

@media screen and (max-width:480px) {
.contact{padding:6rem 0;}
.contact-list ul li .box .txt h5{font-size:18px;}
.contact-list ul li .box .txt h6{margin-top:15px;font-size:16px;}
.contact-list ul li .box .txt p{font-size:15px;margin-top:15px;}
.contact-list ul li .box .txt a.mail{margin-top:15px;font-size:16px;}
}


/*-------------------------*/

.cooperate{display: flex;align-items: center;padding:10rem 0 6rem;}

.cooperate .wrap{width:93rem;margin:0 auto;}

.cooperate .tit{}
.cooperate .tit h3{font-size:2.4rem;color:rgba(12,12,12,0.47);font-weight:500;}
.cooperate .tit h5{font-size:3.6rem;color: #0c0c0c;font-weight:700;margin:22px 0 0;text-align:center;}

.cooperate .tab{margin:40px 0 0;}
.page-selector{width:100%;position:relative;z-index:50;}
.page-selector .selector-item{border:1px solid #C5C5C5;padding:14px 22px;line-height:30px;position:relative;cursor:pointer;}
.page-selector .selector-item em{font-size:2rem;color:#0c0c0c;font-weight:500;}
.page-selector .selector-item span{position:absolute;top:calc(50% - 15px);right:8px;width:30px;height:30px;line-height:30px;color:#444;text-align:center;}
.page-selector .selector-item span i{font-size:18px;}

.page-selector .list{display:none;position:absolute;left:0;right:0;top:60.5px;border:1px solid #CDCDCD;padding:14px 0;background:#fff;box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);}
.page-selector .list .selector-list-box{max-height:256px;overflow-y:auto;}
.page-selector .list .selector-list-box ul{}
.page-selector .list .selector-list-box ul li{font-size:2rem;color:#626262;padding:10px 22px;cursor:pointer;border-radius:4px;}
.page-selector .list .selector-list-box ul li span{width:24px;height:24px;line-height:24px;text-align:center;border-radius:3px;}
.page-selector .list .selector-list-box ul li span::after{content:"\e652";font-family: "qico";font-size:15px;}
.page-selector .list .selector-list-box ul li span:hover{background:#E7E7E7;}
.page-selector .list .selector-list-box ul li:hover{background:#F5F5F5;}
.page-selector .list .selector-list-box ul li.active{color:#000;}

.page-selector .selector-list-add .add-btn{width:100%;font-size:14px;height:32px;padding:5px 15px;border-radius:6px;background:#F5F5F5;cursor:pointer;}
.page-selector .selector-list-add .add-btn i{font-size:14px;margin-right:5px;}
.page-selector .selector-list-add .add-btn:hover{background:#E5E5E8;}


.cooperate-inquiry{margin:50px 0 0;}
.cooperate-inquiry .inquirbox{visibility:hidden;height:0;overflow:hidden;}
.cooperate-inquiry .inquirbox.active{visibility:visible;position:static;height:auto;overflow:visible;}

.cooperate-inquiry .inquirbox .tip{position:absolute;right:18px;top:calc(50% - 10px);z-index:30;}
.cooperate-inquiry .inquirbox .tip span{background:url(../images/question.png);display:block;width:20px;height:20px;cursor:pointer;}
.cooperate-inquiry .inquirbox .tip .tip-box{position:absolute;width:52.6rem;border:1px solid #D6D6D6;top:30px;left:50%;transform:translateX(-50%);padding:3.6rem;background:#fff;display:none;}
.cooperate-inquiry .inquirbox .tip .tip-box::before{content:"";width:0;height:0;left:calc(50% - 12px);top:-10px;position:absolute;border-right:12px solid transparent;border-left:12px solid transparent;border-bottom:10px solid #D6D6D6;}
.cooperate-inquiry .inquirbox .tip .tip-box::after{content:"";width:0;height:0;left:calc(50% - 10px);top:-9px;position:absolute;z-index:2;border-right:10px solid transparent;border-left:10px solid transparent;border-bottom:9px solid #fff;}
.cooperate-inquiry .inquirbox .tip .tip-box p{font-size:1.8rem;color:#707070;line-height:1.5;margin:10px 0 0;}
.cooperate-inquiry .inquirbox .tip:hover .tip-box{display:block;}


div#wpforms-19011 .wpforms-form button[type="submit"]::after{display:none;}



@media screen and (max-width:1367px) {
.cooperate-inquiry .inquirbox .tip .tip-box{left:auto;right:-100px;transform:none;}
.cooperate-inquiry .inquirbox .tip .tip-box::before{left:auto;right:97px;}
.cooperate-inquiry .inquirbox .tip .tip-box::after{left:auto;right:99px;}
}

@media screen and (max-width:1281px){
.cooperate .wrap{width:88%;}
.cooperate-inquiry .inquirbox .tip .tip-box{right:-80px;}
.cooperate-inquiry .inquirbox .tip .tip-box::before{right:77px;}
.cooperate-inquiry .inquirbox .tip .tip-box::after{right:79px;}
}

@media screen and (max-width:1171px){
.cooperate-inquiry .inquirbox .tip .tip-box{right:-40px;}
.cooperate-inquiry .inquirbox .tip .tip-box::before{right:37px;}
.cooperate-inquiry .inquirbox .tip .tip-box::after{right:39px;}
}

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

.cooperate .wrap{width:100%;padding:0 30px;}
.cooperate .tit{text-align:center;}

.page-selector .selector-item{padding:14px 15px;line-height:26px;}
.page-selector .selector-item em{font-size:17px;}
.page-selector .list{top:51px;}
.page-selector .list .selector-list-box ul li{font-size:17px;padding:10px 15px;}

.cooperate-inquiry{margin:35px 0 0;}

.cooperate-inquiry .inquirbox .tip .tip-box{right:-20px;}
.cooperate-inquiry .inquirbox .tip .tip-box::before{right:17px;}
.cooperate-inquiry .inquirbox .tip .tip-box::after{right:19px;}

}

@media screen and (max-width:576px) {
.cooperate .wrap{padding:0 20px;}
}

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

.cooperate .wrap{padding:0 15px;}
.cooperate .tit h5{margin:15px 0 0;}

.cooperate .tab{margin:30px 0 0;}
.page-selector .selector-item{padding:12px 15px;}
.page-selector .selector-item em{font-size:16px;}
.page-selector .list{top:51px;}
.page-selector .list .selector-list-box ul li{font-size:16px;padding:8px 15px;}

.cooperate-inquiry{margin:30px 0 0;}
.cooperate-inquiry .inquirbox .tip .tip-box {width:250px;padding:10px;}
}	

@media screen and (max-width:420px) {
.cooperate{padding:35px 0;}
.page-selector .selector-item em{font-size:15px;}
}


/*---------------------------*/

.find-more {padding:7rem 0;background: #111;}
.find-more h3 {font-size:3.6rem;color: #C7C7C7;line-height: 1;font-weight: 700;text-align: center;}
.find-more ul {display: flex;justify-content: center;margin-top:4rem;}
.find-more ul li {margin:0 3rem;}
.find-more ul li a{color: #A0A0A0;}
.find-more ul li i {font-size:2.5rem;}
.find-more ul li a:hover{color:#fff;}

/*---------------------------*/

.support {position: relative;}
.support .txt {position: absolute;top:50%;transform: translateY(-50%);left: 0;width: 100%;text-align: center;}
.support .txt h3 {font-size:3.6rem;color: #fff;font-weight:700;}
.support .txt p {font-size:2rem;color: #fff;margin-top:2.5rem;}
.support .txt .more{margin-top:3.5rem;}
.support .txt .more a{display: inline-block;padding:0 3rem;line-height:4rem;text-align: center;background: #fff;border-radius: 40px;font-size:1.8rem;color: #141414;transition: all 0.4s ease 0s;}
.support .txt .more a:hover {background:#141414;color: #fff;}

/*---------------------------*/

.more-contact {padding:7rem 0;}
.more-contact h3 {font-size:3.6rem;color: #141414;font-weight: 700;text-align: center;}
.more-contact .t {margin-top:4rem;display: flex;justify-content: center;}
.more-contact .t p {font-size:1.7rem;color: #4C4D52;}
.more-contact .t p + p {margin-left:4rem;}
.more-contact .t p a {color: #03040B;font-size:2.2rem;text-decoration: underline;display: inline-block;margin-left: 10px;}
.more-contact .t p a:hover{font-weight:500;}

@media screen and (max-width:640px) {
.more-contact .t{display:block;text-align:center;}
.more-contact .t p + p{margin:15px 0 0;}
}

@media screen and (max-width:480px) {
.more-contact .t p{font-size:14px;}
.more-contact .t p a{font-size:15px;}
}	



/*---------------------------*/

.contact-partner{display: flex;align-items: center;}
.contact-partner .pic{width: 52.45%;position: relative;}
.contact-partner .pic .t{position: absolute;left:0;right:0;top:11.75%;text-align:center;}
.contact-partner .pic .t h5{font-size:3.6rem;color: #141414;font-weight: 700;}
.partner-inquiry{padding:0 8rem; flex: 1;}

div#wpforms-18613 .wpforms-form button[type="submit"]::after, div#wpforms-18613 .wpforms-form button[type="reset"]::after{display:none;}

div.wpforms-container-full:not(:empty){margin:0 !important;padding:0 !important;}

div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error{padding:0;margin:0;position:absolute !important;right:10px;top:45px;font-size:13px !important;}


/*------------------------------------------------------------*/



@media screen and (max-width:1367px) {
.contact-partner{padding:3rem 0;}
}


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

.contact-partner{display:block;padding:50px 6%;background:#F8F8F8;}
.contact-partner .pic{width:100%;text-align:center;}
.contact-partner .pic img{display:none;}
.contact-partner .pic .t{position:static;}

.partner-inquiry{padding:40px 0 0;}
.partner-inquiry .inquirbox .submit-box{text-align:center;}

div#wpforms-18613 .wpforms-form .wpforms-submit-container{text-align:center;}

}

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

.contact-partner{padding:40px 30px;}

.partner-inquiry .inquirbox .row + .row{margin-top:0;}
.partner-inquiry .inquirbox .row > div{margin-bottom:10px;}
.partner-inquiry .inquirbox em{font-size:17px;margin-bottom:8px;}
.partner-inquiry .inquirbox input[type="text"],.partner-inquiry .inquirbox textarea{padding:10px 15px;font-size:16px;}
.partner-inquiry .inquirbox .submit-box button{width:150px;line-height:40px;font-size:16px;}

}

@media only screen and (max-width: 600px) {
  div.wpforms-container .wpforms-form .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern):not(.wpforms-field-radio):not(.wpforms-field-checkbox):not(.wpforms-field-layout):not(.wpforms-field-repeater) {
    overflow-x:visible !important;
  }
}


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

div#wpforms-19011 .wpforms-form .wpforms-submit-container{margin:20px 0 0 !important;}
div#wpforms-19011 .wpforms-form button[type="submit"] {padding:0 25px !important;line-height:36px !important;height:38px !important;font-size:16px !important;}

div#wpforms-18996 .wpforms-form .wpforms-submit-container{margin:20px 0 0 !important;}
div#wpforms-18996 .wpforms-form button[type="submit"]{padding:0 25px !important;line-height:36px !important;height:38px !important;font-size:16px !important;}


.contact-partner{padding:30px 15px;}

.partner-inquiry .inquirbox em{font-size:16px;}
.partner-inquiry  .inquirbox .submit-box button{width:130px;line-height:36px;font-size:15px;}

div#wpforms-18613 .wpforms-form button[type="submit"], div#wpforms-18613 .wpforms-form button[type="reset"]{
	width: 130px !important;
	line-height: 36px !important;height:36px !important;
	font-size: 15px !important;
}

div#wpforms-18613 .wpforms-form .wpforms-submit-container{margin:20px auto 0 !important;}

}