/*! Writen  by SCSS */
.sec01 {
  padding-bottom: clamp(50px, 6.667vw, 80px); }
  @media screen and (max-width: 820px) {
    .sec01 {
      padding-bottom: 50px; } }
  .sec01 .mainvisual {
    background: #FFF; }
    .sec01 .mainvisual .main_wrap {
      position: relative; }
      .sec01 .mainvisual .main_wrap .main_image {
        position: relative; }
        @media screen and (max-width: 480px) {
          .sec01 .mainvisual .main_wrap .main_image {
            width: 100%;
            height: 400px;
            overflow: hidden; } }
        .sec01 .mainvisual .main_wrap .main_image img {
          width: 100%; }
          @media screen and (max-width: 480px) {
            .sec01 .mainvisual .main_wrap .main_image img {
              animation-play-state: paused;
              position: absolute;
              top: 0;
              left: 0%;
              width: 1200px;
              max-width: none;
              height: 100%;
              object-fit: cover;
              will-change: transform;
              backface-visibility: hidden;
              -webkit-backface-visibility: hidden; } }
          @media screen and (max-width: 480px) {
            .sec01 .mainvisual .main_wrap .main_image img.is-ready {
              animation: mvPan 20s linear infinite alternate; } }
@keyframes mvPan {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(var(--move)); } }
  .sec01 .sec_ttl_wrap.first {
    padding: 40px 0 clamp(40px, 5vw, 60px); }
  .sec01 .sec01_item01 .photo_group {
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px 3.22%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_item01 .photo_group {
        justify-content: space-between;
        gap: 5px 0; } }
    .sec01 .sec01_item01 .photo_group.second {
      align-items: flex-end;
      flex-direction: row-reverse;
      margin-top: -13%; }
      .sec01 .sec01_item01 .photo_group.second .cap_r {
        width: 100%; }
    .sec01 .sec01_item01 .photo_group .photo {
      width: 20.17%;
      box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); }
      @media screen and (max-width: 480px) {
        .sec01 .sec01_item01 .photo_group .photo {
          width: 23%; } }
      .sec01 .sec01_item01 .photo_group .photo.big {
        width: 46.78%; }

