.brandCard__head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media print, screen and (min-width: 768px) {
  .brandCard__head {
    gap: 32px;
    min-height: 164px;
  }
}

@media screen and (max-width: 768px) {
  .brandCard__head {
    gap: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  .brandCard__head--gapWide {
    gap: 74px;
  }
}

@media screen and (max-width: 768px) {
  .brandCard__head--gapWide {
    gap: 24px;
  }
}

.brandCard__logo {
  width: 100%;
}

.brandCard__logo .photo {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .brandCard__logo .photo + .txt {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .brandCard__logo .photo + .txt {
    margin-top: 36px;
  }
}

.brandCard__logo .generalBtn {
  margin: 0 auto;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .brandCard__logo .generalBtn {
    margin-top: 40px;
    max-width: 340px;
  }
}

@media screen and (max-width: 768px) {
  .brandCard__logo .generalBtn {
    margin-top: 36px;
  }
}

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

@media screen and (max-width: 768px) {
  .brandCard__cont {
    margin-top: 40px;
  }
}

.brandCard__cont .caption {
  margin-top: 10px;
}

.brandFeature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 768px) {
  .brandFeature {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .brandFeature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 48px;
    gap: 48px;
  }
}

@media print, screen and (min-width: 768px) {
  .brandFeature__item {
    width: 490px;
  }
}

@media screen and (max-width: 768px) {
  .brandFeature__item:nth-child(n+2) {
    margin-top: 36px;
  }
}

.brandSect__head .heading {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .brandSect__head .heading {
    margin-top: 36px;
  }
}

@media screen and (max-width: 768px) {
  .brandSect__head .heading {
    margin-top: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  .cardFeature .txt {
    font-size: 18px;
  }
}

.cardFeature .modalFigure {
  position: relative;
}

.cardFeature .modalFigure:after {
  border: 1px solid #cbcccc;
  content: '';
  inset: 0;
  pointer-events: none;
  position: absolute;
}

@media print, screen and (min-width: 768px) {
  .corridorSect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .corridorSect__head {
    width: 500px;
  }
}

@media print, screen and (min-width: 768px) {
  .corridorSect__cont {
    width: 480px;
  }
}

@media screen and (max-width: 768px) {
  .corridorSect__cont {
    margin-top: 24px;
  }
}

.corridorSect__cont .photo + .caption {
  padding-top: 10px;
  text-align: right;
}

@media print, screen and (min-width: 768px) {
  .entranceSect__head .heading + .photo {
    margin-top: 36px;
  }
}

@media screen and (max-width: 768px) {
  .entranceSect__head .heading + .photo {
    margin-top: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  .entranceSect__head + .entranceSect__cont {
    margin-top: 36px;
  }
}

@media screen and (max-width: 768px) {
  .entranceSect__head + .entranceSect__cont {
    margin-top: 24px;
  }
}

@media print, screen and (min-width: 768px) {
  .entranceSect__head .heading {
    font-size: 26px;
  }
}

@media print, screen and (min-width: 768px) {
  .entranceSect__cont .modalFigure {
    margin-top: 32px;
    width: 1000px;
  }
}

@media screen and (max-width: 768px) {
  .entranceSect__cont .modalFigure {
    margin-top: 24px;
  }
  .entranceSect__cont .modalFigure .figurePlot {
    bottom: 10px;
    top: auto;
  }
}

.headingArea {
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .headingArea .txt {
    font-size: 18px;
  }
}

@media screen and (max-width: 768px) {
  .headingArea .txt {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 768px) {
  .itemsSect__head + .itemsSect__cont {
    margin-top: 110px;
  }
}

@media screen and (max-width: 768px) {
  .itemsSect__head + .itemsSect__cont {
    margin-top: 54px;
  }
}

@media screen and (max-width: 768px) {
  .itemsSect__cont .swipeFigure {
    height: 350px;
    margin-left: -25px;
    margin-right: -25px;
  }
}

@media print, screen and (min-width: 768px) {
  .itemsSect__cont > * + * {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .itemsSect__cont > * + * {
    margin-top: 32px;
  }
}

.keyVisual__ttl .en {
  color: #ffffff;
}

.keyVisual__ttl .ja {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .loungeSect {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media print, screen and (min-width: 768px) {
  .loungeSect__head {
    width: 320px;
  }
}

@media screen and (max-width: 768px) {
  .loungeSect__head + .loungeSect__cont {
    margin-top: 24px;
  }
}

.loungeSect__head .heading {
  color: #0d5e65;
}

@media print, screen and (min-width: 768px) {
  .loungeSect__head .heading {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 768px) {
  .loungeSect__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .loungeSect__cont .txt {
    width: 320px;
  }
}

@media print, screen and (min-width: 768px) {
  .loungeSect__cont .photoFeature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 660px;
  }
}

@media screen and (max-width: 768px) {
  .loungeSect__cont .photoFeature {
    margin-top: 24px;
  }
}

.photoFeature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media print, screen and (min-width: 768px) {
  .photoFeature {
    gap: 20px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature {
    gap: 8px;
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern01 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern01 {
    gap: calc(10 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item {
    gap: 8px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(1) {
    width: 150px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(1) {
    width: calc(150 / 490 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(2) {
    width: 330px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(2) {
    width: calc(330 / 490 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(3) {
    width: 190px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(3) {
    width: calc(190 / 490 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(4) {
    width: 290px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern01 .photoFeature__item:nth-of-type(4) {
    width: calc(290 / 490 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern02 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern02 {
    gap: calc(10 / 750 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern02 .photoFeature__item {
    gap: 9px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern02 .photoFeature__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern02 .photoFeature__item:nth-of-type(1) {
    width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern02 .photoFeature__item:nth-of-type(1) {
    width: calc(200 / 490 * 100%);
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature--pattern02 .photoFeature__item:nth-of-type(2) {
    width: 280px;
    gap: 11px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature--pattern02 .photoFeature__item:nth-of-type(2) {
    width: calc(280 / 490 * 100%);
    gap: calc(8 / 750 * 100vw);
  }
}

.photoFeature--num .photo:before {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 17px;
  height: 17px;
  background: #6c888a;
  font-size: 12px;
  line-height: 1;
  color: #ffffff;
  text-align: center;
}

.photoFeature--num .photo--num01:before {
  content: '1';
}

.photoFeature--num .photo--num02:before {
  content: '2';
}

.photoFeature--num .photo--num03:before {
  content: '3';
}

.photoFeature--num .photo--num04:before {
  content: '4';
}

.photoFeature--num .photo--num05:before {
  content: '5';
}

.photoFeature__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media print, screen and (min-width: 768px) {
  .photoFeature__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 490px;
    gap: 16px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature__item {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature__item .photo {
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature__item img {
    width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  .photoFeature__item--third {
    width: 320px;
  }
}

@media screen and (max-width: 768px) {
  .photoFeature__item--third {
    width: calc(50% - 5px);
  }
}

@media print, screen and (min-width: 768px) {
  .concept-headingArea {
    padding-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .concept-headingArea {
    padding-top: 48px;
  }
}

@media print, screen and (min-width: 768px) {
  .concept-lounge {
    margin-top: 72px;
  }
}

@media screen and (max-width: 768px) {
  .concept-lounge {
    margin-top: 48px;
  }
}

@media print, screen and (min-width: 768px) {
  .concept-entrance {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .concept-entrance {
    margin-top: 80px;
  }
}

@media print, screen and (min-width: 768px) {
  .concept-corridor {
    margin-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .concept-corridor {
    margin-top: 80px;
  }
}

@media print, screen and (min-width: 768px) {
  .concept-brand {
    margin-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .concept-brand {
    margin-top: 64px;
  }
}