@charset "UTF-8";
/*================================================
このCSSファイルはSassから生成されています。
編集しないようにご注意ください。
================================================*/
img {
  width: 100%;
  height: auto;
  display: block;
  vertical-align: bottom;
}

.main_image_wrap-under {
  position: relative;
}

.main_copy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 26.1333%;
}

.plan_bg {
  box-sizing: border-box;
  background-color: #f6f6f6;
}

.plan_bg_image {
  position: relative;
  box-sizing: border-box;
  padding: 32px 0;
}
.plan_bg_image > .cont_wrap {
  position: relative;
  z-index: 1;
}
.plan_bg_image::before {
  position: absolute;
  content: "";
  display: block;
  background: url(../../kimono/img/leaf_bg-r_w.svg) no-repeat center;
  background-size: cover;
  top: 0;
  right: 0;
  width: 187px;
  height: 119px;
}
.plan_bg_image::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../../kimono/img/leaf_bg-l_w.svg) no-repeat center;
  background-size: cover;
  bottom: 0;
  left: 0;
  width: 187px;
  height: 119px;
}

#shrinePlan {
  margin-bottom: 48px;
}

.taitle_plan {
  font-size: 25px;
  color: #333;
  font-weight: normal;
  font-family: "Noto Serif JP", serif;
  text-align: center;
}

.plan_copy {
  font-family: "Noto Serif JP", serif;
  color: #333;
  font-size: 16px;
  line-height: 1.8;
  padding-top: 29px;
}

.vintage_taitle {
  font-family: "Noto Serif JP", serif;
  color: #891919;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.vintage_taitle span {
  position: relative;
  padding: 0 36px;
}
.vintage_taitle span::before, .vintage_taitle span::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../../kimono/img/icon_vintage.svg) no-repeat center;
  background-size: contain;
  width: 28px;
  aspect-ratio: 3/2;
  top: 50%;
  transform: translateY(-50%);
}
.vintage_taitle span::before {
  left: 0;
}
.vintage_taitle span::after {
  right: 0;
}

.vintage_copy {
  font-family: "Noto Serif JP", serif;
  color: #333;
  font-size: 15px;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 24px;
}

.vintage_copy-en {
  letter-spacing: 0.2em;
  margin-right: -0.2em;
}

.kimono_box:not(:last-child) {
  margin-bottom: 48px;
}
.kimono_box h3 {
  color: #fff;
  text-align: center;
  font-family: sans-serif;
  font-size: 16px;
  padding: 16px 0;
  box-sizing: border-box;
  margin-bottom: 24px;
}
.kimono_box h3::before, .kimono_box h3::after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  background-color: currentColor;
  transform: rotate(45deg);
  vertical-align: middle;
}
.kimono_box h3::before {
  margin-right: 12px;
}
.kimono_box h3::after {
  margin-left: 12px;
}
.kimono_box__price-plan h3 {
  background-color: #B7282E;
}
.kimono_box__price-33000 h3 {
  background-color: #C0392B;
}
.kimono_box__price-55000 h3 {
  background-color: #9B6914;
}
.kimono_box__price-77000 h3 {
  background-color: #B8860B;
}
.kimono_box__price-110000 h3 {
  background-color: #C9A227;
}
.kimono_box__price-120000 h3 {
  background-color: #C9A227;
}
.kimono_box__price-150000 h3 {
  background-color: #C9A227;
}
.kimono_box__price-170000 h3 {
  background-color: #C9A227;
}
.kimono_box__price-220000 h3 {
  background-color: #C9A227;
}
.kimono_box__price-330000 h3 {
  background-color: #C9A227;
}
.kimono_box__price-110000 h3, .kimono_box__price-120000 h3, .kimono_box__price-150000 h3, .kimono_box__price-170000 h3, .kimono_box__price-220000 h3, .kimono_box__price-330000 h3 {
  background-image: url(../../kimono/img/heada_patarn-w44.svg);
  background-repeat: repeat;
  background-position: top;
  background-size: 22%;
}
.kimono_box p {
  color: #333;
  font-size: 13px;
  text-align: center;
  font-family: sans-serif;
  margin-top: 12px;
}
.kimono_box ul {
  margin-bottom: 36px;
  overflow: hidden;
  transition: max-height 0.45s ease;
}
.kimono_box ul li:nth-child(n+7) {
  display: none;
}
.kimono_box ul.is-open li {
  display: block;
}

