@charset "UTF-8";
/* basic layout */
/* 全体の設定
---------------------------------------------------------------------------*/
/* 基本設定
---------------------------------------------------------------------------*/
/* responsive */
/* サイズ */
/* flexbox */
/* フォント */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* medium: 500, bold: 700, black: 900 */
/* regular: 400, medium: 500, semibold: 600, bold: 700 */
/* regular: 400 */
/* 色 */
/* グラデ背景色 */
/* 中央揃え */
/* objectfit */
/* ホバーアクション */
/* 角丸 */
/* ボタン */
/* ボタンの中のspan */
/* フォントサイズ */
/* 余白 */
/* 縦書き */
/* 内径 */
/* reason
---------------------------------------------------------------------------*/
.reason {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .reason {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .reason {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .reason {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .reason {
      margin-bottom: 14.9333333333vw; } }
  .reason .pg-ttl b {
    font-size: 56px;
    font-weight: 600; }
    @media screen and (max-width: 1300px) {
      .reason .pg-ttl b {
        font-size: 4.3076923077vw; } }
    @media screen and (max-width: 480px) {
      .reason .pg-ttl b {
        font-size: 13.2740682667vw; } }
  .reason .cols03-img {
    position: relative;
    overflow: hidden; }
    .reason .cols03-img .num {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      position: absolute;
      color: #BCA49F;
      width: 138px;
      height: 138px;
      border-radius: 50%;
      background-color: #F4EDEA;
      left: -20px;
      bottom: -32px;
      letter-spacing: .05em;
      font-size: 64px;
      font-family: "Montserrat", sans-serif;
      font-optical-sizing: auto;
      font-weight: 600;
      font-style: normal; }
      @media screen and (max-width: 1300px) {
        .reason .cols03-img .num {
          font-size: 4.9230769231vw; } }
      @media screen and (max-width: 480px) {
        .reason .cols03-img .num {
          font-size: 15.1703637333vw; } }
      @media screen and (max-width: 1300px) {
        .reason .cols03-img .num {
          width: 10.6153846154vw;
          height: 10.6153846154vw;
          left: -1.5384615385vw;
          bottom: -2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .reason .cols03-img .num {
          width: 31.2vw;
          height: 31.2vw;
          left: -4.5333333333vw;
          bottom: -7.2vw; } }

/* example
---------------------------------------------------------------------------*/
.example {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .example {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .example {
      margin-bottom: 14.9333333333vw; } }
  .example .cols04 {
    width: 100%; }
    .example .cols04-img-deform {
      margin-bottom: 24px; }
      @media screen and (max-width: 1300px) {
        .example .cols04-img-deform {
          margin-bottom: 1.8461538462vw; } }
      @media screen and (max-width: 480px) {
        .example .cols04-img-deform {
          margin-bottom: 4.48vw; } }
    .example .cols04-tx .hdl {
      text-align: center; }

/* cuisine
---------------------------------------------------------------------------*/
.cuisine {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .cuisine {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .cuisine {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .cuisine {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .cuisine {
      margin-bottom: 11.9466666667vw; } }
  .cuisine-desc {
    text-align: center;
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .cuisine-desc {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .cuisine-desc {
        margin-bottom: 10.08vw; } }
    @media screen and (max-width: 480px) {
      .cuisine-desc {
        text-align: left; } }

/* cuis
---------------------------------------------------------------------------*/
.cuis {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 1300px) {
    .cuis {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .cuis {
      width: 89.3333333333vw; } }
  .cuis .imgtx-tx .pg-hdl {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px dashed #CAB7B2; }
    @media screen and (max-width: 1300px) {
      .cuis .imgtx-tx .pg-hdl {
        margin-bottom: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .cuis .imgtx-tx .pg-hdl {
        margin-bottom: 4.48vw; } }
    @media screen and (max-width: 1300px) {
      .cuis .imgtx-tx .pg-hdl {
        padding-bottom: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .cuis .imgtx-tx .pg-hdl {
        padding-bottom: 2.9866666667vw; } }
  .cuis dl dt {
    color: #7A4A3F;
    letter-spacing: .14em;
    font-weight: 600;
    margin-bottom: 28px; }
    @media screen and (max-width: 1300px) {
      .cuis dl dt {
        margin-bottom: 2.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .cuis dl dt {
        margin-bottom: 5.2266666667vw; } }
  .cuis dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.7777; }
    .cuis dl dd h4 {
      width: 5em; }
    .cuis dl dd p {
      width: calc(100% - 5em); }

/* cuisine01
---------------------------------------------------------------------------*/
.cuisine01 {
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .cuisine01 {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .cuisine01 {
      margin-bottom: 11.9466666667vw; } }

/* cuisine02
---------------------------------------------------------------------------*/
.cuisine02 {
  margin-bottom: 64px; }
  @media screen and (max-width: 1300px) {
    .cuisine02 {
      margin-bottom: 4.9230769231vw; } }
  @media screen and (max-width: 480px) {
    .cuisine02 {
      margin-bottom: 11.9466666667vw; } }

/* cuisine03
---------------------------------------------------------------------------*/
.cuisine03 {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .cuisine03 {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .cuisine03 {
      margin-bottom: 14.9333333333vw; } }

/* bespoke
---------------------------------------------------------------------------*/
.bespoke {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .bespoke {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .bespoke {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .bespoke {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .bespoke {
      margin-bottom: 14.9333333333vw; } }
  .bespoke-ttl {
    text-align: center;
    margin-bottom: 54px; }
    @media screen and (max-width: 1300px) {
      .bespoke-ttl {
        margin-bottom: 4.1538461538vw; } }
    @media screen and (max-width: 480px) {
      .bespoke-ttl {
        margin-bottom: 10.08vw; } }
  .bespoke .price {
    letter-spacing: .14em;
    border-bottom: 1px dashed #CAB7B2;
    padding-bottom: 20px;
    margin-bottom: 16px;
    margin-top: 24px;
    text-align: right; }
    @media screen and (max-width: 1300px) {
      .bespoke .price {
        padding-bottom: 1.5384615385vw; } }
    @media screen and (max-width: 480px) {
      .bespoke .price {
        padding-bottom: 3.7333333333vw; } }
    @media screen and (max-width: 1300px) {
      .bespoke .price {
        margin-bottom: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .bespoke .price {
        margin-bottom: 2.9866666667vw; } }
    @media screen and (max-width: 1300px) {
      .bespoke .price {
        margin-top: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .bespoke .price {
        margin-top: 4.48vw; } }
    .bespoke .price small {
      font-size: 18px;
      margin-right: 1em; }
      @media screen and (max-width: 1300px) {
        .bespoke .price small {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .bespoke .price small {
          font-size: 4.2666648vw; } }
    .bespoke .price strong {
      font-size: 32px;
      font-weight: 600;
      color: #7A4A3F;
      margin-right: 0.2em; }
      @media screen and (max-width: 1300px) {
        .bespoke .price strong {
          font-size: 2.4615384615vw; } }
      @media screen and (max-width: 480px) {
        .bespoke .price strong {
          font-size: 7.5851818667vw; } }
    .bespoke .price span {
      font-weight: 600;
      color: #7A4A3F; }

/* venue
---------------------------------------------------------------------------*/
.venue {
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .venue {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .venue {
      margin-bottom: 14.9333333333vw; } }
  .venue .pg-ttl {
    position: relative;
    z-index: 100; }
  .venue-tx {
    /* 1080 */
    width: 1080px;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-width: 1300px) {
      .venue-tx {
        width: 83.0769230769vw; } }
    @media screen and (max-width: 480px) {
      .venue-tx {
        width: 89.3333333333vw; } }
    .venue-tx .pg-desc {
      margin-bottom: 54px; }
      @media screen and (max-width: 1300px) {
        .venue-tx .pg-desc {
          margin-bottom: 4.1538461538vw; } }
      @media screen and (max-width: 480px) {
        .venue-tx .pg-desc {
          margin-bottom: 10.08vw; } }

/* plan
---------------------------------------------------------------------------*/
.plan {
  /* 1080 */
  width: 1080px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px; }
  @media screen and (max-width: 1300px) {
    .plan {
      width: 83.0769230769vw; } }
  @media screen and (max-width: 480px) {
    .plan {
      width: 89.3333333333vw; } }
  @media screen and (max-width: 1300px) {
    .plan {
      margin-bottom: 6.1538461538vw; } }
  @media screen and (max-width: 480px) {
    .plan {
      margin-bottom: 14.9333333333vw; } }
  .plan .pg-ttl {
    position: relative;
    z-index: 100; }
  .plan .pg-desc {
    margin-bottom: 50px; }
    @media screen and (max-width: 1300px) {
      .plan .pg-desc {
        margin-bottom: 3.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .plan .pg-desc {
        margin-bottom: 9.3333333333vw; } }
  .plan .date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #E7D291;
    border-radius: 16px;
    padding: 1em; }
    @media screen and (max-width: 1300px) {
      .plan .date {
        border-radius: 1.2307692308vw; } }
    @media screen and (max-width: 480px) {
      .plan .date {
        border-radius: 4.2666666667vw; } }
    @media screen and (max-width: 480px) {
      .plan .date {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; } }
    .plan .date + .date {
      margin-top: 16px; }
      @media screen and (max-width: 1300px) {
        .plan .date + .date {
          margin-top: 1.2307692308vw; } }
      @media screen and (max-width: 480px) {
        .plan .date + .date {
          margin-top: 2.9866666667vw; } }
    .plan .date-week {
      font-size: 20px;
      letter-spacing: .14em;
      font-weight: 500;
      color: #7A4A3F; }
      @media screen and (max-width: 1300px) {
        .plan .date-week {
          font-size: 1.5384615385vw; } }
      @media screen and (max-width: 480px) {
        .plan .date-week {
          font-size: 4.7407386667vw; } }
      @media screen and (max-width: 480px) {
        .plan .date-week {
          width: 100%;
          margin-bottom: 1em; } }
    @media screen and (max-width: 480px) {
      .plan .date-price {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; } }
    .plan .date-price small {
      display: block;
      letter-spacing: .14em;
      margin-bottom: 0.5em;
      font-size: 18px; }
      @media screen and (max-width: 1300px) {
        .plan .date-price small {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .plan .date-price small {
          font-size: 4.2666648vw; } }
      @media screen and (max-width: 480px) {
        .plan .date-price small {
          margin-bottom: 0; } }
    .plan .date-price p {
      text-align: right;
      color: #7A4A3F;
      letter-spacing: .14em; }
      .plan .date-price p strong {
        font-size: 32px;
        font-weight: 600;
        margin-right: 0.2em; }
        @media screen and (max-width: 1300px) {
          .plan .date-price p strong {
            font-size: 2.4615384615vw; } }
        @media screen and (max-width: 480px) {
          .plan .date-price p strong {
            font-size: 7.5851818667vw; } }
  .plan-desc {
    margin-top: 24px; }
    @media screen and (max-width: 1300px) {
      .plan-desc {
        margin-top: 1.8461538462vw; } }
    @media screen and (max-width: 480px) {
      .plan-desc {
        margin-top: 4.48vw; } }

/* conbox
---------------------------------------------------------------------------*/
.conbox {
  position: relative; }
  .conbox .tel {
    color: #7A4A3F;
    font-weight: 600;
    letter-spacing: .14em;
    margin-bottom: 38px; }
    @media screen and (max-width: 1300px) {
      .conbox .tel {
        margin-bottom: 2.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .conbox .tel {
        margin-bottom: 7.0933333333vw; } }
    .conbox .tel span {
      font-size: 18px; }
      @media screen and (max-width: 1300px) {
        .conbox .tel span {
          font-size: 1.3846153846vw; } }
      @media screen and (max-width: 480px) {
        .conbox .tel span {
          font-size: 4.2666648vw; } }
      @media screen and (max-width: 480px) {
        .conbox .tel span {
          display: block;
          margin-bottom: .5em; } }
    .conbox .tel a {
      font-size: 40px; }
      @media screen and (max-width: 1300px) {
        .conbox .tel a {
          font-size: 3.0769230769vw; } }
      @media screen and (max-width: 480px) {
        .conbox .tel a {
          font-size: 9.4814773333vw; } }
  .conbox-img {
    position: absolute;
    width: 454px;
    top: -13px;
    right: 100px; }
    @media screen and (max-width: 1300px) {
      .conbox-img {
        width: 34.9230769231vw; } }
    @media screen and (max-width: 480px) {
      .conbox-img {
        position: relative;
        width: 100%;
        top: auto;
        right: auto;
        margin-top: 8vw; } }

/* SPのみ飾り付きタイトルを左揃え
---------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
  .pg-ttl {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
    text-align: left; } }
/* ====================================================================== */
/* ====================================================================== */