/* 葬儀プラン一覧のカスタムCSS */
.plan-lists4 .swell-block-column {
  position: relative !important;
  transition: 0.2s;
}
.is-style-clmn-shadow.plan-lists4-all > .swell-block-columns__inner > .swell-block-column {
  box-shadow: 6px 4px 0 var(--color_pale01) !important;
  border: 1px solid var(--color_main);
}
.is-style-clmn-shadow.plan-lists4-all .swell-block-column:hover {
  opacity: 0.8;
  transform: translateY(3px);
  transition: 0.2s;
  box-shadow: 3px 1px 0 var(--color_pale01) !important;
}


.plan-lists4 {
  position: relative;
  overflow: hidden;
}
																												   
.plan-lists4 h3.plan-name {
  padding: 0.25em 0 !important;
  width: calc(100% + 1.5rem) !important;
  margin-left: -0.75rem !important;
  margin-bottom: 0.5rem !important;
  font-size: 1.25rem !important;
}
.plan-lists4 .swell-block-columns__inner > .swell-block-column:nth-child(1) h3.plan-name {
  filter: hue-rotate(-15deg);
}
.plan-lists4 .swell-block-columns__inner > .swell-block-column:nth-child(2) h3.plan-name {
  filter: hue-rotate(0);
}
.plan-lists4 .swell-block-columns__inner > .swell-block-column:nth-child(3) h3.plan-name {
  filter: hue-rotate(15deg);
}
.plan-lists4 .swell-block-columns__inner > .swell-block-column:nth-child(4) h3.plan-name {
  filter: hue-rotate(30deg);
}
.plan-lists4 .plan-price {
  justify-content: center !important;
  align-items: flex-end !important;
  margin-bottom: 1rem !important;
  white-space: nowrap !important;
  gap: 0.5rem !important;
}
.plan-lists4 .plan-price-text {
  position: relative !important;
  top: 0.25rem !important;
  letter-spacing: -1px !important;
}
.plan-lists4 .plan-price .swl-marker {
  display: inline-block !important;
  width: calc(100% + 1.5rem) !important;
}
.plan-lists4 .plan-yen {
  margin-left: -0.5rem !important;
  position: relative !important;
}
.plan-lists4 .plan-flow {
  gap: 0.25rem !important;
  align-items: center !important;
  justify-content: center !important;
  white-space: nowrap !important;
  font-size: 1rem !important;
}
.plan-lists4 .plan-flow .plan-people {
  position: relative !important;
  right: 0.25rem !important;
}
.plan-lists4 .plan-flow > p {
  line-height: 1.2 !important;
}
.plan-lists4 .plan-flow p .swl-bg-color {
  padding: 0.2em 0.2em !important;
}
.plan-lists4 .plan-lists-linkicon {
  width: 2rem;
  height: 2rem;
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 0 !important;
}
.plan-lists4 .plan-column {
  margin-bottom: 0.5rem !important;
}
.plan-medal {
  position: absolute;
  width: 5rem;
  height: 5rem;
  top: -0.5rem;
  left: -0.5rem;
  z-index: 10;
}
																												   
.column-box {
  position: relative;
}

/* タブレット対応 */
@media screen and (min-width: 600px) and (max-width: 959px) {
  .plan-lists4 .plan-recommend {
    text-align: center !important;
  }
  .plan-lists4 .plan-price {
    justify-content: center !important;
  }
  .plan-lists4 .plan-flow {
    justify-content: center !important;
    gap: 0.5rem !important;
  }
}

																												   

/* スマホ対応 */
@media (max-width: 599px) {
	.plan-lists4 .swell-block-column {
		padding-left: 0 !important;
	}
	.plan-lists4 .swell-block-columns {
		margin-bottom: 0 !important;
	}
	.plan-lists4 h3.plan-name {
		width: calc(100% + 0.75rem) !important;
		margin-left: 0 !important;
		margin-bottom: 0 !important;
	}
	.plan-lists4 .plan-flow {
		font-size: 0.8em !important;
	}
}