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

/* 葬儀プラン詳細 プラン概要 */
h1.plan-title {
	margin-bottom: 0.75rem !important;
}
.overview-section .cap_box_content {
  padding: 1.25em 1rem 0.75rem 1rem !important;
}
.overview-section .cap_box_ttl,
.overview-section .cap_box_content {
	border-radius: 0.25rem !important;
}
.overview-section .plan-price {
	align-items: flex-end !important;
	margin-bottom: 0.5rem !important;
}
.plan-limited {
	padding: 0.2rem 0 !important;
	border-radius: 0.25rem;
}
.plan-image img {
	border-radius: 0.25rem;
}
@media (max-width: 959px) {
.overview-section {
	padding-top: 0 !important;
	background: linear-gradient(180deg, #fff 0%, #fff 50%, #f4f2e9 50%, #f4f2e9 100%);
}
.plan-image img {
	border-radius: 0 !important;
}
}
@media (max-width: 599px) {
.plan-flow {
	font-size: 1.1em !important;
	margin-bottom: 0.75rem !important;
}
.plan-flow .swl-bg-color {
	padding: 0.25em 0.5em !important;
}
.overview-section .cap_box_ttl {
	left: 50%;
  transform: translateX(-50%);
}
}
@media (min-width: 960px) {
.overview-section .plan-price {
	font-size: 1.4em !important;
}
}
.overview-section .plan-yen {
  position: inherit !important;
}

/* 葬儀プラン詳細 プラン人数と矢印 */
.overview-section .swell-block-column {
	position: relative;
}
.overview-section .plan-people {
	position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  padding: 0.25rem 1.25rem 0.25rem 1rem;
  z-index: 10;
	border-radius: 0.25rem 0 1rem 0;
  background-color: #689401;
}
.overview-section .plan-flow {
	position: relative;
}
.overview-section .plan-flow:after {
	content: "";
  display: inline-block;
  width: 20em;
  height: 2rem;
  clip-path: polygon(0 30%, 94% 30%, 94% 0, 100% 50%, 94% 100%, 94% 70%, 0 70%);
  position: absolute;
  top: 50%;
  left: 51%;
  transform: translate(-50%, -50%);
  z-index: -10;
}
@media (max-width: 959px) {
.overview-section .plan-flow {
	left: -3.5vw;
	gap: 0.5rem;
}
.overview-section .plan-flow:after {
  width: 21em;
	left: 53.5%;
}
.overview-section .plan-people {
  left: -4vw;
}
.overview-section .plan-people {
	border-radius: 0 0 0.25rem 0;
}
}

/* 葬儀プラン詳細 〇〇とは */
.about-plan { padding: 0.75rem 0 !important; }
@media (max-width: 959px) {
	.choose-column { width: 90%; margin: 0 auto; }
}

/* 葬儀プラン詳細 流れと内容 */
.tel-row.is-row { align-items: center !important; }
.tel-row img { border-radius: 0 !important; }
.planset-column img {
	box-shadow: 3px 2px 0 #919db477 !important;
	margin-bottom: 0.25rem;
}

.overview-section .plan-flow:after,
.overview-section .plan-people {
    background: var(--color_deep02)!important;
}
.plan-flow span.swl-bg-color {
    border-radius: 0.25rem !important;
}
.plan-price {
    justify-content: flex-end;
} 
.plan-yen sup {
position: absolute;
    font-size: 0.75rem;
    top: -0.25rem;
    right: 0;
}

@media (min-width: 960px) {
.plan-flow span.swl-bg-color {
    padding-bottom: 0.1rem !important;
}
}

@media (max-width: 599px) {
    .plan-price-text {
        font-size: 3em !important;
    }
    .plan-limited {
        border-radius: 0 !important;
    }
    .plan-yen sup {
    top: 0 !important;
    }
}

/* その他プラン専用 */
    .plan-name-area {
        padding: 0.75em 0 !important;
    }