@charset "UTF-8";

/* 流れの目次リンク */
.sougi-flow-column-wrap > .swell-block-columns__inner {
  justify-content: center;
}
.sougi-flow-column .swell-block-column {
  position: relative;
  transition: all 0.2s;
}
.sougi-flow-column .swell-block-column.sougi-flow-column-text-box:hover {
  opacity: 0.8;
  transform: translateY(0.25rem);
}
.before-sougi-column {
    background-color: #ff5252;
    color: #fff;
    padding: 1rem 0.25rem 0.5rem !important;
}
.sougi-day1-column {
    background-color: #fdff9e;
    
    padding: 1rem 0.25rem 0.5rem !important;
}
.sougi-day2-column {
    background-color: #1464b3;
    color: #fff;
    padding: 1rem 0.25rem 0.5rem !important;
}

.sougi-flow-column p.sougi-flow-column-text {
  writing-mode: vertical-rl;
  margin: 0 auto;
  background-color: var(--color_main);
  color: #fff;
  padding: 0 0.75rem;
  border-radius: 0.25rem;
  height: 11rem;
  text-align: center;
}
@media (max-width: 959px) {
.sougi-flow-column p.sougi-flow-column-text {
  padding: 0 0.25rem;
  height: 12rem;
}
}
@media (max-width: 599px) {
.sougi-flow-column p.sougi-flow-column-text {
  padding: 0 0.1rem;
}
.sougi-flow-column-allow-box {
  display: none;
}
}


/* 葬儀の流れステップ */
.flow-section .flow-column .swell-block-columns__inner {
  justify-content: center !important;
}
.flow-section .is-style-big>.swell-block-step__item {
  padding: 2rem 1rem !important;
}
.post_content .flow-section .habataki-point-step {
  padding-bottom: 0 !important;
}
.flow-section .swell-block-step__number {
  position: absolute !important;
  top: 1.9rem !important;
  left: 0.5rem !important;
  background-color: var(--color_main) !important;
  color: #fff !important;
  padding: 0.3rem 1rem 0.5rem !important;
  border-radius: 2rem !important;
}
.flow-section .swell-block-step__title {
  text-align: left !important;
  padding-left: 5rem !important;
}
.flow-section .is-style-big>.swell-block-step__item {
      border-bottom: 4px dashed var(--swl-step_arrow_color);
}
.flow-section .is-style-big>.swell-block-step__item:first-child {
    border-top: none !important;
}
.flow-section .is-style-big>.swell-block-step__item:before {
    border: 45px solid transparent;
    border-top: 30px solid var(--swl-step_arrow_color);
}
.habataki-point-column .swell-block-columns__inner{
    width: fit-content;
    margin: 0 auto;
    justify-content: center;
}
@media (max-width: 599px) {
.habataki-point-column-img{
  transform: scale(1.5);
  transform-origin: bottom right;
  position: relative;
  left: 1rem;
}
}
.flow-section h4.is-style-balloon_box2 {
    padding: 0.75rem 1.5rem 0.75rem 4rem;
    margin-bottom: 0.5rem !important;
    border-left: 1px solid var(--color_text);
}
.flow-section h4.is-style-balloon_box2::after {
content: "";
    background-image: url(/image_webp/common/icon/icon-alert-red.webp);
    width: 1.5em;
    height: 1.5em;
    font-size: 1em;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(1.75rem, -50%);
}

@media (min-width: 960px) {
.before-flow-section .funeral-worry-column.swell-block-columns {
    --swl-clmn-mrgn--x: 4.5rem !important;
    max-width: 720px;
    margin: 0 auto 1rem;
}
.flow-section .swell-block-step__number {
  left: 0 !important;
}
.flow-section .swell-block-step__title {
  padding-left: 4.5rem !important;
}
}