@charset "UTF-8";
/* FV */
.fv-area.sp_only { margin-left: -4vw !important;}
.p-mainVisual__inner {
    width: 67vw !important;
    margin-right: 0 !important;
    overflow: visible;
    height: calc(100% - 82px - 12vw) !important;
    margin-top: calc(82px + 5vw) !important;
}
.p-mainVisual__textLayer .p-blogParts[data-partsid="4007"] {
    width: 33vw !important;
    height: 100%;
    position: absolute !important;
    top: 50%;
    left: -33vw;
    transform: translate(0, -50%);
    text-shadow: none;
}
.p-mainVisual__slide {
    border-radius: 0.6rem 0 0 0.6rem !important;
}
.fv-catch > span {
    position: relative;
    left: 0.8em;
    top: -0.75em;
}
.fv-catch:before {
    content: "・・・";
    position: absolute;
    left: 50%;
    transform: translate(1.25em, 0);
}
@media (max-width: 959px) {
.fv-catch:before {
    transform: translate(1em, 0);
}
.p-mainVisual__slide {
    border-radius: 0.6rem 0 0 6rem !important;
}
}
figure.blur-img {
    position: absolute !important;
    transform: translate(-50%, -50%);
    width: 25rem;
}
figure.blur-img1 {
    top: 10vh;
    left: 35vw;
}
figure.blur-img2 {
    top: 60vh;
    left: 80vw;
}
figure.blur-img3 {
    top: 0;
    left: 90vw;
}
.swiper-pagination {
    bottom: 3.5rem !important;
}
.swiper-pagination-bullet {
	width: 1rem !important;
	height: 1rem !important;
	opacity: 0.7;
	margin: 0 0.5rem !important;
}
.swiper-pagination-bullet {
  background-color: #ffffff;
}
.swiper-pagination-bullet-active {
    background-color: var(--color_deep02) !important;
	opacity: 1 !important;
}
.p-mainVisual__scroll {
  bottom: 1.75em !important;
}
@media (max-width: 959px) {
.p-mainVisual__inner {
    width: 65vw !important;
    height: calc(100% - 56px - 27.5vh) !important;
    margin-top: calc(56px + 11.25vh) !important;
}
.p-mainVisual__textLayer .p-blogParts[data-partsid="4007"] {
    height: 100%;
    width: 33vw !important;
    left: -35vw;
}
h1.fv-areatext {
    position: absolute;
    width: 100vw;
    bottom: 0;
    margin-bottom: 0;
    transform: translate(0, 125%);
}
p.fv-catch {
    font-size: 2em;
    height: 100%;
    margin-bottom: 0;
    padding-top: 1em;
    letter-spacing: 0.4em;
    white-space: nowrap;
}
p.fv-tel-text .swl-bg-color {
    padding: 0 0.5em;
    border-radius: 3rem;
    margin: 0 0.25em;
}
.fv-tel-text {
transform: translate(-50%, -5rem) !important;
}
figure.blur-img {
    width: 20rem;
}
figure.blur-img1 {
    top: 5vh;
    left: 40vw;
}
figure.blur-img2 {
    top: 55vh;
    left: 45vw;
}
.swiper-pagination {
    bottom: 0.5rem !important;
}
}
@media (max-width: 599px) {
h1.fv-areatext {
padding-left: 10vw;
}
}
@media (min-width: 960px) {
.fv-text-box {
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}
p.fv-tel-text {
    width: 67vw !important;
    bottom: -5rem !important;
    top: initial !important;
    transform: none !important;
    padding: 1rem 0 !important;
    left: 30vw !important;
}
}
@media (min-width: 960px) and (max-width: 1150px){
.p-mainVisual__inner {
    height: calc(100% - 82px - 9vw) !important;
    margin-top: calc(82px + 2vw) !important;
}
p.fv-catch {
    font-size: 1.5em !important;
    margin-bottom: 0 !important;
}
h1.fv-areatext {
    font-size: 1.25em !important;
}
@media (min-width: 960px) {
p.fv-tel-text {
font-size: 1.6em !important;
}
}
}
@media (min-width: 960px) and (max-width: 1080px){
p.fv-tel-text {
        font-size: 1.3em !important;
    }
.swiper-pagination {
    bottom: 2.5rem !important;
}
p.fv-catch {
    font-size: 1.4em !important;
}
}



