@charset "utf-8";


/* contact
--------------------------------------------------------------*/
.page-contact { background-color: var(--cl-bg);}

.lead { font-size: 1.6rem; text-align: center;}
.text-emphasis { color: var(--cl-main); font-weight: 700;}

.btn_open { background-color: unset; border: none; background: none; padding: 0;}
.btn_open span {text-decoration: underline; cursor: pointer;}
.btn_open span:hover {text-decoration: none;}
.form-inner { margin: 5rem auto; background-color: #fff; padding: 2rem;}

.form-list { margin-top: 2rem;}
.form dl dt { margin-bottom: 1rem; font-size: 1.6rem;}
.form dl dd input[type="text"] { width: 100%; padding: 1rem; border: none; background: #ececec; height: 5rem;}
.form dl dd textarea { width: 100%; height: 10rem;padding: 0.5rem; border: none; background: #ececec;}
form dl dt .required { margin-left: 0.5rem; color: #00b1fb; font-size: 1.2rem;}
.link-btn { width: auto; margin: 2rem auto 0; text-align: center;}
.link-btn a { display: block; padding: 2rem; color: #FFFFFF; background: #0069b0; border-radius: 4rem;}
.error { color: tomato;}


@media screen and (min-width: 768px) {
.form-inner { padding: 5rem;}
.form-list { display: flex; margin-top: 3rem;}
.form dl dt { width: 20rem; margin-bottom: 0;}
.form dl dd { width: 70%;}
.form dl dd textarea { height: 20rem; padding: 1rem;}
.link-btn { width: 30rem; margin: 5rem auto 0;}
.link-btn a{ padding: 2rem;}
}


@media screen and (min-width: 1024px){
.link-btn { width: 40rem;}
.link-btn a{ padding: 2.5rem;}
}



.modal_content { display: none; width: auto; position: relative;}

.modal_content .wrap	{ background:#fff; margin:8% 6%; padding:2rem 2rem 9rem 2rem; position:relative; font-size: 1.2rem;}

.btn_close { position: absolute; bottom: 20px; left: 50%; right: 0; width: 20rem; margin-left: -10rem; padding: 1.5rem; border: none; background: #0069b0; font-size: 1.4rem; border-radius: 30px;}
@media screen and (min-width: 768px){
.btn_close { bottom: 40px; width: 300px; margin-left: -150px; padding: 25px; font-size: 16px;}
}
@media screen and (min-width: 1024px){
.modal_content {width: 100rem; margin: 8% auto;}    
}