@charset "UTF-8";
/* CSS Document */


/* 電話お問い合わせ */
.tel_box{ background: #f1f8f5; color: #0d892a; border: 1px solid #0d892a;}
.tel_box div{ display: flex;}
.tel_box div a{ display: flex; align-items: center; font-weight: bold; color: #0d892a;}
@media (min-width: 768px) {
.tel_p{ text-align: center;}
.tel_box{ display: flex; flex-direction: column; align-items: center; width: fit-content; margin: 40px auto 0; padding: 50px 80px; border-radius: 15px;}
.tel_box div{ gap: 40px;}
.tel_box div a{ font-size: 30px;}
.tel_box div a img{ width: 40px; height: 40px; margin-right: 10px;}
.tel_box p{ margin-top: 10px;}
}
@media (max-width: 767.98px) {
.tel_box{ padding: 10px; border-radius: 5px; margin-top: 20px;}
.tel_box div{ flex-direction: column; align-items: center;}
.tel_box div a{ font-size: 25px; margin-bottom: 5px;}
.tel_box div a img{ width: 28px; height: 28px; margin-right: 5px;}
.tel_box p{ text-align: center;}

}

/* メールお問い合わせ */
.contact_table{ width: 100%;}
.contact_table tr{ display: flex; border-bottom: 1px solid #e2e2e2;}
/*.contact_table tr:last-child{border: none;}*/
.contact_table th{ font-weight: 500;}
.contact_table th small{ background: #f55; color: #fff; font-weight: bold; padding: 3px 8px; margin-left: 10px; border-radius: 3px;}
.contact_table td input{ border: 1px solid #0d892a; background: #f1f8f5; padding: 7px; border-radius: 5px;}
.contact_table td textarea{ border: 1px solid #0d892a; background: #f1f8f5; padding: 10px; border-radius: 5px;}
.contact_table td input.file_up{ border: none; background: none;}
@media (min-width: 768px) {
.w80{ width: 80%;}
.w50{ width: 50%;}
.w100p{ width: 100%;}
.contact_table{ margin-top: 30px;}
.contact_table tr{ align-items: center; padding: 30px 0;}
.contact_table th{ width: 250px; font-size: 17px;}
.contact_table td{ width: calc( 100% - 250px );}
}
@media (max-width: 767.98px) {
.contact_table tr{ flex-direction: column; padding: 20px 0;}
.contact_table th{ margin-bottom: 5px;}
.contact_table td input{ width: 100%;}
.contact_table td textarea{ width: 100%;}
}

.checkbox-001 { display: flex; flex-wrap: wrap; gap: .5em 2em; border: none;}
.checkbox-001 label { display: flex; align-items: center; gap: 0 .5em; position: relative; cursor: pointer;}
.checkbox-001 label::before,
.checkbox-001 label:has(:checked)::after { content: '';}
.checkbox-001 label::before { width: 17px; height: 17px; border-radius: 3px; background-color: #e6edf3;}
.checkbox-001 label:has(:checked)::before { background-color: #0c892a;}
.checkbox-001 label:has(:checked)::after { position: absolute; top: 7px; left: 6px; transform: rotate(45deg); width: 5px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0;}
.checkbox-001 input { display: none;}


.submit_btn{ display: flex; align-items: center; flex-direction: column;}
.submit_btn a.privacy_link{ text-decoration: underline;}
.comfirming_btn{ background: #0d892a; color: #fff; border: none; display: flex; justify-content: center; align-items: center;}
@media (min-width: 768px) {
.submit_btn{ margin-top: 50px;}
.submit_btn a.privacy_link{ margin-bottom: 5px;}
.comfirming_btn{ width: 150px; margin-top: 20px; padding: 10px; font-size: 17px; border-radius: 5px; transition: .2s;}
.comfirming_btn:hover{ opacity: .8;}
}
@media (max-width: 767.98px) {
.submit_btn{ margin-top: 30px;}
.submit_btn a.privacy_link{ margin-bottom: 5px;}
.comfirming_btn{ width: 100%; margin: 10px 0; padding: 10px; font-size: 15px; border-radius: 5px;}
.comfirming_btn:active{ opacity: .8;}
}


/* 確認ページ */
.submit_btn_chk a.back_btn{ background: #989898; color: #fff; display: flex; justify-content: center; align-items: center;}
@media (min-width: 768px) {
.submit_btn_chk{ flex-direction: row; justify-content: center; gap: 40px;}
.submit_btn_chk .comfirming_btn{ margin-top: 0;}
.submit_btn_chk a.back_btn{ width: 150px; padding: 10px 30px; font-size: 17px; border-radius: 5px; transition: .2s;}
.submit_btn_chk a.back_btn:hover{ opacity: .8;}
}
@media (max-width: 767.98px) {
.submit_btn_chk{ flex-direction: column-reverse; margin-top: 20px;}
.submit_btn_chk a.back_btn{ width: 100%; padding: 10px; border-radius: 5px; font-size: 15px;}
}

/* 送信ページ */
.thankyou_p{ text-align: center;}
.thankyou_a{ background: #0d892a; color: #fff!important; display: flex; justify-content: center; align-items: center;}
@media (min-width: 768px) {
.thankyou_p{ line-height: 2em;}
.thankyou_a{ width: 200px; margin: 40px auto 0; padding: 10px; font-size: 17px; border-radius: 5px; transition: .2s;}
.thankyou_a:hover{ opacity: .8;}
}
@media (max-width: 767.98px) {
.thankyou_p{ line-height: 1.8em;}
.thankyou_a{ width: 100%; margin-top: 25px; padding: 10px; border-radius: 5px; font-size: 15px;}
}

/*  */
@media (min-width: 768px) {}
@media (max-width: 767.98px) {}