/*! 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; }

  .tab_btn,
  .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; }

  .ctype_fan.active .fan_ctype {
    width: calc(100% + 400px);
    margin: 0 -200px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    .ctype_fan.active .fan_ctype .item01 {
      width: 100%;
      height: 245px; }
      .ctype_fan.active .fan_ctype .item01 .img {
        display: block !important; }
      .ctype_fan.active .fan_ctype .item01 .ttl {
        font-size: 15px; }
      .ctype_fan.active .fan_ctype .item01 .read {
        font-size: 13px; }
    .ctype_fan.active .fan_ctype .type_c_fan {
      width: 55%; }
    .ctype_fan.active .fan_ctype .txt_list {
      position: absolute;
      right: 11.6%;
      top: 300px;
      width: 40%; }
      .ctype_fan.active .fan_ctype .txt_list dd {
        padding: 15px 5px; }
      .ctype_fan.active .fan_ctype .txt_list .ttl {
        font-size: 13px;
        letter-spacing: 0; }
        .ctype_fan.active .fan_ctype .txt_list .ttl::after {
          left: 5px;
          right: 5px; }
      .ctype_fan.active .fan_ctype .txt_list .txt {
        font-size: 12px; } }
.tab_cont {
  position: relative; }
  .tab_cont li {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.5s ease-in-out; }
    .tab_cont li.active {
      position: relative;
      opacity: 1; }
      .tab_cont li.active .fan_ctype {
        pointer-events: all; }

.tab_btn {
  max-width: 620px;
  margin: 0 auto 35px;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    .tab_btn {
      gap: 2%;
      margin: 35px 0; } }
  .tab_btn li {
    display: block;
    width: 48.5%; }
    @media screen and (max-width: 480px) {
      .tab_btn li {
        width: 48%;
        max-width: none; } }
    .tab_btn li p {
      cursor: pointer;
      display: block;
      font-size: clamp(12px, calc(25vw / 11.8), 25px);
      font-size: clamp(12px, calc(22vw / 11.8), 22px);
      font-size: clamp(12px, calc(20vw / 11.8), 20px);
      font-weight: 400;
      line-height: 1;
      letter-spacing: 0.05em;
      padding: 0.8em 3px 0.7em;
      text-align: center;
      background: linear-gradient(90deg, #b2ddd9, #b2cbc7);
      background: linear-gradient(90deg, #dad9d5, #c7c7c4);
      transition: all 0.5s ease-in-out;
      position: relative; }
      @media screen and (max-width: 480px) {
        .tab_btn li p {
          font-size: calc(15vw / 3.9);
          padding: 0.9em 3px; } }
    .tab_btn li:hover p, .tab_btn li.active p {
      background: linear-gradient(90deg, #848074, #35322d);
      color: #fff; }
    .tab_btn li:hover .fan_ctype, .tab_btn li.active .fan_ctype {
      pointer-events: all; }

.fan_ctype {
  pointer-events: none; }
  .fan_ctype .item01 {
    display: flex;
    justify-content: space-between;
    margin-inline: auto;
    background-color: #ebeff2;
    max-width: 620px; }
    @media screen and (min-width: 960px) {
      .fan_ctype .item01 {
        padding: 0; } }
    @media screen and (max-width: 480px) {
      .fan_ctype .item01 {
        flex-wrap: wrap;
        flex-direction: column-reverse;
        padding: 0; } }
    .fan_ctype .item01.item01_img {
      max-width: 460px;
      margin-inline: auto; }
      @media screen and (max-width: 480px) {
        .fan_ctype .item01.item01_img {
          max-width: 100%;
          margin-inline: auto;
          width: 100%; } }
    .fan_ctype .item01 .img {
      margin-bottom: 0; }
      @media screen and (max-width: 480px) {
        .fan_ctype .item01 .img {
          width: 100%;
          max-width: 100%;
          /*img {
          	width: 100%;
          	height: 100%;
          	object-fit: cover;
          	object-position: center 18%;
          }*/ } }
    .fan_ctype .item01 .text_wrap {
      padding: 20px 0;
      text-align: center;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; }
      @media screen and (max-width: 480px) {
        .fan_ctype .item01 .text_wrap {
          width: 100%;
          padding-block: 15px;
          max-width: 100%; } }
      .fan_ctype .item01 .text_wrap .ttl {
        text-align: center;
        /*border-bottom: 1px solid;*/
        width: 100%;
        line-height: 1.4;
        font-size: clamp(17px, calc(18vw / 12.8), 18px);
        font-size: clamp(16px, calc(20vw / 12.8), 20px);
        padding-top: 10px;
        /*margin-bottom: 9px;
        padding-bottom: 9px;*/
        letter-spacing: 0.1em;
        padding-top: 0;
        font-weight: 900; }
        @media screen and (max-width: 480px) {
          .fan_ctype .item01 .text_wrap .ttl {
            padding-top: 0; } }
        .fan_ctype .item01 .text_wrap .ttl .small {
          font-size: 50%;
          font-size: 60%;
          font-size: 80%;
          display: block;
          margin-top: 2px;
          margin-top: 7px;
          font-weight: 900; }
          @media screen and (max-width: 480px) {
            .fan_ctype .item01 .text_wrap .ttl .small {
              font-size: 82%;
              margin-top: 5px; } }
      .fan_ctype .item01 .text_wrap .read {
        text-align: left;
        font-size: clamp(13px, calc(14vw / 6), 14px);
        font-size: clamp(14px, calc(16vw / 6), 16px);
        margin-inline: clamp(15px, calc(25vw / 12.8), 25px);
        line-height: 1.6; }
        @media screen and (max-width: 480px) {
          .fan_ctype .item01 .text_wrap .read {
            line-height: 1.8; } }
  .fan_ctype .txt_list {
    display: flex;
    flex-direction: column;
    row-gap: 15px; }
    @media screen and (max-width: 480px) {
      .fan_ctype .txt_list {
        row-gap: 10px; } }
    .fan_ctype .txt_list dd {
      padding: 20px 30px 15px;
      background: #ebeff2; }
      @media screen and (max-width: 480px) {
        .fan_ctype .txt_list dd {
          padding: 15px 10px; } }
    .fan_ctype .txt_list .ttl {
      font-size: 21px;
      position: relative;
      margin-bottom: 0.7em;
      padding-bottom: 0.7em;
      line-height: 1;
      font-weight: 900; }
      @media screen and (max-width: 480px) {
        .fan_ctype .txt_list .ttl {
          line-height: 1.6;
          text-align: center; } }
      .fan_ctype .txt_list .ttl::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: -30px;
        right: -30px;
        background: #000;
        height: 1px;
        pointer-events: none; }
        @media screen and (max-width: 480px) {
          .fan_ctype .txt_list .ttl::after {
            left: -10px;
            right: -10px; } }
      @media screen and (max-width: 480px) {
        .fan_ctype .txt_list .ttl {
          font-size: 16px; } }
    .fan_ctype .txt_list .txt {
      font-size: 14px;
      line-height: 1.6;
      text-align: left; }
      @media screen and (min-width: 960px) {
        .fan_ctype .txt_list .txt {
          text-align: center; } }
      @media screen and (max-width: 480px) {
        .fan_ctype .txt_list .txt {
          font-size: 13px;
          line-height: 1.8; } }

@media screen and (max-width: 480px) {
  .mt25_sp {
    margin-top: 25px !important; } }

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