@charset "utf-8";

section#main_block { padding-top:100px; background-color:#fefefe; }

div#main_block_bg { position:relative; /* background-image: url("../img/main_history.jpg");  background-repeat: no-repeat; background-position: center top; background-size: contain; background-attachment: fixed; */ }
div#main_block_bg::before { content: ""; display: block; position:fixed; top:0; left:0; z-index: -1; width:100%; height:80%; background-repeat: repeat-y; background-image:url('../img/main_sanpai.jpg'); background-position: top center; background-size: cover; }

div#main_block_bg > h2 { font-size:22px; letter-spacing: 0.2em; font-weight: normal; position:absolute; top:300px; left:50%; transform: translateX(-50%); }
div#main_block_bg > h2::before { content: ""; position:absolute; top:-110%; left:50%; transform: translateX(-50%); width:40px; height:40px; background-image: url("../img/logo_green.png"); background-size: contain; background-repeat: no-repeat; background-position: center; }
div#main_block_bg > p { position:absolute; top:350px; left:50%; transform: translateX(-50%); }

@media screen and (max-width:900px) {
    section#main_block { padding-top:70px; background-color:#fefefe; }
    section#main_block::before { height:70px; }
    div#main_block_bg::before { height:50%; background-image:url('../img/main_sanpai.jpg'); background-repeat: no-repeat; background-position: top center; background-size: contain; }
    div#main_block_bg > h2 { font-size:18px; top:230px; }
    div#main_block_bg > h2::before{ top:-110%; width:32px; height:32px; }
    div#main_block_bg > p { top:275px; width:100%; }
}

#white_bg { background-color:#fefefe; }


#tel_fax_block { padding:180px 0 0; width:720px; margin:auto; margin-top:200px; text-align: left; }
#tel_fax_block > h3 { text-align:center; font-size:20px; font-weight: normal; letter-spacing: 0.15em; position:relative; }
#tel_fax_block > h3::before { content: ""; width:23%; height:1px; background-color: #555; position:absolute; left:0; top:49%; }
#tel_fax_block > h3::after { content: ""; width:23%; height:1px; background-color: #555; position:absolute; right:0; top:49%; }
#tel_fax_block > p { letter-spacing: 1px; text-align: center; margin-top:20px; }

#tel_fax_block div#tel_fax_flex { display: flex; justify-content: center; margin-top:30px; gap:5%; }
#tel_fax_block div#tel_fax_flex > div > p { font-size:30px; letter-spacing: 0; }
#tel_fax_block div#tel_fax_flex > div > p > span { font-size:20px; padding-right:10px; }

@media screen and (max-width:900px) {
    #tel_fax_block { padding:130px 0 40px; width:84%; margin-top:160px; }
    #tel_fax_block > h3 { font-size:18px; letter-spacing: 2px; line-height: 1.4; }
    #tel_fax_block > h3::before { width:18%; }
    #tel_fax_block > h3::after { width:18%; }
    #tel_fax_block > h3 > span { font-size:16px; }
    #tel_fax_block > p { text-align:left; }

    #tel_fax_block div#tel_fax_flex { display: block; gap:0; text-align:center; margin-top:15px; }
    #tel_fax_block div#tel_fax_flex > div > p { font-size:28px; }
    #tel_fax_block div#tel_fax_flex > div > p > span { font-size:18px; }
}

#mail_block { padding:20px 0 100px; width:720px; margin:auto; margin-top:80px; text-align: left; }
#mail_block > h3 { text-align:center; font-size:20px; font-weight: normal; letter-spacing: 0.15em; position:relative; }
#mail_block > h3::before { content: ""; width:23%; height:1px; background-color: #555; position:absolute; left:0; top:49%; }
#mail_block > h3::after { content: ""; width:23%; height:1px; background-color: #555; position:absolute; right:0; top:49%; }
#mail_block > p { letter-spacing: 1px; text-align: center; margin-top:20px; }
#mail_block p.mail_info { color:#d11f1f; font-size:14px; margin-bottom:40px; }
@media screen and (max-width:900px) {
    #mail_block { width:84%; margin-top:30px; }
    #mail_block > h3 { font-size:18px; letter-spacing: 2px; }
    #mail_block > h3::before { width:10%; }
    #mail_block > h3::after { width:10%; }
    #mail_block > p { text-align:left; }
    #mail_block p.mail_info { font-size:12px; }
}


