html {
  color: #343434;
  line-height: 1;
  font-family: 'Noto Sans JP';
  font-weight: 700;
  overflow-x: hidden;
}

.title-box {
  background-image: url(../images/title-bg.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  text-align: center;
}

h2 {
  font-size: 53px;
  text-align: center;
}

.inner {
  max-width: 1190px;
  width: 100%;
  margin: 0 auto;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 1920px) {
  h2 {
    font-size: 2.76vw;
  }

  .inner {
    max-width: 61.979vw;
  }
}

@media screen and (max-width: 768px) {
  h2 {
    font-size: 28px;
  }

  .inner {
    max-width: 375px;
    width: 100%;
    margin: 0 auto;
  }

  .sp-only {
    display: block;
  }

  .pc-only {
    display: none;
  }
}


@media screen and (max-width: 374px) {
  h2 {
    font-size: 7.467vw;
  }

  .inner {
    max-width: 100vw;
    width: 100%;
    margin: 0 auto;
  }
}

/****************************************************
  fv
****************************************************/
.fv {
  background: linear-gradient(0deg, #44b039 0%, #fff 100%);
}

.fv__title {
  padding: 30px 0;
  font-size: 39px;
  letter-spacing: 0.07em;
}

.fv__title .pc-only {
  display: flex;
  justify-content: center;
  align-items: center;
}

.fv__title01,
.fv__title02 {
  font-size: 60px;
  color: #ea5459;
}

.fv__title--height {
  padding-top: 5px;
}

.fv__title--space {
  letter-spacing: -0.08em;
}

.fv__title img {
  width: 184px;
  padding-bottom: 15px;
}

.fv__picture {
  width: 100%;
}

.fv__bottom {
  position: relative;
  height: 100px;
}

.fv__bottom-wrap {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: end;
  justify-content: center;
  gap: 25px;
}

.fv__price {
  display: flex;
  gap: 20px;
}

.fv__price-text img {
  width: 420px;
}

.fv__point {
  display: flex;
  align-items: center;
  gap: 10px;
}

.fv__point-text {
  width: 194px;
  height: 194px;
  font-size: 26px;
  position: relative;
  text-align: center;
  align-content: center;
  z-index: 1;
  font-family: 'Noto Serif JP';
  font-weight: 500;
}

.fv__point-text:nth-of-type(1) {
  padding-bottom: 30px;
}

.fv__point-text:nth-of-type(2) {
  padding-top: 22px;
}

.fv__point-text::before {
  content: "";
  display: inline-block;
  background-image: url(../images/fv/fv-point-bg.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 194px;
  height: 194px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.15));
}

.fv__point--color01 {
  font-size: 64px;
  margin-top: 3px;
  background: linear-gradient(158deg, #b88719 0%, #d4ad00 50%, #b88719 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Zen Old Mincho';
}

.fv__point--color02 {
  font-size: 54px;
  margin: -7px 0 2px 6px;
  background: linear-gradient(158deg, #b88719 0%, #d4ad00 50%, #b88719 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Zen Old Mincho';
  line-height: 1.25;
  letter-spacing: -0.05em;
}

.fv__point--color03 {
  padding-top: 5px;
  font-size: 40px;
  background: linear-gradient(158deg, #b88719 0%, #d4ad00 50%, #b88719 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'Zen Old Mincho';
  line-height: 1.1;
  font-weight: 700;
}

.fv__point--size {
  font-size: 31px;
  font-family: 'Noto Serif JP';
  font-weight: 700;
}

.fv__point--size02 {
  font-size: 24px;
  font-family: 'Noto Serif JP';
  font-weight: 700;
  letter-spacing: -0.05em;
}

.fv__point-text02 {
  font-family: 'Noto Sans JP';
  font-size: 10px;
  padding-top: 6px;
  line-height: 1.3;
  font-weight: 700;
}

.fv__point--space {
  margin-top: -3px;
  display: block;
}

@media screen and (max-width: 1920px) {
  .fv__title {
    padding: 1.563vw 0;
    font-size: 2.031vw;
  }

  .fv__title01,
  .fv__title02 {
    font-size: 3.125vw;
  }

  .fv__title--height {
    padding-top: 0.26vw;
  }

  .fv__title img {
    width: 9.583vw;
  }

  .fv__bottom {
    height: 5.208vw;
  }

  .fv__bottom-wrap {
    bottom: 1.042vw;
    gap: 1.302vw;
  }

  .fv__price {
    display: flex;
    gap: 1.042vw;
  }

  .fv__price-text img {
    width: 21.875vw;
  }

  .fv__point {
    gap: 0.521vw;
  }

  .fv__point-text {
    width: 10.104vw;
    height: 10.104vw;
    font-size: 1.354vw;
  }

  .fv__point-text:nth-of-type(1) {
    padding-bottom: 1.563vw;
  }

  .fv__point-text:nth-of-type(2) {
    padding-top: 1.146vw;
  }

  .fv__point-text::before {
    width: 10.104vw;
    height: 10.104vw;
    filter: drop-shadow(0.208vw 0.208vw 0.208vw rgba(0, 0, 0, 0.15));
  }

  .fv__point--color01 {
    font-size: 3.333vw;
    margin-top: 0.156vw;
  }

  .fv__point--color02 {
    font-size: 2.813vw;
    margin: -0.365vw 0 0.104vw 0.313vw;
  }

  .fv__point--color03 {
    padding-top: 0.26vw;
    font-size: 2.083vw;
  }

  .fv__point--size {
    font-size: 1.615vw;
  }

  .fv__point--size02 {
    font-size: 1.25vw;
  }

  .fv__point-text02 {
    font-size: 0.521vw;
    padding-top: 0.365vw;
  }

  .fv__point--space {
    margin-top: -0.156vw;
  }
}

@media screen and (max-width: 768px) {
  .fv {
    background: unset;
  }

  .fv__title {
    padding: 25px 0;
    font-size: 17px;
    text-align: center;
    background: linear-gradient(0deg, #daf5e4 0%, #fff 50%);
  }

  .fv__title .pc-only {
    display: none;
    justify-content: center;
    align-items: center;
    text-align: center;
  }

  .fv__title01-sp {
    font-size: 27px;
    color: #ea5459;
  }

  .fv__title--height-sp {
    padding-top: 5px;
  }

  .fv__title img {
    width: 333px;
    margin-top: 10px;
    padding-bottom: 0;
  }

  .fv__picture {
    width: 100%;
  }

  .fv__bottom {
    position: relative;
    height: 196px;
    background: linear-gradient(0deg, #5bbe51 0%, #fff 100%);
  }

  .fv__bottom-wrap {
    position: absolute;
    bottom: 15px;
    flex-flow: column-reverse;
    gap: 15px;
  }

  .fv__price {
    display: flex;
    gap: 15px;
  }

  .fv__price-text img {
    width: 155px;
  }

  .fv__point {
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .fv__point-text {
    width: 108px;
    height: 108px;
    font-size: 14px;
  }

  .fv__point-text02 {
    font-size: 14px;
  }

  .fv__point-text:nth-of-type(1) {
    padding-bottom: 20px;
  }

  .fv__point-text:nth-of-type(2) {
    padding-top: 11px;
  }

  .fv__point-text:nth-of-type(3) {
    padding-bottom: 3px;
  }

  .fv__point-text::before {
    width: 108px;
    height: 108px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.15));
  }

  .fv__point--color01 {
    font-size: 36px;
    margin-top: 2px;
  }

  .fv__point--color02 {
    font-size: 30px;
    padding-bottom: 2px;
    margin-top: -1px;
    margin-bottom: -2px;
    margin-left: 5px;
  }

  .fv__point--color03 {
    padding-top: 3px;
    font-size: 22px;
    line-height: 1.2;
  }

  .fv__point--size {
    font-size: 17px;
  }

  .fv__point--size02 {
    font-size: 14px;
  }

  .fv__point-text02 {
    font-size: 5px;
    padding-top: 3px;
  }

  .fv__point--space {
    margin-top: -0.156vw;
  }
}

@media screen and (max-width: 374px) {

  .fv__title {
    padding: 6.667vw 0;
    font-size: 4.533vw;
  }

  .fv__title01-sp {
    font-size: 7.2vw;
  }

  .fv__title--height-sp {
    padding-top: 1.333vw;
  }

  .fv__title img {
    width: 88.8vw;
    margin-top: 2.667vw;
  }

  .fv__bottom {
    height: 52.267vw;
  }

  .fv__bottom-wrap {
    bottom: 4vw;
    gap: 4vw;
  }

  .fv__price {
    gap: 4vw;
  }

  .fv__price-text img {
    width: 41.333vw;
  }

  .fv__point {
    gap: 1.333vw;
  }

  .fv__point-text {
    width: 28.8vw;
    height: 28.8vw;
    font-size: 3.733vw;
  }

  .fv__point-text02 {
    font-size: 3.733vw;
  }

  .fv__point-text:nth-of-type(1) {
    padding-bottom: 5.333vw;
  }

  .fv__point-text:nth-of-type(2) {
    padding-top: 2.933vw;
  }

  .fv__point-text:nth-of-type(3) {
    padding-bottom: 0.8vw;
  }

  .fv__point-text::before {
    width: 28.8vw;
    height: 28.8vw;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.15));
  }

  .fv__point--color01 {
    font-size: 9.6vw;
    margin-top: 0.533vw;
  }

  .fv__point--color02 {
    font-size: 8vw;
    padding-bottom: 0.533vw;
    margin-top: -0.267vw;
    margin-bottom: -0.533vw;
    margin-left: 1.333vw;
  }

  .fv__point--color03 {
    padding-top: 0.8vw;
    font-size: 5.867vw;
    line-height: 1.2;
  }

  .fv__point--size {
    font-size: 4.533vw;
  }

  .fv__point--size02 {
    font-size: 3.733vw;
  }

  .fv__point-text02 {
    font-size: 1.333vw;
    padding-top: 0.8vw;
  }
}

/****************************************************
  cta
****************************************************/
.cta {
  width: 100%;
  padding: 25px 0 25px;
  background-color: #fff;
  overflow: hidden;
  position: fixed;
  bottom: -1px;
  left: 0;
  z-index: 100;
}

.cta__flex {
  display: flex;
  justify-content: center;
  gap: 25px;
  margin-left: 8%;
}

.cta__tel {
  width: 513px;
  border-bottom-right-radius: 9px;
  position: relative;
  transition: .3s;
}

.cta__tel-wrap {
  padding: 16px 0 7px;
  filter: drop-shadow(4px 4px 3px rgba(0, 0, 0, 0.25));
  text-align: center;
  border-radius: 57px;
  background-color: #ea5459;
  border: 4px solid #e63137;
}


.cta__tel-number {
  padding-left: 33px;
  font-size: 53px;
  letter-spacing: 0.02em;
  color: #fff;
  position: relative;
  display: inline-block;
}

.cta__tel-number::before {
  content: "";
  display: inline-block;
  background-image: url(../images/cta/cta-tel.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 35px;
  height: 39px;
  position: absolute;
  top: 29%;
  left: -6px;
}

.cta__tel-message {
  padding: 4px 0 5px;
  font-size: 16px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta__tel-message span {
  font-size: 22px;
  color: #f4ed36;
  letter-spacing: 0.1em;
}


.cta__tel-note {
  /* position: absolute;
  top: 50%;
  right: 50%;
  transform: translateY(-50%); */
  position: relative;
}

.cta__tel-note img {
  width: 360px;
  padding-top: 15px;
}

.cta__human {
  position: absolute;
  bottom: -25px;
  left: -70%;
}

.cta__human-wrap {
  position: relative;
}

.cta__human img {
  width: 250px;
}

@media screen and (min-width: 768px) {

  .cta__tel:hover,
  .cta__mail:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 1920px) {
  .cta {
    width: 100%;
    padding: 1.302vw 0 1.302vw;
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    bottom: -0.052vw;
    left: 0;
    z-index: 100;
  }

  .cta__flex {
    display: flex;
    justify-content: center;
    gap: 1.302vw;
    margin-left: 8%;
  }

  .cta__tel {
    width: 26.719vw;
    border-bottom-right-radius: 0.469vw;
    position: relative;
    transition: .3s;
  }

  .cta__tel-wrap {
    padding: 0.833vw 0 0.365vw;
    filter: drop-shadow(0.208vw 0.208vw 0.156vw rgba(0, 0, 0, 0.25));
    text-align: center;
    border-radius: 2.969vw;
    background-color: #ea5459;
    border: 0.208vw solid #e63137;
  }


  .cta__tel-number {
    padding-left: 1.719vw;
    font-size: 2.76vw;
    letter-spacing: 0.02em;
    color: #fff;
    position: relative;
    display: inline-block;
  }

  .cta__tel-number::before {
    content: "";
    display: inline-block;
    background-image: url(../images/cta/cta-tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 1.823vw;
    height: 2.031vw;
    position: absolute;
    top: 29%;
    left: -0.312vw;
  }

  .cta__tel-message {
    padding: 0.208vw 0 0.26vw;
    font-size: 0.833vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .cta__tel-message span {
    font-size: 1.146vw;
    color: #f4ed36;
    letter-spacing: 0.1em;
  }


  .cta__tel-note {
    position: relative;
  }

  .cta__tel-note img {
    width: 18.75vw;
    padding-top: 0.781vw;
  }

  .cta__human {
    position: absolute;
    bottom: -1.302vw;
    left: -70%;
  }

  .cta__human-wrap {
    position: relative;
  }

  .cta__human img {
    width: 13.021vw;
  }
}

@media screen and (max-width: 768px) {
  .cta {
    width: 100%;
    padding: 12px 0 12px;
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    bottom: -0.5px;
    left: 0;
    z-index: 100;
}

.cta__flex {
    display: flex;
    justify-content: center;
    gap: 12px;
    margin-left: 0;
}

.cta__tel {
    width: 180px;
    border-bottom-right-radius: 2px;
}

.cta__tel-wrap {
    padding: 6px 0 4px;
    filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.25));
    border-radius: 11px;
    border: 1px solid #e63137;
}

.cta__tel-number {
    padding-left: 16px;
    font-size: 21px;
}

.cta__tel-number::before {
    width: 14px;
    height: 15px;
    top: 18%;
    left: 0;
}

.cta__tel-message {
    padding: 3px 0 1px;
    font-size: 10px;
}

.cta__tel-message span {
    font-size: 9px;
}

.cta__tel-note {
    position: relative;
}

.cta__tel-note img {
    width: 139px;
    padding-top: 7px;
}

.cta__human {
    display: none;
}
}

@media screen and (max-width: 374px) {
  .cta {
    width: 100%;
    padding: 3.255vw 0 3.255vw;
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    bottom: -0.13vw;
    left: 0;
    z-index: 100;
  }

  .cta__flex {
    display: flex;
    justify-content: center;
    gap: 3.255vw;
    margin-left: 0;
  }

  .cta__tel {
    width: 48vw;
    border-bottom-right-radius: 0.469vw;
  }

  .cta__tel-wrap {
    padding: 1.6vw 0 1.067vw;
    filter: drop-shadow(0.208vw 0.208vw 0.156vw rgba(0, 0, 0, 0.25));
    border-radius: 2.969vw;
    border: 0.208vw solid #e63137;
  }

  .cta__tel-number {
    padding-left: 3.3vw;
        font-size: 5.5vw;
  }

  .cta__tel-number::before {
    width: 3.733vw;
    height: 4vw;
    top: 18%;
    left: -1.1vw;
  }

  .cta__tel-message {
    padding: 0.8vw 0 0.4vw;
    font-size: 2.7vw;
  }

  .cta__tel-message span {
    font-size: 2.4vw;
  }


  .cta__tel-note {
    position: relative;
  }

  .cta__tel-note img {
    width: 37vw;
    padding-top: 1.953vw;
  }

  .cta__human {
    display: none;
  }
}

/****************************************************
  add-link
****************************************************/
.add-link {
  padding: 30px 0;
  background-color: #faf6df;
  text-align: center;
}

.add-link__block {
  padding: 21px 0;
  margin: 0 auto;
  border-radius: 10px;
  border: 4px solid #029900;
  background-color: #44b039;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: .3s;
}

@media screen and (min-width: 768px) {
  .add-link__block:hover {
    opacity: .7;
  }
}

.add-link__hole {
  padding: 0 60px 0 50px;
  position: relative;
}

.add-link__hole::before {
  content: "";
  display: inline-block;
  background-image: url(../images/add-link/add-link-border.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 9px;
  height: 98px;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.add-link__hole img {
  width: 394px;
}

.add-link__btn {
  padding: 0 50px;
  font-size: 55px;
  display: flex;
  align-items: center;
  color: #f4ed36;
}

.add-link__btn span {
  width: 53px;
  margin-left: 15px;
}

@media screen and (max-width: 1920px) {
  .add-link {
    padding: 1.563vw 0;
  }

  .add-link__block {
    padding: 1.094vw 0;
    border-radius: 0.521vw;
    border: 0.208vw solid #029900;
  }

  .add-link__hole {
    padding: 0 3.125vw 0 2.604vw;
  }

  .add-link__hole::before {
    width: 0.469vw;
    height: 5.104vw;
  }

  .add-link__hole img {
    width: 20.521vw;
  }

  .add-link__btn {
    padding: 0 2.604vw;
    font-size: 2.865vw;
  }

  .add-link__btn span {
    width: 2.76vw;
    margin-left: 0.781vw;
  }
}

@media screen and (max-width: 768px) {
  .add-link {
    padding: 30px 0;
  }

  .add-link__block {
    padding: 15px 20px;
    border-radius: 5px;
    border: 2px solid #029900;
    display: inline-flex;
    flex-flow: column;
  }

  .add-link__hole {
    padding: 0 0 10px;
  }

  .add-link__hole::before {
    background-image: url(../images/add-link/add-link-border-sp.svg);
    width: 200px;
    height: 7px;
    position: absolute;
    top: unset;
    right: unset;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
  }

  .add-link__hole img {
    width: 200px;
  }

  .add-link__btn {
    padding: 15px 0 0;
    font-size: 24px;
  }

  .add-link__btn span {
    width: 25px;
    margin-left: 10px;
  }
}

@media screen and (max-width: 374px) {
  .add-link {
    padding: 8vw 0;
  }

  .add-link__block {
    padding: 4vw 5.333vw;
    border-radius: 1.333vw;
    border: 2px solid #029900;
  }

  .add-link__hole {
    padding: 0 0 2.667vw;
  }

  .add-link__hole::before {
    width: 53.333vw;
    height: 1.867vw;
    bottom: -2.133vw;
  }

  .add-link__hole img {
    width: 53.333vw;
  }

  .add-link__btn {
    padding: 4vw 0 0;
    font-size: 6.4vw;
  }

  .add-link__btn span {
    width: 6.667vw;
    margin-left: 2.667vw;
  }
}

/****************************************************
  info
****************************************************/
.info {
  padding: 35px 0 50px;
}

.info .inner {
  max-width: 1200px;
}

.info__read {
  font-size: 26px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.info__read .info__read--color {
  font-size: 43px;
  color: #ea5459;
  display: flex;
  justify-content: center;
  align-items: center;
}

.info__read .info__read--size {
  font-size: 33px;
}

.info__contents {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  gap: 40px;
}

.info__picture img {
  width: 455px;
}

.info__message {
  width: 472px;
}

.info__text01 {
  padding: 12px 0 10px;
  font-size: 37px;
  border-radius: 10px;
  border: 3px solid #ea5459;
  color: #ea5459;
  background-color: #fdeeee;
  text-align: center;
}

.info__text01 span {
  font-size: 25px;
  color: #343434;
}

.info__text02 {
  margin-top: 20px;
  position: relative;
}

.info__text02::before {
  content: "";
  display: inline-block;
  background-color: #7b7b7b;
  width: 100%;
  height: 3px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: -1;
}

.info__text02 p {
  width: 286px;
  padding: 6px 0 7px;
  margin: 0 auto;
  font-size: 22px;
  text-align: center;
  color: #fff;
  background-color: #7b7b7b;
}

.info__message-box ul {
  padding: 0 20px;
  margin-top: 20px;
}

.info__message-box ul li {
  font-size: 22px;
  line-height: 1.3;
  color: #7b7b7b;
}

.info__btn {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.info__btn .info__tel,
.info__btn .info__mail {
  width: 513px;
  border-radius: 47px;
  font-size: 26px;
  text-align: center;
  transition: .3s;
}

.info__btn .info__tel {
  padding: 7px 0 8px;
  border: 4px solid #e63137;
  background-color: #ea5459;
}

.info__tel-text,
.info__mail-text {
  display: inline-block;
  position: relative;
  color: #fff;
}

.info__tel-text {
  font-size: 50px;
  padding-left: 40px;
}

.info__tel-text::before {
  content: "";
  display: inline-block;
  background-image: url(../images/info/tel.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 33px;
  height: 36px;
  position: absolute;
  top: 41%;
  left: 5px;
  transform: translateY(-50%);
}

.info__btn .info__tel span {
  padding-top: 3px;
  font-size: 19px;
  display: block;
}

   .info__tel-text span:first-of-type {
    /* font-size: 2.604vw;
    height: 0.354vw; */
  }

.info__btn .info__mail {
  border: 5px solid #1972c8;
  background-color: #1a84c8;
  align-content: center;
}

.info__mail-text {
  font-size: 36px;
  padding-left: 50px;
}

.info__mail-text::before {
  content: "";
  display: inline-block;
  background-image: url(../images/info/mail.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 42px;
  height: 29px;
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {

  .info__tel:hover,
  .info__mail:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 1920px) {
  .info {
    padding: 1.823vw 0 2.604vw;
  }

  .info__read {
    font-size: 1.354vw;
  }

  .info__read .info__read--color {
    font-size: 2.24vw;
  }

  .info__read .info__read--size {
    font-size: 1.719vw;
  }

  .info__contents {
    margin-top: 1.823vw;
    gap: 2.083vw;
  }

  .info__picture img {
    width: 23.698vw;
  }

  .info__message {
    width: 24.583vw;
  }

  .info__text01 {
    padding: 0.625vw 0 0.521vw;
    font-size: 1.927vw;
    border-radius: 0.521vw;
    border: 0.156vw solid #ea5459;
  }

  .info__text01 span {
    font-size: 1.302vw;
  }

  .info__text02 {
    margin-top: 1.042vw;
  }

  .info__text02::before {
    height: 0.156vw;
  }

  .info__text02 p {
    width: 14.896vw;
    padding: 0.313vw 0 0.365vw;
    font-size: 1.146vw;
  }

  .info__message-box ul {
    padding: 0 1.042vw;
    margin-top: 1.042vw;
  }

  .info__message-box ul li {
    font-size: 1.146vw;
  }

  .info__btn {
    margin-top: 1.302vw;
    gap: 1.042vw;
  }

  .info__btn .info__tel,
  .info__btn .info__mail {
    width: 26.719vw;
    border-radius: 2.448vw;
    font-size: 1.354vw;
  }

  .info__btn .info__tel {
    padding: 0.365vw 0 0.417vw;
    border: 0.208vw solid #e63137;
  }


  .info__tel-text {
    font-size: 2.604vw;
    padding-left: 2.083vw;
  }

  .info__tel-text::before {
    width: 1.719vw;
    height: 1.875vw;
    left: 0.26vw;
  }

  .info__btn .info__tel span {
    padding-top: 0.156vw;
    font-size: 0.99vw;
  }

   .info__tel-text span:first-of-type {
    /* font-size: 2.604vw;
    height: 0.354vw; */
  }

  .info__btn .info__mail {
    border: 0.26vw solid #1972c8;
  }

  .info__mail-text {
    font-size: 1.875vw;
    padding-left: 2.604vw;
  }

  .info__mail-text::before {
    width: 2.188vw;
    height: 1.51vw;
  }
}

@media screen and (max-width: 768px) {
  .info {
    padding: 30px 0 50px;
  }

  .info__read {
    font-size: 18px;
    line-height: 1.3;
    display: block;
    text-align: center;
  }

  .info__read .info__read--color {
    font-size: 22px;
    color: #ea5459;
    display: inline-block;
    justify-content: center;
    align-items: center;
  }

  .info__read .info__read--size {
    font-size: 18px;
  }

  .info__contents {
    margin-top: 15px;
    flex-flow: column;
    gap: 10px;
    text-align: center;
  }

  .info__picture img {
    width: 300px;
  }

  .info__message {
    width: 300px;
    margin: 0 auto;
  }

  .info__text01 {
    padding: 10px 0;
    font-size: 22px;
    border-radius: 5px;
    border: 2px solid #ea5459;
    color: #ea5459;
    background-color: #fdeeee;
    text-align: center;
  }

  .info__text01 span {
    font-size: 16px;
  }

  .info__text02 {
    margin-top: 20px;
    position: relative;
  }

  .info__text02::before {
    content: "";
    display: inline-block;
    background-color: #7b7b7b;
    width: 100%;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: -1;
  }

  .info__text02 p {
    width: 240px;
    padding: 8px 0 9px;
    margin: 0 auto;
    font-size: 18px;
    text-align: center;
    color: #fff;
    background-color: #7b7b7b;
  }

  .info__message-box ul {
    padding: 0 0 0 30px;
    margin-top: 10px;
    text-align: left;
  }

  .info__message-box ul li {
    font-size: 18px;
    line-height: 1.3;
    color: #7b7b7b;
  }

  .info__message-box ul li span {
    display: inline-block;
  }

  .info__btn {
    margin-top: 25px;
    flex-flow: column;
    gap: 10px;
  }

  .info__btn .info__tel,
  .info__btn .info__mail {
    width: 300px;
    margin: 0 auto;
    border-radius: 47px;
    font-size: 26px;
  }

  .info__btn .info__tel {
    padding: 6px 0 8px;
    border: 2px solid #e63137;
  }

  .info__tel-text {
    font-size: 30px;
    padding-left: 15px;
  }

  .info__tel-text::before {
    content: "";
    display: inline-block;
    background-image: url(../images/info/tel.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 20px;
    left: -7px;
  }


  .info__btn .info__tel span {
    padding-top: 3px;
    font-size: 14px;
    display: block;
  }

   .info__tel-text span:first-of-type {
    /* font-size: 26px; */
  }

  .info__btn .info__mail {
    padding: 13px 0 17px;
    border: 3px solid #1972c8;
    background-color: #1a84c8;
    align-content: center;
  }

  .info__mail-text {
    font-size: 22px;
    padding-left: 35px;
  }

  .info__mail-text::before {
    content: "";
    display: inline-block;
    background-image: url(../images/info/mail.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 17px;
    position: absolute;
    top: 53%;
    left: 5px;
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 374px) {
  .info {
    padding: 8vw 0 13.333vw;
  }

  .info__read {
    font-size: 4.8vw;
  }

  .info__read .info__read--color {
    font-size: 5.867vw;
  }

  .info__read .info__read--size {
    font-size: 4.8vw;
  }

  .info__contents {
    margin-top: 4vw;
    gap: 2.667vw;
  }

  .info__picture img {
    width: 80vw;
  }

  .info__message {
    width: 80vw;
  }

  .info__text01 {
    padding: 2.667vw 0;
    font-size: 5.867vw;
    border-radius: 1.333vw;
    border: 2px solid #ea5459;
  }

  .info__text01 span {
    font-size: 4.267vw;
  }

  .info__text02 {
    margin-top: 5.333vw;
  }

  .info__text02::before {
    height: 0.8vw;
  }

  .info__text02 p {
    width: 64vw;
    padding: 2.133vw 0 2.4vw;
    font-size: 4.8vw;
  }

  .info__message-box ul {
    padding: 0 0 0 8vw;
    margin-top: 2.667vw;
  }

  .info__message-box ul li {
    font-size: 4.8vw;
  }


  .info__btn {
    margin-top: 6.667vw;
    gap: 2.667vw;
  }

  .info__btn .info__tel,
  .info__btn .info__mail {
    width: 80vw;
    border-radius: 12.533vw;
    font-size: 6.933vw;
  }

  .info__btn .info__tel {
    padding: 1.6vw 0 2.133vw;
    border: 2px solid #e63137;
  }

  .info__tel-text {
    font-size: 8vw;
    padding-left: 4vw;
  }

  .info__tel-text::before {
    width: 4.8vw;
    height: 5.333vw;
    left: -1.867vw;
  }

  .info__btn .info__tel span {
    padding-top: 0.8vw;
    font-size: 3.733vw;
  }

  .info__btn .info__mail {
    padding: 3.467vw 0 4.533vw;
    border: 3px solid #1972c8;
  }

  .info__mail-text {
    font-size: 5.867vw;
    padding-left: 9.333vw;
  }

  .info__mail-text::before {
    width: 5.867vw;
    height: 4.533vw;
    left: 1.333vw;
  }
}

/****************************************************
  plan
****************************************************/
.plan {
  background-color: #fdfbef;
  padding-bottom: 40px;
}

.plan .title-box {
  padding: 20px 0 15px;
}

.plan .plan__title--border {
  position: relative;
}

.plan .plan__title--border::before {
  content: "";
  display: inline-block;
  background-color: #44b039;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -15px;
}

.plan__title--size {
  font-size: 70px;
}

.plan .title-box p {
  margin-top: 25px;
  font-size: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan .title-box p img {
  width: 39px;
  margin: 3px 5px 0 0;
}

.plan-top__list {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px 35px;
}

.plan-top__item {
  width: 370px;
  transition: .3s;
}

@media screen and (min-width: 768px) {

  .plan-top__item:hover {
    opacity: .7;
  }
}

.plan-top__box {
  border-radius: 10px;
  position: relative;
}

.plan-top__box-title {
  padding: 14px 0 14px;
  font-size: 26px;
  color: #fff;
  text-align: center;
}

.plan-top__box-title span {
  padding: 3px 6px 3px;
  margin-left: 5px;
  background-color: #fff;
}

.plan-top__box-wrap {
  padding: 15px 20px 10px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.plan-top__box-label {
  padding: 4px 7px 5px;
  color: #fff;
  display: inline-block;
}

.plan-top__box-text01 {
  padding: 10px 0 13px;
}

.plan-top__box-text02 {
  padding: 13px 0 0;
  border-top: 1px solid #858585;
}

/****************** plan-01 ******************/
.plan-top__box.type1 {
  border: 4px solid #e27172;
}

.plan-top__box.type1::before {
  content: "";
  display: inline-block;
  background-image: url(../images/plan/top-mark-01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -22px;
  left: -22px;
}

.plan-top__box.type1 .plan-top__box-title {
  background-color: #e27172;
  box-shadow: 1px -1px 0px #e27172, -1px 0px 0px #e27172;
}

.plan-top__box.type1 .plan-top__box-title span {
  color: #e27172;
}

.plan-top__box.type1 .plan-top__box-label {
  background-color: #e27172;
}

.plan-top__box.type1 .plan-top__box-text01 img {
  width: 274px;
}

.plan-top__box.type1 .plan-top__box-text02 img {
  width: 292px;
}

/****************** plan-02 ******************/
.plan-top__box.type2 {
  border: 4px solid #e6865a;
}

.plan-top__box.type2::before {
  content: "";
  display: inline-block;
  background-image: url(../images/plan/top-mark-02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -22px;
  left: -22px;
}

.plan-top__box.type2 .plan-top__box-title span {
  color: #e6865a;
}

.plan-top__box.type2 .plan-top__box-title {
  background-color: #e6865a;
  box-shadow: 1px -1px 0px #e6865a, -1px 0px 0px #e6865a;
}

.plan-top__box.type2 .plan-top__box-label {
  background-color: #e6865a;
}

.plan-top__box.type2 .plan-top__box-text01 img {
  width: 317px;
}

.plan-top__box.type2 .plan-top__box-text02 img {
  width: 292px;
}

/****************** plan-03 ******************/
.plan-top__box.type3 {
  border: 4px solid #b585b7;
}

.plan-top__box.type3::before {
  content: "";
  display: inline-block;
  background-image: url(../images/plan/top-mark-03.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -22px;
  left: -22px;
}

.plan-top__box.type3 .plan-top__box-title span {
  color: #b585b7;
}

.plan-top__box.type3 .plan-top__box-title {
  background-color: #b585b7;
  box-shadow: 1px -1px 0px #b585b7, -1px 0px 0px #b585b7;
}

.plan-top__box.type3 .plan-top__box-label {
  background-color: #b585b7;
}

.plan-top__box.type3 .plan-top__box-text01 img {
  width: 319px;
}

.plan-top__box.type3 .plan-top__box-text02 img {
  width: 292px;
}

/****** plan-04 ******/
.plan-top__box.type4 {
  border: 4px solid #5b9c4c;
}

.plan-top__box.type4 .plan-top__box-title {
  background-color: #5b9c4c;
  box-shadow: 1px -1px 0px #5b9c4c, -1px 0px 0px #5b9c4c;
}

.plan-top__box.type4 .plan-top__box-wrap {
  height: 115px;
  align-content: center;
}

.plan-top__box.type4 .plan-top__box-text01 {
  padding: 0;
}

.plan-top__box.type4 .plan-top__box-text01 img {
  width: 305px;
}

/****************** plan-05 ******************/
.plan-top__box.type5 {
  border: 4px solid #28907d;
}

.plan-top__box.type5 .plan-top__box-title {
  background-color: #28907d;
  box-shadow: 1px -1px 0px #28907d, -1px 0px 0px #28907d;
}

.plan-top__box.type5 .plan-top__box-wrap {
  height: 115px;
  align-content: center;
}

.plan-top__box.type5 .plan-top__box-text01 {
  padding: 0;
}

.plan-top__box.type5 .plan-top__box-text01 img {
  width: 313px;
}

/****************** plan-06 ******************/
.plan-top__box.type6 {
  border: 4px solid #006b85;
}

.plan-top__box.type6::before {
  content: "";
  display: inline-block;
  background-image: url(../images/plan/top-mark-06.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 45px;
  height: 45px;
  position: absolute;
  top: -22px;
  left: -22px;
}

.plan-top__box.type6 .plan-top__box-title {
  background-color: #006b85;
  box-shadow: 1px -1px 0px #006b85, -1px 0px 0px #006b85;
}

.plan-top__box.type6 .plan-top__box-wrap {
  height: 115px;
  align-content: center;
}

.plan-top__box.type6 .plan-top__box-label {
  background-color: #006b85;
}

.plan-top__box.type6 .plan-top__box-text01 img {
  width: 313px;
}

.plan__link {
  margin-top: 55px;
  display: flex;
  gap: 25px;
}

.plan__btn {
  width: 580px;
  padding: 31px 25px 31px 0;
  font-size: 37px;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: .3s;
}

.plan__btn::before {
  content: "";
  display: inline-block;
  background-image: url(../images/plan/plan-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 25px;
  position: absolute;
  top: 52%;
  right: 15px;
  transform: translateY(-50%);
}

.plan__btn.type1 {
  border: 4px solid #3f8b2d;
  background-color: #5b9c4c;
}

.plan__btn.type2 {
  border: 4px solid #d73d3e;
  background-color: #e27172;
}

@media screen and (min-width: 768px) {
  .plan__btn:hover {
    opacity: .7;
  }
}

/****************** plan-contents ******************/
.plan__container {
  margin-top: 55px;
}

.plan__container.type1 {
  display: block;
}

.plan__container.type2 {
  display: none;
}

.plan__container-read {
  font-size: 40px;
  line-height: 1.3;
  text-align: center;
}

.plan__block {
  padding-bottom: 55px;
  margin-bottom: 40px;
  border-radius: 10px;
  background-color: #fff;
}

.plan__sub-title {
  padding: 19px 0 20px;
  font-size: 52px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.plan__sub-title span {
  padding: 8px 12px 9px;
  margin: 3px 15px 0 0;
  font-size: 35px;
  background-color: #fff;
}

.plan__wrap {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  gap: 50px;
}

.plan__picture img {
  width: 531px;
}

.plan__flow img {
  width: 500px;
}

.plan__price {
  margin-top: 25px;
}

.plan__text-box {
  width: 500px;
  padding: 20px 17px;
  margin-top: 25px;
  background-color: #ebebeb;
}

.plan__text {
  font-size: 20px;
  display: flex;
  align-items: center;
}

.plan__text:nth-of-type(1) {
  margin-bottom: 12px;
}

.plan__text img {
  width: 27px;
  margin-right: 5px;
}

.plan__contents {
  max-width: 1080px;
  width: 100%;
  margin: 35px auto 0;
  background-color: #eff5ed;
}

.plan__contents-title {
  font-size: 39px;
  padding: 18px 0;
  color: #fff;
  text-align: center;
  position: relative;
  cursor: pointer;
  transition: .3s;
}

@media screen and (min-width: 768px) {
  .plan__contents-title:hover {
    opacity: .7;
  }
}

.accordion__title-symbol {
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.accordion__title-symbol::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 23px;
  height: 16px;
  position: absolute;
  top: 51%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s;
}

.plan__contents-title.del .accordion__title-symbol::before {
  transform: translate(-50%, -50%) rotate(180deg);
}

.accordion {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  /* max-height のアニメーション */
}

.plan__block.type4 .accordion.down,
.plan__block.type5 .accordion.down {
  max-height: 370px;
}

.plan__block.type6 .accordion.down,
.plan__block.type1 .accordion.down {
  max-height: 540px;
}

.plan__block.type2 .accordion.down,
.plan__block.type3 .accordion.down {
  max-height: 700px;
}

.plan__contents-list {
  padding: 25px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;
}

.plan__contents-item img {
  width: 153px;
}

/****************** type4 お別れ葬プラン ******************/

.plan__block.type4 {
  padding-bottom: 55px;
  border-radius: 10px;
  border: 4px solid #5b9c4c;
}

.plan__block.type4 .plan__price img {
  width: 423px;
}

.plan__block.type4 .plan__sub-title {
  background-color: #5b9c4c;
  box-shadow: 1px -1px 0px #5b9c4c, -1px 0px 0px #5b9c4c;
}

.plan__block.type4 .plan__sub-title span {
  color: #5b9c4c;
}

.plan__block.type4 .plan__contents-title {
  background-color: #5b9c4c;
}

.plan__block.type4 .accordion__title-symbol::before {
  background-image: url(../images/plan/plan-arrow-04.svg);
}

/****************** type5 シンプル家族葬 ******************/

.plan__block.type5 {
  padding-bottom: 55px;
  border-radius: 10px;
  border: 4px solid #28907d;
}

.plan__block.type5 .plan__price img {
  width: 427px;
}

.plan__block.type5 .plan__sub-title {
  background-color: #28907d;
  box-shadow: 1px -1px 0px #28907d, -1px 0px 0px #28907d;
}

.plan__block.type5 .plan__sub-title span {
  color: #28907d;
}

.plan__block.type5 .plan__contents-title {
  background-color: #28907d;
}

.plan__block.type5 .accordion__title-symbol::before {
  background-image: url(../images/plan/plan-arrow-05.svg);
}

/****************** type6 スタンダード家族葬 ******************/

.plan__block.type6 {
  padding-bottom: 55px;
  border-radius: 10px;
  border: 4px solid #006b85;
}

.plan__block.type6 .plan__price img {
  width: 508px;
}

.plan__block.type6 .plan__sub-title {
  background-color: #006b85;
  box-shadow: 1px -1px 0px #006b85, -1px 0px 0px #006b85;
}

.plan__block.type6 .plan__sub-title span {
  color: #006b85;
}

.plan__block.type6 .plan__contents-title {
  background-color: #006b85;
}

.plan__block.type6 .accordion__title-symbol::before {
  background-image: url(../images/plan/plan-arrow-06.svg);
}

/****************** type1 フラワープランC ******************/

.plan__block.type1 {
  padding-bottom: 55px;
  margin-top: 55px;
  border-radius: 10px;
  border: 4px solid #e27172;
}

.plan__block.type1 .plan__price img {
  width: 450px;
}

.plan__block.type1 .plan__sub-title {
  background-color: #e27172;
  box-shadow: 1px -1px 0px #e27172, -1px 0px 0px #e27172;
}

.plan__block.type1 .plan__sub-title span {
  color: #e27172;
  font-size: 47px;
  margin: 6px 0 0 15px;
}

.plan__block.type1 .plan__contents-title {
  background-color: #e27172;
}

.plan__block.type1 .accordion__title-symbol::before {
  background-image: url(../images/plan/plan-arrow-01.svg);
}

/****************** type2 フラワープランB ******************/

.plan__block.type2 {
  padding-bottom: 55px;
  margin-top: 55px;
  border-radius: 10px;
  border: 4px solid #e6865a;
}

.plan__block.type2 .plan__price img {
  width: 500px;
}

.plan__block.type2 .plan__sub-title {
  background-color: #e6865a;
  box-shadow: 1px -1px 0px #e6865a, -1px 0px 0px #e6865a;
}

.plan__block.type2 .plan__sub-title span {
  color: #e6865a;
  font-size: 47px;
  margin: 6px 0 0 15px;
}

.plan__block.type2 .plan__contents-title {
  background-color: #e6865a;
}

.plan__block.type2 .accordion__title-symbol::before {
  background-image: url(../images/plan/plan-arrow-02.svg);
}

/****************** type3 フラワープランA ******************/

.plan__block.type3 {
  padding-bottom: 55px;
  margin-top: 55px;
  margin-bottom: 0;
  border-radius: 10px;
  border: 4px solid #b585b7;
}

.plan__block.type3 .plan__price img {
  width: 500px;
}

.plan__block.type3 .plan__sub-title {
  background-color: #b585b7;
  box-shadow: 1px -1px 0px #b585b7, -1px 0px 0px #b585b7;
}

.plan__block.type3 .plan__sub-title span {
  color: #b585b7;
  font-size: 47px;
  margin: 6px 0 0 15px;
}

.plan__block.type3 .plan__contents-title {
  background-color: #b585b7;
}

.plan__block.type3 .accordion__title-symbol::before {
  background-image: url(../images/plan/plan-arrow-03.svg);
}

@media screen and (max-width: 1200px) {

  .plan-top__box.type4 .plan-top__box-wrap,
  .plan-top__box.type5 .plan-top__box-wrap,
  .plan-top__box.type6 .plan-top__box-wrap {
    height: 90px;
  }
}

@media screen and (max-width: 1920px) {
  .plan {
    padding-bottom: 2.083vw;
  }

  .plan .title-box {
    padding: 1.042vw 0 0.781vw;
  }

  .plan .plan__title--border::before {
    height: 0.26vw;
    bottom: -0.781vw;
  }

  .plan__title--size {
    font-size: 3.646vw;
  }

  .plan .title-box p {
    margin-top: 1.302vw;
    font-size: 1.406vw;
  }

  .plan .title-box p img {
    width: 2.031vw;
    margin: 0.156vw 0.26vw 0 0;
  }

  .plan-top__list {
    margin-top: 2.604vw;
    gap: 1.563vw 1.823vw;
  }

  .plan-top__item {
    width: 19.271vw;
  }

  .plan-top__box {
    border-radius: 0.521vw;
  }

  .plan-top__box-title {
    padding: 0.729vw 0;
    font-size: 1.354vw;
  }

  .plan-top__box-title span {
    padding: 0.156vw 0.313vw;
    margin-left: 0.26vw;
  }

  .plan-top__box-wrap {
    padding: 0.781vw 1.042vw 0.521vw;
    border-bottom-right-radius: 0.313vw;
    border-bottom-left-radius: 0.313vw;
  }

  /* .plan-top__box-label {
    padding: 0.208vw 0.365vw 0.208;
  } */

  .plan-top__box-text01 {
    padding: 0.521vw 0 0.677vw;
  }

  .plan-top__box-text02 {
    padding: 0.677vw 0 0;
    border-top: 0.052vw solid #858585;
  }

  /****************** plan-01 ******************/
  .plan-top__box.type1 {
    border: 0.208vw solid #e27172;
  }

  .plan-top__box.type1::before {
    width: 2.344vw;
    height: 2.344vw;
    top: -1.146vw;
    left: -1.146vw;
  }

  .plan-top__box.type1 .plan-top__box-title {
    box-shadow: 0.052vw -0.052vw 0px #e27172, -0.052vw 0px 0px #e27172;
  }

  .plan-top__box.type1 .plan-top__box-text01 img {
    width: 14.271vw;
  }

  .plan-top__box.type1 .plan-top__box-text02 img {
    width: 15.208vw;
  }

  /****************** plan-02 ******************/
  .plan-top__box.type2 {
    border: 0.208vw solid #e6865a;
  }

  .plan-top__box.type2::before {
    width: 2.344vw;
    height: 2.344vw;
    top: -1.146vw;
    left: -1.146vw;
  }

  .plan-top__box.type2 .plan-top__box-title {
    box-shadow: 0.052vw -0.052vw 0px #e6865a, -0.052vw 0px 0px #e6865a;
  }

  .plan-top__box.type2 .plan-top__box-text01 img {
    width: 16.51vw;
  }

  .plan-top__box.type2 .plan-top__box-text02 img {
    width: 15.208vw;
  }

  /****************** plan-03 ******************/
  .plan-top__box.type3 {
    border: 0.208vw solid #b585b7;
  }

  .plan-top__box.type3::before {
    width: 2.344vw;
    height: 2.344vw;
    top: -1.146vw;
    left: -1.146vw;
  }

  .plan-top__box.type3 .plan-top__box-title {
    background-color: #b585b7;
    box-shadow: 0.052vw -0.052vw 0px #b585b7, -0.052vw 0px 0px #b585b7;
  }

  .plan-top__box.type3 .plan-top__box-text01 img {
    width: 16.615vw;
  }

  .plan-top__box.type3 .plan-top__box-text02 img {
    width: 15.208vw;
  }

  /****** plan-04 ******/
  .plan-top__box.type4 {
    border: 0.208vw solid #5b9c4c;
  }

  .plan-top__box.type4 .plan-top__box-title {
    box-shadow: 0.052vw -0.052vw 0px #5b9c4c, -1px 0px 0px #5b9c4c;
  }

  .plan-top__box.type4 .plan-top__box-text01 img {
    width: 15.885vw;
  }

  /****************** plan-05 ******************/
  .plan-top__box.type5 {
    border: 0.208vw solid #28907d;
  }

  .plan-top__box.type5 .plan-top__box-title {
    box-shadow: 0.052vw -0.052vw 0px #28907d, -0.052vw 0px 0px #28907d;
  }

  .plan-top__box.type5 .plan-top__box-text01 img {
    width: 16.302vw;
  }

  /****************** plan-06 ******************/
  .plan-top__box.type6 {
    border: 0.208vw solid #006b85;
  }

  .plan-top__box.type6::before {
    width: 2.344vw;
    height: 2.344vw;
    top: -1.146vw;
    left: -1.146vw;
  }

  .plan-top__box.type6 .plan-top__box-title {
    box-shadow: 0.052vw -0.052vw 0px #006b85, -0.052vw 0px 0px #006b85;
  }

  .plan-top__box.type6 .plan-top__box-text01 img {
    width: 16.302vw;
  }

  .plan__link {
    margin-top: 2.865vw;
    gap: 1.302vw;
  }

  .plan__btn {
    width: 30.208vw;
    padding: 1.615vw 1.302vw 1.615vw 0;
    font-size: 1.927vw;
    border-radius: 0.521vw;
  }

  .plan__btn::before {
    width: 0.781vw;
    height: 1.302vw;
    right: 0.781vw;
  }

  .plan__btn.type1 {
    border: 0.208vw solid #3f8b2d;
  }

  .plan__btn.type2 {
    border: 0.208vw solid #d73d3e;
  }

  /****************** plan-contents ******************/
  .plan__container {
    margin-top: 2.865vw;
  }

  .plan__container-read {
    font-size: 2.083vw;
  }

  .plan__block {
    padding-bottom: 2.865vw;
    margin-bottom: 2.083vw;
    border-radius: 0.521vw;
  }

  .plan__sub-title {
    padding: 0.99vw 0 1.042vw;
    font-size: 2.708vw;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .plan__sub-title span {
    padding: 0.417vw 0.625vw 0.469vw;
    margin: 0.156vw 0.781vw 0 0;
    font-size: 1.823vw;
    background-color: #fff;
  }

  .plan__wrap {
    margin-top: 1.302vw;
    gap: 2.604vw;
  }

  .plan__picture img {
    width: 27.656vw;
  }

  .plan__flow img {
    width: 26.042vw;
  }

  .plan__price {
    margin-top: 1.302vw;
  }

  .plan__text-box {
    width: 26.042vw;
    padding: 1.042vw 0.885vw;
    margin-top: 1.302vw;
  }

  .plan__text {
    font-size: 1.042vw;
  }

  .plan__text:nth-of-type(1) {
    margin-bottom: 0.625vw;
  }

  .plan__text img {
    width: 1.406vw;
    margin-right: 0.26vw;
  }

  .plan__contents {
    max-width: 56.25vw;
    margin: 1.823vw auto 0;
  }

  .plan__contents-title {
    font-size: 2.031vw;
    padding: 0.938vw 0;
  }

  .accordion__title-symbol {
    width: 2.708vw;
    height: 2.708vw;
    right: 0.781vw;
  }

  .accordion__title-symbol::before {
    width: 1.198vw;
    height: 0.833vw;
  }

  .plan__block.type4 .accordion.down,
  .plan__block.type5 .accordion.down {
    max-height: 19.271vw;
  }

  .plan__block.type6 .accordion.down,
  .plan__block.type1 .accordion.down {
    max-height: 28.125vw;
  }

  .plan__block.type2 .accordion.down,
  .plan__block.type3 .accordion.down {
    max-height: 36.458vw;
  }

  .plan__contents-list {
    padding: 1.302vw;
    gap: 1.042vw;
  }

  .plan__contents-item img {
    width: 7.969vw;
  }

  /****************** type4 お別れ葬プラン ******************/

  .plan__block.type4 {
    padding-bottom: 2.865vw;
    border-radius: 0.521vw;
    border: 0.208vw solid #5b9c4c;
  }

  .plan__block.type4 .plan__price img {
    width: 22.031vw;
  }

  .plan__block.type4 .plan__sub-title {
    box-shadow: 0.052vw -0.052vw 0px #5b9c4c, -0.052vw 0px 0px #5b9c4c;
  }

  /****************** type5 シンプル家族葬 ******************/

  .plan__block.type5 {
    padding-bottom: 2.865vw;
    border-radius: 0.521vw;
    border: 0.208vw solid #28907d;
  }

  .plan__block.type5 .plan__price img {
    width: 22.24vw;
  }

  .plan__block.type5 .plan__sub-title {
    box-shadow: 0.052vw -0.052vw 0px #28907d, -0.052vw 0px 0px #28907d;
  }

  /****************** type6 スタンダード家族葬 ******************/

  .plan__block.type6 {
    padding-bottom: 2.865vw;
    border-radius: 0.521vw;
    border: 0.208vw solid #006b85;
  }

  .plan__block.type6 .plan__price img {
    width: 26.458vw;
  }

  .plan__block.type6 .plan__sub-title {
    box-shadow: 0.052vw -0.052vw 0px #006b85, -0.052vw 0px 0px #006b85;
  }

  /****************** type1 フラワープランC ******************/

  .plan__block.type1 {
    padding-bottom: 2.865vw;
    margin-top: 2.865vw;
    border-radius: 0.521vw;
    border: 0.208vw solid #e27172;
  }

  .plan__block.type1 .plan__price img {
    width: 23.438vw;
  }

  .plan__block.type1 .plan__sub-title {
    background-color: #e27172;
    box-shadow: 0.052vw -0.052vw 0px #e27172, -1px -0.052vw 0px #e27172;
  }

  .plan__block.type1 .plan__sub-title span {
    font-size: 2.448vw;
    margin: 0.313vw 0 0 0.781vw;
  }

  /****************** type2 フラワープランB ******************/

  .plan__block.type2 {
    padding-bottom: 2.865vw;
    margin-top: 2.865vw;
    border-radius: 0.521vw;
    border: 0.208vw solid #e6865a;
  }

  .plan__block.type2 .plan__price img {
    width: 26.042vw;
  }

  .plan__block.type2 .plan__sub-title {
    box-shadow: 0.052vw -0.052vw 0px #e6865a, -0.052vw 0px 0px #e6865a;
  }

  .plan__block.type2 .plan__sub-title span {
    font-size: 2.448vw;
    margin: 0.313vw 0 0 0.781vw;
  }

  /****************** type3 フラワープランA ******************/

  .plan__block.type3 {
    padding-bottom: 2.865vw;
    margin-top: 2.865vw;
    border-radius: 0.521vw;
    border: 0.208vw solid #b585b7;
  }

  .plan__block.type3 .plan__price img {
    width: 26.042vw;
  }

  .plan__block.type3 .plan__sub-title {
    box-shadow: 0.052vw -0.052vw 0px #b585b7, -0.052vw 0px 0px #b585b7;
  }

  .plan__block.type3 .plan__sub-title span {
    font-size: 2.448vw;
    margin: 0.313vw 0 0 0.781vw;
  }
}

@media screen and (max-width: 768px) {
  .plan {
    padding-bottom: 50px;
  }

  .plan .title-box {
    padding: 20px 0 15px;
  }

  .plan .plan__title--border::before {
    width: 100%;
    height: 3px;
    bottom: -5px;
  }

  .plan__title--size {
    font-size: 34px;
  }

  .plan .title-box p {
    margin-top: 15px;
    font-size: 18px;
  }

  .plan .title-box p img {
    width: 20px;
    margin: 3px 5px 0 0;
  }

  .plan-top__list {
    margin-top: 30px;
    flex-flow: column;
    gap: 20px;
  }

  .plan-top__item {
    width: 335px;
    margin: 0 auto;
  }

  .plan-top__box {
    border-radius: 10px;
    position: relative;
  }

  .plan-top__box-title {
    padding: 7px 0 10px;
    font-size: 22px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }

  .plan-top__box-title span {
    padding: 2px 6px 3px;
    margin-left: 5px;
    background-color: #fff;
  }

  .plan-top__box-wrap {
    padding: 10px 20px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    background-color: #fff;
  }

  .plan-top__box-label {
    padding: 3px 6px 5px;
    font-size: 14px;
  }

  .plan-top__box-text01 {
    padding: 10px 0 13px;
  }

  .plan-top__box-text02 {
    padding: 13px 0 0;
    border-top: 1px solid #858585;
  }

  /****************** plan-01 ******************/
  .plan-top__box.type1 {
    border: 3px solid #e27172;
  }

  .plan-top__box.type1::before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
  }

  .plan-top__box.type1 .plan-top__box-title {
    background-color: #e27172;
    box-shadow: 1px -1px 0px #e27172, -1px 0px 0px #e27172;
  }

  .plan-top__box.type1 .plan-top__box-text01 img {
    width: 250px;
  }

  .plan-top__box.type1 .plan-top__box-text02 img {
    width: 270px;
  }

  /****************** plan-02 ******************/
  .plan-top__box.type2 {
    border: 3px solid #e6865a;
  }

  .plan-top__box.type2::before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
  }

  .plan-top__box.type2 .plan-top__box-title {
    background-color: #e6865a;
    box-shadow: 1px -1px 0px #e6865a, -1px 0px 0px #e6865a;
  }

  .plan-top__box.type2 .plan-top__box-text01 img {
    width: 250px;
  }

  .plan-top__box.type2 .plan-top__box-text02 img {
    width: 270px;
  }

  /****************** plan-03 ******************/
  .plan-top__box.type3 {
    border: 3px solid #b585b7;
  }

  .plan-top__box.type3::before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
  }

  .plan-top__box.type3 .plan-top__box-title {
    box-shadow: 1px -1px 0px #b585b7, -1px 0px 0px #b585b7;
  }

  .plan-top__box.type3 .plan-top__box-text01 img {
    width: 250px;
  }

  .plan-top__box.type3 .plan-top__box-text02 img {
    width: 270px;
  }

  /****** plan-04 ******/
  .plan-top__box.type4 {
    border: 3px solid #5b9c4c;
  }

  .plan-top__box.type4 .plan-top__box-title {
    box-shadow: 1px -1px 0px #5b9c4c, -1px 0px 0px #5b9c4c;
  }

  .plan-top__box.type4 .plan-top__box-wrap {
    height: 100px;
    padding-top: 15px;
  }

  .plan-top__box.type4 .plan-top__box-text01 {
    padding: 0;
  }

  .plan-top__box.type4 .plan-top__box-text01 img {
    width: 230px;
  }

  /****************** plan-05 ******************/
  .plan-top__box.type5 {
    border: 3px solid #28907d;
  }

  .plan-top__box.type5 .plan-top__box-title {
    box-shadow: 1px -1px 0px #28907d, -1px 0px 0px #28907d;
  }

  .plan-top__box.type5 .plan-top__box-wrap {
    height: 100px;
    padding-top: 15px;
  }

  .plan-top__box.type5 .plan-top__box-text01 {
    padding: 0;
  }

  .plan-top__box.type5 .plan-top__box-text01 img {
    width: 230px;
  }

  /****************** plan-06 ******************/
  .plan-top__box.type6 {
    border: 3px solid #006b85;
  }

  .plan-top__box.type6::before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: -15px;
  }

  .plan-top__box.type6 .plan-top__box-title {
    box-shadow: 1px -1px 0px #006b85, -1px 0px 0px #006b85;
  }

  .plan-top__box.type6 .plan-top__box-wrap {
    height: 100px;
    padding-top: 15px;
  }

  .plan-top__box.type6 .plan-top__box-text01 img {
    width: 230px;
  }

  /****************** plan-top END ******************/
  .plan__link {
    width: 335px;
    margin: 50px auto 0;
    gap: 10px;
  }

  .plan__btn {
    width: 100%;
    padding: 15px 0;
    margin: 0 auto;
    font-size: 18px;
    border-radius: 5px;
    line-height: 1.2;
  }

  .plan__btn::before {
    display: none;
  }

  .plan__btn.type1 {
    border: 2px solid #3f8b2d;
  }

  .plan__btn.type2 {
    border: 2px solid #d73d3e;
  }

  /****************** plan-contents ******************/
  .plan__container {
    margin-top: 30px;
    gap: 20px;
  }

  .plan__container.type1 {
    display: block;
  }

  .plan__container.type2 {
    display: none;
  }

  .plan__container-read {
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
  }

  .plan__container-read span {
    margin-top: 1rem;
  }

  .plan__block {
    width: 335px;
    padding-bottom: 30px;
    margin: 0 auto;
    border-radius: 5px;
    border: 3px solid #5b9c4c;
  }

  .plan__sub-title {
    padding: 11px 0 13px;
    font-size: 26px;
    display: flex;
    flex-flow: column;
    gap: 5px;
  }

  .plan__sub-title span {
    padding: 3px 8px 4px;
    margin: 0;
    font-size: 16px;
  }

  .plan__wrap {
    margin-top: 0;
    flex-flow: column;
    gap: 20px;
  }

  .plan__picture img {
    width: 100%;
  }

  .plan__flow {
    text-align: center;
  }

  .plan__flow img {
    width: 280px;
  }

  .plan__price {
    margin-top: 15px;
    text-align: center;
  }

  .plan__text-box {
    width: 100%;
    padding: 15px;
    margin-top: 25px;
  }

  .plan__text {
    font-size: 16px;
    display: flex;
    align-items: center;
  }

  .plan__text:nth-of-type(1) {
    margin-bottom: 10px;
  }

  .plan__text img {
    width: 16px;
    margin-right: 5px;
  }

  .plan__contents {
    max-width: 310px;
    width: 100%;
    margin: 25px auto 0;
    background-color: #eff5ed;
  }

  .plan__contents-title {
    font-size: 22px;
    padding: 12px 0;
  }

  .accordion__title-symbol {
    width: 28px;
    height: 28px;
    right: 10px;
  }

  .accordion__title-symbol::before {
    width: 16px;
    height: 11px;
    position: absolute;
    top: 52%;
  }

  .plan__contents-title.del .accordion__title-symbol::before {
    transform: translate(-50%, -60%) rotate(180deg);
  }

  .plan__block.type4 .accordion.down {
    max-height: 330px;
  }

  .plan__block.type5 .accordion.down {
    max-height: 430px;
  }

  .plan__block.type6 .accordion.down {
    max-height: 520px;
  }

  .plan__block.type1 .accordion.down {
    max-height: 610px;
  }

  .plan__block.type2 .accordion.down,
  .plan__block.type3 .accordion.down {
    max-height: 710px;
  }

  .plan__contents-list {
    padding: 20px 10px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    text-align: center;
  }

  .plan__contents-item img {
    width: 100%;
    object-fit: unset;
  }

  /****************** type4 お別れ葬プラン ******************/

  .plan__block.type4 {
    padding-bottom: 30px;
    border-radius: 10px;
    border: 3px solid #5b9c4c;
  }

  .plan__block.type4 .plan__price img {
    width: 280px;
  }

  .plan__block.type4 .plan__sub-title {
    box-shadow: 1px -1px 0px #5b9c4c, -1px 0px 0px #5b9c4c;
  }

  /****************** type5 シンプル家族葬 ******************/

  .plan__block.type5 {
    padding-bottom: 30px;
    margin-top: 20px;
    border-radius: 10px;
    border: 3px solid #28907d;
  }

  .plan__block.type5 .plan__price img {
    width: 280px;
  }

  .plan__block.type5 .plan__sub-title {
    box-shadow: 1px -1px 0px #28907d, -1px 0px 0px #28907d;
  }

  /****************** type6 スタンダード家族葬 ******************/

  .plan__block.type6 {
    padding-bottom: 30px;
    margin-top: 20px;
    border-radius: 10px;
    border: 3px solid #006b85;
  }

  .plan__block.type6 .plan__price img {
    width: 280px;
  }

  .plan__block.type6 .plan__sub-title {
    box-shadow: 1px -1px 0px #006b85, -1px 0px 0px #006b85;
  }

  /****************** type1 フラワープランC ******************/

  .plan__block.type1 {
    padding-bottom: 30px;
    margin-top: 30px;
    border-radius: 10px;
    border: 4px solid #e27172;
  }

  .plan__block.type1 .plan__price img {
    width: 280px;
  }

  .plan__block.type1 .plan__sub-title {
    padding: 11px 0 13px;
    box-shadow: 1px -1px 0px #e27172, -1px 0px 0px #e27172;
  }

  .plan__block.type1 .plan__sub-title span {
    font-size: 16px;
    margin: 0;
  }

  /****************** type2 フラワープランB ******************/

  .plan__block.type2 {
    padding-bottom: 30px;
    margin-top: 20px;
    border-radius: 10px;
    border: 4px solid #e6865a;
  }

  .plan__block.type2 .plan__price img {
    width: 280px;
  }

  .plan__block.type2 .plan__sub-title {
    padding: 11px 0 13px;
    box-shadow: 1px -1px 0px #e6865a, -1px 0px 0px #e6865a;
  }

  .plan__block.type2 .plan__sub-title span {
    color: #e6865a;
    font-size: 16px;
    margin: 0;
  }

  /****************** type3 フラワープランA ******************/

  .plan__block.type3 {
    padding-bottom: 30px;
    margin-top: 20px;
    margin-bottom: 0;
    border-radius: 10px;
    border: 4px solid #b585b7;
  }

  .plan__block.type3 .plan__price img {
    width: 280px;
  }

  .plan__block.type3 .plan__sub-title {
    padding: 11px 0 13px;
    box-shadow: 1px -1px 0px #b585b7, -1px 0px 0px #b585b7;
  }

  .plan__block.type3 .plan__sub-title span {
    font-size: 16px;
    margin: 0;
  }

}

@media screen and (max-width: 374px) {
  .plan {
    padding-bottom: 13.333vw;
  }

  .plan .title-box {
    padding: 5.333vw 0 4vw;
  }

  .plan .plan__title--border::before {
    width: 100%;
    height: 0.8vw;
    bottom: -1.333vw;
  }

  .plan__title--size {
    font-size: 9.067vw;
  }

  .plan .title-box p {
    margin-top: 4vw;
    font-size: 4.8vw;
  }

  .plan .title-box p img {
    width: 5.333vw;
    margin: 0.8vw 1.333vw 0 0;
  }

  .plan-top__list {
    margin-top: 8vw;
    gap: 5.333vw;
  }

  .plan-top__item {
    width: 89.333vw;
  }

  .plan-top__box {
    border-radius: 2.667vw;
  }

  .plan-top__box-title {
    padding: 1.867vw 0 2.667vw;
    font-size: 5.867vw;
    border-top-right-radius: 1.333vw;
    border-top-left-radius: 1.333vw;
  }

  .plan-top__box-title span {
    padding: 0.533vw 1.6vw 0.8vw;
    margin-left: 1.333vw;
  }

  .plan-top__box-wrap {
    padding: 2.667vw 5.333vw;
    border-bottom-right-radius: 1.6vw;
    border-bottom-left-radius: 1.6vw;
  }

  .plan-top__box-label {
    padding: 0.8vw 1.6vw 1.333vw;
    font-size: 3.733vw;
  }

  .plan-top__box-text01 {
    padding: 2.667vw 0 3.467vw;
  }

  .plan-top__box-text02 {
    padding: 3.467vw 0 0;
    border-top: 1px solid #858585;
  }

  /****************** plan-01 ******************/
  .plan-top__box.type1 {
    border: 0.8vw solid #e27172;
  }

  .plan-top__box.type1::before {
    width: 8vw;
    height: 8vw;
    top: -4vw;
    left: -4vw;
  }

  .plan-top__box.type1 .plan-top__box-title {
    box-shadow: 1px -1px 0px #e27172, -1px 0px 0px #e27172;
  }

  .plan-top__box.type1 .plan-top__box-text01 img {
    width: 66.667vw;
  }

  .plan-top__box.type1 .plan-top__box-text02 img {
    width: 72vw;
  }

  /****************** plan-02 ******************/
  .plan-top__box.type2 {
    border: 0.8vw solid #e6865a;
  }

  .plan-top__box.type2::before {
    width: 8vw;
    height: 8vw;
    top: -4vw;
    left: -4vw;
  }

  .plan-top__box.type2 .plan-top__box-title {
    box-shadow: 1px -1px 0px #e6865a, -1px 0px 0px #e6865a;
  }

  .plan-top__box.type2 .plan-top__box-text01 img {
    width: 66.667vw;
  }

  .plan-top__box.type2 .plan-top__box-text02 img {
    width: 72vw;
  }

  /****************** plan-03 ******************/
  .plan-top__box.type3 {
    border: 0.8vw solid #b585b7;
  }

  .plan-top__box.type3::before {
    width: 8vw;
    height: 8vw;
    top: -4vw;
    left: -4vw;
  }

  .plan-top__box.type3 .plan-top__box-title {
    box-shadow: 1px -1px 0px #b585b7, -1px 0px 0px #b585b7;
  }

  .plan-top__box.type3 .plan-top__box-text01 img {
    width: 66.667vw;
  }

  .plan-top__box.type3 .plan-top__box-text02 img {
    width: 72vw;
  }

  /****** plan-04 ******/
  .plan-top__box.type4 {
    border: 0.8vw solid #5b9c4c;
  }

  .plan-top__box.type4 .plan-top__box-title {
    box-shadow: 1px -1px 0px #5b9c4c, -1px 0px 0px #5b9c4c;
  }

  .plan-top__box.type4 .plan-top__box-wrap {
    height: 26.667vw;
    padding-top: 4vw;
  }

  .plan-top__box.type4 .plan-top__box-text01 img {
    width: 61.333vw;
  }

  /****************** plan-05 ******************/
  .plan-top__box.type5 {
    border: 0.8vw solid #28907d;
  }

  .plan-top__box.type5 .plan-top__box-title {
    box-shadow: 1px -1px 0px #28907d, -1px 0px 0px #28907d;
  }

  .plan-top__box.type5 .plan-top__box-wrap {
    height: 26.667vw;
    padding-top: 4vw;
  }

  .plan-top__box.type5 .plan-top__box-text01 img {
    width: 61.333vw;
  }

  /****************** plan-06 ******************/
  .plan-top__box.type6 {
    border: 0.8vw solid #006b85;
  }

  .plan-top__box.type6::before {
    width: 8vw;
    height: 8vw;
    position: absolute;
    top: -4vw;
    left: -4vw;
  }

  .plan-top__box.type6 .plan-top__box-title {
    box-shadow: 1px -1px 0px #006b85, -1px 0px 0px #006b85;
  }

  .plan-top__box.type6 .plan-top__box-wrap {
    height: 26.667vw;
    padding-top: 4vw;
  }

  .plan-top__box.type6 .plan-top__box-text01 img {
    width: 61.333vw;
  }

  /****************** plan-top END ******************/
  .plan__link {
    width: 89.333vw;
    margin: 13.333vw auto 0;
    gap: 2.667vw;
  }

  .plan__btn {
    padding: 4vw 0;
    font-size: 5.333vw;
    border-radius: 1.333vw;
  }

  .plan__btn.type1 {
    border: 2px solid #3f8b2d;
  }

  .plan__btn.type2 {
    border: 2px solid #d73d3e;
  }

  /****************** plan-contents ******************/
  .plan__container {
    margin-top: 8vw;
    gap: 5.333vw;
  }

  .plan__container-read {
    font-size: 4.8vw;
  }

  .plan__block {
    width: 89.333vw;
    padding-bottom: 8vw;
    border-radius: 1.333vw;
    border: 0.8vw solid #5b9c4c;
  }

  .plan__sub-title {
    padding: 2.933vw 0 3.467vw;
    font-size: 6.933vw;
    gap: 1.333vw;
  }

  .plan__sub-title span {
    padding: 0.8vw 2.133vw 1.067vw;
    font-size: 4.267vw;
  }

  .plan__wrap {
    gap: 5.333vw;
  }

  .plan__flow img {
    width: 74.667vw;
  }

  .plan__price {
    margin-top: 4vw;
  }

  .plan__text-box {
    width: 100%;
    padding: 4vw;
    margin-top: 6.667vw;
  }

  .plan__text {
    font-size: 4.267vw;
  }

  .plan__text:nth-of-type(1) {
    margin-bottom: 2.667vw;
  }

  .plan__text img {
    width: 4.267vw;
    margin-right: 1.333vw;
  }

  .plan__contents {
    max-width: 82.667vw;
    margin: 6.667vw auto 0;
  }

  .plan__contents-title {
    font-size: 5.867vw;
    padding: 3.2vw 0;
  }

  .accordion__title-symbol {
    width: 7.467vw;
    height: 7.467vw;
    right: 2.667vw;
  }

  .accordion__title-symbol::before {
    width: 4.267vw;
    height: 2.933vw;
  }

  .plan__block.type4 .accordion.down {
    max-height: 88vw;
  }

  .plan__block.type5 .accordion.down {
    max-height: 114.667vw;
  }

  .plan__block.type6 .accordion.down {
    max-height: 138.667vw;
  }

  .plan__block.type1 .accordion.down {
    max-height: 162.667vw;
  }

  .plan__block.type2 .accordion.down,
  .plan__block.type3 .accordion.down {
    max-height: 189.333vw;
  }

  .plan__contents-list {
    padding: 5.333vw 2.667vw;
    gap: 2.667vw;
  }

  /****************** type4 お別れ葬プラン ******************/

  .plan__block.type4 {
    padding-bottom: 8vw;
    border-radius: 2.667vw;
    border: 0.8vw solid #5b9c4c;
  }

  .plan__block.type4 .plan__price img {
    width: 74.667vw;
  }

  .plan__block.type4 .plan__sub-title {
    box-shadow: 1px -1px 0px #5b9c4c, -1px 0px 0px #5b9c4c;
  }

  /****************** type5 シンプル家族葬 ******************/

  .plan__block.type5 {
    padding-bottom: 8vw;
    margin-top: 5.333vw;
    border-radius: 2.667vw;
    border: 0.8vw solid #28907d;
  }

  .plan__block.type5 .plan__price img {
    width: 74.667vw;
  }

  .plan__block.type5 .plan__sub-title {
    box-shadow: 1px -1px 0px #28907d, -1px 0px 0px #28907d;
  }

  /****************** type6 スタンダード家族葬 ******************/

  .plan__block.type6 {
    padding-bottom: 8vw;
    margin-top: 5.333vw;
    border-radius: 2.667vw;
    border: 0.8vw solid #006b85;
  }

  .plan__block.type6 .plan__price img {
    width: 74.667vw;
  }

  .plan__block.type6 .plan__sub-title {
    box-shadow: 1px -1px 0px #006b85, -1px 0px 0px #006b85;
  }

  /****************** type1 フラワープランC ******************/

  .plan__block.type1 {
    padding-bottom: 8vw;
    margin-top: 8vw;
    border-radius: 2.667vw;
    border: 1.067vw solid #e27172;
  }

  .plan__block.type1 .plan__price img {
    width: 74.667vw;
  }

  .plan__block.type1 .plan__sub-title {
    padding: 2.933vw 0 3.467vw;
    box-shadow: 1px -1px 0px #e27172, -1px 0px 0px #e27172;
  }

  .plan__block.type1 .plan__sub-title span {
    font-size: 4.267vw;
  }

  /****************** type2 フラワープランB ******************/

  .plan__block.type2 {
    padding-bottom: 8vw;
    margin-top: 5.333vw;
    border-radius: 2.667vw;
    border: 0.208px solid #e6865a;
  }

  .plan__block.type2 .plan__price img {
    width: 74.667vw;
  }

  .plan__block.type2 .plan__sub-title {
    padding: 2.933vw 0 3.467vw;
    box-shadow: 1px -1px 0px #e6865a, -1px 0px 0px #e6865a;
  }

  .plan__block.type2 .plan__sub-title span {
    font-size: 4.267vw;
  }

  /****************** type3 フラワープランA ******************/

  .plan__block.type3 {
    padding-bottom: 8vw;
    margin-top: 5.333vw;
    margin-bottom: 0;
    border-radius: 2.667vw;
    border: 4px solid #b585b7;
  }

  .plan__block.type3 .plan__price img {
    width: 74.667vw;
  }

  .plan__block.type3 .plan__sub-title {
    padding: 2.933vw 0 3.467vw;
    box-shadow: 1px -1px 0px #b585b7, -1px 0px 0px #b585b7;
  }

  .plan__block.type3 .plan__sub-title span {
    font-size: 4.267vw;
    margin: 0;
  }
}

/****************************************************
  place
****************************************************/
.place {
  padding-bottom: 70px;
}

.place .title-box {
  padding: 68px 0;
  background-image: url(../images/place/place-title-bg.webp);
}

.place__read {
  margin-top: 50px;
  font-size: 40px;
  line-height: 1.3;
  text-align: center;
}

.place__list {
  margin-top: 75px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 50px;
}

.place__item {
  width: 363px;
}

.place__item-top {
  padding: 15px 20px;
  margin-top: -1px;
  background-color: #60bc57;
  color: #fff;
  text-wrap-mode: nowrap;
}

.place__city {
  padding: 4px 5px;
  font-size: 21px;
  color: #02aa00;
  background-color: #fff;
  display: inline-block;
}

.place__name {
  margin-top: 10px;
  font-size: 33px;
}

.place__add {
  margin-top: 10px;
  font-size: 20px;
}

.place__item-bottom {
  padding: 15px 0 15px 25px;
  color: #02aa00;
  background-color: #ecf7eb;
  height: 210px;
}

.place__info {
  margin-top: 8px;
  font-size: 18px;
  display: flex;
  align-items: center;
}

.place__item:nth-of-type(2) .place__info:nth-of-type(1),
.place__item:nth-of-type(3) .place__info:nth-of-type(1),
.place__item:nth-of-type(5) .place__info:nth-of-type(1) {
  align-items: flex-start;
}

.place__info:nth-of-type(1) {
  margin-top: 0;
}

.place__info-label {
  width: 100px;
  padding: 6px 0;
  margin-right: 5px;
  font-size: 17px;
  border: 1px solid #02aa00;
  color: #02aa00;
  background-color: #fff;
  text-align: center;
}

.place__item:nth-of-type(2) .place__info:nth-of-type(1) .place__info-text,
.place__item:nth-of-type(3) .place__info:nth-of-type(1) .place__info-text,
.place__item:nth-of-type(5) .place__info:nth-of-type(1) .place__info-text {
  padding-top: 2px;
  line-height: 1.3;
}

.place__info-text--space {
  letter-spacing: -0.1em;
  display: unset;
}

.place__map {
  width: 188px;
  padding: 7px 0 7px;
  margin-top: 15px;
  font-size: 18px;
  border-radius: 17px;
  border: 2px solid #fff;
  filter: drop-shadow(2px 2px 3px rgba(0, 0, 0, 0.25));
  background-color: #02aa00;
  color: #fff;
  text-align: center;
  transition: .3s;
}

@media screen and (min-width: 768px) {
  .place__map:hover {
    opacity: .7;
  }
}

@media screen and (max-width: 1920px) {
  .place {
    padding-bottom: 3.646vw;
  }

  .place .title-box {
    padding: 3.542vw 0;
  }

  .place__read {
    margin-top: 2.604vw;
    font-size: 2.083vw;
  }

  .place__list {
    margin-top: 3.906vw;
    gap: 2.604vw;
  }

  .place__item {
    width: 18.906vw;
  }

  .place__item-top {
    padding: 0.781vw 1.042vw;
    margin-top: -0.052vw;
  }

  .place__city {
    padding: 0.208vw 0.26vw;
    font-size: 1.094vw;
  }

  .place__name {
    margin-top: 0.521vw;
    font-size: 1.719vw;
  }

  .place__add {
    margin-top: 0.521vw;
    font-size: 1.042vw;
  }

  .place__item-bottom {
    padding: 0.781vw 0 0.781vw 1.302vw;
    height: 10.938vw;
  }

  .place__info {
    margin-top: 0.417vw;
    font-size: 0.938vw;
  }

  .place__info-label {
    width: 5.208vw;
    padding: 0.313vw 0 0.208vw;
    margin-right: 0.26vw;
    font-size: 0.885vw;
    border: 0.052vw solid #02aa00;
  }

  .place__item:nth-of-type(2) .place__info:nth-of-type(1) .place__info-text,
  .place__item:nth-of-type(3) .place__info:nth-of-type(1) .place__info-text,
  .place__item:nth-of-type(5) .place__info:nth-of-type(1) .place__info-text {
    padding-top: 0.104vw;
  }


  .place__map {
    width: 9.792vw;
    padding: 0.365vw 0 0.417vw;
    margin-top: 0.781vw;
    font-size: 0.938vw;
    border-radius: 0.885vw;
    border: 0.104vw solid #fff;
    filter: drop-shadow(0.104vw 0.104vw 0.156vw rgba(0, 0, 0, 0.25));
  }
}

@media screen and (max-width: 768px) {
  .place {
    padding-bottom: 50px;
  }

  .place .title-box {
    padding: 30px 0;
    background-position: left;
    background-image: url(../images/place/place-title-bg-sp.webp);
  }

  .place__read {
    margin-top: 20px;
    font-size: 18px;
  }

  .place__list {
    width: 335px;
    margin: 30px auto 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }

  .place__item {
    width: 335px;
  }

  .place__item-top {
    padding: 20px;
    margin-top: -1px;
    background-color: #60bc57;
    color: #fff;
  }

  .place__city {
    padding: 2px 5px 4px;
    font-size: 14px;
  }

  .place__name {
    margin-top: 8px;
    font-size: 30px;
  }

  .place__add {
    margin-top: 8px;
    font-size: 18px;
  }

  .place__item-bottom {
    padding: 20px 0 20px 15px;
    color: #02aa00;
    background-color: #ecf7eb;
    height: auto;
  }

  .place__info {
    margin-top: 8px;
    font-size: 18px;
    display: flex;
    align-items: center;
  }

  .place__item:nth-of-type(2) .place__info:nth-of-type(1),
  .place__item:nth-of-type(3) .place__info:nth-of-type(1),
  .place__item:nth-of-type(5) .place__info:nth-of-type(1) {
    align-items: flex-start;
  }

  .place__info:nth-of-type(1) {
    margin-top: 0;
  }

  .place__info-label {
    width: 85px;
    padding: 4px 0 4px;
    margin-right: 5px;
    font-size: 14px;
  }

  .place__item:nth-of-type(2) .place__info:nth-of-type(1) .place__info-text,
  .place__item:nth-of-type(3) .place__info:nth-of-type(1) .place__info-text,
  .place__item:nth-of-type(5) .place__info:nth-of-type(1) .place__info-text {
    padding-top: 2px;
    line-height: 1.3;
  }

  .place__info-text--space {
    letter-spacing: -0.1em;
    display: unset;
  }

  .place__map {
    width: 170px;
    padding: 7px 0 7px;
    margin-top: 15px;
    font-size: 16px;
    border-radius: 17px;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
  }
}

@media screen and (max-width: 374px) {
  .place {
    padding-bottom: 13.333vw;
  }

  .place .title-box {
    padding: 8vw 0;
  }

  .place__read {
    margin-top: 5.333vw;
    font-size: 4.8vw;
  }

  .place__list {
    width: 89.333vw;
    margin: 8vw auto 0;
    gap: 5.333vw;
  }

  .place__item {
    width: 89.333vw;
  }

  .place__item-top {
    padding: 5.333vw;
    margin-top: -0.267vw;
  }

  .place__city {
    padding: 0.533vw 1.333vw 1.067vw;
    font-size: 3.733vw;
  }

  .place__name {
    margin-top: 2.133vw;
    font-size: 8vw;
  }

  .place__add {
    margin-top: 2.133vw;
    font-size: 4.8vw;
  }

  .place__item-bottom {
    padding: 5.333vw 0 5.333vw 4vw;
  }

  .place__info {
    margin-top: 2.133vw;
    font-size: 4.8vw;
  }

  .place__info-label {
    width: 22.667vw;
    padding: 1.067vw 0 1.067vw;
    margin-right: 1.333vw;
    font-size: 3.733vw;
  }

  .place__item:nth-of-type(2) .place__info:nth-of-type(1) .place__info-text,
  .place__item:nth-of-type(3) .place__info:nth-of-type(1) .place__info-text,
  .place__item:nth-of-type(5) .place__info:nth-of-type(1) .place__info-text {
    padding-top: 0.533vw;
  }

  .place__map {
    width: 45.333vw;
    padding: 1.867vw 0 1.867vw;
    margin-top: 4vw;
    font-size: 4.267vw;
    border-radius: 4.533vw;
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
  }
}

/****************************************************
  worry
****************************************************/
.worry__top {
  padding: 50px 0 80px;
  background-color: #e3f3e1;
  position: relative;
}

.worry__top::before {
  content: "";
  display: inline-block;
  background-image: url(../images/worry/worry-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 82px;
  height: 48px;
  position: absolute;
  bottom: -47px;
  left: 50%;
  transform: translateX(-50%);
}

.worry__top .title-box {
  background-image: none;
}

.worry__top h2 {
  padding-bottom: 20px;
  border-bottom: 7px solid #44b039;
  display: inline-block;
}

.worry__list {
  margin-top: 50px;
  display: flex;
  justify-content: center;
  gap: 50px;
}

.worry__item {
  width: 260px;
  text-align: center;
}

.worry__text-01 {
  padding: 9px 20px 11px;
  margin-top: -12px;
  font-size: 30px;
  border-radius: 10px;
  color: #fff;
  background-color: #44b039;
  display: inline-block;
  position: relative;
}

.worry__text-02 {
  margin-top: 15px;
  font-size: 24px;
  line-height: 1.4;
  text-wrap-mode: nowrap;
}

.worry__bottom {
  padding: 70px 0;
}

.worry__bottom-title {
  font-size: 45px;
  display: flex;
  align-items: center;
}

.worry__bottom-title--color {
  padding: 10px 16px 11px;
  margin-right: 10px;
  font-size: 46px;
  border: 3px solid #ea5459;
  border-radius: 10px;
  color: #ea5459;
  background-color: #fdeeee;
}

.worry__bottom-title--size {
  padding-bottom: 10px;
  margin: 0 5px;
  font-size: 76px;
  font-family: 'Noto Serif JP';
  color: #44b039;
}

.worry__bottom-wrap {
  padding: 25px 0 20px 55px;
  margin-top: 35px;
  border-radius: 10px;
  border: 3px solid #44b039;
  background-color: #ecf7eb;
  line-height: 1.3;
  position: relative;
}

.worry__bottom-wrap::before {
  content: "";
  display: inline-block;
  background-image: url(../images/worry/worry-man.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 314px;
  height: 473px;
  position: absolute;
  right: 5px;
  bottom: -2px;
}

.worry__bottom-text01 {
  font-size: 31px;
}

.worry__bottom-text01--flex {
  display: inline-flex;
  align-items: center;
}

.worry__bottom-text01--color {
  font-size: 41px;
  color: #ea5459;
}

.worry__bottom-text02 {
  padding: 0 0 7px 80px;
  font-size: 106px;
  border-bottom: 3px solid #44b039;
  color: #ea5459;
  position: relative;
  display: inline-block;
}

.worry__bottom-text02::before {
  content: "";
  display: inline-block;
  background-image: url(../images/worry/tel.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 70px;
  height: 78px;
  position: absolute;
  left: 0;
  top: 55%;
  transform: translateY(-50%);
}

.worry__bottom-text03 {
  padding: 3px 15px 6px;
  margin-bottom: 5px;
  font-size: 24px;
  background-color: #44b039;
  color: #fff;
  display: inline-block;
}

.worry__bottom-text04 {
  margin-top: 5px;
  font-size: 26px;
}

@media screen and (max-width: 1920px) {
  .worry__top {
    padding: 2.604vw 0 4.167vw;
  }

  .worry__top::before {
    width: 4.271vw;
    height: 2.5vw;
    bottom: -2.448vw;
  }

  .worry__top h2 {
    padding-bottom: 1.042vw;
    border-bottom: 0.365vw solid #44b039;
  }

  .worry__list {
    margin-top: 2.604vw;
    gap: 2.604vw;
  }

  .worry__item {
    width: 13.542vw;
  }

  .worry__text-01 {
    padding: 0.469vw 1.042vw 0.573vw;
    margin-top: -0.625vw;
    font-size: 1.563vw;
    border-radius: 0.521vw;
  }

  .worry__text-02 {
    margin-top: 0.781vw;
    font-size: 1.25vw;
  }

  .worry__bottom {
    padding: 3.646vw 0;
  }

  .worry__bottom-title {
    font-size: 2.344vw;
  }

  .worry__bottom-title--color {
    padding: 0.521vw 0.833vw 0.573vw;
    margin-right: 0.521vw;
    font-size: 2.396vw;
    border: 0.156vw solid #ea5459;
    border-radius: 0.521vw;
  }

  .worry__bottom-title--size {
    padding-bottom: 0.521vw;
    margin: 0 0.26vw;
    font-size: 3.958vw;
  }

  .worry__bottom-wrap {
    padding: 1.302vw 0 1.042vw 2.865vw;
    margin-top: 1.823vw;
    border-radius: 0.521vw;
  }

  .worry__bottom-wrap::before {
    width: 16.354vw;
    height: 24.635vw;
    right: 0.26vw;
    bottom: -0.104vw;
  }

  .worry__bottom-text01 {
    font-size: 1.615vw;
  }

  .worry__bottom-text01--color {
    font-size: 2.135vw;
  }

  .worry__bottom-text02 {
    padding: 0 0 0.365vw 4.167vw;
    font-size: 5.521vw;
  }

  .worry__bottom-text02::before {
    width: 3.646vw;
    height: 4.063vw;
  }

  .worry__bottom-text03 {
    padding: 0.156vw 0.781vw 0.313vw;
    margin-bottom: 0.26vw;
    font-size: 1.25vw;
  }

  .worry__bottom-text04 {
    margin-top: 0.26vw;
    font-size: 1.354vw;
  }
}

@media screen and (max-width: 768px) {

  .worry__top {
    padding: 30px 0;
  }

  .worry__top::before {
    width: 52px;
    height: 30px;
    bottom: -28px;
  }

  .worry__top .title-box {
    background-image: none;
  }

  .worry__top h2 {
    font-size: 26px;
    padding-bottom: 10px;
    border-bottom: 4px solid #44b039;
    display: inline-block;
  }

  .worry__list {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
  }

  .worry__item {
    width: 160px;
  }

  .worry__text-01 {
    padding: 7px 15px 8px;
    margin-top: -12px;
    font-size: 18px;
    border-radius: 5px;
    color: #fff;
    background-color: #44b039;
    display: inline-block;
    position: relative;
    text-wrap-mode: nowrap;
  }

  .worry__text-02 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.2;
    text-wrap-mode: nowrap;
  }

  .worry__bottom {
    padding: 50px 0;
  }

  .worry__bottom-title {
    width: 335px;
    margin: 0 auto;
    font-size: 24px;
    display: block;
    line-height: 1.2;
    text-align: left;
  }

  .worry__bottom-title--color {
    width: 330px;
    padding: 10px 16px 11px;
    margin-right: 0;
    margin-bottom: 5px;
    font-size: 30px;
    border: 2px solid #ea5459;
    border-radius: 5px;
    text-align: center;
  }

  .worry__bottom-title--size {
    padding-bottom: 0;
    margin: 0 5px;
    font-size: 44px;
  }

  .worry__bottom-title--sp {
    padding-left: 20px;
  }

  .worry__bottom-wrap {
    width: 335px;
    padding: 20px 0 20px;
    margin: 20px auto 0;
    border-radius: 10px;
    border: 3px solid #44b039;
    background-color: #ecf7eb;
    line-height: 1.3;
    position: relative;
    text-align: center;
  }

  .worry__bottom-wrap::before {
    width: 80px;
    height: 130px;
    position: absolute;
    right: 10px;
    bottom: unset;
    top: -122px;
  }

  .worry__bottom-text01 {
    font-size: 18px;
  }

  .worry__bottom-text01--flex {
    display: inline;
  }

  .worry__bottom-text01--color {
    font-size: 22px;
    color: #ea5459;
  }

  .worry__bottom-text02 {
    padding: 0 0 0 30px;
    margin-top: 10px;
    font-size: 30px;
    border-bottom: 3px solid #44b039;
  }

  .worry__bottom-text02::before {
    width: 22px;
    height: 24px;
    position: absolute;
    left: 5px;
  }

  .worry__bottom-text03 {
    padding: 6px 12px;
    margin: 20px 0 5px;
    font-size: 20px;
  }

  .worry__bottom-text04 {
    width: 260px;
    margin: 5px auto 0;
    font-size: 18px;
    text-align: left;
  }

  .worry__bottom-text04 span {
    display: inline;
  }
}

@media screen and (max-width: 374px) {

  .worry__top {
    padding: 8vw 0;
  }

  .worry__top::before {
    width: 13.867vw;
    height: 8vw;
    bottom: -7.467vw;
  }

  .worry__top .title-box {
    background-image: none;
  }

  .worry__top h2 {
    font-size: 6.933vw;
    padding-bottom: 2.667vw;
    border-bottom: 1.067vw solid #44b039;
  }

  .worry__list {
    margin-top: 8vw;
    gap: 5.333vw;
  }

  .worry__item {
    width: 42.667vw;
  }

  .worry__text-01 {
    padding: 1.867vw 4vw 2.133vw;
    margin-top: -3.2vw;
    font-size: 4.8vw;
    border-radius: 1.333vw;
  }

  .worry__text-02 {
    margin-top: 2.667vw;
    font-size: 4.267vw;
  }

  .worry__bottom {
    padding: 13.333vw 0;
  }

  .worry__bottom-title {
    width: 89.333vw;
    font-size: 6.4vw;
  }

  .worry__bottom-title--color {
    width: 88vw;
    padding: 2.667vw 4.267vw 2.933vw;
    margin-bottom: 1.333vw;
    font-size: 8vw;
    border: 2px solid #ea5459;
    border-radius: 1.333vw;
  }

  .worry__bottom-title--size {
    margin: 0 1.333vw;
    font-size: 11.733vw;
  }

  .worry__bottom-title--sp {
    padding-left: 5.333vw;
  }

  .worry__bottom-wrap {
    width: 89.333vw;
    padding: 5.333vw 0 5.333vw;
    margin: 5.333vw auto 0;
    border-radius: 2.667vw;
    border: 0.8vw solid #44b039;
  }

  .worry__bottom-wrap::before {
    width: 21.333vw;
    height: 34.667vw;
    right: 2.667vw;
    top: -32.533vw;
  }

  .worry__bottom-text01 {
    font-size: 4.8vw;
  }

  .worry__bottom-text01--color {
    font-size: 5.867vw;
  }

  .worry__bottom-text02 {
    padding: 0 0 0 8vw;
    margin-top: 2.667vw;
    font-size: 8vw;
    border-bottom: 0.8vw solid #44b039;
  }

  .worry__bottom-text02::before {
    width: 5.867vw;
    height: 6.4vw;
    left: 1.333vw;
  }

  .worry__bottom-text03 {
    padding: 1.6vw 3.2vw;
    margin: 5.333vw 0 1.333vw;
    font-size: 5.333vw;
  }

  .worry__bottom-text04 {
    width: 69.333vw;
    margin: 1.333vw auto 0;
    font-size: 4.8vw;
  }

}

/****************************************************
  reason
****************************************************/
.reason {
  padding-bottom: 70px;
}

.reason .title-box h2 {
  padding: 40px 0 45px;
}

.reason__title--border {
  position: relative;
}

.reason__title--border::before {
  content: "";
  display: inline-block;
  background-color: #44b039;
  width: 100%;
  height: 5px;
  position: absolute;
  bottom: -15px;
}

.reason__title--border span.reason__title--size {
  font-size: 70px;
}

.reason__list {
  margin-top: 75px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 45px 0;
}

.reason__item {
  width: 550px;
  position: relative;
}

.reason__item::before {
  content: "";
  display: inline-block;
  background-image: url(../images/reason/reason-label-01.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 142px;
  height: 142px;
  position: absolute;
  top: -25px;
  left: -71px;
}

.reason__item:nth-of-type(2):before {
  background-image: url(../images/reason/reason-label-02.svg);
}

.reason__item:nth-of-type(3):before {
  background-image: url(../images/reason/reason-label-03.svg);
}

.reason__item:nth-of-type(4):before {
  background-image: url(../images/reason/reason-label-04.svg);
}

.reason__item-title {
  margin-top: 25px;
  font-size: 40px;
  line-height: 1.3;
  text-align: center;
  color: #44b039;
}

.reason__item-title span {
  font-size: 20px;
}

.reason__item-text {
  margin-top: 25px;
  font-size: 26px;
  font-weight: 500;
  line-height: 1.4;
}

.reason__item-text span {
  background: linear-gradient(transparent 45%, #efe090 0%);
  display: inline;
}

.reason__item-text--note {
  margin-top: 15px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
}

.flow {
  padding: 35px 0;
  margin-top: 75px;
  border-radius: 10px;
  background-color: #f3e9b0;
  position: relative;
  z-index: -3;
}

.flow::before {
  content: "";
  display: inline-block;
  border: 3px solid #fff;
  position: absolute;
  top: 9px;
  bottom: 9px;
  left: 9px;
  right: 9px;
  border-radius: 10px;
}

.flow__read {
  font-size: 35px;
  text-align: center;
}

.flow__wrap {
  padding: 0 50px;
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
}

.flow__flex {
  display: flex;
  justify-content: space-between;
}

.flow__box {
  width: 202px;
  margin-top: 20px;
}


.flow__title {
  font-size: 26px;
  color: #fff;
  text-align: center;
  position: relative;
}

.flow__title::before {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  height: 46px;
  position: absolute;
  top: 49%;
  transform: translateY(-50%);
  z-index: -1;
}

.flow__sub-title {
  padding: 5px 0;
  margin-bottom: 7px;
  font-size: 21px;
  color: #fff;
  text-align: center;
}

.flow__box-text {
  font-size: 17px;
  line-height: 1.5;
}

/****************** flow__01 ご葬儀の前 ******************/
.flow__01 {
  width: 425px;
}

.flow__01 .flow__title::before {
  background-image: url(../images/reason/flow-bg-01.svg);
  left: 0;
  width: 443px;
}

.flow__01 .flow__sub-title {
  background-color: #49a46a;
}

.flow__box.type1 .flow__box-text span {
  color: #49a46a;
}

.flow__box-text--space {
  color: #343434 !important;
}

/****************** flow__02 ご葬儀 ******************/
.flow__02 {
  width: 202px;
}

.flow__02 .flow__title::before {
  background-image: url(../images/reason/flow-bg-02.svg);
  left: 53%;
  transform: translate(-50%, -50%);
  width: 230px;
}

.flow__box.type3 .flow__sub-title {
  background-color: #2e7c92;
}

.flow__box.type3 .flow__box-text span {
  color: #2e7c92;
}

/****************** flow__03 ご葬儀後 ******************/
.flow__03 {
  width: 425px;
}

.flow__03 .flow__title::before {
  background-image: url(../images/reason/flow-bg-03.svg);
  left: 51%;
  transform: translate(-50%, -50%);
  width: 446px;
}

.flow__03 .flow__sub-title {
  background-color: #a682a5;
}

.flow__box.type4 .flow__box-text {
  letter-spacing: -0.01em;
}

.flow__box.type4 .flow__box-text span {
  color: #a682a5;
}

.flow__box.type5 .flow__box-text:last-of-type {
  margin-top: 15px;
  letter-spacing: -0.01em;
}

.flow__box.type5 .flow__box-text span {
  color: #a682a5;
}

@media screen and (max-width: 1920px) {
  .reason {
    padding-bottom: 3.646vw;
  }

  .reason .title-box h2 {
    padding: 2.083vw 0 2.344vw;
  }

  .reason__title--border::before {
    height: 0.26vw;
    bottom: -0.781vw;
  }

  .reason__title--border span.reason__title--size {
    font-size: 3.646vw;
  }

  .reason__list {
    margin-top: 3.906vw;
    gap: 2.344vw 0;
  }

  .reason__item {
    width: 28.646vw;
  }

  .reason__item::before {
    width: 7.396vw;
    height: 7.396vw;
    top: -1.302vw;
    left: -3.698vw;
  }

  .reason__item-title {
    margin-top: 1.302vw;
    font-size: 2.083vw;
  }

  .reason__item-title span {
    font-size: 1.042vw;
  }

  .reason__item-text {
    margin-top: 1.302vw;
    font-size: 1.354vw;
  }

  .reason__item-text--note {
    margin-top: 0.781vw;
    font-size: 0.677vw;
  }

  .flow {
    padding: 1.823vw 0;
    margin-top: 3.906vw;
    border-radius: 0.521vw;
  }

  .flow::before {
    border: 0.156vw solid #fff;
    top: 0.469vw;
    bottom: 0.469vw;
    left: 0.469vw;
    right: 0.469vw;
    border-radius: 0.521vw;
  }

  .flow__read {
    font-size: 1.823vw;
  }

  .flow__wrap {
    padding: 0 2.604vw;
    margin-top: 2.083vw;
  }

  .flow__box {
    width: 10.521vw;
    margin-top: 1.042vw;
  }


  .flow__title {
    font-size: 1.354vw;
  }

  .flow__title::before {
    height: 2.396vw;
  }

  .flow__sub-title {
    padding: 0.26vw 0;
    margin-bottom: 0.365vw;
    font-size: 1.094vw;
  }

  .flow__box-text {
    font-size: 0.885vw;
  }

  /****************** flow__01 ご葬儀の前 ******************/
  .flow__01 {
    width: 22.135vw;
  }

  .flow__01 .flow__title::before {
    width: 23.073vw;
  }

  /****************** flow__02 ご葬儀 ******************/
  .flow__02 {
    width: 10.521vw;
  }

  .flow__02 .flow__title::before {
    width: 11.979vw;
  }

  /****************** flow__03 ご葬儀後 ******************/
  .flow__03 {
    width: 22.135vw;
  }

  .flow__03 .flow__title::before {
    width: 23.229vw;
  }

  .flow__box.type5 .flow__box-text:last-of-type {
    margin-top: 0.781vw;
  }

}

@media screen and (max-width: 768px) {
  .reason {
    padding-bottom: 50px;
  }

  .reason .title-box h2 {
    padding: 30px 0;
  }

  .reason__title--border {
    position: relative;
  }

  .reason__title--border::before {
    width: 100%;
    height: 3px;
    bottom: -5px;
  }

  .reason__title--border span.reason__title--size {
    font-size: 34px;
  }

  .reason__list {
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-flow: column;
    gap: 40px 0;
  }

  .reason__item {
    width: 335px;
    margin: 0 auto;
    position: relative;
  }

  .reason__item::before {
    width: 60px;
    height: 60px;
    position: absolute;
    top: -20px;
    left: -10px;
  }

  .reason__item-title {
    margin-top: 15px;
    font-size: 24px;
  }

  .reason__item-title span {
    font-size: 12px;
  }

  .reason__item-text {
    margin-top: 5px;
    font-size: 18px;
  }

  .reason__item-text--note {
    margin-top: 15px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
  }

  .flow {
    width: 335px;
    padding: 35px 0;
    margin: 30px auto 0;
    border-radius: 10px;
    background-color: #f3e9b0;
    position: relative;
    z-index: -3;
  }

  .flow::before {
    content: "";
    display: inline-block;
    border: 2px solid #fff;
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    border-radius: 10px;
  }

  .flow__read {
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
  }

  .flow__wrap {
    padding: 0 15px;
    margin-top: 30px;
    display: flex;
    flex-flow: column;
    gap: 30px;
  }

  .flow__flex {
    display: flex;
    gap: 10px;
  }

  .flow__box {
    width: 202px;
    margin-top: 20px;
  }


  .flow__title {
    font-size: 20px;
  }

  .flow__title::before {
    height: 36px;
    background-size: cover;
    background-position: right;
  }

  .flow__sub-title {
    padding: 5px 0;
    margin-bottom: 7px;
    font-size: 15px;
    color: #fff;
    text-align: center;
  }

  .flow__box-text {
    font-size: 14px;
    line-height: 1.5;
  }

  .flow__box-text span {
    font-size: 12px;
  }

  .flow__box-text .sp-only {
    display: inline;
  }

  /****************** flow__01 ご葬儀の前 ******************/
  .flow__01 {
    width: 100%;
  }

  .flow__01 .flow__title::before {
    width: 100%;
  }

  .flow__01 .flow__sub-title {
    background-color: #49a46a;
  }

  .flow__box.type1 .flow__box-text span {
    color: #49a46a;
  }

  .flow__box.type1 .flow__box-text--space {
    font-size: 14px;
    letter-spacing: -0.06em;
    color: #343434 !important;
    text-wrap-mode: nowrap;
    display: unset;
  }

  /****************** flow__02 ご葬儀 ******************/
  .flow__02 {
    width: 100%;
  }

  .flow__02 .flow__title::before {
    background-image: url(../images/reason/flow-bg-02-sp.svg);
    width: 100%;
    left: 50%;
  }

  .flow__box.type3 {
    width: 147px;
  }

  .flow__box.type3 .flow__sub-title {
    background-color: #2e7c92;
  }

  .flow__box.type3 .flow__box-text span {
    color: #2e7c92;
  }

  /****************** flow__03 ご葬儀後 ******************/
  .flow__03 {
    width: 100%;
  }

  .flow__03 .flow__title::before {
    background-image: url(../images/reason/flow-bg-03-sp.svg);
    width: 100%;
    left: 50%;
  }

  .flow__03 .flow__sub-title {
    background-color: #a682a5;
  }

  .flow__box.type4 .flow__box-text {
    letter-spacing: -0.01em;
  }

  .flow__box.type4 .flow__box-text span {
    color: #a682a5;
  }

  .flow__box.type5 .flow__box-text:last-of-type {
    margin-top: 10px;
    letter-spacing: -0.01em;
  }

  .flow__box.type5 .flow__box-text span {
    color: #a682a5;
  }
}

@media screen and (max-width: 374px) {
  .reason {
    padding-bottom: 13.333vw;
  }

  .reason .title-box h2 {
    padding: 8vw 0;
  }

  .reason__title--border::before {
    height: 0.8vw;
    bottom: -1.333vw;
  }

  .reason__title--border span.reason__title--size {
    font-size: 9.067vw;
  }

  .reason__list {
    margin-top: 8vw;
    gap: 10.667vw 0;
  }

  .reason__item {
    width: 89.333vw;
  }

  .reason__item::before {
    width: 16vw;
    height: 16vw;
    top: -5.333vw;
    left: -2.667vw;
  }

  .reason__item-title {
    margin-top: 4vw;
    font-size: 6.4vw;
  }

  .reason__item-title span {
    font-size: 3.2vw;
  }

  .reason__item-text {
    margin-top: 1.333vw;
    font-size: 4.8vw;
  }

  .reason__item-text--note {
    margin-top: 4vw;
    font-size: 3.467vw;
  }

  .flow {
    width: 89.333vw;
    padding: 9.333vw 0;
    margin: 8vw auto 0;
    border-radius: 2.667vw;
  }

  .flow::before {
    border: 2px solid #fff;
    top: 1.067vw;
    bottom: 1.067vw;
    left: 1.067vw;
    right: 1.067vw;
    border-radius: 2.667vw;
  }

  .flow__read {
    font-size: 5.333vw;
  }

  .flow__wrap {
    padding: 0 4vw;
    margin-top: 8vw;
    gap: 8vw;
  }

  .flow__flex {
    gap: 2.667vw;
  }

  .flow__box {
    width: 53.867vw;
    margin-top: 5.333vw;
  }


  .flow__title {
    font-size: 5.333vw;
  }

  .flow__title::before {
    height: 9.6vw;
  }

  .flow__sub-title {
    padding: 1.333vw 0;
    margin-bottom: 1.867vw;
    font-size: 4vw;
  }

  .flow__box-text {
    font-size: 3.733vw;
  }

  .flow__box-text span {
    font-size: 3.2vw;
  }

  .flow__box.type1 .flow__box-text--space {
    font-size: 3.733vw;
  }

  .flow__box.type3 {
    width: 39.2vw;
  }

  .flow__box.type5 .flow__box-text:last-of-type {
    margin-top: 2.667vw;
  }

}

/****************************************************
  voice
****************************************************/
.voice {
  padding: 50px 0 55px;
  background-image: url(../images/voice/voice-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}

.voice .voice__title {
  position: relative;
}

.voice .voice__title::before,
.voice .voice__title::after {
  content: "";
  display: inline-block;
  background-color: #44b039;
  width: 421px;
  height: 3px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.voice .voice__title::before {
  left: 0;
}

.voice .voice__title::after {
  right: 0;
}

.voice__list {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 40px 0;
}

.voice__item {
  width: 568px;
  padding: 20px 0 30px;
  background-color: #fff;
}

.voice__item-title {
  padding: 0 0 25px 35px;
  font-size: 35px;
  color: #44b039;
}

.voice__item-label {
  padding: 3px 10px 4px 35px;
  font-size: 21px;
  color: #fff;
  background-color: #44b039;
  display: inline;
}

.voice__item-label span {
  border-right: 1px solid #fff;
}

.voice__item-text {
  padding: 20px 35px 0;
  font-size: 24px;
  line-height: 1.4;
  font-weight: 500;
}

.voice__item-text span {
  background: linear-gradient(transparent 45%, #efe090 0%);
  display: inline;
}

@media screen and (max-width: 1920px) {
  .voice {
    padding: 2.604vw 0 2.865vw;
  }

  .voice .voice__title::before,
  .voice .voice__title::after {
    width: 21.927vw;
    height: 0.156vw;
  }

  .voice__list {
    margin-top: 2.083vw;
    gap: 2.083vw 0;
  }

  .voice__item {
    width: 29.583vw;
    padding: 1.042vw 0 1.563vw;
  }

  .voice__item-title {
    padding: 0 0 1.302vw 1.823vw;
    font-size: 1.823vw;
  }

  .voice__item-label {
    padding: 0.156vw 0.521vw 0.208vw 1.823vw;
    font-size: 1.094vw;
  }

  .voice__item-label span {
    border-right: 0.052vw solid #fff;
  }

  .voice__item-text {
    padding: 1.042vw 1.823vw 0;
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 768px) {
  .voice {
    padding: 30px 0 50px;
    background-image: url(../images/voice/voice-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
  }

  .voice .voice__title {
    position: relative;
  }

  .voice .voice__title::before,
  .voice .voice__title::after {
    content: "";
    display: inline-block;
    background-color: #44b039;
    width: 80px;
    height: 3px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .voice .voice__title::before {
    left: 20px;
  }

  .voice .voice__title::after {
    right: 20px;
  }

  .voice__list {
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
  }

  .voice__item {
    width: 335px;
    padding: 20px 0 15px;
    margin: 0 auto;
  }

  .voice__item-title {
    padding: 0 15px 15px;
    font-size: 22px;
    text-wrap-mode: nowrap;
  }

  .voice__item-label {
    padding: 3px 10px 4px 15px;
    font-size: 14px;
  }

  .voice__item-label span {
    border-right: 1px solid #fff;
  }

  .voice__item-text {
    padding: 15px;
    font-size: 18px;
  }

}

@media screen and (max-width: 374px) {
  .voice {
    padding: 8vw 0 13.333vw;
  }

  .voice .voice__title::before,
  .voice .voice__title::after {
    width: 21.333vw;
    height: 0.8vw;
  }

  .voice .voice__title::before {
    left: 5.333vw;
  }

  .voice .voice__title::after {
    right: 5.333vw;
  }

  .voice__list {
    margin-top: 10.667vw;
    gap: 5.333vw 0;
  }

  .voice__item {
    width: 89.333vw;
    padding: 5.333vw 0 4vw;
  }

  .voice__item-title {
    padding: 0 4vw 4vw;
    font-size: 5.867vw;
  }

  .voice__item-label {
    padding: 0.8vw 2.667vw 1.067vw 4vw;
    font-size: 3.733vw;
  }

  .voice__item-text {
    padding: 4vw;
    font-size: 4.8vw;
  }
}

/****************************************************
  contact
****************************************************/
.contact {
  background-color: #fdfbef;
}

.contact__title {
  padding: 40px 0 45px;
  font-size: 53px;
  text-align: center;
}

.contact__read {
  font-size: 24px;
  margin-top: 50px;
  font-weight: 500;
  line-height: 1.3;
  color: #44b039;
}

.contact__list {
  margin-top: 40px;
}

.contact__item {
  width: 100%;
  border-bottom: 1px solid #999999;
  line-height: 1.3;
  display: flex;
  align-items: center;
  background-color: #ecf7eb;
}

.contact__item:nth-of-type(3),
.contact__item:nth-of-type(4),
.contact__item:nth-of-type(8) {
  align-items: flex-start;
}

.contact__item:last-of-type {
  border-bottom: none;
}

.contact__item-label {
  width: 309px;
  padding-left: 20px;
  font-size: 27px;
  display: flex;
  align-items: center;
}

.contact__item:nth-of-type(3) .contact__item-label,
.contact__item:nth-of-type(4) .contact__item-label,
.contact__item:nth-of-type(8) .contact__item-label {
  padding-top: 30px;
  display: block;
}

.required {
  width: 62px;
  padding: 2px 0 3px;
  margin: 3px 15px 0 0;
  font-size: 22px;
  border-radius: 2px;
  color: #fff;
  background-color: #ea5459;
  text-align: center;
}

.contact__item:nth-of-type(3) .required,
.contact__item:nth-of-type(4) .required,
.contact__item:nth-of-type(8) .required {
  margin-bottom: 10px;
  display: block;
}


.choice,
.check {
  font-size: 31px;
  display: inline-block;
}

.contact__item-check {
  display: flex;
  justify-content: space-between;
}


.contact__item-input {
  flex: 1;
  padding: 23px 28px;
  background-color: #fff;
}

.contact__item:nth-of-type(7) .contact__item-input {
  padding-bottom: 15px;
}

.contact__item-input input {
  width: 100%;
  padding: 6px 10px;
  font-size: 26px;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
}

.contact__item-input textarea {
  width: 100%;
  height: 250px;
  padding: 6px 10px;
  font-size: 26px;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
}

.address__wrap.type1 .address__text {
  font-size: 31px;
  display: flex;
  align-items: center;
  gap: 15px;
}

.address__wrap.type1 input {
  width: 173px;
}

.address__wrap.type1 .address__text a {
  padding: 5px 0 10px;
  font-size: 26px;
  color: #44b039;
  border-bottom: 2px solid #44b039;
}

.address__wrap.type1 .address__text a img {
  width: 21px;
  margin: 0 5px 3px 0;
}

.address__wrap.type2 {
  margin-top: 17px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 31px;
}

.address__wra.type2 .address__text {
  width: 150px;
}

.address__wrap.type2 input {
  width: 585px;
}

.mail__note {
  margin-top: 10px;
  font-size: 23px;
}

.contact__item-radio--wrap {
  padding: 23px 28px;
  background-color: #fff;
  flex: 1;
}

.contact__item-radio {
  display: flex;
  background-color: #fff;
}

.contact__item-radio label {
  padding-right: 20px;
  display: flex;
  align-items: center;
}

.privacy {
  padding-top: 80px;
}

.privacy__text {
  font-size: 23px;
  line-height: 1.5;
  text-align: left;
}

.privacy__check {
  padding: 23px 28px 48px;
  flex: 1;
  background-color: #fff;
  text-align: center;
}

.privacy__check label {
  display: inline-block;
}

.privacy__wrap {
  width: 453px;
  padding: 24px 0;
  margin-top: 40px;
  border-radius: 10px;
  background-color: #a4a4a4;
  border: 1px solid #a4a4a4;
}

.privacy__wrap.click {
  border: 1px solid #ea5459;
  background-color: #fdeeee;
}

.contact__footer {
  margin-top: 45px;
}

.contact__footer-text {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.03em;
}

.contact__footer-text span {
  color: #ea5459;
}

.contact__footer-text:last-of-type {
  text-wrap-mode: nowrap;
}

.contact__btn {
  text-align: center;
}

.contact__btn-wrap {
  margin: 60px 0;
  display: inline-block;
  position: relative;
}

.contact__btn-wrap::before {
  content: "";
  display: inline-block;
  background-image: url(../images/contact/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 24px;
  position: absolute;
  top: 50%;
  right: 30px;
  transform: translateY(-50%);
}

.contact__btn-wrap input {
  width: 703px;
  padding: 35px 0 38px;
  font-size: 42px;
  border-radius: 53px;
  color: #fff;
  background-color: #a4a4a4;
  border: 1px solid #a4a4a4;
  transition: .3s;
}

.contact__btn-wrap input:hover {
  background-color: #44b039;
  border: 1px solid #44b039;
}

::placeholder {
  padding-top: 5px;
  font-size: 26px;
  color: #cccccc;
}

/* ラジオ、チェックボタン変更 */
.choice,
.check {
  position: relative;
  cursor: pointer;
  padding-left: 28px;
  margin-left: 13px;
  display: inline-block;
}

.privacy__wrap .check {
  padding-left: 55px;
  margin-left: 0px;
}

.contact__item-radio .choice {
  padding-left: 55px;
  padding-bottom: 3px;
}

.check::before,
.check::after {
  content: "";
  display: inline-block;
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}

.check::before {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  width: 40px;
  height: 40px;
  border-radius: 3px;
  left: -2px;
}

.check::after {
  top: 50%;
  background-image: url(../images/contact/check.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 41px;
  height: 32px;
  left: 2px;
  opacity: 0;
}

.contact__item-check label:first-of-type .check,
.contact__item-privacy label .check {
  margin-left: 0;
}

.choice::before,
.choice::after {
  content: "";
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.choice::before {
  background-color: #fff;
  border: 1px solid #b3b3b3;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  left: -2px;
}

.choice::after {
  background-color: #1a4bff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  left: 8px;
  opacity: 0;
}

input:checked+.choice::after,
input:checked+.check::after {
  opacity: 1;
}

.choice-hidden {
  position: absolute;
  white-space: nowrap;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
}

.error {
  padding-top: 5px;
  font-size: 23px;
  font-weight: 500;
  color: red;
}

@media screen and (max-width: 1920px) {
  .contact__title {
    padding: 2.083vw 0 2.344vw;
    font-size: 2.76vw;
  }

  .contact__read {
    font-size: 1.25vw;
    margin-top: 2.604vw;
  }

  .contact__list {
    margin-top: 2.083vw;
  }

  .contact__item-label {
    width: 16.094vw;
    padding-left: 1.042vw;
    font-size: 1.406vw;
  }

  .contact__item:nth-of-type(3) .contact__item-label,
  .contact__item:nth-of-type(4) .contact__item-label,
  .contact__item:nth-of-type(8) .contact__item-label {
    padding-top: 1.563vw;
  }

  .required {
    width: 3.229vw;
    padding: 0.104vw 0 0.156vw;
    margin: 0.156vw 0.781vw 0 0;
    font-size: 1.146vw;
    border-radius: 0.104vw;
  }

  .contact__item:nth-of-type(3) .required,
  .contact__item:nth-of-type(4) .required,
  .contact__item:nth-of-type(8) .required {
    margin-bottom: 0.521vw;
  }


  .choice,
  .check {
    font-size: 1.615vw;
  }

  .contact__item-input {
    padding: 1.198vw 1.458vw;
  }

  .contact__item:nth-of-type(6) .contact__item-input {
    padding-bottom: 0.781vw;
  }

  .contact__item-input input {
    padding: 0.313vw 0.521vw;
    font-size: 1.354vw;
    border: 1px solid #b3b3b3;
    border-radius: 0.26vw;
  }

  .contact__item-input textarea {
    height: 13.021vw;
    padding: 0.313vw 0.521vw;
    font-size: 1.354vw;
    border: 1px solid #b3b3b3;
    border-radius: 0.26vw;
  }

  .address__wrap.type1 .address__text {
    font-size: 1.615vw;
    gap: 0.781vw;
  }

  .address__wrap.type1 input {
    width: 9.01vw;
  }

  .address__wrap.type1 .address__text a {
    padding: 0.26vw 0 0.521vw;
    font-size: 1.354vw;
    border-bottom: 0.104vw solid #44b039;
  }

  .address__wrap.type1 .address__text a img {
    width: 1.094vw;
    margin: 0 0.26vw 0.156vw 0;
  }

  .address__wrap.type2 {
    margin-top: 0.885vw;
    font-size: 1.615vw;
  }

  .address__wra.type2 .address__text {
    width: 7.813vw;
  }

  .address__wrap.type2 input {
    width: 30.469vw;
  }

  .mail__note {
    margin-top: 0.521vw;
    font-size: 1.198vw;
  }

  .contact__item-radio--wrap {
    padding: 1.198vw 1.458vw;
  }

  .contact__item-radio label {
    padding-right: 1.042vw;
  }

  .privacy {
    padding-top: 4.167vw;
  }

  .privacy__text {
    font-size: 1.198vw;
  }

  .privacy__check {
    padding: 1.198vw 1.458vw 2.5vw;
  }

  .privacy__wrap {
    width: 23.594vw;
    padding: 1.25vw 0;
    margin-top: 2.083vw;
    border-radius: 0.521vw;
    border: 1px solid #a4a4a4;
  }

  .privacy__wrap.click {
    border: 1px solid #ea5459;
  }

  .contact__footer {
    margin-top: 2.344vw;
  }

  .contact__footer-text {
    font-size: 1.25vw;
  }

  .contact__btn-wrap {
    margin: 3.125vw 0;
  }

  .contact__btn-wrap::before {
    width: 0.833vw;
    height: 1.25vw;
    right: 1.563vw;
  }

  .contact__btn-wrap input {
    width: 36.615vw;
    padding: 1.823vw 0 1.979vw;
    font-size: 2.188vw;
    border-radius: 2.76vw;
    border: 1px solid #a4a4a4;
  }

  .contact__btn-wrap input:hover {
    border: 1px solid #44b039;
  }

  ::placeholder {
    padding-top: 0.26vw;
    font-size: 1.354vw;
  }

  /* ラジオ、チェックボタン変更 */
  .choice,
  .check {
    padding-left: 1.458vw;
    margin-left: 0.677vw;
  }

  .privacy__wrap .check {
    padding-left: 2.865vw;
  }

  .contact__item-radio .choice {
    padding-left: 2.865vw;
    padding-bottom: 0.156vw;
  }

  .check::before {
    border: 1px solid #b3b3b3;
    width: 2.083vw;
    height: 2.083vw;
    border-radius: 0.156vw;
    left: -0.104vw;
  }

  .check::after {
    width: 2.135vw;
    height: 1.667vw;
    left: 0.104vw;
  }

  .choice::before {
    border: 1px solid #b3b3b3;
    width: 2.604vw;
    height: 2.604vw;
    left: -0.104vw;
  }

  .choice::after {
    width: 1.563vw;
    height: 1.563vw;
    left: 0.417vw;
  }

  .choice-hidden {
    height: 0.052vw;
    width: 0.052vw;
    margin: -0.052vw;
  }

  .error {
    padding-top: 0.26vw;
    font-size: 1.198vw;
  }
}

@media screen and (max-width: 768px) {
  .contact {
    background-color: #fdfbef;
  }

  .contact__title {
    padding: 30px 0;
    font-size: 28px;
  }

  .contact__read {
    font-size: 14px;
    padding: 0 20px;
    margin-top: 30px;
  }

  .contact__read p {
    padding-bottom: 10px;
  }

  .contact__list {
    width: 335px;
    margin: 20px auto 0;
  }

  .contact__item {
    width: 100%;
    border-bottom: 1px solid #999999;
    line-height: 1.3;
    display: block;
  }

  .contact__item:nth-of-type(3),
  .contact__item:nth-of-type(4),
  .contact__item:nth-of-type(8) {
    align-items: center;
  }

  .contact__item:last-of-type {
    border-bottom: none;
  }

  .contact__item-label {
    width: 100%;
    padding: 10px 0 10px 20px;
    font-size: 18px;
  }

  .contact__item:nth-of-type(3) .contact__item-label,
  .contact__item:nth-of-type(4) .contact__item-label,
  .contact__item:nth-of-type(8) .contact__item-label {
    padding-top: 10px;
    display: flex;
    align-items: center;
  }

  .required {
    width: 40px;
    padding: 1px 0 2px;
    margin: 3px 10px 0 0;
    font-size: 14px;
    border-radius: 2px;
  }

  .contact__item:nth-of-type(3) .required,
  .contact__item:nth-of-type(4) .required,
  .contact__item:nth-of-type(8) .required {
    margin-bottom: 0;
    display: block;
  }


  .choice,
  .check {
    font-size: 18px;
    display: inline-block;
  }

  .contact__item-check {
    display: flex;
    justify-content: space-between;
  }


  .contact__item-input {
    flex: 1;
    padding: 15px 20px;
    background-color: #fff;
  }

  .contact__item:nth-of-type(6) .contact__item-input {
    padding-bottom: 15px;
  }

  .contact__item-input input {
    width: 100%;
    padding: 5px 8px;
    font-size: 18px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
  }

  .contact__item-input textarea {
    width: 100%;
    height: 150px;
    padding: 6px 10px;
    font-size: 18px;
    border: 1px solid #b3b3b3;
    border-radius: 5px;
  }

  .address__wrap.type1 .address__text {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
  }

  .address__wrap.type1 input {
    width: 160px;
  }

  .address__wrap.type1 .address__text a {
    padding: 3px 0;
    margin-left: 5px;
    font-size: 14px;
    border-bottom: 2px solid #44b039;
  }

  .address__wrap.type1 .address__text a img {
    width: 12px;
    margin: 0 2px 2px 0;
  }

  .address__wrap.type2 {
    font-size: 16px;
    margin-top: 17px;
    flex-flow: column;
    gap: 10px;
  }

  .address__wrap.type2 .address__text {
    width: 100%;
  }

  .address__wrap.type2 input {
    width: 100%;
  }

  .mail__note {
    margin-top: 5px;
    font-size: 14px;
  }

  .contact__item-radio--wrap {
    padding: 15px 0 15px 20px;
  }

  .contact__item-radio label {
    padding-right: 10px;
    display: flex;
    align-items: center;
  }

  .privacy {
    padding-top: 80px;
  }

  .privacy__text {
    font-size: 16px;
    line-height: 1.3;
  }

  .privacy__check {
    padding: 23px 28px 48px;
    flex: 1;
    background-color: #fff;
    text-align: center;
  }

  .privacy__check label {
    display: inline-block;
  }

  .privacy__wrap {
    width: 250px;
    padding: 15px 0;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #a4a4a4;
  }

  .privacy__wrap.click {
    border: 1px solid #ea5459;
    background-color: #fdeeee;
  }

  .contact__footer {
    margin-top: 45px;
  }

  .contact__footer-text {
    width: 335px;
    margin: 0 auto;
    font-size: 16px;
  }

  .contact__footer-text span {
    color: #ea5459;
  }

  .contact__footer-text:last-of-type {
    text-wrap-mode: wrap;
  }

  .contact__btn {
    text-align: center;
  }

  .contact__btn-wrap {
    margin: 30px 0;
    display: inline-block;
    position: relative;
  }

  .contact__btn-wrap::before {
    width: 13px;
    height: 19px;
    position: absolute;
    top: 53%;
    right: 20px;
  }

  .contact__btn-wrap input {
    width: 300px;
    padding: 25px 0;
    font-size: 22px;
    border-radius: 53px;
    border: 1px solid #a4a4a4;
    transition: .3s;
  }

  .contact__btn-wrap input:hover {
    background-color: #44b039;
    border: 1px solid #44b039;
  }

  ::placeholder {
    padding-top: 5px;
    font-size: 16px;
    color: #cccccc;
  }

  /* ラジオ、チェックボタン変更 */
  .choice,
  .check {
    position: relative;
    cursor: pointer;
    padding-left: 28px;
    margin-left: 13px;
    display: inline-block;
  }

  .privacy__wrap .check {
    padding-left: 35px;
    margin-left: 0px;
  }

  .contact__item-radio .choice {
    padding-left: 10px;
    padding-bottom: 3px;
  }

  .check::before,
  .check::after {
    content: "";
    display: inline-block;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
  }

  .check::before {
    border: 1px solid #b3b3b3;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    left: -2px;
  }

  .check::after {
    width: 25px;
    height: 21px;
    left: 2px;
  }

  .contact__item-check label:first-of-type .check,
  .contact__item-privacy label .check {
    margin-left: 0;
  }

  .choice::before,
  .choice::after {
    content: "";
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .choice::before {
    border: 1px solid #b3b3b3;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    left: -12px;
  }

  .choice::after {
    width: 12px;
    height: 12px;
    left: -8px;
  }

  input:checked+.choice::after,
  input:checked+.check::after {
    opacity: 1;
  }

  .choice-hidden {
    position: absolute;
    white-space: nowrap;
    border: 0;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
  }

  .error {
    padding-top: 5px;
    font-size: 14px;
  }
}

@media screen and (max-width: 374px) {

  .contact__title {
    padding: 8vw 0;
    font-size: 7.467vw;
  }

  .contact__read {
    font-size: 3.733vw;
    padding: 0 5.333vw;
    margin-top: 8vw;
  }

  .contact__read p {
    padding-bottom: 2.667vw;
  }

  .contact__list {
    width: 89.333vw;
    margin: 5.333vw auto 0;
  }

  .contact__item {
    line-height: 1.3;
  }

  .contact__item-label {
    padding: 2.667vw 0 2.667vw 5.333vw;
    font-size: 4.8vw;
  }

  .contact__item:nth-of-type(3) .contact__item-label,
  .contact__item:nth-of-type(4) .contact__item-label,
  .contact__item:nth-of-type(8) .contact__item-label {
    padding-top: 2.667vw;
  }

  .required {
    width: 10.667vw;
    padding: 0.267vw 0 0.533vw;
    margin: 0.8vw 2.667vw 0 0;
    font-size: 3.733vw;
    border-radius: 0.533vw;
  }

  .choice,
  .check {
    font-size: 4.8vw;
  }

  .contact__item-input {
    padding: 4vw 5.333vw;
  }

  .contact__item:nth-of-type(6) .contact__item-input {
    padding-bottom: 4vw;
  }

  .contact__item-input input {
    padding: 1.333vw 2.133vw;
    font-size: 4.8vw;
    border-radius: 1.333vw;
  }

  .contact__item-input textarea {
    height: 40vw;
    padding: 1.6vw 2.667vw;
    font-size: 4.8vw;
    border-radius: 1.333vw;
  }

  .address__wrap.type1 .address__text {
    font-size: 4.8vw;
    gap: 1.333vw;
  }

  .address__wrap.type1 input {
    width: 42.667vw;
  }

  .address__wrap.type1 .address__text a {
    padding: 0.8vw 0;
    margin-left: 1.333vw;
    font-size: 3.733vw;
    border-bottom: 2px solid #44b039;
  }

  .address__wrap.type1 .address__text a img {
    width: 3.2vw;
    margin: 0 0.533vw 0.533vw 0;
  }

  .address__wrap.type2 {
    font-size: 4.267vw;
    margin-top: 4.533vw;
    gap: 2.667vw;
  }

  .mail__note {
    margin-top: 1.333vw;
    font-size: 3.733vw;
  }

  .contact__item-radio--wrap {
    padding: 4vw 0 4vw 5.333vw;
  }

  .contact__item-radio label {
    padding-right: 2.667vw;
  }

  .privacy {
    padding-top: 21.333vw;
  }

  .privacy__text {
    font-size: 4.267vw;
  }

  .privacy__check {
    padding: 6.133vw 7.467vw 12.8vw;
  }

  .privacy__wrap {
    width: 66.667vw;
    padding: 4vw 0;
    margin-top: 5.333vw;
    border-radius: 1.333vw;
  }

  .contact__footer {
    margin-top: 12vw;
  }

  .contact__footer-text {
    width: 89.333vw;
    font-size: 4.267vw;
  }

  .contact__btn-wrap {
    margin: 8vw 0;
  }

  .contact__btn-wrap::before {
    width: 3.467vw;
    height: 5.067vw;
    right: 5.333vw;
  }

  .contact__btn-wrap input {
    width: 80vw;
    padding: 6.667vw 0;
    font-size: 5.867vw;
    border-radius: 14.133vw;
  }

  ::placeholder {
    padding-top: 1.333vw;
    font-size: 4.267vw;
  }

  /* ラジオ、チェックボタン変更 */
  .choice,
  .check {
    padding-left: 7.467vw;
    margin-left: 3.467vw;
  }

  .privacy__wrap .check {
    padding-left: 9.333vw;
  }

  .contact__item-radio .choice {
    padding-left: 2.667vw;
    padding-bottom: 0.8vw;
  }

  .check::before {
    border: 1px solid #b3b3b3;
    width: 6.667vw;
    height: 6.667vw;
    border-radius: 0.8vw;
    left: -0.533vw;
  }

  .check::after {
    width: 6.667vw;
    height: 5.6vw;
    left: 0.533vw;
  }

  .choice::before {
    width: 5.333vw;
    height: 5.333vw;
    left: -3.2vw;
  }

  .choice::after {
    width: 3.2vw;
    height: 3.2vw;
    left: -2.133vw;
  }

  .choice-hidden {
    height: 0.267vw;
    width: 0.267vw;
    margin: -0.267vw;
  }

  .error {
    padding-top: 1.333vw;
    font-size: 4.267vw;
  }
}
/****************************************************
  footer
****************************************************/
footer {
  padding: 60px 0 0;
  text-align: center;
}


.footer__text {
  font-size: 28px;
  color: #44b039;
}

.footer__logo {
  margin-top: 30px;
}

.footer__logo img {
  width: 200px;
}

.copyright {
  padding: 10px 0 175px;
  margin-top: 40px;
  font-size: 17px;
  font-weight: 500;
  color: #fff;
  background-color: #717171;
}

@media screen and (max-width: 1920px) {
  footer {
    padding: 3.125vw 0 0;
  }


  .footer__text {
    font-size: 1.458vw;
  }

  .footer__logo {
    margin-top: 1.563vw;
  }

  .footer__logo img {
    width: 10.417vw;
  }

  .copyright {
    padding: 0.521vw 0 9.115vw;
    margin-top: 2.083vw;
    font-size: 0.885vw;
  }
}

@media screen and (max-width: 768px) {
  footer {
    padding: 30px 0 0;
    text-align: center;
  }


  .footer__text {
    font-size: 18px;
  }

  .footer__logo {
    margin-top: 20px;
  }

  .footer__logo img {
    width: 130px;
  }

  .copyright {
    padding: 10px 0 85px;
    margin-top: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #fff;
    background-color: #717171;
  }
}

@media screen and (max-width: 374px) {
  footer {
    padding: 8vw 0 0;
  }


  .footer__text {
    font-size: 4.8vw;
  }

  .footer__logo {
    margin-top: 5.333vw;
  }

  .footer__logo img {
    width: 34.667vw;
  }

  .copyright {
    padding: 2.667vw 0 22.667vw;
    margin-top: 5.333vw;
    font-size: 3.467vw;
  }
}