/* 大切にしていることその1 */
figure.img-overlap {
    position: absolute;
}
figure.img-overlap1 {
    width: 16em;
    top: -13rem;
    left: -2rem;
}
figure.img-overlap2 {
    width: 7em;
    top: -10rem;
    right: -0.25rem;
}
figure.img-overlap3 {
    width: 18em;
    top: 2rem;
    right: -4rem;
}
figure.img-overlap4 {
    width: 12em;
    top: 7rem;
    left: 1rem;
}
@media (max-width: 959px) {
#main_content .post_content .concept-column-left {
    height: 15rem;
    margin-top: 11rem !important;
}
figure.blur-img4 {
    left: -25vw !important;
}
}


/* もしもの時、まず何すればいい？ */
h2.title-emergency {margin-bottom: 1.5rem !important;}
h2.title-emergency .swl-bg-color{border-radius: 2rem;padding: 0.25rem 2rem;line-height: 2;}

/* もしもの時、まず何すればいい？のステップ */
.emergency-flow-section .swell-block-step {
margin-top: 0 !important;
margin-bottom: 1rem !important;
width: fit-content;
margin: 0 auto;
}
.emergency-flow-section .is-style-big>.swell-block-step__item {
padding: 0.25rem 1rem 0.75rem !important;
background-color: #fff;
border: 4px solid var(--color_main) !important;
border-radius: 1.5rem;
margin-bottom: 1rem !important;
}
.emergency-flow-section .swell-block-step__number {position: absolute !important;}
.emergency-flow-section .swell-block-step__title {text-align: left !important;font-size: 1.6em !important;}
.emergency-flow-section .swell-block-step__body {position: relative;margin-top: 0.5em !important;}
.emergency-flow-section .step-situation-box {
position: absolute;
top: -3.75rem;
right: -1rem;
margin: 0 !important;
background-color: var(--color_main) !important;
color: #fff !important;
padding: 0.25rem 0.75rem 0.5rem !important;
border-radius: 0 1rem 0 1rem !important;
}
.post_content .emergency-flow-section .tel-text {margin-bottom: -0.5rem !important;}
.emergency-flow-section .is-style-big>.swell-block-step__item:before {border: 1.5rem solid transparent;border-top: 1.25rem solid var(--color_main);left: 84%;}
@media (min-width: 960px) {
.emergency-flow-section .step-situation-box {top: -4rem;}
}


/* 葬祭費補助金 */
.post_content h3.subsidy-title {font-size: 1.25em !important;}
.subsidy-flex-box {justify-content: space-between !important; align-items: flex-end !important; margin-top: -0.5rem !important;}
.subsidy-box {padding: 1.6rem !important;}

.post_content h3.under-dec:before,
.post_content h3.under-dec:after {
    content: "" !important;
    height: 0.5rem;
    background-color: var(--color_main);
    filter: opacity(0.75);
    bottom: -0.75rem;
    transform: translate(-50%, 50%);
    border-radius: 1rem;
    display: block;
    position: absolute;
}
.post_content h3.under-dec:before {width: 2.4rem;left: calc(50% - 0.75rem);}
.post_content h3.under-dec:after {width: .6rem;left: calc(50% + 1.25rem);}
.subsidy-bgcolor {max-width: 40rem;margin-left: auto;margin-right: auto;border-radius: 2rem;}

/* 斎場一覧のタブ */
@media (max-width: 599px) {
.swell-block-tab.hall-tab {
width: 100vw !important;
margin-left: -4vw !important;
padding: 1.5em 4vw !important;
}
}
figure.hall-recommend-medal {
position: absolute;
top: -1rem;
left: -1rem;
width: 7.5rem;
aspect-ratio: 1;
}

/* コラム一覧 */
.top-column-list h3.p-postList__title {
font-size: 1em !important;
}
.top-column-list .p-postList__excerpt {
margin-top: 0.5rem !important;
}
/* FV: スタッフ写真(2枚目)は上寄せでトリミングし、横長・低い画面(小さいPC/幅960px未満の横長ウィンドウ含む)でも顔が切れないようにする */
.p-mainVisual__slide img[src*="fv-img2"],
.p-mainVisual__slide img[data-src*="fv-img2"] {
object-position: 50% 6%;
}