@charset "UTF-8";
/* CSS Document */
.mincho{font-family: "Noto Serif JP", serif;}
.mv{
  position: relative;
  text-align: center;
}
.mv .img{width: 100%; height: 950px;object-fit: cover}
.mv h2{position: absolute;left: 0;right: 0;margin: auto;top: 30%;z-index: 10; width: 466px;}
.mv .tel{ background:rgba(166,94,162,0.8);position: absolute;left: 0;right: 0;margin: auto;bottom: 0;padding: 30px 0;color: #fff}
.mv .tel .copy{margin: 12px 0 20px;text-shadow: 0 0 5px rgba(95,40,132,1);}
.mv .tel h3{text-shadow: 0 0 5px rgba(95,40,132,1);}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.mv{ min-width: 100%;}
.mv .inner--base{width: 100%}
.mv .img{width: 100%; height: 350px;object-fit: cover}
.mv h2{width: 90%;;top: 20%;}
.mv .tel{padding: 20px 0}
.mv .tel h3{font-size: 2rem}
.mv .tel .copy{margin: 6px 0 12px;}
}
.page_sec h3{font-weight: bold; font-size: 3.6rem;letter-spacing: 0.1em;text-indent: 0.1em;line-height: 1;}
.page_sec h3 span{font-size: 1.2rem}
@media screen and (max-width: 1200px) {/*小さい画面*/
.page_sec h3{font-size: calc(0.25vw + 2.5rem);line-height: 1.5;}
.page_sec h3 span{font-size: calc(0.25vw + 1rem);}

}




