@charset "UTF-8";
/* ===================================================================
CSS information

file name  : plan.css
author     : Abilive
style info : プラン・料金
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.p-equipment__price, .p-bento {
  max-width: 1200px;
  margin: auto;
}
@media only screen and (min-width: 768px) {
  .p-equipment__price, .p-bento {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__price, .p-bento {
    width: 89.7435897436%;
  }
}

@property --1vw {
  syntax: "<length>";
  inherits: true;
  initial-value: 0px;
}
:root {
    --1vw: 1vw;
    --vw-to-px: tan(atan2(var(--1vw), 1px));
}

.p-bg01 {
  padding-bottom: 6.6666666667rem;
}
@media only screen and (max-width: 767px) {
  .p-bg01 {
    padding-bottom: 5.3333333333rem;
  }
}
.p-bg01:before {
  background: url(../../banquet/plan/images/bg_plan.webp) no-repeat;
}
@media only screen and (max-width: 767px) {
  .p-bg01:before {
    background-size: cover;
  }
}

#plan_contact {
  border: 1px solid var(--color-cv);
}
#plan_contact .c-contact__heading {
  color: var(--color-cv);
}

.p-equipment {
  margin-top: 6rem;
}
@media only screen and (max-width: 767px) {
  .p-equipment {
    margin-top: 4rem;
  }
}
.p-equipment .c-ancLnk2 {
  margin-top: 3.4666666667rem;
}
@media only screen and (max-width: 767px) {
  .p-equipment .c-ancLnk2 {
    margin-top: 2rem;
  }
}
.p-equipment__price {
  max-width: 1100px;
  margin-top: 3.4666666667rem;
}
@media only screen and (max-width: 767px) {
  .p-equipment__price {
    margin-top: 2rem;
  }
}
.p-equipment__price .c-ttlJP_03 {
  color: var(--color-key01);
}
.p-equipment__accordion {
  margin-top: 2rem;
}
.p-equipment__accordion .wrp_items {
  display: none;
  margin-top: 1.6666666667rem;
  padding: 0 1.3636363636%;
  box-sizing: border-box;
}
.p-equipment__accordion .txt {
  margin-bottom: 1.8666666667rem;
}
@media only screen and (min-width: 1200px) {
  .p-equipment__accordion .txt {
    font-size: 1rem;
  }
}
@media print {
  .p-equipment__accordion .txt {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__accordion .txt {
    font-size: 0.9333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__accordion .txt {
    font-size: 1rem;
  }
}
.p-equipment__accordion .txt {
  letter-spacing: 0.04em;
  line-height: 1.75;
}
.p-equipment__accordion .note {
  margin-top: 1.0666666667rem;
}
@media only screen and (min-width: 1200px) {
  .p-equipment__accordion .note {
    font-size: 1rem;
  }
}
@media print {
  .p-equipment__accordion .note {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-equipment__accordion .note {
    font-size: 0.9333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__accordion .note {
    font-size: 1rem;
  }
}
.p-equipment__accordion .note {
  letter-spacing: 0.04em;
  line-height: 1.75;
}
.p-equipment__accordion .note li {
  text-indent: -1em;
  padding-left: 1em;
}
.p-equipment__accordion .btn {
  width: 26.6666666667rem;
  margin: 2.3333333333rem auto 0;
}
@media only screen and (max-width: 767px) {
  .p-equipment__accordion .btn {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-equipment__accordion .btn a {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-equipment__accordion .btn a {
    padding: 0.6666666667rem 1rem 0.6666666667rem 1.3333333333rem;
  }
}
.p-equipment__accordion .active + .wrp_items {
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.p-bento {
  position: relative;
  max-width: 960px;
  border-top: 1px solid var(--color-key01);
  border-bottom: 1px solid var(--color-key01);
  box-sizing: border-box;
  margin-top: 5.3333333333rem;
}
@media only screen and (max-width: 767px) {
  .p-bento {
    margin-top: 4rem;
  }
}
.p-bento:before {
  content: "";
  height: 4px;
  width: 4px;
  transform: rotate(45deg);
  background: var(--color-key01);
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
}
.p-bento:after {
  content: "";
  height: 4px;
  width: 4px;
  transform: rotate(45deg);
  background: var(--color-key01);
  display: block;
  position: absolute;
  right: 0;
  top: -2px;
}
.p-bento__inner {
  position: relative;
  width: 100%;
}
.p-bento__inner:before {
  content: "";
  height: 4px;
  width: 4px;
  transform: rotate(45deg);
  background: var(--color-key01);
  display: block;
  position: absolute;
  bottom: -2px;
  left: 0;
}
.p-bento__inner:after {
  content: "";
  height: 4px;
  width: 4px;
  transform: rotate(45deg);
  background: var(--color-key01);
  display: block;
  position: absolute;
  right: 0;
  bottom: -2px;
}
.p-bento__flexBox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8.3333333333%;
  padding: 3.3333333333rem 4.6875%;
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-bento__flexBox {
    padding: 3.3333333333rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox {
    flex-direction: column;
    padding: 2.6666666667rem 4.2857142857%;
  }
}
.p-bento__flexBox .img {
  width: 41.3793103448%;
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox .img {
    width: 100%;
  }
}
.p-bento__flexBox .wrp_txt {
  width: 49.4252873563%;
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox .wrp_txt {
    width: 100%;
    margin-top: 1.3333333333rem;
  }
}
.p-bento__flexBox .wrp_txt .st {
  display: flex;
  flex-direction: column;
}
.p-bento__flexBox .wrp_txt .st .jp {
  order: 2;
  display: block;
  color: var(--color-key01);
  font-family: "Shippori Mincho", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 400;
  font-style: normal;
}
@media only screen and (min-width: 1200px) {
  .p-bento__flexBox .wrp_txt .st .jp {
    font-size: 1.2rem;
  }
}
@media print {
  .p-bento__flexBox .wrp_txt .st .jp {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-bento__flexBox .wrp_txt .st .jp {
    font-size: 1.1333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox .wrp_txt .st .jp {
    font-size: 1.0666666667rem;
  }
}
.p-bento__flexBox .wrp_txt .st .jp {
  letter-spacing: 0.02em;
  line-height: 1.75;
  padding-top: 6px;
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox .wrp_txt .st .jp {
    padding-top: 0px;
  }
}
.p-bento__flexBox .wrp_txt .st .en {
  order: 1;
}
@media only screen and (min-width: 1200px) {
  .p-bento__flexBox .wrp_txt .st .en {
    font-size: 2.1333333333rem;
  }
}
@media print {
  .p-bento__flexBox .wrp_txt .st .en {
    font-size: 2.1333333333rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-bento__flexBox .wrp_txt .st .en {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox .wrp_txt .st .en {
    font-size: 1.4666666667rem;
  }
}
.p-bento__flexBox .wrp_txt .st .en {
  letter-spacing: -0.01em;
  line-height: 1.04;
  font-family: "Outfit", Helvetica, Arial, sans-serif;
  font-weight: 100;
  font-weight: normal;
  color: var(--color-key01);
  display: block;
}
.p-bento__flexBox .wrp_txt .txt {
  margin-top: 1.0666666667rem;
}
@media only screen and (min-width: 1200px) {
  .p-bento__flexBox .wrp_txt .txt {
    font-size: 1rem;
  }
}
@media print {
  .p-bento__flexBox .wrp_txt .txt {
    font-size: 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
  .p-bento__flexBox .wrp_txt .txt {
    font-size: 0.9333333333rem;
  }
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox .wrp_txt .txt {
    font-size: 1rem;
  }
}
.p-bento__flexBox .wrp_txt .txt {
  letter-spacing: 0.04em;
  line-height: 1.75;
}
.p-bento__flexBox .wrp_txt .btn {
  margin-top: 1.7333333333rem;
  width: 94.7368421053%;
}
@media only screen and (max-width: 1199px) {
  .p-bento__flexBox .wrp_txt .btn {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .p-bento__flexBox .wrp_txt .btn a {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .p-bento__flexBox .wrp_txt .btn a {
    padding: 0.6666666667rem 1rem 0.6666666667rem 0.6666666667rem;
  }
}

/*# sourceMappingURL=plan.css.map */