@charset "UTF-8";
/*! Writen  by SCSS */
sup {
  font-size: 0.5em; }

img.wide_image {
  width: 100%; }

.head_logo {
  padding: 30px 20px;
  background: #fff; }
  @media screen and (max-width: 480px) {
    .head_logo {
      padding: 15px; } }
  .head_logo img {
    width: 240px;
    margin-inline: auto;
    display: block;
    line-height: 0; }
    @media screen and (max-width: 480px) {
      .head_logo img {
        width: 160px; } }

.lead {
  font-size: clamp(20px, 3.87vw, 48px);
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 0.5em 0; }
  .lead .text_in {
    position: relative;
    line-height: 1; }
    .lead .text_in .text_sub {
      font-size: 0.29em;
      position: absolute;
      right: 0;
      top: calc(100% + 0.5em); }
  .lead + .read {
    margin-top: 2.5em; }

.read {
  font-size: clamp(13px, 1.29vw, 16px);
  line-height: 2; }
  @media screen and (max-width: 480px) {
    .read {
      line-height: 1.6; } }

.read_min {
  font-size: clamp(11px, 1.12vw, 14px);
  line-height: 1.72; }

.sec_lead_top {
  background: #fff;
  padding-top: clamp(30px, 4.17%, 50px); }
  .sec_lead_top .lead_top {
    padding-bottom: clamp(30px, 4.17%, 50px); }
    .sec_lead_top .lead_top .lead_head {
      font-size: clamp(22px, 3.87vw, 48px);
      line-height: 1.6;
      margin-bottom: 0.6em;
      color: #504930; }
    .sec_lead_top .lead_top .lead_en {
      max-width: 313px;
      width: 26.09%;
      margin-inline: auto;
      line-height: 0; }
      @media screen and (max-width: 480px) {
        .sec_lead_top .lead_top .lead_en {
          width: 65.21%; } }

.property_wrap {
  display: flex; }
  @media screen and (max-width: 480px) {
    .property_wrap {
      flex-direction: column; } }
  .property_wrap .property_box {
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: clamp(50px, 6.67%, 80px);
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 480px) {
      .property_wrap .property_box {
        width: 100%;
        padding-bottom: 30px; } }
    .property_wrap .property_box .property_head {
      font-size: clamp(16px, 1.93vw, 24px);
      display: flex;
      justify-content: center;
      align-items: center;
      line-height: 1;
      gap: 1.25em;
      padding: 0.66em 0.41em; }
      @media screen and (max-width: 480px) {
        .property_wrap .property_box .property_head {
          padding: 10px; } }
      .property_wrap .property_box .property_head .logo {
        width: 5.66em;
        letter-spacing: 0.05em; }
    .property_wrap .property_box .image_box {
      width: 100%; }
    .property_wrap .property_box .point_box {
      margin: clamp(50px, 14.09%, 100px) auto auto;
      padding-bottom: clamp(25px, 8.46%, 60px); }
      @media screen and (max-width: 480px) {
        .property_wrap .property_box .point_box {
          margin-top: 20px;
          margin-bottom: 0;
          padding-bottom: 30px; } }
    .property_wrap .property_box .button_list {
      font-size: clamp(13px, 1.53vw, 19px);
      line-height: 1;
      max-width: 480px;
      width: calc(100% - 40px);
      margin-inline: auto;
      display: grid;
      grid-auto-flow: dense;
      grid-template-columns: repeat(2, 1fr);
      gap: 0.36em; }
      .property_wrap .property_box .button_list .item a {
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 0.9em 0.2em;
        transition: opacity 0.3s ease-in-out; }
        @media (hover: hover) {
          .property_wrap .property_box .button_list .item a:hover {
            opacity: 0.7; } }
      .property_wrap .property_box .button_list .item_site {
        grid-column: span 2; }
  .property_wrap .property_box_hirakata {
    color: #fff;
    background-image: url("../images/bg_hirakata.jpg"); }
    .property_wrap .property_box_hirakata .point_box {
      max-width: 435px;
      width: 61.27%; }
    .property_wrap .property_box_hirakata .button_list .item_site a {
      background: rgba(255, 255, 255, 0.6); }
    .property_wrap .property_box_hirakata .button_list .item_req a {
      background: rgba(255, 255, 255, 0.3); }
    .property_wrap .property_box_hirakata .button_list .item_res a {
      background: rgba(255, 255, 255, 0.2); }
  .property_wrap .property_box_hirakata2 {
    background-image: url("../images/bg_hirakata2.jpg"); }
    .property_wrap .property_box_hirakata2 .point_box {
      max-width: 467px;
      width: 65.78%; }
    .property_wrap .property_box_hirakata2 .button_list {
      color: #fff; }
      .property_wrap .property_box_hirakata2 .button_list .item_site a {
        background: #504930; }
      .property_wrap .property_box_hirakata2 .button_list .item_req a {
        background: #817c65; }
      .property_wrap .property_box_hirakata2 .button_list .item_res a {
        background: #b7b3a3; }
  .property_wrap.property_wrap_bottom .property_box {
    padding-top: 20px; }

.sec_access,
.sec_location {
  padding-bottom: clamp(60px, 8.34%, 100px); }
  .sec_access .sec_head,
  .sec_location .sec_head {
    line-height: 0; }
  .sec_access .sec_main_image,
  .sec_location .sec_main_image {
    margin-bottom: clamp(40px, 5%, 60px); }

.sec_access .sec_head {
  max-width: 576px;
  width: 48%;
  margin-bottom: clamp(30px, 4.17%, 50px); }
.sec_access .lead_wrap {
  margin-bottom: clamp(40px, 5%, 60px); }

.sec_location .sec_head {
  max-width: 854px;
  width: 74.27%;
  margin-bottom: clamp(25px, 3.34%, 40px); }
.sec_location .lead_wrap {
  margin-bottom: clamp(25px, 3.34%, 40px); }
.sec_location .inner {
  max-width: 1150px; }

.line_image {
  margin-bottom: clamp(40px, 5%, 60px); }

.access_list {
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px 3%;
  margin-bottom: clamp(40px, 5%, 60px); }
  @media screen and (max-width: 480px) {
    .access_list {
      width: 80%;
      margin-inline: auto;
      grid-template-columns: 1fr; } }
  .access_list .item_image {
    margin-bottom: 5.32%; }
    @media screen and (max-width: 480px) {
      .access_list .item_image {
        margin-bottom: 15px; } }
  .access_list .item01 .item_text {
    width: 89.1%; }
  .access_list .item02 .item_text {
    width: 93.09%; }
  .access_list .item03 .item_text {
    width: 91.23%; }

.access_wrap {
  align-items: flex-start;
  margin-bottom: clamp(25px, 3.34%, 40px); }
  @media screen and (max-width: 480px) {
    .access_wrap {
      flex-direction: column;
      gap: 25px 0; } }
  .access_wrap .access_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .access_wrap .access_box {
        flex-direction: column;
        gap: 15px 0; } }
    .access_wrap .access_box .text_box .box_head {
      font-size: clamp(16px, 1.93vw, 24px);
      line-height: 1.59;
      margin-bottom: 0.8em; }
  .access_wrap .access_box_01 {
    width: 50%; }
    @media screen and (max-width: 480px) {
      .access_wrap .access_box_01 {
        width: 100%; } }
    .access_wrap .access_box_01 .image_box {
      width: 46.67%; }
      @media screen and (max-width: 480px) {
        .access_wrap .access_box_01 .image_box {
          width: 100%; } }
    .access_wrap .access_box_01 .text_box {
      width: 51.67%; }
      @media screen and (max-width: 480px) {
        .access_wrap .access_box_01 .text_box {
          width: 100%; } }
  .access_wrap .access_box_02 {
    width: 47.5%; }
    @media screen and (max-width: 480px) {
      .access_wrap .access_box_02 {
        width: 100%; } }
    .access_wrap .access_box_02 .image_box {
      width: 49.13%; }
      @media screen and (max-width: 480px) {
        .access_wrap .access_box_02 .image_box {
          width: 100%; } }
    .access_wrap .access_box_02 .text_box {
      width: 47.37%; }
      @media screen and (max-width: 480px) {
        .access_wrap .access_box_02 .text_box {
          width: 100%; } }

.sec_location .number {
  font-family: YakuHanJP, "Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"游ゴシック体","Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  font-size: clamp(10px, 1.09vw, 13px);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.53em;
  height: 1.53em;
  background: #333;
  color: #fff;
  flex-shrink: 0; }

.location_image_wrap {
  display: grid;
  align-items: start;
  align-content: start;
  grid-auto-flow: dense;
  justify-content: space-between; }
  .location_image_wrap .image_box {
    position: relative; }
    .location_image_wrap .image_box .number {
      position: absolute;
      left: 0;
      bottom: 0; }

.location_image_wrap_top {
  margin-bottom: clamp(30px, 4.17%, 50px);
  grid-template-columns: 64.35% 34.79%;
  gap: clamp(3px, 0.61vw, 7px) 0; }
  @media screen and (max-width: 480px) {
    .location_image_wrap_top {
      grid-template-columns: repeat(2, 1fr);
      gap: 5px; } }
  @media screen and (max-width: 480px) {
    .location_image_wrap_top .image_box img {
      display: block;
      line-height: 0;
      aspect-ratio: 4 / 2.2;
      object-fit: cover;
      object-position: center; } }
  .location_image_wrap_top .image_lg {
    grid-row: 1 / 3;
    grid-column: 1 / 2; }
    @media screen and (max-width: 480px) {
      .location_image_wrap_top .image_lg {
        grid-row: 1 / 2;
        grid-column: 1 / 3; } }

.location_text_wrap {
  margin-bottom: clamp(30px, 4.17%, 50px);
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .location_text_wrap {
      flex-direction: column;
      gap: 30px 0; } }
  .location_text_wrap .text_box {
    width: 47.83%; }
    @media screen and (max-width: 480px) {
      .location_text_wrap .text_box {
        width: 100%; } }
    .location_text_wrap .text_box .box_head {
      font-size: clamp(16px, 2.18vw, 26px);
      margin-bottom: 0.6em; }

.location_bottom_wrap {
  align-items: flex-end; }
  @media screen and (max-width: 480px) {
    .location_bottom_wrap {
      align-items: flex-start;
      flex-direction: column;
      gap: 30px 0; } }
  .location_bottom_wrap .location_image_wrap_bottom {
    max-width: 750px;
    width: 65.22%;
    grid-template-columns: 48% 50.67%;
    gap: clamp(5px, 0.87vw, 10px) 0; }
    @media screen and (max-width: 480px) {
      .location_bottom_wrap .location_image_wrap_bottom {
        width: 100%; } }
    .location_bottom_wrap .location_image_wrap_bottom .image_lg {
      grid-column: span 2; }
  .location_bottom_wrap .text_box {
    width: 31.31%; }
    @media screen and (max-width: 480px) {
      .location_bottom_wrap .text_box {
        width: 100%; } }
    .location_bottom_wrap .text_box .location_list_outer {
      margin-bottom: 13.89%; }
      @media screen and (max-width: 480px) {
        .location_bottom_wrap .text_box .location_list_outer {
          margin-bottom: 20px; } }
      .location_bottom_wrap .text_box .location_list_outer .location_list_head {
        font-size: clamp(16px, 1.76vw, 21px);
        line-height: 1;
        margin-bottom: 1em; }
      .location_bottom_wrap .text_box .location_list_outer .location_list {
        font-size: clamp(10px, 1.09vw, 13px);
        line-height: 1;
        display: grid;
        gap: 0.76em; }
        @media screen and (max-width: 480px) {
          .location_bottom_wrap .text_box .location_list_outer .location_list {
            gap: 0.6em; } }
        .location_bottom_wrap .text_box .location_list_outer .location_list .item {
          display: flex;
          align-items: center;
          gap: 0.61em; }

.sec_future {
  position: relative; }
  .sec_future .future_image {
    line-height: 0; }
    @media screen and (max-width: 480px) {
      .sec_future .future_image {
        position: relative; } }
  .sec_future .future_head {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    line-height: 0;
    width: 16.06%; }
  .sec_future .text_box {
    padding-top: clamp(20px, 2.82%, 40px);
    padding-bottom: clamp(25px, 3.53%, 50px);
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7); }
    @media screen and (max-width: 480px) {
      .sec_future .text_box {
        position: static;
        padding-top: 20px;
        padding-bottom: 20px;
        background: #000; } }
    .sec_future .text_box .inner {
      max-width: 1150px; }
      .sec_future .text_box .inner .box_head {
        font-size: clamp(18px, 2.52vw, 30px);
        line-height: 1.6;
        margin-bottom: 0.6em; }
      .sec_future .text_box .inner .read_min {
        line-height: 2.42;
        margin-bottom: 1em; }
        @media screen and (max-width: 480px) {
          .sec_future .text_box .inner .read_min {
            line-height: 1.8; } }

.sec_bottom {
  background: #fff;
  padding-top: clamp(40px, 5%, 60px); }
  .sec_bottom .bottom_lead_wrap {
    margin-bottom: clamp(25px, 3.34%, 40px); }
    .sec_bottom .bottom_lead_wrap .bottom_lead {
      color: #817c65;
      font-size: clamp(18px, 2.58vw, 32px);
      margin-top: 1em;
      line-height: 1.4; }

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