.about{margin-top: 80px;padding: 80px 0; text-align: center;background: url("../service/images/funeral/about_bg.jpg") right center no-repeat;background-size: cover}
.about h2{font-size: 3rem;color: #a65ea2;font-weight: bold;text-shadow: 0 0 5px rgba(95,40,132,0.4);}
.about .copy{font-size: 2rem;margin-top: 50px;margin-bottom: 50px;line-height: 2.8;}
.about li{background: #fff; border-radius: 20px;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;display: flex;    flex-direction: column;position: relative}
.about li .free{font-size: 2rem;background: #e60012;color: #fff;text-align: center;width: 160px;position: absolute;left: 0;right: 0;margin: auto;top: -20px;border-radius: 6px;line-height: 1.6; letter-spacing: 0.1em;text-indent: 0.1em;}
.about li h3{background: linear-gradient(to right,  rgba(144,199,99,1) 0%,rgba(48,174,80,1) 100%);border-radius: 20px 20px 0 0;padding: 18px 0;color: #fff;font-weight: bold; letter-spacing: 0.1em;text-indent: 0.1em;font-size: 2.3rem;}
.about li .box{padding: 20px;}
.about li h4{color: #009944;font-weight: bold; letter-spacing: 0.1em;text-indent: 0.1em;font-size: 2.3rem;padding: 12px 0;margin-bottom: 20px; border-bottom: 1px dashed #4c4948}
.about li p{text-align: left;margin-bottom: 30px}
.st_bt .bt{width: 90%;margin:0px auto 20px}
.st_bt .bt a{display: block;background: #fff;color: #47a555; border: 1px solid  #47a555;border-radius: 50px;padding: 8px 0;position: relative}
.st_bt .bt a:after {    content: "";    position: absolute;    left: 90%;top: 50%; width: 17px;height: 17px;transform: translateY(-50%);	background: url("../service/images/nursing/arrow.svg");background-size: cover}
.st_bt .bt.st1{margin-top: auto}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.about{margin-top: 50px;padding: 50px 0; text-align: center;background-position: 70% center}
.about .copy{font-size: 1.4rem;margin-top: 30px;margin-bottom: 20px;}
.about h2{font-size: calc(0.25vw + 2.2rem);line-height: 1.5;}
.about .col3{width: 86%;margin:30px auto 0}
}


.plan{padding: 80px 0;background: linear-gradient(to bottom,  rgba(246,239,246,1) 0%,rgba(255,255,255,1) 100%);
text-align: center}
.plan h2{width: 80%;margin: auto}

.plan h3{margin:50px 0 30px;  border-bottom: 1px solid #4c4948;border-top: 1px solid #4c4948;padding: 20px 0;background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 40%,rgba(255,255,255,1) 60%,rgba(255,255,255,0) 100%);font-size: 3rem;color: #956dad;}
.plan h3 span{background:#956dad;border-radius: 30px;padding: 3px 12px;font-size: 2rem;color: #fff;margin-right: 20px; }
.plan .photo{width: 650px;margin: auto}
.plan .naiyo{width: 650px;margin: 20px auto 50px}
.plan h4{font-size: 2.5rem;font-weight: bold;letter-spacing: 0.1em;text-indent: 0.1em;margin-bottom: 12px;}
.plan_1 li h5{color: #a65ea2;font-size: 2rem;font-weight: bold;border-bottom: 1px solid #4c4948;margin: 12px 0;padding-bottom: 12px}
.plan_1 li .p_txt{text-align: left}
.plan table{margin: 50px auto 10px;border-collapse: separate;border-spacing:5px; }
.plan caption{text-align: left;color: #956dad;font-weight: bold;font-size: 2rem}
.plan th,.plan td{padding:5px 10px;}
.plan th{text-align:center;background: #f5efe7}
.plan td{text-align: right;background: #d6edf0}
.plan_1 h6{color: #956dad;font-weight: bold;font-size: 2rem;margin-top: 50px}

.plan_2{margin-top: 120px}
.plan_2 h4{color:#a65ea2;font-size: 3rem;margin-top: 30px;list-style: 1.2;text-align: center}
.plan_2 h4 span{font-size: 2rem}
.anotherplan{border-bottom: 1px solid #4c4948;border-top: 1px solid #4c4948;margin-top: 50px; padding: 30px 0;font-size: 2rem}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.plan h2{width: 100%;margin: auto}
.plan h3{font-size: 2rem;}
.plan h3 span{font-size: 1.6rem;margin-right: 0px;margin-bottom: 16px; }
.plan .photo{width: 100%;margin: auto}
.plan .naiyo{width:100%;margin: 20px auto 50px}
.plan h4{font-size: 1.8rem;}
.plan_1 li.col4{width: 80%;margin: 30px auto 0}

.anotherplan .col60{width: 100%;margin-bottom: 12px}
.anotherplan .col40{width: 100%}

.mobile-scroll {width: 100%; overflow-x: scroll;padding-bottom: 12px}
.mobile-scroll table{width: 650px;height: auto}
}


table.st2{margin-top: 0}
.st2 caption{text-align: right;color: #4c4948;font-weight: normal;font-size: 1.3rem}
.st2 .bg1{background:#d6edf0 }
.st2 .bg2{background:#dfeed6 }
.st2 .bg3{background:#fad8dc }

.set{background: #fff;padding: 30px;margin-top: 50px;text-align: left}
.set h3{background: #b0a1cd;color: #fff;font-size: 2.4rem;border: none;text-align: left;padding: 12px 20px;margin: 0 0 30px}
.set dt{color: #a65ea2;font-weight: bold;font-size: 2rem;}
.set dd{margin-left: 20px;}
.set .box{border: 1px solid #231815;padding: 30px;margin-top: 20px}
.line{border-top: 1px dashed #b0a1cd;margin-top: 20px;padding-top: 20px}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.set h3{font-size: 2rem;}
.set dt{font-size: 1.8rem;}
.set .col3_2{width: 100%;margin-bottom: 20px}
.set .col3{width: 100%}
}

.kiyaku .bt{width: 450px;margin: 50px auto 0}
.kiyaku .bt a{text-align: center;border:none;border-radius: 12px;background: #a6659d;color: #fff}
.kiyaku .bt a:after {    content: "";    position: absolute;    left: 90%;top: 50%; width: 13px;height: 13px;transform: translateY(-50%);	background: url("../service/images/funeral/awwor2.svg")}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.kiyaku .bt{width: 90%;}
}



.kaijo{background: #f5f2ec;padding: 80px 0}
.kaijo h2{width: 700px;margin: auto}
.kaijo ul{margin-top: 80px;position: relative}
.kaijo ul:after {    content: "";    height: 100%;    width: 1px;    position: absolute;    top: 0;    left: 50%;	background: #898989}
.kaijo li{width: 42%; text-align: center}
.kaijo h3{font-size: 3rem;margin-bottom: 10px}
.kaijo .tel{font-size: 3rem;font-weight: bold;}
.kaijo .photo{margin: 12px 0 30px}
.kaijo li dl{text-align: left}
.kaijo li dt{color:#a65ea2;font-size: 2rem;font-weight: bold; }
.kaijo li dd{margin-left: 20px}
.kaijo .bus{border:1px solid #a65ea2;background: #fff; padding: 10px;border-radius: 30px;margin-top: 30px;text-align: center;color: #a65ea2}
.map {    position: relative;    width: 100%;    padding-top: 56.25%;    height: 0;}
.map iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.kaijo h2{width: 100%}
.kaijo ul{margin-top: 50px;}
.kaijo li{width: 100%;margin: auto}
.kaijo li:nth-child(2){border-top: 1px solid #898989;margin-top: 30px;padding-top: 30px}
.kaijo ul:after{background: none}
.kaijo h3{font-size: 2rem;}
.kaijo .tel{font-size: 2rem;}
.kaijo .mT80{margin-top: 20px!important}
}

.member{padding: 80px 0;text-align: center}
.member h2{width: 700px;margin: auto}
.member .copy{font-size: 2rem;font-weight: bold;text-align: center;color:#a65ea2;margin-top: 12px;}
.member dl{display: inline-block;margin-top: 50px}
.member dt{color:#a65ea2;font-size: 2rem;font-weight: bold;text-align: left }
.member dd{margin-left: 20px;text-align: left }
.member table{margin: 50px auto 10px;border-collapse: separate;border-spacing:5px; }
.member caption{text-align: left;color: #956dad;font-weight: bold;font-size: 2rem}
.member th,.member td{padding:5px 10px;}
.member th{text-align:center;background: #f5efe7}
.member td{text-align: center;background: #d6edf0}
@media screen and (max-width: 768px) {/*スマホのスタイル*/
.member{padding: 50px 0;}
.member h2{width: 100%;}
}