/*! Writen  by SCSS */
sup {
  font-size: 0.5em; }

.sec_lead {
  font-size: clamp(20px, 2.9vw, 36px);
  line-height: 1.8; }

.lead {
  font-size: clamp(14px, 1.61vw, 20px);
  line-height: 1.8; }
  @media screen and (max-width: 480px) {
    .lead {
      line-height: 1.6; } }

.read {
  font-size: clamp(13px, 1.29vw, 16px);
  line-height: 1.88; }

.ls_n01 {
  letter-spacing: -0.1em; }

.sec_main {
  position: relative; }
  .sec_main img {
    width: 100%; }

/*
.sec01{
	padding-top: 3px;
	padding-bottom: $cl120;
    @include mq($br_sp){
        padding-top: 1px;
    }
    .plan_head {
        @include w_per(1200,288);
		margin-inline: auto;
		margin-bottom: $cl50;
		@include mq($br_sp){
			width: cal_per(660,288);
		}
    }
	.sec_ttl {
		
	}
	.txt_img {
		margin-bottom: clamp_gm(15,1200,30);
		width: cal_per(1200,533);
		margin-inline: auto;
		@include mq($br_sp){
			width: 100%;
		}
	}
	.read{
		margin-bottom: $cl100;
	}
}
*/
.sec01 {
  padding-bottom: clamp(80px, 10%, 120px); }

.item_ttl_wrap .head_img {
  max-width: 288px;
  width: 24%; }
  @media screen and (max-width: 480px) {
    .item_ttl_wrap .head_img {
      width: 43.64%; } }
.item_ttl_wrap .txt_img {
  width: 44.42%; }
  @media screen and (max-width: 480px) {
    .item_ttl_wrap .txt_img {
      width: 100%; } }

