@media screen and (max-width: 736px) {
  .pc {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .sp {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .futureSect__head .txt {
    margin-top: 32px;
  }
}

@media screen and (max-width: 736px) {
  .futureSect__head .txt {
    margin-top: calc(24 / 390 * 100vw);
  }
}

.futureSect__visual {
  margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  width: calc(100vw - var(--scrollbar));
}

@media print, screen and (min-width: 736px) {
  .futureSect__visual {
    margin-top: 64px;
  }
}

@media screen and (max-width: 736px) {
  .futureSect__visual {
    margin-top: calc(32 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .timelessSect__head .txt {
    margin-top: 32px;
  }
}

@media screen and (max-width: 736px) {
  .timelessSect__head .txt {
    margin-top: calc(16 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .timelessSect__list {
    margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
    width: calc(100vw - var(--scrollbar));
  }
}

@media print, screen and (min-width: 736px) {
  .timelessSect__list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 64px;
  }
}

@media screen and (max-width: 736px) {
  .timelessSect__list {
    margin-top: calc(32 / 390 * 100vw);
  }
}

@media screen and (max-width: 736px) {
  .timelessSect__list li:nth-child(1) {
    margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
    width: calc(100vw - var(--scrollbar));
  }
}

@media print, screen and (min-width: 736px) {
  .timelessSect__list li:nth-child(1) {
    width: calc(859 / 1440 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .timelessSect__list li:nth-child(2) {
    width: calc(561 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .timelessSect__list li:nth-child(2) {
    margin-left: calc(56 / 358 * 100%);
    margin-top: calc(32 / 390 * 100vw);
    width: calc(246 / 358 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .timelessSect__body {
    margin-left: auto;
    margin-top: 64px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 736px) {
  .timelessSect__body {
    margin-top: calc(32 / 390 * 100vw);
    width: calc(374 / 358 * 100%);
  }
}

.townSect {
  margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  width: calc(100vw - var(--scrollbar));
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 736px) {
  .townSect {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media print, screen and (min-width: 736px) {
  .townSect__list {
    width: calc(362 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .townSect__list {
    margin: calc(24 / 390 * 100vw) auto 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: calc(358 / 390 * 100%);
  }
}

.townSect__list li {
  position: relative;
}

@media screen and (max-width: 736px) {
  .townSect__list li {
    width: calc(168 / 358 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .townSect__list li + li {
    margin-top: calc(20 / 362 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .townSect__list li:nth-child(1) {
    margin-left: calc(24 / 358 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .townSect__list li:nth-child(2) {
    margin-left: calc(190 / 358 * 100%);
    margin-top: calc(14 / 358 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .townSect__list li:nth-child(3) {
    margin-left: calc(8 / 358 * 100%);
    margin-top: calc(-82 / 358 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .townSect__list li .photo__capIn {
    display: none;
  }
}

.townSect__num {
  bottom: 0;
  display: none;
  position: absolute;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 736px) {
  .townSect__num {
    display: block;
  }
}

.townSect__note {
  display: none;
}

@media screen and (max-width: 736px) {
  .townSect__note {
    display: block;
    margin: calc(16 / 390 * 100vw) auto 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    width: calc(358 / 390 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .townSect__right {
    margin-left: calc(20 / 1440 * 100%);
    width: calc(1058 / 1440 * 100%);
  }
}

@media screen and (max-width: 736px) {
  .townSect__right {
    display: contents;
  }
}

@media screen and (max-width: 736px) {
  .townSect__visual {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 100%;
  }
}

@media print, screen and (min-width: 736px) {
  .townSect__body {
    margin-left: calc(20 / 1058 * 100%);
    margin-top: calc(152 / 1058 * 100%);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

@media screen and (max-width: 736px) {
  .townSect__body {
    margin: calc(40 / 390 * 100vw) auto 0;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    width: calc(358 / 390 * 100%);
  }
}

@media print, screen and (min-width: 736px) {
  .location-evergreen {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .location-evergreen {
    padding-top: calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .location-town {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .location-town {
    padding-top: calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .location-lounge {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .location-lounge {
    padding-top: calc(120 / 390 * 100vw);
  }
}

.loungeArea {
  margin-left: calc((100% - 100vw + var(--scrollbar)) / 2);
  width: calc(100vw - var(--scrollbar));
}

@media print, screen and (min-width: 736px) {
  .location-linkage {
    padding-top: 160px;
  }
}

@media screen and (max-width: 736px) {
  .location-linkage {
    padding-top: calc(120 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .location-timeless {
    padding-top: 140px;
  }
}

@media screen and (max-width: 736px) {
  .location-timeless {
    padding-top: calc(80 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 736px) {
  .location-future {
    padding: 160px 0;
  }
}

@media screen and (max-width: 736px) {
  .location-future {
    padding: calc(80 / 390 * 100vw) 0;
  }
}