@charset "UTF-8";
body {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.w100 {
  width: 100%;
}

._idx {
  padding-block: 80px 190px;
}
@media screen and (max-width: 640px) {
  ._idx {
    padding-block: 18.75%;
  }
}
._idx .cost-lead {
  margin-bottom: 140px;
  font-size: 183.3333333333%;
  font-weight: 400;
  line-height: 2;
}
@media screen and (max-width: 640px) {
  ._idx .cost-lead {
    margin-bottom: 25%;
    font-size: 100%;
  }
}
._idx .cost-box {
  margin-bottom: 140px;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box {
    margin-bottom: 23.2142857143%;
  }
}
._idx .cost-box:last-child {
  margin-bottom: 0;
}
._idx .cost-box ._item01 {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item01 {
    display: block;
  }
}
._idx .cost-box ._item01 .box-fig {
  width: 50%;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item01 .box-fig {
    width: 87.5%;
    margin: 0 auto;
  }
}
._idx .cost-box ._item01 .box-ttl {
  position: relative;
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding-inline: 20px;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item01 .box-ttl {
    display: block;
  }
}
._idx .cost-box ._item01 .box-ttl .box-ttl-h {
  font-size: 333.3333333333%;
  font-weight: 500;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  line-height: 1.5;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item01 .box-ttl .box-ttl-h {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 7.1428571429%;
    font-size: 142.8571428571%;
    line-height: 1.6;
  }
}
._idx .cost-box ._item01 .box-txt-s {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 30px;
  padding-inline: 7.8125%;
}
@media screen and (max-width: 960px) {
  ._idx .cost-box ._item01 .box-txt-s {
    margin-bottom: -100px;
  }
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item01 .box-txt-s {
    position: static;
    margin-bottom: 3.125%;
    padding-inline: 3.125%;
  }
}
._idx .cost-box ._item01 .box-txt-s p {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 133.3333333333%;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item01 .box-txt-s p {
    font-size: 85.7142857143%;
  }
}
._idx .cost-box ._item02 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  -moz-column-gap: 6.25%;
       column-gap: 6.25%;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 {
    display: block;
  }
}
._idx .cost-box ._item02 .box-fig {
  width: 50%;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 .box-fig {
    width: 87.5%;
    margin: 0 auto;
  }
}
._idx .cost-box ._item02 .box-item-m {
  flex: 1;
  padding-top: 20px;
  padding-right: 20px;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 .box-item-m {
    padding: 3.125% 6.25% 0;
  }
}
._idx .cost-box ._item02 .box-item-m .box-item-c {
  width: 100%;
  max-width: 600px;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 .box-item-m .box-item-c {
    max-width: 100%;
  }
}
._idx .cost-box ._item02 .box-item-m .box-txt {
  max-width: 460px;
  margin-bottom: 20px;
  font-size: 133.3333333333%;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 .box-item-m .box-txt {
    margin-bottom: 8.9285714286%;
    font-size: 85.7142857143%;
  }
}
._idx .cost-box ._item02 .box-item-m figure {
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 .box-item-m figure {
    max-width: 100%;
    margin-bottom: 5.3571428571%;
  }
}
._idx .cost-box ._item02 .box-item-m .box-notes li {
  margin-bottom: 10px;
  padding-left: 2.4em;
  text-indent: -2.4em;
  font-size: 133.3333333333%;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 .box-item-m .box-notes li {
    font-size: 85.7142857143%;
  }
}
._idx .cost-box ._item02 .box-item-m .box-notes li:last-child {
  margin-bottom: 0;
}
._idx .cost-box ._item02 .box-item-m .box-notes li span {
  padding-left: 1em;
}
._idx .cost-box ._item02 .box-item-m .box-name {
  margin-top: 15px;
  font-size: 133.3333333333%;
}
@media screen and (max-width: 640px) {
  ._idx .cost-box ._item02 .box-item-m .box-name {
    margin-top: 5.3571428571%;
    font-size: 85.7142857143%;
  }
}/*# sourceMappingURL=cost.css.map */