.sec02 {
  padding-bottom: clamp(60px, 11.539vw, 150px); }
  @media screen and (max-width: 820px) {
    .sec02 {
      padding-bottom: 60px; } }
  .sec02 .sec02_item01 .item_in {
    padding-bottom: clamp(60px, 6.924vw, 90px); }
    @media screen and (max-width: 820px) {
      .sec02 .sec02_item01 .item_in {
        padding-bottom: 60px; } }
    @media screen and (max-width: 480px) {
      .sec02 .sec02_item01 .item_in {
        padding-bottom: 50px; } }
    .sec02 .sec02_item01 .item_in .item_main_wrap {
      align-items: flex-start;
      margin-bottom: clamp(40px, 4.616vw, 60px); }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .item_in .item_main_wrap {
          flex-direction: column; } }
      .sec02 .sec02_item01 .item_in .item_main_wrap.rev {
        flex-direction: row-reverse; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .item_main_wrap.rev {
            flex-direction: column; } }
        .sec02 .sec02_item01 .item_in .item_main_wrap.rev .photo_text_group {
          margin-right: auto;
          margin-left: -6.45%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item_in .item_main_wrap.rev .photo_text_group {
              margin-left: 0; } }
      .sec02 .sec02_item01 .item_in .item_main_wrap .item_photo {
        width: 58.39%;
        margin-top: clamp(30px, 3.462vw, 45px); }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .item_main_wrap .item_photo {
            width: 100%;
            margin-top: 0; } }
      .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group {
        width: 48.39%;
        margin-right: -6.45%;
        padding: clamp(30px, 3.847vw, 50px) 20px;
        position: relative; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group {
            width: 100%;
            margin-right: 0;
            padding: 20px; } }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group.shopping {
          background: rgba(186, 167, 102, 0.8); }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group.education {
          background: rgba(27, 159, 170, 0.8); }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group.access {
          background: rgba(223, 136, 77, 0.8); }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group.park {
          background: rgba(105, 163, 70, 0.8); }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group.medical {
          background: rgba(40, 65, 158, 0.8); }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group.financial {
          background: rgba(66, 149, 227, 0.8); }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group.public {
          background: rgba(135, 135, 135, 0.8); }
        .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap {
          max-width: 500px;
          margin: 0 auto;
          width: 100%;
          text-align: left;
          color: #FFF;
          gap: 0; }
          .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_name {
            display: flex;
            align-items: baseline;
            line-height: 1;
            font-size: clamp(24px, 3.077vw, 40px); }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_name {
                font-size: 6.4vw; } }
            .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_name .jp {
              font-size: 50%;
              line-height: 1.2;
              display: flex;
              align-items: flex-end; }
              .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_name .jp:before {
                content: "/";
                display: inline-block;
                align-items: baseline;
                margin: 0 10px; }
                @media screen and (max-width: 480px) {
                  .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_name .jp:before {
                    margin: 0 5px; } }
          .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_ttl {
            margin-top: clamp(30px, 3.077vw, 40px);
            font-size: clamp(16px, 2vw, 26px);
            letter-spacing: normal;
            color: #FFF;
            line-height: 1.42; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_ttl {
                font-size: 5vw;
                margin-top: 20px; } }
            .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_ttl + .sec_read {
              margin-top: clamp(15px, 1.539vw, 20px); }
              @media screen and (max-width: 480px) {
                .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_ttl + .sec_read {
                  margin-top: 15px; } }
            .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_ttl .big {
              display: inline-block;
              font-size: 160%;
              line-height: 1;
              transform: translateY(3px); }
              @media screen and (max-width: 820px) {
                .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_ttl .big {
                  transform: translateY(0); } }
          @media screen and (max-width: 820px) {
            .sec02 .sec02_item01 .item_in .item_main_wrap .photo_text_group .sec_ttl_wrap .sec_read {
              line-height: 1.8; } }
    .sec02 .sec02_item01 .item_in .facility_group {
      flex-wrap: wrap;
      justify-content: flex-start;
      gap: 30px 4.025%; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .item_in .facility_group {
          gap: 20px 0;
          justify-content: space-between; } }
      .sec02 .sec02_item01 .item_in .facility_group.col2 {
        max-width: 810px;
        margin: 0 auto;
        gap: 30px 6.16%; }
        .sec02 .sec02_item01 .item_in .facility_group.col2 .f_photo {
          width: 46.92%; }
      .sec02 .sec02_item01 .item_in .facility_group .facility_ttl {
        text-align: center;
        width: 100%;
        line-height: 1.5;
        font-size: clamp(16px, 2.334vw, 28px);
        letter-spacing: 0.05em;
        color: #c6932f; }
        @media screen and (max-width: 820px) {
          .sec02 .sec02_item01 .item_in .facility_group .facility_ttl {
            font-size: 2.3vw; } }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .facility_group .facility_ttl {
            font-size: 4.1vw; } }
      .sec02 .sec02_item01 .item_in .facility_group .f_photo {
        width: 30.65%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .facility_group .f_photo {
            width: 48%; } }
        .sec02 .sec02_item01 .item_in .facility_group .f_photo .name {
          margin-top: 5px;
          font-size: clamp(10px, 1.231vw, 16px);
          text-align: center;
          line-height: 1.5; }
          .sec02 .sec02_item01 .item_in .facility_group .f_photo .name .big {
            display: block;
            font-size: 140%; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01 .item_in .facility_group .f_photo .name .big {
                font-size: 120%; } }
          .sec02 .sec02_item01 .item_in .facility_group .f_photo .name .small {
            display: block;
            font-size: 80%;
            margin-bottom: 5px; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01 .item_in .facility_group .f_photo .name .small {
                margin-bottom: 0;
                font-size: 100%; } }
    .sec02 .sec02_item01 .item_in .access_cont01 {
      align-items: center;
      flex-wrap: wrap; }
      .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 {
        width: 37.1%;
        flex-wrap: wrap; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 {
            width: 100%;
            margin-bottom: 30px; } }
        .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .img01 {
          width: 100%;
          justify-content: flex-start;
          align-items: flex-end;
          padding-bottom: 15px;
          margin-bottom: 20px;
          border-bottom: 1px solid #000; }
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .img01 .image {
            width: 67.4%; }
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .img01 .minutes {
            line-height: 1;
            font-size: clamp(10px, 1.231vw, 16px); }
        .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .img02 {
          width: 44.57%;
          position: relative; }
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .img02:after {
            content: "";
            position: absolute;
            inset: 0;
            right: auto;
            left: calc(100% + 7px);
            background: #000;
            width: 1px; }
        .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .img03 {
          width: 48.27%; }
        .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .anno {
          position: absolute;
          right: 0;
          top: 26%;
          font-size: clamp(10px, 1vw, 12px);
          font-weight: 600;
          line-height: 1; }
          @media screen and (max-width: 820px) {
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .anno {
              top: 15%; } }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item01 .anno {
              top: 20%; } }
      .sec02 .sec02_item01 .item_in .access_cont01 .item.item02 {
        width: 59.68%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item02 {
            width: 100%; } }
      .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 {
        width: 100%;
        padding-top: clamp(20px, 2.693vw, 35px);
        margin-top: clamp(20px, 2.693vw, 35px);
        border-top: 1px dotted #000; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 {
            flex-direction: column;
            row-gap: 20px; } }
        .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left {
          width: 70.17%;
          flex-direction: column;
          row-gap: 20px; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left {
              width: 100%; } }
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .text_group {
            flex-direction: column;
            row-gap: 20px; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .text_group {
                row-gap: 15px; } }
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .text_group .item03_ttl {
              line-height: 1.4;
              font-size: clamp(16px, 2vw, 26px);
              color: #c6932f; }
              @media screen and (max-width: 480px) {
                .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .text_group .item03_ttl {
                  font-size: 5vw; } }
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .text_group .item03_read {
              font-size: clamp(12px, 1.231vw, 16px);
              line-height: 2.18; }
              @media screen and (max-width: 480px) {
                .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .text_group .item03_read {
                  font-size: 13px; } }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group {
              flex-direction: column;
              row-gap: 15px; } }
          .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group .minutes {
            position: relative;
            font-size: clamp(20px, 2.286vw, 32px); }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group .minutes {
                font-size: 6.4vw; } }
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group .minutes .sub {
              position: absolute;
              left: 0;
              top: 0;
              font-size: 60%; }
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group .minutes .big {
              font-size: 250%;
              display: inline-block;
              line-height: 1;
              color: #7d0000;
              transform: translateY(5px); }
              @media screen and (max-width: 820px) {
                .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group .minutes .big {
                  transform: translateY(2px); } }
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group .minutes .small {
              font-size: 80%; }
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_left .minutes_group .minutes .small02 {
              font-size: 45%; }
        .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_right {
          width: 26.62%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_right {
              width: 100%; } }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item_in .access_cont01 .item.item03 .item03_right img {
              width: 100%; } }
  .sec02 .sec02_item02 {
    margin-bottom: clamp(50px, 6.924vw, 90px); }
    @media screen and (max-width: 820px) {
      .sec02 .sec02_item02 {
        margin-bottom: 50px; } }
    .sec02 .sec02_item02 .zoom_image_wrap {
      position: relative; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item02 .zoom_image_wrap {
          margin: 0 -20px; } }
      .sec02 .sec02_item02 .zoom_image_wrap .zoom_box {
        position: relative;
        touch-action: none;
        overflow: hidden; }
        .sec02 .sec02_item02 .zoom_image_wrap .zoom_box:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 5px solid #FFF;
          pointer-events: none; }
      .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller {
        display: none;
        max-width: 100px;
        margin: 15px auto 0;
        justify-content: center;
        flex-wrap: wrap;
        border-radius: 6px;
        overflow: hidden;
        position: relative; }
        .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller:after {
          content: "";
          position: absolute;
          inset: 0;
          border: 1px solid #000;
          border-radius: 6px;
          pointer-events: none; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller {
            display: flex; } }
        .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn {
          touch-action: manipulation;
          width: 50px;
          aspect-ratio: 1;
          background: #FFF;
          cursor: pointer; }
          .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_in, .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_out {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center; }
            .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_in:before, .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_in:after, .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_out:before, .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_out:after {
              position: absolute;
              content: "";
              transition: transform 0.4s;
              background: #000;
              inset: 0;
              display: flex;
              justify-content: center;
              align-items: center;
              margin: auto;
              width: 40%;
              height: 2px; }
            .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_in:before, .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_out:before {
              transform: rotate(90deg); }
          .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_out {
            border-left: 1px solid #000; }
            .sec02 .sec02_item02 .zoom_image_wrap .zoom_controller .zoom_btn.zoom_out:before {
              content: none; }
  .sec02 .lifeinfo_wrap {
    display: grid;
    justify-content: space-between;
    align-items: flex-start;
    gap: clamp(30px, 4.616vw, 60px) 0;
    grid-template-columns: repeat(2, 48.39%); }
    @media screen and (max-width: 480px) {
      .sec02 .lifeinfo_wrap {
        grid-template-columns: 100%; } }
    .sec02 .lifeinfo_wrap .lifeinfo_box_in {
      width: 100%; }
      .sec02 .lifeinfo_wrap .lifeinfo_box_in.medical_group {
        grid-row: 2/5;
        grid-column: 2/3; }
        @media screen and (max-width: 480px) {
          .sec02 .lifeinfo_wrap .lifeinfo_box_in.medical_group {
            grid-row: auto;
            grid-column: auto; } }
      .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl {
        font-size: clamp(20px, 2vw, 26px);
        color: #FFF;
        justify-content: flex-start;
        align-items: baseline;
        column-gap: 10px;
        margin-bottom: 15px;
        padding: 10px;
        padding-left: 20px;
        line-height: 1; }
        @media screen and (max-width: 480px) {
          .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl {
            padding-left: 12px;
            margin-bottom: 10px; } }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl .jp {
          font-size: 61%; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl.shopping {
          background: #baa766; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl.education {
          background: #1b9faa; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl.access {
          background: #df884d; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl.park {
          background: #69a346; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl.medical {
          background: #28419e; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl.financial {
          background: #4295e3; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_ttl.public {
          background: #878787; }
      .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table tr {
          display: flex;
          justify-content: space-between; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table th, .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table td {
          font-size: clamp(11px, 1.231vw, 16px);
          font-weight: 500;
          line-height: 1.2;
          padding: 12px 0; }
          @media screen and (max-width: 820px) {
            .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table th, .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table td {
              font-size: 12px;
              padding: 8px 0; } }
          @media screen and (max-width: 480px) {
            .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table th, .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table td {
              padding: 10px 0; } }
          .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table th .small, .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table td .small {
            font-size: 80%; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table th {
          flex-grow: 1;
          text-align: left; }
          .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table th.lt {
            letter-spacing: -0.03em; }
            @media screen and (max-width: 480px) {
              .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table th.lt {
                letter-spacing: normal; } }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table td {
          text-align: right; }
          .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table td.time {
            width: 6em;
            padding-right: 0.5em; }
          .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table td.range {
            width: 5.85em; }
        .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table tr:last-child th, .sec02 .lifeinfo_wrap .lifeinfo_box_in .list_table tr:last-child td {
          border-bottom: none; }

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