/*! Writen  by SCSS */
.page_outer {
  transform: none !important; }

.inner_main {
  background-image: url("../images/plan/main.jpg"); }

.sec_obi {
  background-image: url("../images/plan/obi_bg.jpg"); }
  .sec_obi .inner_head::after {
    background: #917d67; }

.sec_border {
  width: 3.4%;
  background: rgba(145, 125, 103, 0.5);
  top: 0;
  bottom: 0;
  padding-top: 0;
  height: 100%; }

.plan_detail_wrap {
  position: relative;
  padding-top: clamp(50px, 6.25%, 80px);
  padding-bottom: clamp(25px, 3.13%, 40px); }
  .plan_detail_wrap .inner {
    max-width: 770px; }

.plan_head_wrap {
  width: 100%;
  display: flex;
  align-items: center; }
  @media screen and (max-width: 480px) {
    .plan_head_wrap {
      flex-direction: column;
      gap: 15px 0; } }
  .plan_head_wrap .plan_type {
    font-size: clamp(30px, 6.17vw, 50px);
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid;
    width: 16.24%;
    line-height: 1;
    padding: 0.15em 0.2em 0.23em;
    gap: 0.07em;
    color: #fff;
    background: #917d67; }
    @media screen and (max-width: 480px) {
      .plan_head_wrap .plan_type {
        font-size: 50px;
        width: 120px; } }
    .plan_head_wrap .plan_type .text_type {
      display: flex;
      align-items: baseline;
      justify-content: center; }
      .plan_head_wrap .plan_type .text_type .text_min {
        font-size: 0.7em; }
    .plan_head_wrap .plan_type .menu_txt {
      font-size: clamp(15px, 2.46vw, 20px);
      margin-top: 0.3em; }
    .plan_head_wrap .plan_type .type {
      width: 1.11em;
      line-height: 0; }
  .plan_head_wrap .size_wrap {
    display: flex;
    flex-direction: column;
    flex-grow: 1; }
    @media screen and (max-width: 480px) {
      .plan_head_wrap .size_wrap {
        width: 100%;
        align-items: center; } }
    .plan_head_wrap .size_wrap .size_top {
      display: flex;
      align-items: flex-end;
      padding-bottom: 10px;
      margin-bottom: 20px;
      color: #917d67;
      border-bottom: 1px solid #917d67;
      padding-left: 2.32%; }
      @media screen and (max-width: 480px) {
        .plan_head_wrap .size_wrap .size_top {
          width: 100%;
          flex-direction: column;
          align-items: center;
          gap: 10px 0;
          padding-left: 0; } }
      .plan_head_wrap .size_wrap .size_top .space {
        font-size: clamp(20px, 5.55vw, 45px);
        display: flex;
        align-items: baseline;
        line-height: 1;
        margin-right: 0.3em; }
        @media screen and (max-width: 480px) {
          .plan_head_wrap .size_wrap .size_top .space {
            font-size: 30px; } }
        .plan_head_wrap .size_wrap .size_top .space .text_main .text_lg {
          font-size: 1.4em; }
        .plan_head_wrap .size_wrap .size_top .space .text_min {
          font-size: 0.7em; }
      .plan_head_wrap .size_wrap .size_top .size {
        font-size: clamp(16px, 2.96vw, 24px);
        display: flex;
        align-items: flex-end;
        line-height: 1; }
        @media screen and (max-width: 480px) {
          .plan_head_wrap .size_wrap .size_top .size {
            font-size: 20px; } }
        .plan_head_wrap .size_wrap .size_top .size .text_head {
          font-size: 0.5em;
          margin-right: 0.2em;
          line-height: 1.2;
          color: #333;
          margin-bottom: 0.5em; }
        .plan_head_wrap .size_wrap .size_top .size .en {
          font-size: 2.7em; }
          .plan_head_wrap .size_wrap .size_top .size .en .text_min {
            font-size: 0.65em; }
      .plan_head_wrap .size_wrap .size_top .trunk_room {
        font-size: 10px;
        line-height: 1.1;
        padding-left: 1em;
        text-indent: -1em;
        letter-spacing: -0.05em; }
    .plan_head_wrap .size_wrap .size_bottom {
      padding-left: 2.32%; }
      @media screen and (max-width: 480px) {
        .plan_head_wrap .size_wrap .size_bottom {
          padding-left: 0; } }
      .plan_head_wrap .size_wrap .size_bottom .size_sub_list {
        font-size: clamp(12px, 1.72vw, 14px);
        display: flex;
        align-items: baseline;
        flex-wrap: wrap;
        line-height: 1;
        gap: 0.6em 1em; }
        @media screen and (max-width: 480px) {
          .plan_head_wrap .size_wrap .size_bottom .size_sub_list {
            width: 100%;
            text-align: center;
            align-items: center;
            flex-direction: column; } }

.detail_copy_list {
  margin-top: clamp(25px, 3.13%, 40px);
  margin-bottom: clamp(40px, 4.69%, 60px);
  font-size: clamp(10px, 1.72vw, 14px);
  width: fit-content;
  margin-inline: auto; }
  @media screen and (max-width: 480px) {
    .detail_copy_list {
      font-size: 12px; } }
  .detail_copy_list .item {
    display: flex;
    align-items: baseline;
    gap: 0.25em;
    line-height: 1.4; }
    .detail_copy_list .item::before {
      content: "";
      display: block;
      width: 0.7em;
      height: 0.7em;
      background: #917d67;
      flex-shrink: 0; }
    .detail_copy_list .item .text {
      flex-grow: 1; }
    .detail_copy_list .item + .item {
      margin-top: 0.8em; }

.plan_figure {
  width: fit-content;
  margin-inline: auto; }

.caption_area .cap_inner {
  max-width: 800px; }

@keyframes bgLR {
  0% {
    transform-origin: left;
    transform: scaleX(0); }
  50% {
    transform-origin: left;
    transform: scaleX(1); }
  50.001% {
    transform-origin: right; }
  100% {
    transform-origin: right;
    transform: scaleX(0); } }
.hanrei {
  display: flex;
  flex-wrap: wrap;
  grid-gap: 0.2em 0.6em;
  margin-bottom: 0.3em; }
  @media screen and (max-width: 480px) {
    .hanrei {
      grid-gap: 0.1em 0.3em; } }
  .hanrei li {
    font-size: 10px;
    display: flex;
    align-items: center;
    grid-gap: 0 0.3em;
    width: fit-content;
    height: fit-content; }
    .hanrei li img {
      width: fit-content;
      height: fit-content; }
      @media screen and (max-width: 480px) {
        .hanrei li img {
          width: 15px; } }
    .hanrei li:nth-child(5) img {
      width: 15px; }
  .hanrei .syuno {
    width: 2em;
    height: 1em;
    background: #f0dcd5;
    border: 1px solid #ccc;
    display: block; }
    @media screen and (max-width: 480px) {
      .hanrei .syuno {
        width: 1.5em; } }
  .hanrei .yukadan {
    width: 2em;
    height: 1em;
    background: #f4ebda;
    border: 1px solid #ccc;
    display: block; }
    @media screen and (max-width: 480px) {
      .hanrei .yukadan {
        width: 1.5em; } }
  .hanrei .hanrei06 {
    color: #a00c28; }

.plan_btns {
  display: flex;
  justify-content: center;
  gap: 0 1em;
  margin-bottom: clamp(25px, 3.13%, 40px); }
  .plan_btns li {
    text-align: center;
    letter-spacing: 0.05em;
    width: 12em;
    cursor: pointer;
    font-size: clamp(14px, 1.97vw, 16px);
    padding: 0.3em 0.5em;
    background: #917d67;
    color: #fff; }
    .plan_btns li:not(.active) {
      opacity: 0.4; }

.plan_items:not(.active) {
  display: none; }

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