@charset "UTF-8";
/*! Writen  by SCSS */
/*下層ページ最初のセクション上部余白を統一する際は使用してみて下さい*/
.inner_main .main_bg {
  background-image: url("../images/plan/main.jpg"); }

.plan_detail {
  padding: 60px 0 70px; }
  @media screen and (max-width: 480px) {
    .plan_detail {
      padding: 40px 0 50px; } }
  .plan_detail .plan_detail_in {
    display: grid;
    align-items: flex-start;
    justify-content: space-between;
    grid-template-columns: 26.67% 66.67%;
    gap: 30px 0;
    margin-bottom: clamp(50px, 6.924vw, 90px); }
    @media screen and (max-width: 480px) {
      .plan_detail .plan_detail_in {
        grid-template-columns: 100%; } }
    .plan_detail .plan_detail_in .text_group .type_title {
      font-size: clamp(20px, 2.77vw, 36px);
      line-height: 1.38; }
      @media screen and (max-width: 480px) {
        .plan_detail .plan_detail_in .text_group .type_title {
          text-align: center;
          font-size: 6vw; } }
      .plan_detail .plan_detail_in .text_group .type_title.navy {
        color: #003f76; }
      .plan_detail .plan_detail_in .text_group .type_title.green {
        color: #4a631d; }
    .plan_detail .plan_detail_in .text_group .detail_type_img {
      margin: clamp(15px, 2.308vw, 30px) 0;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 480px) {
        .plan_detail .plan_detail_in .text_group .detail_type_img {
          max-width: 320px;
          margin: 25px auto; } }
    .plan_detail .plan_detail_in .text_group.bottom {
      display: flex;
      flex-direction: column-reverse;
      gap: 30px 0; }
      @media screen and (max-width: 480px) {
        .plan_detail .plan_detail_in .text_group.bottom {
          flex-direction: column; } }
      .plan_detail .plan_detail_in .text_group.bottom .merit_group {
        width: 100%; }
        .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_ttl {
          display: flex;
          justify-content: space-between;
          align-items: baseline;
          column-gap: 15px;
          margin-bottom: clamp(15px, 2.308vw, 30px); }
          .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_ttl:after {
            content: "";
            width: 100%;
            display: block;
            border-bottom: 3px double #8e7146; }
          .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_ttl span {
            line-height: 1;
            flex-shrink: 0;
            font-style: italic;
            font-size: clamp(20px, 2vw, 26px);
            color: #8e7146; }
        .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_group_in .merit {
          font-size: clamp(11px, 1.231vw, 16px);
          letter-spacing: -0.05em; }
          @media screen and (max-width: 480px) {
            .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_group_in .merit {
              font-size: 14px; } }
          .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_group_in .merit:not(:first-child) {
            padding-top: clamp(12px, 1.539vw, 20px);
            margin-top: clamp(12px, 1.539vw, 20px);
            border-top: 1px solid #8e7146; }
      .plan_detail .plan_detail_in .text_group.bottom .torikago {
        position: relative;
        max-width: 319px; }
        @media screen and (max-width: 480px) {
          .plan_detail .plan_detail_in .text_group.bottom .torikago {
            margin: 0 auto; } }
        .plan_detail .plan_detail_in .text_group.bottom .torikago:after {
          content: "";
          position: absolute;
          mix-blend-mode: multiply; }
        .plan_detail .plan_detail_in .text_group.bottom .torikago.type_a:after {
          left: 6%;
          top: 0%;
          width: 23.37%;
          height: 89%;
          background: #9cc6dd; }
        .plan_detail .plan_detail_in .text_group.bottom .torikago.type_d:after {
          right: 0%;
          top: 0%;
          width: 23.37%;
          height: 44%;
          background: #c3d094; }
    .plan_detail .plan_detail_in .text_group .area_value_group {
      flex-direction: column;
      row-gap: 10px; }
      @media screen and (max-width: 480px) {
        .plan_detail .plan_detail_in .text_group .area_value_group {
          width: fit-content;
          margin: 0 auto; } }
      .plan_detail .plan_detail_in .text_group .area_value_group .area_value {
        font-size: clamp(10px, 1.385vw, 18px);
        line-height: 1.4; }
        @media screen and (max-width: 480px) {
          .plan_detail .plan_detail_in .text_group .area_value_group .area_value {
            font-size: 4.2vw; } }
        .plan_detail .plan_detail_in .text_group .area_value_group .area_value span {
          display: inline-block;
          line-height: 1.1; }
          .plan_detail .plan_detail_in .text_group .area_value_group .area_value span.sub {
            display: block; }
          .plan_detail .plan_detail_in .text_group .area_value_group .area_value span.big {
            font-size: 277%; }
          .plan_detail .plan_detail_in .text_group .area_value_group .area_value span.big02 {
            font-size: 194%; }
          .plan_detail .plan_detail_in .text_group .area_value_group .area_value span.big03 {
            font-size: 111%; }
    .plan_detail .plan_detail_in .draw_group {
      position: relative;
      grid-column: 2/3;
      grid-row: 1/3;
      background: rgba(255, 255, 255, 0.9);
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
      padding: clamp(50px, 8.334vw, 100px) 20px clamp(40px, 5.834vw, 70px);
      text-align: center; }
      @media screen and (max-width: 480px) {
        .plan_detail .plan_detail_in .draw_group {
          grid-column: auto;
          grid-row: auto;
          padding: 30px 20px 20px; } }
      .plan_detail .plan_detail_in .draw_group .hanrei {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 8%;
        text-align: center; }
        @media screen and (max-width: 480px) {
          .plan_detail .plan_detail_in .draw_group .hanrei {
            position: static; } }
  .plan_detail .btn_wrap {
    max-width: 630px;
    margin: 0 auto; }
    .plan_detail .btn_wrap a {
      width: 47.62%;
      display: flex;
      justify-content: center;
      text-align: center;
      align-items: center;
      column-gap: 10px;
      border: 1px solid #8e7146;
      padding: 10px 0;
      position: relative;
      transition: all 0.3s ease-in-out; }
      @media screen and (max-width: 480px) {
        .plan_detail .btn_wrap a {
          padding: 5px; } }
      body:not(.mobile) .plan_detail .btn_wrap a:hover {
        background: #FFF; }
      .plan_detail .btn_wrap a .text {
        font-size: clamp(15px, 1.334vw, 16px);
        color: #8e7146;
        line-height: 1.4; }
        @media screen and (max-width: 480px) {
          .plan_detail .btn_wrap a .text {
            font-size: 13px; } }

@media print {
  .plan_detail {
    padding: 30px 0; }
    .plan_detail .plan_detail_in {
      grid-template-columns: 100%; }
      .plan_detail .plan_detail_in .text_group .type_title {
        font-size: 3vw; }
      .plan_detail .plan_detail_in .text_group .area_value_group .area_value {
        font-size: 1.7vw; }
      .plan_detail .plan_detail_in .text_group.over {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        column-gap: 20px; }
        .plan_detail .plan_detail_in .text_group.over .type_title {
          width: 100%;
          text-align: center; }
          .plan_detail .plan_detail_in .text_group.over .type_title br {
            display: none; }
        .plan_detail .plan_detail_in .text_group.over .detail_type_img {
          max-width: 250px; }
      .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_ttl {
        margin-bottom: 20px; }
      .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_group_in .merit {
        font-size: 12px; }
        .plan_detail .plan_detail_in .text_group.bottom .merit_group .merit_group_in .merit:not(:first-child) {
          margin-top: 10px;
          padding-top: 10px; }
      .plan_detail .plan_detail_in .draw_group {
        grid-row: auto;
        grid-column: auto;
        padding: 20px 30px;
        width: 72%;
        margin: 0 auto; } }

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