@charset "UTF-8";
#top_title_area {display: none !important;}

@media (max-width: 599px) {
.swell-block-tab .plan-table {
width: 100vw;
margin-left: -4vw;
}
}

@media (max-width: 599px) {
.swell-block-tab .plan-people {
  margin-left: -4vw !important;
}
}

.is-style-balloon>.c-tabList .c-tabList__button:hover,
.is-style-balloon>.c-tabList .c-tabList__button[aria-selected=true] {
background-color: var(--color_pale01) !important;
color: var(--color_text) !important;
}
.is-style-balloon>.c-tabList .c-tabList__button:before {
border-top: 8px solid var(--color_pale01) !important;
}
.c-tabList__button {
font-size: 1rem !important;
}

@media (max-width: 599px) {
.planset-column figcaption {
font-size: .75em !important;
}
}



/* 葬儀プラン詳細 プランナビゲーション */
.plan-selector .swell-block-columns__inner {align-items: flex-start !important;}
.plan-selector .swell-block-column {position: relative;}
.plan-select-btn {padding: 0.9rem 0 !important;font-size: 0.8em !important;opacity: 0.9;}
.plan-active {
  padding: 0.5rem 0 1rem !important;
  font-size: 1.2em !important;
  opacity: 1;
  border-radius: 0 0 0.6rem 0.6rem;
}
.plan-active:after {
border: 10px solid transparent;
border-bottom: 0;
border-top: 10px solid var(--color_pale01);
bottom: -10px;
content: "";
display: block;
left: 50%;
position: absolute;
transform: translateX(-50%);
transition: opacity .25s;
}

/* 葬儀プラン詳細 プラン概要 */
.plan-image img {border-radius: 0.25rem;}
@media (max-width: 959px) {
.plan-image img {border-radius: 0 !important;}
}
@media (max-width: 599px) {
figure.plan-image {width: 100vw;margin-left: -4vw;}
}

/* 葬儀プラン詳細 流れと内容 */
.planset-column img {margin-bottom: 0.25rem;}

.plan-content-notcontain img {filter: grayscale(0.75);opacity: 0.75;}