@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:-30%; 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 { top:0; 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; }

#content_block { padding:180px 0 100px; width:720px; margin:auto; margin-top:200px; text-align: left; }
#content_block > h3 { padding-top:6px; padding-bottom:6px; padding-left:40px; margin-bottom:50px; text-align:left; font-size:22px; font-weight: normal; letter-spacing: 0.1em; border-top:solid 1px #8bcb81; border-bottom:solid 1px #8bcb81; position:relative; }
#content_block > h3::after { content: ""; position:absolute; width:200px; height:100%; background-image: url("../img/title_icon.png"); background-size: contain; background-size: contain; background-repeat: no-repeat; top:0; right:0; }
#content_block > h3 > span { font-size:13px; color:#555; letter-spacing: 0; padding-left:20px; vertical-align: middle; }
@media screen and (max-width:900px) {
    #content_block { padding:130px 0 80px; width:84%;  margin-top:160px; }
    #content_block > h3 { font-size:18px; padding-left:10px; margin-bottom:30px; }
    #content_block > h3::after { right:10px; bottom:0; width:120px; height:100%; background-image: url("../img/title_icon_sp.png"); background-size: cover; background-repeat: no-repeat; }
    #content_block > h3 > span { font-size:11px; }
}


div#schedule_txt { width:640px; margin:auto; margin-bottom:100px; }
div#schedule_txt div.schedule_flex { display: flex; gap:5%; }
div#schedule_txt div.schedule_flex div:first-child { width:15%; }
div#schedule_txt div.schedule_flex div:last-child { width:80%; }
div#schedule_txt div.schedule_flex div > p { line-height: 2; }
div#schedule_txt div.schedule_flex div > p > span { font-size: 90%; padding-left: 10px;; }
@media screen and (max-width:900px) {
    div#schedule_txt { width:100%; }
    div#schedule_txt div.schedule_flex { gap:3%; }
    div#schedule_txt div.schedule_flex div:first-child { width:22%; }
    div#schedule_txt div.schedule_flex div:last-child { width:75%; }
    div#schedule_txt div.schedule_flex div > p { line-height: 1.4; padding-top:5px; padding-bottom:5px; }
}

div#prayer_block { width:640px; margin:auto; }
div#prayer_block div.prayer_txt > p { margin-bottom:15px; }
div#prayer_block div.prayer_emphasis { margin:40px auto 30px; }
div#prayer_block div.prayer_emphasis > p { background-color:#8bcb81; color:#fefefe; border-radius: 3px; padding:5px 1em; }
div#prayer_block div#prayer_kinds > div { display: flex; flex-wrap: wrap; margin-bottom:20px; }
div#prayer_block div#prayer_kinds > div > p { font-size:18px; letter-spacing: 1px; width:20%; line-height: 1.3; padding-bottom:10px; }
div#prayer_block div#prayer_kinds > div > p > a { color:#020202; display: inline-block; position:relative; transition: all 0.6s ease-in-out; }
div#prayer_block div#prayer_kinds > div > p > a:hover { color:#de7777; }
div#prayer_block div#prayer_kinds > div > p > a::after { content: ""; width:100%; height:1px; left:0; bottom:0; background-color:#020202; position:absolute; transition: all 0.6s ease-in-out; transform: scale(1,1); transform-origin: left bottom; }
div#prayer_block div#prayer_kinds > div > p > a:hover::after { animation: lineBack 0.8s ease-in-out; background-color:#de7777; }
@keyframes lineBack {
    0% { transform: scale(0,1); }
    100% { transform: scale(1,1); }
}
div#prayer_block div#prayer_kinds > p#kinds_info { font-size:13px; }

@media screen and (max-width:900px) {
    div#prayer_block { width:100%; }
    div#prayer_block div#prayer_kinds > div > p { width:33.3%; font-size:15px; }
    div#prayer_block div#prayer_kinds > p#kinds_info { font-size:11px; }
}



div#prayer_block h4 { font-size:18px; margin-top:60px; letter-spacing: 0.1em; position:relative; }
div#prayer_block h4::after { content: ""; position:absolute; width:85%; height:1px; background-color:#666; top:49%; right:0;  }
div#prayer_block p.reception_tel { font-size:24px; margin-top:10px; }
div#prayer_block p.reception_tel > span { font-size:16px; padding-right:10px; }
div#prayer_block p.reception_info { font-size:15px; margin-bottom:40px; }
div#prayer_block div#reception_caution { padding:5% 8%; border:solid 1px #d11f1f; color:#d11f1f; }
div#prayer_block div#reception_caution h5 { font-size:20px; letter-spacing: 0.1em; margin-bottom:10px; text-align:center; }
div#prayer_block div#reception_caution p { font-size:15px; }
@media screen and (max-width:900px) {
    div#prayer_block h4::after { width:68%; }
    div#prayer_block p.reception_tel { font-size:20px; margin-top:10px; }
    div#prayer_block p.reception_tel > span { font-size:13px; padding-right:10px; }
    div#prayer_block p.reception_info { font-size:12px; }
    div#prayer_block div#reception_caution h5 { font-size:15px; }
    div#prayer_block div#reception_caution p { font-size:13px; }
}