.plan_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px 3.75%; }
  @media screen and (max-width: 960px) {
    .plan_list {
      gap: 25px 2%; } }
  @media screen and (max-width: 480px) {
    .plan_list {
      display: flex;
      flex-wrap: wrap; } }
  @media screen and (max-width: 480px) {
    .plan_list > li.item {
      width: 49%; } }
  .plan_list .item a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid #e5e5e5;
    gap: 10px 0;
    padding-bottom: 10.82%; }
    .plan_list .item a.active {
      background: #8f856b; }
    .plan_list .item a .item_label {
      width: fit-content;
      margin-left: auto;
      font-size: clamp(14px, 1.61vw, 20px);
      line-height: 1;
      color: #fff;
      flex-shrink: 0;
      padding: 0.4em 0.7em;
      height: 1.8em; }
      @media screen and (max-width: 480px) {
        .plan_list .item a .item_label {
          font-size: 16px; } }
    .plan_list .item a .item_inner {
      max-width: 300px;
      width: calc(100% - 20px);
      margin-inline: auto;
      flex-grow: 1;
      display: flex;
      flex-direction: column; }
      .plan_list .item a .item_inner .item_type {
        position: relative;
        display: flex;
        align-items: baseline;
        font-size: clamp(18px, 2.25vw, 28px);
        line-height: 1;
        letter-spacing: 0.05em;
        padding-bottom: 0.8em;
        margin-bottom: 0.8em; }
        @media screen and (max-width: 480px) {
          .plan_list .item a .item_inner .item_type {
            font-size: 22px;
            font-size: calc(15vw/3.9); } }
        .plan_list .item a .item_inner .item_type .text_lg {
          font-size: 1.9em; }
        .plan_list .item a .item_inner .item_type::before, .plan_list .item a .item_inner .item_type::after {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          background: currentColor; }
        .plan_list .item a .item_inner .item_type::before {
          width: 36.67%;
          height: 2px; }
        .plan_list .item a .item_inner .item_type::after {
          height: 1px; }
        .plan_list .item a .item_inner .item_type.garden::before, .plan_list .item a .item_inner .item_type.garden::after {
          background: #1e751e; }
      .plan_list .item a .item_inner .space {
        font-size: clamp(18px, 2.25vw, 28px);
        display: flex;
        align-items: baseline;
        margin-bottom: 0.5em;
        line-height: 1; }
        @media screen and (max-width: 480px) {
          .plan_list .item a .item_inner .space {
            font-size: 22px;
            font-size: calc(13vw/3.9); } }
        .plan_list .item a .item_inner .space .text_lg {
          font-size: 1.4em; }
          @media screen and (max-width: 480px) {
            .plan_list .item a .item_inner .space .text_lg {
              font-size: 1.3em; } }
      .plan_list .item a .item_inner .size_list {
        margin-bottom: auto;
        padding-bottom: 10%;
        font-size: clamp(10px, 0.88vw, 11px);
        line-height: 1;
        display: flex;
        flex-direction: column;
        gap: 0.8em; }
        @media screen and (max-width: 480px) {
          .plan_list .item a .item_inner .size_list {
            font-size: 11px;
            font-size: calc(8.2vw/3.9);
            padding-bottom: 0; } }
        .plan_list .item a .item_inner .size_list .item {
          display: flex;
          align-items: baseline; }
          @media screen and (max-width: 480px) {
            .plan_list .item a .item_inner .size_list .item:not(.item_main) {
              display: none; } }
        .plan_list .item a .item_inner .size_list .item_main {
          flex-direction: column;
          align-items: flex-start; }
          .plan_list .item a .item_inner .size_list .item_main dt {
            font-size: clamp(11px, 0.96vw, 12px);
            margin-bottom: 0.4em; }
            @media screen and (max-width: 480px) {
              .plan_list .item a .item_inner .size_list .item_main dt {
                font-size: 12px; } }
          .plan_list .item a .item_inner .size_list .item_main dd {
            font-size: clamp(20px, 2.41vw, 30px);
            display: flex;
            align-items: baseline; }
            @media screen and (max-width: 480px) {
              .plan_list .item a .item_inner .size_list .item_main dd {
                font-size: 24px;
                font-size: calc(18vw/3.9); } }
            .plan_list .item a .item_inner .size_list .item_main dd .text_lg {
              font-size: 1.6em; }
              @media screen and (max-width: 480px) {
                .plan_list .item a .item_inner .size_list .item_main dd .text_lg {
                  font-size: 1.4em; } }
            .plan_list .item a .item_inner .size_list .item_main dd .text_min {
              font-size: 0.4em; }
              @media screen and (max-width: 480px) {
                .plan_list .item a .item_inner .size_list .item_main dd .text_min {
                  font-size: 0.6em; } }
      .plan_list .item a .item_inner .more_button {
        font-size: clamp(12px, 1.29vw, 16px);
        text-align: center;
        color: #fff;
        line-height: 1;
        margin-top: 10px;
        padding: 0.8em 0.2em; }
        @media screen and (max-width: 480px) {
          .plan_list .item a .item_inner .more_button {
            font-size: 14px;
            display: none; } }
  .plan_list .item.item_standard a {
    position: relative; }
    .plan_list .item.item_standard a::before {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, #f8f8f8 0%, #f2f2f2 100%);
      opacity: 1;
      pointer-events: none;
      z-index: -1; }
    .plan_list .item.item_standard a .item_label {
      background: none; }
      @media screen and (max-width: 480px) {
        .plan_list .item.item_standard a .item_label {
          height: 0.6em; } }
    .plan_list .item.item_standard a .item_inner .item_type {
      color: #435057; }
    .plan_list .item.item_standard a .item_inner .more_button {
      background: #435057; }
  .plan_list .item.item_premium a {
    color: #fff;
    position: relative; }
    .plan_list .item.item_premium a::before {
      content: '';
      position: absolute;
      inset: 0;
      opacity: 1;
      pointer-events: none;
      z-index: -1;
      background: rgba(26, 8, 0, 0.7); }
    .plan_list .item.item_premium a .item_label {
      background: linear-gradient(50deg, #817c65 0%, #999582 50%, #817c65 100%); }
    .plan_list .item.item_premium a .item_inner .item_type {
      color: #aea56e; }
    .plan_list .item.item_premium a .item_inner .more_button {
      background: #707070; }
  body:not(.mobile) .plan_list .item_premium:hover a .item_inner .item_type, .plan_list .item_premium.active a .item_inner .item_type {
    color: #fff !important; }

.perth_wrap {
  max-width: 985px;
  margin-inline: auto; }

.perth_wrap {
  position: relative;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    .perth_wrap {
      margin-bottom: 20px; } }
  .perth_wrap .perth_link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 73.34%;
    width: 100%;
    line-height: 0; }
    .perth_wrap .perth_link a {
      position: absolute;
      bottom: 0;
      opacity: 0;
      transition: 0.3s opacity ease-in-out 0s;
      max-width: 108px;
      width: 10.97%; }
      body:not(.mobile) .perth_wrap .perth_link a:hover, .perth_wrap .perth_link a.active {
        opacity: 1; }
      body.mobile .perth_wrap .perth_link a {
        opacity: 0; }
      .perth_wrap .perth_link a[rel=plan_a] {
        left: 11.98%;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_ag] {
        left: 11.98%;
        bottom: 14.77%; }
      .perth_wrap .perth_link a[rel=plan_b] {
        left: 22.85%;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_bg] {
        left: 22.85%;
        bottom: 14.77%; }
      .perth_wrap .perth_link a[rel=plan_c] {
        left: 33.71%;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_cg] {
        left: 33.71%;
        bottom: 14.77%; }
      .perth_wrap .perth_link a[rel=plan_d] {
        left: 44.68%;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_dg] {
        left: 44.68%;
        bottom: 14.77%; }
      .perth_wrap .perth_link a[rel=plan_e] {
        left: 55.54%;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_eg] {
        left: 55.54%;
        bottom: 14.77%; }
      .perth_wrap .perth_link a[rel=plan_f] {
        left: 66.2%;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_fg] {
        left: 66.2%;
        bottom: 14.77%; }
      .perth_wrap .perth_link a[rel=plan_g] {
        right: 10.87%;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_h] {
        right: 0;
        bottom: 34.57%; }
      .perth_wrap .perth_link a[rel=plan_ir] {
        max-width: 147px;
        width: 14.93%;
        right: 6.91%;
        bottom: 73.83%; }
      .perth_wrap .perth_link a[rel=plan_jr] {
        max-width: 147px;
        width: 14.93%;
        left: 55.54%;
        top: 0;
        bottom: auto; }

@keyframes flashing {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.thumbnail li a {
  display: block;
  transition: background 0.3s ease-in-out 0s; }
body:not(.mobile) .thumbnail li:hover a, .thumbnail li.active a {
  background: #b3a263;
  background: #8f856b; }
  @media screen and (max-width: 480px) {
    body:not(.mobile) .thumbnail li:hover a, .thumbnail li.active a {
      background: none; } }

.btn_list {
  display: flex;
  justify-content: center;
  gap: 0 1em;
  margin: 50px auto 60px; }
  @media screen and (max-width: 480px) {
    .btn_list {
      flex-wrap: wrap;
      gap: 14px; } }
  @media screen and (max-width: 480px) {
    .btn_list li {
      width: calc(50% - 7px); } }
  .btn_list li a {
    display: block;
    line-height: 1;
    padding: 0.5em 2em;
    background: #435057;
    font-size: clamp(12px, 1.61vw, 20px);
    color: #fff;
    text-align: center; }
    @media screen and (max-width: 480px) {
      .btn_list li a {
        font-size: calc(16vw/3.9); } }

.plan_wrap + .plan_wrap {
  margin-top: clamp(50px, 6.67%, 80px); }
.plan_wrap .plan_wrap_ttl {
  text-align: center;
  line-height: 1;
  font-size: clamp(22px, 2.9vw, 36px);
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  position: relative; }
  .plan_wrap .plan_wrap_ttl::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    border-bottom: 2px solid #435057;
    border-radius: 1px; }

.sec02 {
  position: relative; }
  .sec02 .obj {
    position: absolute;
    right: 0;
    top: 41%;
    max-width: 300px;
    width: 18.75%; }
  .sec02 .inner {
    max-width: 1010px; }
  .sec02 .main_img {
    margin-bottom: clamp(40px, 4.951vw, 50px); }
  .sec02 .sec02_wrap {
    margin-bottom: clamp(60px, 8.34%, 100px); }
    .sec02 .sec02_wrap .text_wrap {
      margin-bottom: clamp(40px, 5.84%, 70px); }
    .sec02 .sec02_wrap .item_wrap {
      display: flex;
      justify-content: space-between;
      row-gap: clamp(30px, 4.167vw, 50px); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item_wrap {
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: space-between;
          flex-direction: row; } }
      .sec02 .sec02_wrap .item_wrap.fww {
        flex-wrap: wrap; }
      .sec02 .sec02_wrap .item_wrap .item {
        width: 29.71%;
        display: flex;
        flex-direction: column;
        row-gap: 10px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item_wrap .item {
            width: 100%;
            max-width: 300px;
            margin-inline: auto;
            row-gap: 7px;
            margin-inline: 0;
            width: 48%; } }
        .sec02 .sec02_wrap .item_wrap .item .txt_img {
          font-size: 0;
          line-height: 1;
          text-align: center; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_wrap .item_wrap .item .txt_img {
              height: 18px;
              margin-inline: auto; }
              .sec02 .sec02_wrap .item_wrap .item .txt_img img {
                height: 100%; } }
        .sec02 .sec02_wrap .item_wrap .item .ttl {
          font-size: clamp(16px, 1.834vw, 22px);
          color: #56562e;
          line-height: 1.37; }
          .sec02 .sec02_wrap .item_wrap .item .ttl .small {
            font-size: 70%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_wrap .item_wrap.col04 {
          flex-direction: row;
          flex-wrap: wrap; } }
      .sec02 .sec02_wrap .item_wrap.col04 .item {
        width: 22.38%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_wrap .item_wrap.col04 .item {
            width: 48%;
            margin: 0; } }
    @media screen and (max-width: 768px) {
      .sec02 .sec02_wrap.sec02_wrap02 .text_wrap {
        max-width: 500px;
        margin-inline: auto; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap.sec02_wrap02 .text_wrap {
        width: 80%;
        margin-inline: auto; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap.sec02_wrap03 .text_wrap .txt_img {
        width: 100%;
        margin-inline: auto; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_wrap.sec02_wrap04 .text_wrap .txt_img {
        width: 40.23%;
        margin-inline: auto; } }
    .sec02 .sec02_wrap.sec02_wrap04 .item_wrap .item {
      text-align: center; }
      .sec02 .sec02_wrap.sec02_wrap04 .item_wrap .item .ttl {
        letter-spacing: 0.1em;
        padding-bottom: 10px;
        border-bottom: 1px solid #56562e; }

        .gnavi li a .new {
          display: inline-block;
          background-color: #e60012;  /* 赤 */
          color: #fff;                /* 白文字 */
          font-size: 0.5rem;
          font-weight: bold;
          padding: 1px 3px;
          border-radius: 2px;
          margin-left: 3px;
          vertical-align: top;
          line-height: 1;
        }

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