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

.container {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  padding: 0;
  padding-top: 60px; }
  @media screen and (max-width: 767px) {
    .container {
      padding-top: 0; } }
  .container::before {
    content: '';
    position: fixed;
    inset: 0;
    background: url("../images/common/bg.png") left top/cover no-repeat;
    z-index: -1; }

@media screen and (max-width: 767px) {
  .inner_main .t_cap_bg {
    bottom: calc(20% / 12); } }

.page_ttl {
  margin-bottom: 3em; }
  @media screen and (max-width: 767px) {
    .page_ttl {
      margin-bottom: 2em; } }

.sec00::before {
  margin: 0 auto 40px;
  content: "";
  width: 1px;
  height: 120px;
  background: #595757; }
  @media screen and (max-width: 1200px) {
    .sec00::before {
      margin-bottom: calc(40% / 12); } }
.sec00 .bg {
  position: relative;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
  .sec00 .bg::before {
    content: '';
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url("../images/common/bg01.png") left top/100% auto no-repeat; }
    @media screen and (max-width: 767px) {
      .sec00 .bg::before {
        background: url("../images/common/bg01.png") left top/160% auto no-repeat; } }
.sec00 .cont {
  width: 100%;
  max-width: 1140px;
  margin-inline: auto;
  background: #fff;
  padding: calc(60% / 11.4) 0 calc(30% / 11.4); }
  @media screen and (max-width: 480px) {
    .sec00 .cont {
      padding-top: 30px; } }
  .sec00 .cont .inner {
    max-width: 920px; }
  .sec00 .cont .ttl_box {
    margin-bottom: 20px; }
    @media screen and (max-width: 480px) {
      .sec00 .cont .ttl_box {
        margin-bottom: 12px; } }
    .sec00 .cont .ttl_box .ttl1 {
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      padding-bottom: 4px;
      margin-bottom: 4px;
      border-bottom: solid 2px #504b45; }
      @media screen and (max-width: 480px) {
        .sec00 .cont .ttl_box .ttl1 {
          flex-direction: column;
          gap: 5px;
          align-items: center; } }
      .sec00 .cont .ttl_box .ttl1 .name {
        color: #504b45;
        font-size: clamp(44px, calc(68vw / 11.4), 68px);
        font-size: clamp(30px, calc(58vw / 11.4), 58px);
        line-height: 1;
        letter-spacing: 0.1em;
        font-weight: 400; }
        .sec00 .cont .ttl_box .ttl1 .name .s {
          font-size: 65%; }
        @media screen and (max-width: 480px) {
          .sec00 .cont .ttl_box .ttl1 .name {
            font-size: calc(44w / 3.9); } }
      .sec00 .cont .ttl_box .ttl1 .floor {
        color: #221815;
        font-size: clamp(26px, calc(38vw / 11.4), 38px);
        font-size: clamp(24px, calc(34vw / 11.4), 34px);
        line-height: 1;
        letter-spacing: 0.1em;
        font-weight: 400; }
        .sec00 .cont .ttl_box .ttl1 .floor .l {
          font-size: 130%;
          display: inline-block;
          transform: translateY(0.03em); }
        .sec00 .cont .ttl_box .ttl1 .floor .s {
          font-size: 80%; }
        @media screen and (max-width: 480px) {
          .sec00 .cont .ttl_box .ttl1 .floor {
            font-size: calc(26w / 3.9); } }
    .sec00 .cont .ttl_box .ttl2 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 6px 0;
      border-bottom: solid 1px #244649; }
      @media screen and (max-width: 600px) {
        .sec00 .cont .ttl_box .ttl2 {
          flex-direction: column;
          gap: 5px;
          align-items: center; } }
      .sec00 .cont .ttl_box .ttl2 .area {
        color: #221815;
        font-size: clamp(20px, calc(40vw / 11.4), 40px);
        font-size: clamp(20px, calc(32vw / 11.4), 32px);
        line-height: 1;
        font-weight: 400; }
        .sec00 .cont .ttl_box .ttl2 .area .s1 {
          font-size: 45%; }
          @media screen and (max-width: 480px) {
            .sec00 .cont .ttl_box .ttl2 .area .s1 {
              font-size: clamp(12px, calc(16vw / 11.4), 18px); } }
        .sec00 .cont .ttl_box .ttl2 .area .s2 {
          font-size: 45%; }
          @media screen and (max-width: 480px) {
            .sec00 .cont .ttl_box .ttl2 .area .s2 {
              font-size: clamp(12px, calc(16vw / 11.4), 18px); } }
        .sec00 .cont .ttl_box .ttl2 .area .l {
          font-size: 140%;
          display: inline-block;
          transform: translateY(0.03em); }
          @media screen and (max-width: 480px) {
            .sec00 .cont .ttl_box .ttl2 .area .l {
              font-size: 130%; } }
        @media screen and (max-width: 480px) {
          .sec00 .cont .ttl_box .ttl2 .area {
            font-size: calc(28w / 3.9); } }
      .sec00 .cont .ttl_box .ttl2 .area2 {
        color: #221815;
        font-size: clamp(12px, calc(16vw / 11.4), 18px);
        font-size: clamp(12px, calc(16vw / 11.4), 16px);
        line-height: 1.6;
        font-weight: 400;
        letter-spacing: 0.02em; }
        @media screen and (max-width: 480px) {
          .sec00 .cont .ttl_box .ttl2 .area2 {
            text-align: center; } }
        @media screen and (max-width: 480px) {
          .sec00 .cont .ttl_box .ttl2 .area2 {
            font-size: calc(14w / 3.9); } }
        .sec00 .cont .ttl_box .ttl2 .area2 .inn {
          display: flex;
          align-items: baseline; }
          @media screen and (max-width: 480px) {
            .sec00 .cont .ttl_box .ttl2 .area2 .inn {
              display: block; } }
    .sec00 .cont .ttl_box .ttl3 {
      padding-top: 5px; }
      .sec00 .cont .ttl_box .ttl3 .ttl_cap {
        margin-left: auto;
        font-size: 11px;
        text-align: left;
        width: fit-content; }
        @media screen and (max-width: 480px) {
          .sec00 .cont .ttl_box .ttl3 .ttl_cap {
            font-size: 10px; } }
  .sec00 .cont .copy_box {
    margin-bottom: 40px; }
    @media screen and (max-width: 480px) {
      .sec00 .cont .copy_box {
        margin-bottom: 30px; } }
    .sec00 .cont .copy_box .copy {
      font-size: clamp(12px, calc(20vw / 11.4), 20px);
      font-size: clamp(12px, calc(18vw / 11.4), 18px);
      letter-spacing: 0.05em;
      line-height: 1.5;
      font-weight: 400;
      display: flex;
      flex-direction: column;
      gap: 5px; }
      @media screen and (max-width: 480px) {
        .sec00 .cont .copy_box .copy {
          font-size: 14px; } }
  .sec00 .cont .fig_box {
    margin-bottom: 50px; }
    @media screen and (max-width: 480px) {
      .sec00 .cont .fig_box {
        margin-bottom: 25px; } }
  .sec00 .cont .cap_box {
    margin-bottom: 50px; }
    .sec00 .cont .cap_box .han {
      margin-bottom: 10px;
      font-size: clamp(10px, calc(12vw / 11.4), 12px);
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.2em 1.1em; }
      @media screen and (max-width: 480px) {
        .sec00 .cont .cap_box .han {
          gap: 0.2em 0.8em; } }
      .sec00 .cont .cap_box .han li {
        display: flex;
        align-items: center;
        gap: 0 0.5em; }
        @media screen and (max-width: 480px) {
          .sec00 .cont .cap_box .han li {
            gap: 0 0.3em; } }
        .sec00 .cont .cap_box .han li .icon {
          line-height: 0;
          padding-bottom: 0.4em; }
          @media screen and (max-width: 480px) {
            .sec00 .cont .cap_box .han li .icon.icon1 {
              width: 2.8em; } }
          @media screen and (max-width: 480px) {
            .sec00 .cont .cap_box .han li .icon.icon2 {
              width: 2.8em; } }
          @media screen and (max-width: 480px) {
            .sec00 .cont .cap_box .han li .icon.icon3 {
              width: 2.6em; } }
          @media screen and (max-width: 480px) {
            .sec00 .cont .cap_box .han li .icon.icon4 {
              width: 2.6em; } }
          @media screen and (max-width: 480px) {
            .sec00 .cont .cap_box .han li .icon.icon5 {
              width: 2em; } }
  .sec00 .cont .btn_box .btn {
    max-width: 930px;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 40px 15px;
    font-size: clamp(12px, calc(20vw / 11.4), 20px);
    letter-spacing: 0.05em;
    line-height: 1.5; }
    @media screen and (max-width: 480px) {
      .sec00 .cont .btn_box .btn {
        font-size: calc(13vw / 3.9);
        gap: 20px 8px;
        justify-content: center; } }
    .sec00 .cont .btn_box .btn li a {
      display: block;
      width: 100%;
      height: 100%;
      padding: 0.5em 5px;
      text-align: center;
      background: linear-gradient(90deg, #848074, #35322c);
      color: #fff;
      transition: all 0.3s ease-in-out; }
      body:not(.mobile) .sec00 .cont .btn_box .btn li a:hover {
        opacity: 0.6; }
    .sec00 .cont .btn_box .btn .prev,
    .sec00 .cont .btn_box .btn .next {
      width: calc(200% / 9.3); }
      @media screen and (max-width: 480px) {
        .sec00 .cont .btn_box .btn .prev,
        .sec00 .cont .btn_box .btn .next {
          width: 32%; } }
      .sec00 .cont .btn_box .btn .prev a,
      .sec00 .cont .btn_box .btn .next a {
        position: relative;
        background: linear-gradient(90deg, #dad9d5, #c2c1c0);
        color: #275253; }
    .sec00 .cont .btn_box .btn .prev a::before {
      content: "";
      position: absolute;
      left: 0.9em;
      top: 1em;
      width: 0.6em;
      height: 0.6em;
      border: 1px solid;
      border-color: transparent transparent #275253 #275253;
      transform: rotate(45deg); }
    .sec00 .cont .btn_box .btn .next a::before {
      content: "";
      position: absolute;
      right: 0.9em;
      top: 1em;
      width: 0.6em;
      height: 0.6em;
      border: 1px solid;
      border-color: #275253 #275253 transparent transparent;
      transform: rotate(45deg); }
    .sec00 .cont .btn_box .btn .print {
      flex: 1; }
      @media screen and (max-width: 480px) {
        .sec00 .cont .btn_box .btn .print {
          display: none; } }
    .sec00 .cont .btn_box .btn .back {
      width: 100%; }

@media print {
  .fig_box {
    width: 70% !important;
    margin-inline: auto; }

  .sec00 .cont {
    padding: 0 !important; }

  .page_ttl_wrap,
  .crevia-common,
  .cap_box,
  .cap_wrap,
  .cbtn_wrap,
  header,
  .btn_box,
  .sec00 .bg,
  .inner_main {
    display: none !important; }

  div.wrap {
    padding-top: 0 !important; } }

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