#mail_block #mail_form { margin-top:40px; margin-bottom:50px; }
#mail_block #mail_form ul li { border-top:solid 1px #8bcb81; padding-top:20px; padding-bottom:20px; }
#mail_block #mail_form ul li:last-child { border-bottom:solid 1px #8bcb81; }
#mail_block #mail_form ul li.form_type01 { margin:auto; text-align:center; }
#mail_block #mail_form ul li.form_type01 label:hover { cursor: pointer; }
#mail_block #mail_form ul li.form_type01 input[type="radio"] { position: relative; top:2px; width: 20px; height: 20px; margin-right:8px; margin-left:25px; border: 1px solid #8bcb81; border-radius: 50%; vertical-align: -2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#mail_block #mail_form ul li.form_type01 input[type="radio"]:hover { cursor: pointer; }
#mail_block #mail_form ul li.form_type01 input[type="radio"]:first-child { margin-left:0; }
#mail_block #mail_form ul li.form_type01 input[type="radio"]:checked:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; height: 15px; border-radius: 50%; background: #8bcb81; content: ''; }
#mail_block #mail_form ul li.form_type02 { display: flex; justify-content: center; align-items: center; gap:5%; }
#mail_block #mail_form ul li.form_type02 > div:first-child { width:20%; text-align:right; }
#mail_block #mail_form ul li.form_type02 > div:last-child { width:50%; text-align:left; }
#mail_block #mail_form ul li.form_type02 > div:last-child input[type='text'] { border:solid 1px #ccc; padding:8px 10px; width:100%; }
#mail_block #mail_form ul li.form_type02 > div:last-child textarea { border:solid 1px #ccc; resize: none; padding:8px 10px; width:100%; height:200px; margin-top:4px; }

#mail_block #mail_form input[type="submit"] { display: block; margin:40px auto; padding:8px; width:80%; text-align:center; background-color: #8bcb81; border:none; color:#fefefe; border-radius: 2px; letter-spacing: 1px; font-size:20px; font-family: YakuHanMP_Noto, 'Utsukushi', "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif; }
#mail_block #mail_form input[type="submit"]:hover { cursor: pointer; background-color: #6bab61; }

@media screen and (max-width:900px) {
    #mail_block #mail_form ul li.form_type01 { text-align:left; padding-left:5%; }
    #mail_block #mail_form ul li.form_type01 label { font-size:15px; }
    #mail_block #mail_form ul li.form_type01 input[type="radio"] { margin-left:0; }

    #mail_block #mail_form ul li.form_type02 > div:first-child { width:30%; }
    #mail_block #mail_form ul li.form_type02 > div:last-child { width:65%; }

    #mail_block #mail_form input[type="submit"] { font-size:16px; width:100%; }
}

#mail_block #mail_form div#button_block { margin:auto; text-align:center; }
#mail_block #mail_form div#button_block input[type="submit"] { display: inline-block; margin:40px 2%; padding:8px; width:38%; text-align:center; background-color: #8bcb81; border:none; color:#fefefe; border-radius: 2px; letter-spacing: 1px; font-size:20px; font-family: YakuHanMP_Noto, 'Utsukushi', "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif; }
#mail_block #mail_form div#button_block input[type="submit"]:hover { cursor: pointer; background-color: #6bab61; }

#mail_block div.thanks_txt p { font-size:110%; text-align:center; }