/*! Writen  by SCSS */
.breadlist {
  display: none; }

.inner {
  max-width: 1080px; }

.sec01 {
  background-image: url("../images/plan/bg01.jpg");
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  margin-bottom: 80px;
  padding-bottom: 0; }
  @media screen and (max-width: 480px) {
    .sec01 {
      margin-bottom: 50px;
      background-image: url("../images/plan/bg01_sp.jpg");
      background-position: top center; } }
  .sec01 .item_outer {
    max-width: 1600px; }
    @media screen and (max-width: 1200px) {
      .sec01 .item_outer {
        max-width: 1080px; } }
  .sec01 .item_wrap {
    display: flex;
    justify-content: space-between;
    row-gap: clamp(30px, 3.704vw, 40px);
    margin-bottom: clamp(20px, 2.778vw, 30px);
    flex-wrap: wrap; }
    @media screen and (max-width: 1200px) {
      .sec01 .item_wrap {
        justify-content: center;
        gap: clamp(30px, 3.704vw, 40px) 3.7%; } }
    .sec01 .item_wrap .img {
      width: 32.5%; }
      @media screen and (max-width: 1200px) {
        .sec01 .item_wrap .img {
          width: 48.15%; } }
      @media screen and (max-width: 480px) {
        .sec01 .item_wrap .img {
          width: 100%; } }
      @media screen and (max-width: 1200px) {
        .sec01 .item_wrap .img:first-child {
          margin: 0 calc(280% / 10.8); } }
      @media screen and (max-width: 480px) {
        .sec01 .item_wrap .img:first-child {
          margin: 0; } }
      .sec01 .item_wrap .img a {
        display: block;
        transition: opacity 0.3s ease-in-out 0s; }
        @media (hover: hover) {
          .sec01 .item_wrap .img a:hover {
            opacity: .7; } }
  .sec01 .cap_wrap01 .cap_l {
    margin-bottom: 1em; }
    .sec01 .cap_wrap01 .cap_l:nth-last-child(1) {
      margin-bottom: 0; }

.sec02 {
  padding: 0;
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec02 {
      margin-bottom: 60px; } }
  .sec02 .sec02_wrap {
    position: relative;
    padding: clamp(30px, 3.704vw, 40px) 4.63%; }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap {
        padding: 25px 30px; } }
    .sec02 .sec02_wrap::after {
      content: '';
      position: absolute;
      inset: 0;
      border: 1px solid #999999;
      pointer-events: none; }
    .sec02 .sec02_wrap .item {
      display: flex;
      justify-content: space-between;
      margin-bottom: clamp(20px, 3.704vw, 40px); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item {
          margin-bottom: 30px; } }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item {
          flex-wrap: wrap;
          row-gap: 20px; } }
      .sec02 .sec02_wrap .item:nth-last-child(1) {
        margin-bottom: 0; }
      .sec02 .sec02_wrap .item .text_wrap {
        width: 59.19%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item .text_wrap {
            width: 100%; } }
        .sec02 .sec02_wrap .item .text_wrap .ttl {
          line-height: 1;
          border-bottom: 1px solid #999999;
          padding-bottom: 1em;
          margin-bottom: 0.7em;
          font-size: clamp(20px, 2.408vw, 26px);
          letter-spacing: 0.1em; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_wrap .item .text_wrap .ttl {
              font-size: calc(15.5vw / 3.9);
              margin-bottom: 0.7em;
              padding-bottom: 0.7em; } }
      .sec02 .sec02_wrap .item .img {
        width: 35.82%;
        text-align: center; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item .img {
            width: 100%;
            width: calc(100% - 45px);
            margin: 0 auto; } }

