@charset "utf-8";

/* style */
/* -------------------------------------------------------- */
.contact-sec .txt1 {text-align:center; margin:66px 0 0 0;}
.contact-sec .txt1 dt {font-size:3.4rem; font-weight:700;}
.contact-sec .txt1 dd {font-size:2.0rem; margin:0.5em 0 0 0;}
.contact-sec .txt2 {margin:30px -40px 0 -40px; display:flex; justify-content:center;}
.contact-sec .txt2 > li {max-width:475px; width:100%; padding:0 40px; box-sizing:border-box;}
.contact-sec .txt2 a {width:100%; height:63px; font-size:2.0rem; font-weight:700; text-decoration:none; color:#fff; background-color:#FB624D; border:solid 1px #E88F2A; display:flex; justify-content:center; align-items:center; transition:opacity 0.3s ease;}
.contact-sec .txt2 a:hover {opacity:0.7;}
.contact-sec .txt2 a .blank {padding:0 36px 0 0; display:inline-block; position:relative;}
.contact-sec .txt2 a .blank::before {content:''; width:20px; height:20px; margin:-10px 0 0 0; background:url(../img/common/icon_blank.svg) no-repeat center center; background-size:cover; display:block; position:absolute; top:50%; right:0;}
.contact-sec .txt3 {font-size:3.4rem; font-weight:700; text-align:center; margin:160px 0 0 0;}
.contact-sec .txt4 {text-align:left; margin:15px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.contact-sec .txt4 > div:nth-of-type(1) {font-size:2.4rem; font-weight:700;}
.contact-sec .txt4 > div:nth-of-type(2) {font-size:1.8rem; font-weight:500;}
.contact-sec .txt4 > div:nth-of-type(3) {width:100%; font-size:1.8rem; font-weight:500;}
.contact-sec .clm {margin:-40px -22px 0 -22px; display:flex; flex-wrap:wrap; justify-content:center;}
.contact-sec .clm > div {width:33.33%; padding:70px 22px 0 22px; box-sizing:border-box;}

@media screen and (max-width:767px){
	.contact-sec .txt1 {margin:30px 0 0 0;}
	.contact-sec .txt1 dt {font-size:3.0rem;}
	.contact-sec .txt1 dd {font-size:1.7rem;}
	.contact-sec .txt2 {max-width:380px; margin:0 auto; display:block;}
	.contact-sec .txt2 > li {padding:25px 0 0 0;}
	.contact-sec .txt2 a {height:60px; font-size:1.9rem;}
	.contact-sec .txt3 {font-size:3.0rem; margin:90px 0 0 0;}
	.contact-sec .txt4 {text-align:left; margin:15px 0 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
	.contact-sec .txt4 > div:nth-of-type(1) {font-size:2.4rem;}
	.contact-sec .txt4 > div:nth-of-type(2) {font-size:1.8rem;}
	.contact-sec .txt4 > div:nth-of-type(3) {font-size:1.7rem;}
	.contact-sec .clm {margin:-30px 0 0 0; display:block;}
	.contact-sec .clm > div {width:auto; padding:50px 0 0 0;}
}