/*! Writen  by SCSS */
.brown {
  color: #9c7600; }

.brown_bg {
  background: #dfceb5; }

.green {
  color: #008239; }

.green_bg {
  background: #aaccb9; }

.box_ttl {
  font-size: clamp(14px, 1.824vw, 31px);
  line-height: 1.4; }
  @media screen and (max-width: 480px) {
    .box_ttl {
      font-size: 4.6vw; } }
  .box_ttl.small {
    font-size: clamp(13px, 1.471vw, 25px); }
    @media screen and (max-width: 480px) {
      .box_ttl.small {
        font-size: 4.2vw; } }
    .box_ttl.small .small {
      font-size: 70%; }
    .box_ttl.small .block {
      display: block; }

.box_read {
  font-size: clamp(12px, 1.118vw, 19px); }
  @media screen and (max-width: 480px) {
    .box_read {
      font-size: 13px; } }

@media screen and (max-width: 480px) {
  .inner_main .main_image.no_shadow .cap {
    color: #fff;
    text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.8), 0px 0px 1px rgba(0, 0, 0, 0.8), 0px 0px 2px rgba(0, 0, 0, 0.8), 0px 0px 3px rgba(0, 0, 0, 0.8), 0px 0px 4px rgba(0, 0, 0, 0.8), 0px 0px 5px rgba(0, 0, 0, 0.8), 0px 0px 6px rgba(0, 0, 0, 0.8), 0px 0px 7px rgba(0, 0, 0, 0.8), 0px 0px 8px rgba(0, 0, 0, 0.8); } }

.name_band {
  padding: 10px;
  justify-content: flex-start;
  align-items: center;
  color: #FFF;
  font-size: clamp(15px, 1.563vw, 25px);
  column-gap: 15px; }
  @media screen and (max-width: 820px) {
    .name_band {
      column-gap: 7px; } }
  @media screen and (max-width: 480px) {
    .name_band {
      font-size: 4.6vw;
      padding: 5px 10px; } }
  .name_band.brown {
    background: #9c7600; }
  .name_band.green {
    background: #008239; }
  .name_band.no_bg {
    background: none; }
  .name_band.purple {
    background: #7c1f6c; }
    .name_band.purple .num {
      color: #7c1f6c; }
  .name_band .num {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    width: 30px;
    aspect-ratio: 1;
    background: #FFF;
    line-height: 1;
    border-radius: 50vw; }
    @media screen and (max-width: 820px) {
      .name_band .num {
        width: 24px; } }
    .name_band .num span {
      transform: translateY(2px); }
      @media screen and (max-width: 820px) {
        .name_band .num span {
          transform: translateY(0); } }
  .name_band .name .small {
    font-size: 70%; }
    @media screen and (max-width: 480px) {
      .name_band .name .small {
        display: block; } }
  .name_band .name .small02 {
    font-size: 70%; }
    @media screen and (max-width: 480px) {
      .name_band .name .small02 {
        display: block; } }
  .name_band .name .block {
    display: block; }

.sec01 .map_image01 {
  margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .sec01 .map_image01 {
      margin-bottom: 20px; } }
.sec01 .sec01_cont01 {
  flex-wrap: wrap;
  gap: 20px 0; }
  .sec01 .sec01_cont01 .item {
    width: 49.36%; }
    @media screen and (max-width: 480px) {
      .sec01 .sec01_cont01 .item {
        width: 100%; } }
    .sec01 .sec01_cont01 .item.item01 .shop_list_group {
      flex-wrap: wrap;
      gap: 10px 0; }
      .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list {
        letter-spacing: normal;
        width: 49.32%;
        font-size: clamp(10px, 0.883vw, 15px); }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list {
            width: 100%;
            font-size: 13px; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list:nth-child(1) {
            order: 0; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list:nth-child(2) {
            order: 2; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list:nth-child(3) {
            order: 1; } }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list:nth-child(4) {
            order: 3; } }
        .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list .s01 {
          background: #9c7600;
          padding: 5px 10px 3px;
          color: #FFF;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list .s01 {
              padding: 6px 10px; } }
        .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list .s02_group {
          padding: 10px;
          background: #FFF;
          border-bottom-left-radius: 10px;
          border-bottom-right-radius: 10px;
          display: flex;
          flex-wrap: wrap;
          gap: 3px 5px; }
          @media screen and (max-width: 480px) {
            .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list .s02_group {
              padding: 8px 10px; } }
          .sec01 .sec01_cont01 .item.item01 .shop_list_group .shop_list .s02_group .s02 {
            letter-spacing: -0.05em;
            line-height: 1.4; }
    .sec01 .sec01_cont01 .item.item02 .box {
      align-items: flex-start;
      flex-wrap: wrap; }
      .sec01 .sec01_cont01 .item.item02 .box .photo {
        width: 100%; }
      .sec01 .sec01_cont01 .item.item02 .box .photo02 {
        width: 47.4%; }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_cont01 .item.item02 .box .photo02 {
            width: 100%; } }
      .sec01 .sec01_cont01 .item.item02 .box .text_group {
        width: 47.95%; }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_cont01 .item.item02 .box .text_group {
            width: 100%;
            margin-top: 15px; } }
    .sec01 .sec01_cont01 .item.item03 .box {
      align-items: flex-start;
      flex-wrap: wrap; }
      .sec01 .sec01_cont01 .item.item03 .box .photo,
      .sec01 .sec01_cont01 .item.item03 .box .text_group {
        width: 100%; }
      .sec01 .sec01_cont01 .item.item03 .box .photo02 {
        width: 50.69%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .item.item03 .box .photo02 {
            width: 100%; } }
      .sec01 .sec01_cont01 .item.item03 .box .text_group02 {
        width: 46.58%; }
        @media screen and (max-width: 480px) {
          .sec01 .sec01_cont01 .item.item03 .box .text_group02 {
            margin-top: 15px;
            width: 100%; } }
    .sec01 .sec01_cont01 .item.item04 .box {
      flex-direction: column; }
      .sec01 .sec01_cont01 .item.item04 .box .photo_group {
        display: grid;
        justify-content: space-between;
        grid-template-columns: 65.62% 32.78%;
        gap: 10px 0; }
        @media screen and (max-width: 820px) {
          .sec01 .sec01_cont01 .item.item04 .box .photo_group {
            gap: 4px 0; } }
        .sec01 .sec01_cont01 .item.item04 .box .photo_group .photo {
          line-height: 0; }
          .sec01 .sec01_cont01 .item.item04 .box .photo_group .photo.big {
            grid-row: 1/3; }
    .sec01 .sec01_cont01 .item .box {
      padding: 15px; }

.sec02 {
  padding: clamp(80px, 9.375vw, 150px) 0; }
  .sec02 .map_image02 {
    margin-bottom: 20px; }
  .sec02 .sec02_item01 {
    flex-direction: column;
    row-gap: 45px; }
    .sec02 .sec02_item01 .item {
      width: 100%; }
      .sec02 .sec02_item01 .item .band_ttl {
        padding: 7px 15px;
        color: #FFF;
        font-size: clamp(28px, 1.875vw, 30px);
        margin-bottom: 20px; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item .band_ttl {
            font-size: 6vw;
            padding: 12px 15px; } }
        .sec02 .sec02_item01 .item .band_ttl.shopping {
          background: #9c7600; }
        .sec02 .sec02_item01 .item .band_ttl.education {
          background: #d9847f; }
        .sec02 .sec02_item01 .item .band_ttl.hospital {
          background: #006083; }
        .sec02 .sec02_item01 .item .band_ttl.park {
          background: #008239; }
        .sec02 .sec02_item01 .item .band_ttl.others {
          background: #7c1f6c; }
      .sec02 .sec02_item01 .item .name_band.no_bg {
        padding: 0;
        align-items: baseline; }
        .sec02 .sec02_item01 .item .name_band.no_bg .num {
          width: 51px;
          border-width: 7px;
          border-style: solid;
          border-color: currentColor; }
          @media screen and (max-width: 820px) {
            .sec02 .sec02_item01 .item .name_band.no_bg .num {
              width: 30px;
              border-width: 4px; } }
          .sec02 .sec02_item01 .item .name_band.no_bg .num.brown {
            color: #9c7600; }
          .sec02 .sec02_item01 .item .name_band.no_bg .num.winered {
            color: #b9403d; }
          .sec02 .sec02_item01 .item .name_band.no_bg .num.beige {
            color: #006083; }
          .sec02 .sec02_item01 .item .name_band.no_bg .num.green {
            color: #008239; }
          .sec02 .sec02_item01 .item .name_band.no_bg .num.purple {
            color: #7c1f6c; }
        .sec02 .sec02_item01 .item .name_band.no_bg .name {
          color: #000;
          line-height: 1.4; }
          .sec02 .sec02_item01 .item .name_band.no_bg .name .small {
            display: block;
            font-size: 90%; }
      .sec02 .sec02_item01 .item.item01 .shopping_group {
        flex-wrap: wrap;
        gap: 30px 0; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item.item01 .shopping_group {
            gap: 20px 0; } }
        .sec02 .sec02_item01 .item.item01 .shopping_group .group_in {
          width: 31.95%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item.item01 .shopping_group .group_in {
              width: 100%; } }
          .sec02 .sec02_item01 .item.item01 .shopping_group .group_in.half {
            width: 49.36%; }
            @media screen and (max-width: 480px) {
              .sec02 .sec02_item01 .item.item01 .shopping_group .group_in.half {
                width: 100%; } }
          .sec02 .sec02_item01 .item.item01 .shopping_group .group_in .box {
            padding: 15px; }
      .sec02 .sec02_item01 .item.item02 .education_group {
        flex-wrap: wrap;
        gap: 30px 0; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item.item02 .education_group {
            gap: 20px 0; } }
        .sec02 .sec02_item01 .item.item02 .education_group .group_in {
          width: 31.95%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item.item02 .education_group .group_in {
              width: 100%; } }
      .sec02 .sec02_item01 .item.item03 .hospital_group {
        flex-wrap: wrap;
        gap: 30px 0; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item.item03 .hospital_group {
            gap: 20px 0; } }
        .sec02 .sec02_item01 .item.item03 .hospital_group .group_in {
          width: 31.95%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item.item03 .hospital_group .group_in {
              width: 100%; } }
      .sec02 .sec02_item01 .item.item04 .park_group {
        flex-wrap: wrap;
        gap: 20px 0; }
        .sec02 .sec02_item01 .item.item04 .park_group .group_in {
          width: 31.95%; }
          @media screen and (max-width: 480px) {
            .sec02 .sec02_item01 .item.item04 .park_group .group_in {
              width: 100%; } }
          .sec02 .sec02_item01 .item.item04 .park_group .group_in.first {
            width: 100%; }
            .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .name_band {
              width: 100%; }
            .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box {
              flex-wrap: wrap;
              flex-direction: row-reverse;
              padding: 15px; }
              @media screen and (max-width: 480px) {
                .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box {
                  flex-direction: row; } }
              .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .big_photo {
                width: 48.22%; }
                @media screen and (max-width: 480px) {
                  .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .big_photo {
                    width: 100%;
                    margin-bottom: 10px; } }
              .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group {
                width: 49.34%; }
                @media screen and (max-width: 480px) {
                  .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group {
                    width: 100%; } }
                .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .box_read {
                  margin: 15px 0 clamp(20px, 2.188vw, 35px); }
                  @media screen and (max-width: 820px) {
                    .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .box_read {
                      margin: 0 0 20px; } }
                @media screen and (max-width: 480px) {
                  .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .photo02_group {
                    flex-direction: column;
                    row-gap: 20px; } }
                .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .photo02_group .photo02_in {
                  width: 48.46%; }
                  @media screen and (max-width: 480px) {
                    .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .photo02_group .photo02_in {
                      width: 100%; } }
                  .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .photo02_group .photo02_in.second {
                    width: 49.94%; }
                    @media screen and (max-width: 480px) {
                      .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .photo02_group .photo02_in.second {
                        width: 100%; } }
                  .sec02 .sec02_item01 .item.item04 .park_group .group_in.first .box .text_photo_group .photo02_group .photo02_in .photo {
                    margin-bottom: 10px; }
      @media screen and (max-width: 480px) {
        .sec02 .sec02_item01 .item.item05 .others_group {
          flex-direction: column;
          row-gap: 20px; } }
      .sec02 .sec02_item01 .item.item05 .others_group .group_in {
        width: 31.95%; }
        @media screen and (max-width: 480px) {
          .sec02 .sec02_item01 .item.item05 .others_group .group_in {
            width: 100%; } }
        .sec02 .sec02_item01 .item.item05 .others_group .group_in .name_band {
          align-items: flex-start; }
        .sec02 .sec02_item01 .item.item05 .others_group .group_in .box {
          padding: 15px;
          background: #ebe0eb; }

.life_info .lifeinfo_icon {
  display: flex;
  align-items: center;
  justify-content: center; }
.life_info .lifeinfo_tab {
  display: flex;
  margin-bottom: 25px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    .life_info .lifeinfo_tab {
      flex-wrap: wrap; } }
  @media screen and (max-width: 480px) {
    .life_info .lifeinfo_tab {
      margin-bottom: 15px; } }
  .life_info .lifeinfo_tab .item {
    width: 16.67%;
    color: #fff;
    transition: opacity 0.3s ease-in-out;
    opacity: 0.7;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: clamp(13px, 1.29vw, 16px);
    line-height: 1;
    gap: 0.62em;
    padding: 1.12em 0.2em; }
    @media (hover: hover) {
      .life_info .lifeinfo_tab .item:hover {
        opacity: 1; } }
    @media screen and (max-width: 768px) {
      .life_info .lifeinfo_tab .item {
        width: calc(100% / 3); } }
    @media screen and (max-width: 480px) {
      .life_info .lifeinfo_tab .item {
        padding: 0.8em 0.1em; } }
    .life_info .lifeinfo_tab .item.active {
      opacity: 1; }
    .life_info .lifeinfo_tab .item .text_jp {
      font-size: 0.93em; }
    .life_info .lifeinfo_tab .item:nth-child(1) {
      background: #9c7600; }
    .life_info .lifeinfo_tab .item:nth-child(2) {
      background: #008239; }
    .life_info .lifeinfo_tab .item:nth-child(3) {
      background: #7c1f6c; }
    .life_info .lifeinfo_tab .item:nth-child(4) {
      background: #d9847f; }
    .life_info .lifeinfo_tab .item:nth-child(5) {
      background: #e2ad85; }
    .life_info .lifeinfo_tab .item:nth-child(6) {
      background: #006083; }
.life_info .lifeinfo_wrap {
  align-items: flex-start;
  margin-bottom: 20px; }
  @media screen and (max-width: 480px) {
    .life_info .lifeinfo_wrap {
      flex-direction: column;
      gap: 10px 0; } }
  .life_info .lifeinfo_wrap .lifeinfo_map_wrap {
    max-width: 800px;
    width: 66.67%;
    aspect-ratio: 800 / 600;
    color: #333; }
    @media screen and (max-width: 480px) {
      .life_info .lifeinfo_wrap .lifeinfo_map_wrap {
        width: 100%; } }
  .life_info .lifeinfo_wrap .lifeinfo_map {
    aspect-ratio: 800 / 600;
    color: #333;
    margin-bottom: 10px; }
  .life_info .lifeinfo_wrap .hanrei {
    width: 120px; }
  .life_info .lifeinfo_wrap .lifeinfo_list_outer {
    position: relative;
    width: 30%; }
    @media screen and (max-width: 480px) {
      .life_info .lifeinfo_wrap .lifeinfo_list_outer {
        width: 100%; } }
    .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list {
      border-top: 1px solid;
      font-size: clamp(11px, 1.2vw, 15px);
      counter-reset: step-counter; }
      .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list .item {
        display: flex;
        align-items: center;
        padding-top: 0.8em;
        padding-bottom: 0.8em;
        border-bottom: 1px solid;
        gap: 0.66em;
        counter-increment: step-counter; }
        .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list .item::before {
          content: counter(step-counter);
          aspect-ratio: 1 / 1;
          flex-shrink: 0;
          width: 1.46em;
          color: #fff;
          line-height: 1;
          display: flex;
          align-items: center;
          justify-content: center; }
        .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list .item .item_data {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          flex-grow: 1;
          line-height: 1.4;
          gap: 0.2em; }
          .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list .item .item_data .range {
            font-size: 0.86em; }
      .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list.lifeinfo01 .item::before {
        background: #9c7600; }
      .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list.lifeinfo02 .item::before {
        background: #008239; }
      .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list.lifeinfo03 .item::before {
        background: #7c1f6c; }
      .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list.lifeinfo04 .item::before {
        background: #d9847f; }
      .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list.lifeinfo05 .item::before {
        background: #e2ad85; }
      .life_info .lifeinfo_wrap .lifeinfo_list_outer .lifeinfo_list.lifeinfo06 .item::before {
        background: #006083; }
.life_info .time_list {
  margin-bottom: 20px;
  display: grid;
  align-items: start;
  align-content: start;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(15px, 1.67vw, 20px) 2.5%; }
  @media screen and (max-width: 480px) {
    .life_info .time_list {
      grid-template-columns: repeat(2, 1fr);
      gap: 15px 3%; } }
  .life_info .time_list .item .item_in {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    line-height: 1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid;
    font-size: clamp(15px, 2.58vw, 32px); }
    .life_info .time_list .item .item_in .station {
      display: flex;
      align-items: baseline; }
    .life_info .time_list .item .item_in .time {
      display: flex;
      align-items: baseline;
      justify-content: flex-end; }
      .life_info .time_list .item .item_in .time .text_lg {
        font-size: 2em;
        color: #941e34; }
        @media screen and (max-width: 480px) {
          .life_info .time_list .item .item_in .time .text_lg {
            font-size: 1.8em; } }
    .life_info .time_list .item .item_in .text_min {
      font-size: 0.7em; }
  .life_info .time_list .item .time_sub {
    font-size: clamp(10px, 0.96vw, 12px); }
    @media screen and (max-width: 480px) {
      .life_info .time_list .item .time_sub {
        line-height: 1.6; } }

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