<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*! Writen  by SCSS */
.sec01 .image .cap_r {
  margin-right: calc(110%/16); }

.sec02 .sec_txts .en_ttl {
  max-width: 406px; }
.sec02 .photo8 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px; }
  @media screen and (max-width: 480px) {
    .sec02 .photo8 {
      grid-template-columns: repeat(2, 1fr); } }
  .sec02 .photo8 .photo_img img {
    width: 100%; }
  .sec02 .photo8 .photo_img .cap_left {
    right: auto;
    left: 0; }
  .sec02 .photo8 .photo_cap {
    grid-column: 1/5;
    margin-top: 5px;
    margin-right: 20px; }
    @media screen and (max-width: 480px) {
      .sec02 .photo8 .photo_cap {
        grid-column: 1/3; } }
  .sec02 .photo8 .img_cap span {
    font-size: 9px;
    letter-spacing: -0.03em;
    font-feature-settings: "palt"; }

.sec03 {
  padding: clamp(60px, 10.157vw, 130px) 0 40px; }
  .sec03 .shop_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(30px, 4.69vw, 60px) 10.15%;
    margin-bottom: clamp(80px, 10.157vw, 130px); }
    @media screen and (max-width: 480px) {
      .sec03 .shop_wrap {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 30px; } }
    .sec03 .shop_wrap .shop_in {
      display: flex;
      flex-direction: column;
      row-gap: 30px; }
      @media screen and (max-width: 768px) {
        .sec03 .shop_wrap .shop_in {
          row-gap: 20px; } }
      @media screen and (max-width: 480px) {
        .sec03 .shop_wrap .shop_in {
          row-gap: 15px; } }
      .sec03 .shop_wrap .shop_in .shop_info {
        text-align: center;
        font-size: clamp(13px, 1.407vw, 18px);
        font-size: clamp(13px, 1.172vw, 15px);
        line-height: 1.73; }
        @media screen and (max-width: 480px) {
          .sec03 .shop_wrap .shop_in .shop_info {
            font-size: 15px; } }
        .sec03 .shop_wrap .shop_in .shop_info .small {
          margin-top: 0.3em;
          display: block;
          font-size: 83%;
          font-size: 86.667%; }
  .sec03 .lifeinfo_tab {
    padding-bottom: 10px;
    border-bottom: 1px solid #989898;
    margin-bottom: clamp(40px, 5.469vw, 70px); }
    @media screen and (max-width: 480px) {
      .sec03 .lifeinfo_tab {
        flex-wrap: wrap;
        border-left: 1px solid #989898;
        border-top: 1px solid #989898;
        border-bottom: none;
        padding-bottom: 0; } }
    .sec03 .lifeinfo_tab p {
      width: calc(100% / 7);
      font-size: clamp(12px, 1.172vw, 15px);
      text-align: center;
      padding: 12px 5px;
      cursor: pointer;
      border-right: 1px solid #989898;
      transition: 0.3s background ease-in-out 0s; }
      @media screen and (max-width: 480px) {
        .sec03 .lifeinfo_tab p {
          width: 50%;
          font-size: 14px;
          padding: 5px;
          border-right: 1px solid #989898;
          border-bottom: 1px solid #989898; } }
      body:not(.mobile) .sec03 .lifeinfo_tab p:hover, .sec03 .lifeinfo_tab p.active {
        background: #ebe3e3; }
      .sec03 .lifeinfo_tab p:nth-of-type(1) {
        border-left: 1px solid #989898; }
        @media screen and (max-width: 480px) {
          .sec03 .lifeinfo_tab p:nth-of-type(1) {
            width: 100%;
            border-left: none; } }
  .sec03 .lifeinfo_wrap {
    width: 100%;
    position: relative; }
    .sec03 .lifeinfo_wrap .info_in {
      width: 100%;
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      opacity: 0;
      transition: 0.3s opacity ease-in-out 0s;
      pointer-events: none; }
      .sec03 .lifeinfo_wrap .info_in.active {
        position: relative;
        opacity: 1;
        pointer-events: all; }
      .sec03 .lifeinfo_wrap .info_in.restaurant .lifeinfo_table_box {
        row-gap: 40px; }
      .sec03 .lifeinfo_wrap .info_in .lifeinfo_ttl {
        font-size: clamp(12px, 1.172vw, 15px);
        display: flex;
        align-items: baseline;
        column-gap: 15px;
        margin-left: 40px;
        margin-bottom: 20px; }
        @media screen and (max-width: 1200px) {
          .sec03 .lifeinfo_wrap .info_in .lifeinfo_ttl {
            margin-left: 20px; } }
        @media screen and (max-width: 480px) {
          .sec03 .lifeinfo_wrap .info_in .lifeinfo_ttl {
            font-size: 3.4vw;
            margin-left: 0; } }
        .sec03 .lifeinfo_wrap .info_in .lifeinfo_ttl .en {
          font-size: 186%;
          line-height: 1;
          color: #808080; }
      .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table {
          width: 47.66%;
          border-spacing: 0;
          border-collapse: collapse; }
          @media screen and (max-width: 480px) {
            .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table {
              width: 100%; } }
          .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table th, .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td {
            font-size: clamp(12px, 1.154vw, 15px);
            font-weight: 500;
            padding: 8px 0;
            border-bottom: 1px solid #989898;
            vertical-align: bottom; }
            @media screen and (max-width: 768px) {
              .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table th, .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td {
                font-size: 12px; } }
            @media screen and (max-width: 480px) {
              .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table th, .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td {
                padding-top: 6px;
                padding-bottom: 6px;
                font-size: 12px; } }
          .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table tr.first {
            border-top: 1px solid #989898; }
            @media screen and (max-width: 480px) {
              .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table tr.first {
                border-top: none; } }
          @media screen and (max-width: 480px) {
            .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table tr.empty {
              display: none; } }
          .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table th {
            padding-left: 2.66em;
            text-align: left; }
            @media screen and (max-width: 1200px) {
              .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table th {
                padding-left: 1.33em; } }
            @media screen and (max-width: 480px) {
              .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table th {
                padding-left: 0; } }
          .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td {
            text-align: right; }
            .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td.time {
              width: 6.5em;
              padding-right: 0.25em; }
              @media screen and (max-width: 768px) {
                .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td.time {
                  width: 5.5em; } }
            .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td.range {
              width: 7.33em;
              padding-right: 2.66em; }
              @media screen and (max-width: 1200px) {
                .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td.range {
                  width: 6em;
                  padding-right: 1.33em; } }
              @media screen and (max-width: 480px) {
                .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td.range {
                  width: 5em;
                  padding-right: 0; } }
            .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .lifeinfo_table td.ta_l {
              text-align: left;
              padding-left: 1em;
              text-indent: -1em; }
        .sec03 .lifeinfo_wrap .info_in .lifeinfo_table_box .life_caption {
          width: 100%;
          margin-top: 5px;
          text-align: right; }

.sec04 {
  padding-top: clamp(60px, 10.157vw, 130px); }
  .sec04 .sec03_map_outer {
    background: #eae5df;
    padding-top: clamp(25px, 3.13%, 40px);
    padding-bottom: clamp(25px, 3.13%, 40px); }
    .sec04 .sec03_map_outer .sec03_map_wrap {
      display: flex;
      width: 96.88%;
      margin-inline: auto; }
      @media screen and (max-width: 1090px) {
        .sec04 .sec03_map_outer .sec03_map_wrap {
          justify-content: center;
          flex-wrap: wrap;
          width: 100%;
          gap: 30px 0; } }
      .sec04 .sec03_map_outer .sec03_map_wrap img {
        width: 100%; }
      .sec04 .sec03_map_outer .sec03_map_wrap .map_main {
        order: 2;
        width: 67.75%; }
        @media screen and (max-width: 1090px) {
          .sec04 .sec03_map_outer .sec03_map_wrap .map_main {
            width: 100%;
            order: 1; } }
      .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap {
        position: relative;
        width: 16.13%;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        @media screen and (max-width: 1090px) {
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap {
            width: 28.58%; } }
        @media screen and (max-width: 768px) {
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap {
            width: 45%; } }
        @media screen and (max-width: 480px) {
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap {
            max-width: 312px;
            width: 100%;
            gap: 30px 0; } }
        .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap .map_box {
          position: relative;
          display: grid;
          align-items: start;
          align-content: start;
          grid-auto-flow: dense;
          grid-template-columns: repeat(2, 1fr); }
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap .map_box .image_box {
            position: relative; }
            .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap .map_box .image_box .cap {
              font-size: 10px;
              line-height: 1.2;
              letter-spacing: -0.08em; }
            .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap .map_box .image_box .cap.cap_left {
              right: auto;
              left: 0; }
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap .map_box .image_box_lg {
            grid-column: span 2; }
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap .map_box .map_head {
            font-size: clamp(12px, 1.03vw, 17px);
            color: #fff;
            line-height: 1;
            position: absolute;
            z-index: 2;
            width: fit-content;
            left: 0;
            right: 0;
            top: -0.71em;
            margin-inline: auto;
            padding: 0.23em 0.82em; }
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap .map_box::after {
            content: "";
            display: block;
            position: absolute;
            pointer-events: none;
            border: 2px solid;
            inset: 0;
            z-index: 1; }
      .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_left {
        order: 1; }
        @media screen and (max-width: 1090px) {
          .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_left {
            order: 2; } }
        .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_left .map_box_01 .map_head {
          background: #a19223; }
        .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_left .map_box_01::after {
          border-color: #a19223; }
        .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_left .map_box_02 .map_head {
          background: #ae8156; }
        .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_left .map_box_02::after {
          border-color: #ae8156; }
      .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_right {
        order: 3; }
        .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_right .map_box_03 .map_head {
          background: #206331; }
        .sec04 .sec03_map_outer .sec03_map_wrap .map_wrap_right .map_box_03::after {
          border-color: #206331; }

/*# sourceMappingURL=daily_life.css.map */
</pre></body></html>