.sec03 .item01 {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border: 1px solid #999999;
  padding: 27px 45px; }
  @media screen and (max-width: 768px) {
    .sec03 .item01 {
      padding: 30px;
      flex-direction: column;
      grid-gap: 35px 0; } }
  .sec03 .item01 .l_cnt {
    width: calc(500%/9.88); }
    @media screen and (max-width: 768px) {
      .sec03 .item01 .l_cnt {
        width: 100%; } }
    .sec03 .item01 .l_cnt .cinzel {
      font-size: clamp(20px, calc(48vw / 10.8), 48px);
      border-bottom: 1px solid #999999;
      margin-bottom: 0.5em;
      padding-bottom: 0.8em;
      padding-bottom: 0;
      line-height: 1; }
      @media screen and (max-width: 480px) {
        .sec03 .item01 .l_cnt .cinzel {
          font-size: calc(20vw / 4.5);
          font-size: calc(40vw / 4.5); } }
    .sec03 .item01 .l_cnt .txt {
      line-height: 2.125em;
      letter-spacing: 0.12em;
      font-size: clamp(12px, calc(16vw / 10.8), 16px); }
      @media screen and (max-width: 480px) {
        .sec03 .item01 .l_cnt .txt {
          line-height: 2.08;
          font-size: calc(12vw / 4.5); } }
  .sec03 .item01 .r_cnt {
    width: calc(400%/9.88);
    display: flex;
    flex-direction: column;
    grid-gap: 10px 0;
    grid-gap: 15px 0; }
    @media screen and (max-width: 768px) {
      .sec03 .item01 .r_cnt {
        width: 100%;
        flex-direction: row;
        grid-gap: 10px 0; } }
    @media screen and (max-width: 600px) {
      .sec03 .item01 .r_cnt {
        flex-direction: column; } }
    @media screen and (max-width: 768px) {
      .sec03 .item01 .r_cnt .btn_item {
        width: 48%; } }
    @media screen and (max-width: 600px) {
      .sec03 .item01 .r_cnt .btn_item {
        width: 100%; } }
    .sec03 .item01 .r_cnt .btn_item a {
      line-height: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 1.546em 10px;
      color: #fff;
      font-size: clamp(14px, calc(22vw / 10.8), 22px); }
      @media screen and (max-width: 480px) {
        .sec03 .item01 .r_cnt .btn_item a {
          font-size: calc(14vw / 3.9); } }
      .sec03 .item01 .r_cnt .btn_item a img {
        margin-left: 0.5em;
        height: 0.8em;
        width: auto; }
    .sec03 .item01 .r_cnt .btn_item.btn_entry a {
      background: #983f4e; }
    .sec03 .item01 .r_cnt .btn_item.btn_limited a {
      background: #af9538; }

.sec04 {
  background: #f2f2f2;
  padding: 80px 0;
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    .sec04 {
      margin-bottom: 60px;
      padding: 60px 0; } }
  .sec04 .sec04_wrap {
    position: relative;
    padding: clamp(30px, 3.704vw, 40px) 4.63%;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
    background: #fff; }
    @media screen and (max-width: 480px) {
      .sec04 .sec04_wrap {
        padding: 20px 15px; } }
    .sec04 .sec04_wrap .t1 {
      font-size: clamp(14px, calc(24vw / 10.8), 24px);
      color: #76675b;
      line-height: 1.6;
      letter-spacing: 0.1em;
      margin-bottom: 0.8em;
      font-weight: bold; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_wrap .t1 {
          font-size: calc(21vw / 3.9); } }
    .sec04 .sec04_wrap .t2 {
      font-size: clamp(13px, calc(20vw / 10.8), 20px);
      line-height: 1.6;
      letter-spacing: 0.1em;
      margin-bottom: 0.3em; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_wrap .t2 {
          font-size: calc(15vw / 3.9);
          letter-spacing: 0.05em;
          margin-bottom: 0.3em;
          margin-bottom: 0.5em; } }
    .sec04 .sec04_wrap .t3 {
      font-size: clamp(10px, calc(13vw / 10.8), 13px);
      line-height: 1.6;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_wrap .t3 {
          font-size: calc(10vw / 3.9); } }
    .sec04 .sec04_wrap .t4 {
      font-size: clamp(10px, calc(18vw / 10.8), 18px);
      line-height: 1;
      letter-spacing: 0.1em;
      color: #fff;
      max-width: 15em;
      text-align: center;
      margin: 0 auto 1em; }
      .sec04 .sec04_wrap .t4 a {
        display: block;
        padding: 1em 5px;
        width: 100%;
        background: #c3b397;
        transition: all 0.3s ease-in-out 0s; }
        .sec04 .sec04_wrap .t4 a:hover {
          opacity: 0.6; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_wrap .t4 {
          font-size: calc(17vw / 3.9); } }
    .sec04 .sec04_wrap .t5 {
      font-size: clamp(12px, calc(16vw / 10.8), 16px);
      line-height: 1.8;
      letter-spacing: 0.1em;
      margin-bottom: 30px; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_wrap .t5 {
          font-size: calc(12vw / 3.9); } }
      .sec04 .sec04_wrap .t5 .cap {
        font-size: clamp(12px, calc(14vw / 10.8), 14px);
        display: block; }
        @media screen and (max-width: 480px) {
          .sec04 .sec04_wrap .t5 .cap {
            font-size: calc(13vw / 3.9); } }
    .sec04 .sec04_wrap .box1 {
      padding: 20px;
      background: #d5d0cd;
      background: #4f3623;
      color: #fff;
      margin-bottom: 30px; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_wrap .box1 {
          padding: 10px;
          margin-bottom: 20px; } }
    .sec04 .sec04_wrap .box2 {
      display: flex;
      justify-content: space-between;
      justify-content: center;
      column-gap: 4.09%; }
      @media screen and (max-width: 480px) {
        .sec04 .sec04_wrap .box2 {
          flex-direction: column;
          gap: 10px; } }
      .sec04 .sec04_wrap .box2 li {
        width: calc(469% / 9.78);
        width: calc(470% / 9.8);
        width: calc(484% / 9.8);
        width: calc(440% / 9.8); }
        @media screen and (max-width: 480px) {
          .sec04 .sec04_wrap .box2 li {
            width: 100%; } }

.cap01 {
  font-size: clamp(10px, calc(12vw / 10.8), 12px);
  margin-top: clamp(10px, calc(30vw / 10.8), 30px);
  max-width: 920px;
  margin-inline: auto; }
  @media screen and (max-width: 480px) {
    .cap01 {
      font-size: calc(11vw / 3.9);
      margin-top: 1.8em; } }

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