.link_btn-contact {
  text-align: center;
}
.link_btn-contact a {
  display: block;
  background-color: #FA8818;
  color: #fff;
  font-size: 14px;
  font-family: sans-serif;
  border-radius: 6px;
  font-weight: bold;
  box-sizing: border-box;
  padding: 16px 0;
  width: 88.1306%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.link_btn-contact a::before {
  position: absolute;
  content: "";
  display: block;
  border: solid 2px #fff;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  top: 4px;
  left: 4px;
  border-radius: 2px;
}
.link_btn-contact a span {
  position: relative;
  padding-right: 32px;
}
.link_btn-contact a span::after {
  position: absolute;
  content: "";
  display: block;
  background: url(../img/icon_mail-w.svg) no-repeat center;
  background-size: contain;
  width: 18px;
  height: 14px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.toggle_btn {
  text-align: center;
  margin-bottom: 36px;
}
.toggle_btn a {
  color: #C0392B;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: bold;
  border: solid 2px #C0392B;
  border-radius: 980px;
  box-sizing: border-box;
  padding: 4px 24px;
  display: inline-block;
}

#kimonoPlan {
  margin-bottom: 56px;
}

.profile_wrap {
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 64px;
}
.profile_wrap--lead {
  margin-top: 0;
  margin-bottom: 40px;
}

.profile_taitle {
  font-family: "Noto Serif JP", serif;
  color: #333;
  font-size: 16px;
  font-weight: normal;
  letter-spacing: 0.1em;
  margin-bottom: 14px;
}

.profile_copy {
  font-family: "Noto Serif JP", serif;
  color: #333;
  font-size: 14px;
  line-height: 1.8;
  text-indent: 1em;
  margin-bottom: 24px;
}

.profile_books {
  display: grid;
  grid-template-columns: repeat(2, 48%);
  -moz-column-gap: 4%;
       column-gap: 4%;
  justify-content: start;
}
.profile_books img {
  max-width: 190px;
}
.profile_books li p {
  font-family: "Noto Serif JP", serif;
  color: #333;
  font-size: 12px;
  line-height: 1.4;
  text-align: left;
  margin-top: 10px;
}
.profile_books li p + p {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .main_image_wrap-under {
    max-height: 427px;
  }
  .main_copy {
    width: 10.0313%;
  }
  .plan_bg_image {
    padding: clamp(48px, calc(-37.9300699301px + 8.3916083916vw), 72px) 0;
  }
  .plan_bg_image::before {
    width: 296px;
    height: 178px;
  }
  .plan_bg_image::after {
    width: 296px;
    height: 178px;
  }
  #shrinePlan {
    margin-bottom: clamp(56px, calc(-1.2867132867px + 5.5944055944vw), 72px);
  }
  .taitle_plan {
    font-size: clamp(32px, calc(-32.4475524476px + 6.2937062937vw), 50px);
  }
  .plan_copy {
    font-size: clamp(19px, calc(1.0979020979px + 1.7482517483vw), 24px);
    padding-top: clamp(36px, calc(-10.5454545455px + 4.5454545455vw), 49px);
  }
  .vintage_taitle {
    font-size: clamp(28px, calc(-22.1258741259px + 4.8951048951vw), 42px);
    margin-bottom: clamp(26px, calc(4.5174825175px + 2.0979020979vw), 32px);
  }
  .vintage_taitle span {
    padding: 0 clamp(46px, calc(-47.0909090909px + 9.0909090909vw), 72px);
  }
  .vintage_taitle span::before, .vintage_taitle span::after {
    width: clamp(32px, calc(-18.1258741259px + 4.8951048951vw), 46px);
    aspect-ratio: 3/2;
  }
  .vintage_copy {
    font-size: clamp(19px, calc(1.0979020979px + 1.7482517483vw), 24px);
    margin-bottom: clamp(28px, calc(-29.2867132867px + 5.5944055944vw), 44px);
  }
  .kimono_box:not(:last-child) {
    margin-bottom: clamp(56px, calc(-29.9300699301px + 8.3916083916vw), 80px);
  }
  .kimono_box h3 {
    font-size: clamp(20px, calc(-1.4825174825px + 2.0979020979vw), 26px);
  }
  .kimono_box h3::before, .kimono_box h3::after {
    width: clamp(12px, calc(4.8391608392px + 0.6993006993vw), 14px);
    height: clamp(12px, calc(4.8391608392px + 0.6993006993vw), 14px);
  }
  .kimono_box h3::before {
    margin-right: clamp(18px, calc(-3.4825174825px + 2.0979020979vw), 24px);
  }
  .kimono_box h3::after {
    margin-left: clamp(18px, calc(-3.4825174825px + 2.0979020979vw), 24px);
  }
  .kimono_box__price-110000 h3, .kimono_box__price-120000 h3, .kimono_box__price-150000 h3, .kimono_box__price-170000 h3, .kimono_box__price-220000 h3, .kimono_box__price-330000 h3 {
    background-size: 8%;
  }
  .kimono_box p {
    font-size: clamp(14px, calc(-7.4825174825px + 2.0979020979vw), 20px);
    margin-top: clamp(16px, calc(-12.6433566434px + 2.7972027972vw), 24px);
  }
  .kimono_box ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: clamp(24px, calc(-33.2867132867px + 5.5944055944vw), 40px);
    margin-bottom: clamp(48px, calc(-9.2867132867px + 5.5944055944vw), 64px);
  }
  .link_btn-contact a {
    font-size: clamp(18px, calc(3.6783216783px + 1.3986013986vw), 22px);
    width: clamp(364px, calc(-366.4055944056px + 71.3286713287vw), 568px);
    padding: clamp(18px, calc(-3.4825174825px + 2.0979020979vw), 24px) 0;
  }
  .link_btn-contact a span {
    padding-right: clamp(36px, calc(-6.965034965px + 4.1958041958vw), 48px);
  }
  .link_btn-contact a span::after {
    width: clamp(20px, calc(-8.6433566434px + 2.7972027972vw), 28px);
    height: clamp(16px, calc(-5.4825174825px + 2.0979020979vw), 22px);
  }
  .toggle_btn a {
    font-size: clamp(16px, calc(1.6783216783px + 1.3986013986vw), 20px);
    padding: clamp(8px, calc(-20.6433566434px + 2.7972027972vw), 16px) clamp(32px, calc(-53.9300699301px + 8.3916083916vw), 56px);
  }
  .toggle_remain {
    font-size: clamp(14px, calc(-0.3216783217px + 1.3986013986vw), 18px);
  }
  #kimonoPlan {
    margin-bottom: clamp(64px, calc(-36.2517482517px + 9.7902097902vw), 92px);
  }
  .profile_wrap {
    width: clamp(614px, calc(-352.7132867133px + 94.4055944056vw), 884px);
    max-width: 884px;
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(64px, calc(-222.4335664336px + 27.972027972vw), 144px);
  }
  .profile_wrap--lead {
    margin-top: 0;
    margin-bottom: clamp(56px, calc(-44.2517482517px + 9.7902097902vw), 84px);
  }
  .profile_taitle {
    font-size: clamp(17px, calc(-0.9020979021px + 1.7482517483vw), 22px);
    margin-bottom: clamp(20px, calc(-15.8041958042px + 3.4965034965vw), 30px);
  }
  .profile_copy {
    font-size: clamp(16px, calc(-5.4825174825px + 2.0979020979vw), 22px);
    line-height: 1.65;
    margin-bottom: clamp(28px, calc(-7.8041958042px + 3.4965034965vw), 38px);
  }
  .profile_books {
    grid-template-columns: repeat(2, 21.4932%);
    -moz-column-gap: 2.2624%;
         column-gap: 2.2624%;
  }
  .profile_books li p {
    font-size: clamp(13px, calc(5.8391608392px + 0.6993006993vw), 15px);
    margin-top: clamp(14px, calc(-14.6433566434px + 2.7972027972vw), 22px);
  }
  .profile_books li p + p {
    font-size: 13px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .main_copy {
    width: 15.7552%;
  }
  .plan_bg_image::before {
    width: 266px;
    height: 178px;
  }
  .plan_bg_image::after {
    width: 266px;
    height: 178px;
  }
  .taitle_plan {
    font-size: 27px;
  }
  .vintage_taitle {
    font-size: 24px;
  }
  .kimono_box__price-110000 h3, .kimono_box__price-120000 h3, .kimono_box__price-150000 h3, .kimono_box__price-170000 h3, .kimono_box__price-220000 h3, .kimono_box__price-330000 h3 {
    background-size: 10%;
  }
  .kimono_box ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    -moz-column-gap: 12px;
         column-gap: 12px;
    row-gap: 24px;
  }
  .link_btn-contact a {
    width: 48%;
  }
  .profile_wrap {
    width: 90%;
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 64px;
  }
  .profile_wrap--lead {
    margin-top: 0;
    margin-bottom: 48px;
  }
  .profile_taitle {
    font-size: 16px;
    margin-bottom: 18px;
  }
  .profile_copy {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .profile_books {
    grid-template-columns: repeat(2, 26.3889%);
    -moz-column-gap: 3%;
         column-gap: 3%;
  }
  .profile_books li p {
    font-size: 13px;
    margin-top: 14px;
  }
}
@media screen and (min-width: 1310px) {
  .plan_bg_image::before {
    width: 553px;
    height: 333px;
  }
  .plan_bg_image::after {
    width: 553px;
    height: 333px;
  }
  .taitle_plan {
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) {
  .plan_copy {
    text-align: center;
    line-height: 2;
  }
  .kimono_box ul li:nth-child(7),
  .kimono_box ul li:nth-child(8) {
    display: block;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .kimono_box h3 {
    margin-bottom: clamp(24px, calc(-4.6433566434px + 2.7972027972vw), 32px);
  }
}
@media screen and (max-width: 767px) {
  .kimono_box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 24px;
  }
  .kimono_box ul li {
    width: 48%;
  }
  .link_btn-contact a {
    border-radius: 10px;
  }
  .link_btn-contact a::before {
    border-radius: 6px;
  }
  .profile_books {
    max-width: 396px;
  }
}
/*# sourceMappingURL=../css/kimono.css.map */