@media print, screen and (min-width: 768px) {
  .conceptSect__cont {
    margin: 60px auto 0;
  }
}

@media screen and (max-width: 768px) {
  .conceptSect__cont {
    margin: 35px -25px 0;
  }
}

@media print, screen and (min-width: 768px) {
  .conceptSect__cont .photo__capIn {
    bottom: 200px;
  }
}

@media screen and (max-width: 768px) {
  .conceptSect__cont .photo__capIn {
    bottom: calc(45 / 390 * 100vw);
    left: calc(25 / 390 * 100vw);
    right: unset;
  }
}

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

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

.conceptSect__ttl {
  color: #b89b2f;
  font-family: "Cinzel", serif;
  text-align: center;
}

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

@media screen and (max-width: 768px) {
  .conceptSect__ttl {
    font-size: calc(20 / 390 * 100vw);
  }
}

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

@media screen and (max-width: 768px) {
  .conceptSect__ttl + .headingUnit {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .conceptSect__ttl + .headingUnit .txt {
    margin: 25px 25px 0;
  }
}

.directorCard {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #808080;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 auto;
}

@media print, screen and (min-width: 768px) {
  .directorCard {
    padding: 60px;
    width: 1000px;
  }
}

@media screen and (max-width: 768px) {
  .directorCard {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: calc(20 / 390 * 100vw);
  }
}

.directorCard__head {
  -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;
}

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

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

@media print, screen and (min-width: 768px) {
  .directorCard__head .photo {
    width: 200px;
  }
}

@media screen and (max-width: 768px) {
  .directorCard__head .photo {
    width: calc(125 / 390 * 100vw);
  }
}

.directorCard__head .profile {
  letter-spacing: .03em;
}

@media print, screen and (min-width: 768px) {
  .directorCard__head .profile {
    font-size: 14px;
    line-height: calc(24/14);
    width: 180px;
  }
}

@media screen and (max-width: 768px) {
  .directorCard__head .profile {
    font-size: calc(12 / 390 * 100vw);
    line-height: calc(16/12);
  }
}

@media print, screen and (min-width: 768px) {
  .directorCard__head .profile .name {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .directorCard__head .profile .name {
    font-size: calc(22 / 390 * 100vw);
  }
}

.directorCard__cont {
  letter-spacing: .03em;
  line-height: calc(24/14);
}

@media print, screen and (min-width: 768px) {
  .directorCard__cont {
    font-size: 14px;
    width: 430px;
  }
}

@media screen and (max-width: 768px) {
  .directorCard__cont {
    font-size: calc(14 / 390 * 100vw);
    margin-top: 20px;
  }
}

.entranceSect {
  width: 100%;
}

.entranceSect__head {
  position: relative;
  width: 100%;
}

.entranceSect__head .photo {
  width: 100vw;
}

@media screen and (max-width: 768px) {
  .entranceSect__head .photo__capIn {
    left: 5px;
    right: unset;
  }
}

.entranceSect__head .photo__image {
  width: 100%;
}

.entranceSect__ttl {
  color: #ffffff;
  font-family: "Cinzel", serif;
  letter-spacing: .04em;
  line-height: 1;
  position: absolute;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px;
}

@media print, screen and (min-width: 768px) {
  .entranceSect__ttl {
    bottom: calc(60 / 1440 * 100vw);
    font-size: calc(70 / 1440 * 100vw);
    left: calc(60 / 1440 * 100vw);
  }
}

@media screen and (min-width: 768px) and (min-width: 1800px) {
  .entranceSect__ttl {
    font-size: 88px;
  }
}

@media screen and (max-width: 768px) {
  .entranceSect__ttl {
    bottom: calc(80 / 1440* 100vw);
    font-size: calc(90 / 1440* 100vw);
    left: calc(20 / 1440* 100vw);
  }
}

.entranceSect__cont {
  position: relative;
  text-align: center;
}

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

@media screen and (max-width: 768px) {
  .entranceSect__cont {
    padding-top: calc(40 / 390 * 100vw);
  }
}

.entranceSect__cont:before {
  background-color: #000000;
  content: '';
  left: 50%;
  opacity: .5;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, 0) scaleY(0);
          transform: translate(-50%, 0) scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
  width: 1px;
  will-change: transform;
}

@media print, screen and (min-width: 768px) {
  .entranceSect__cont:before {
    height: 50px;
  }
}

@media screen and (max-width: 768px) {
  .entranceSect__cont:before {
    height: calc(28 / 390 * 100vw);
  }
}

.entranceSect__cont.sai-animate:before {
  -webkit-transform: translate(-50%, 0) scaleY(1);
          transform: translate(-50%, 0) scaleY(1);
}

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

@media screen and (max-width: 768px) {
  .entranceSect__cont .heading {
    margin-top: calc(30 / 390 * 100vw);
  }
}

.facadeSect {
  position: relative;
}

.facadeSect .photo {
  width: 100vw;
}

@media screen and (max-width: 768px) {
  .facadeSect .photo__capIn {
    left: 5px;
    right: unset;
  }
}

.facadeSect:after {
  color: #ffffff;
  content: 'FACADE';
  font-family: "Cinzel", serif;
  letter-spacing: .04em;
  line-height: 1;
  position: absolute;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px;
}

@media print, screen and (min-width: 768px) {
  .facadeSect:after {
    bottom: calc(60 / 1440 * 100vw);
    font-size: calc(70 / 1440 * 100vw);
    left: calc(60 / 1440 * 100vw);
  }
}

@media screen and (min-width: 768px) and (min-width: 1800px) {
  .facadeSect:after {
    font-size: 88px;
  }
}

@media screen and (max-width: 768px) {
  .facadeSect:after {
    bottom: calc(80 / 1440* 100vw);
    font-size: calc(90 / 1440* 100vw);
    left: calc(20 / 1440* 100vw);
  }
}

.formSect__ttl {
  color: #b89b2f;
  font-family: "Cinzel", serif;
  text-align: center;
}

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

@media screen and (max-width: 768px) {
  .formSect__ttl {
    font-size: calc(20 / 390 * 100vw);
  }
}

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

@media screen and (max-width: 768px) {
  .formSect__ttl + .headingUnit {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .formSect__ttl + .headingUnit .txt {
    margin: 25px 25px 0;
  }
}

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

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

.formSect__item .descriptionCard {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media print, screen and (min-width: 768px) {
  .formSect__item .descriptionCard {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}

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

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

@media screen and (max-width: 768px) {
  .formSect__item .descriptionCard__head .photo__capIn {
    left: 5px;
    right: unset;
  }
}

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

@media screen and (max-width: 768px) {
  .formSect__item .descriptionCard__cont {
    margin-top: 20px;
  }
}

.formSect__item .descriptionCard__cont .headingUnit .heading {
  letter-spacing: .03em;
}

@media print, screen and (min-width: 768px) {
  .formSect__item .descriptionCard__cont .headingUnit .heading {
    font-size: 20px;
  }
}

.formSect__item .descriptionCard__cont .headingUnit .heading + .txt {
  letter-spacing: .03em;
}

@media print, screen and (min-width: 768px) {
  .formSect__item .descriptionCard__cont .headingUnit .heading + .txt {
    font-size: 14px;
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 768px) {
  .formSect__item .descriptionCard--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

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

@media screen and (max-width: 768px) {
  .formSect__item + .formSect__item {
    margin-top: 60px;
  }
}

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

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

.landscapeSect__ttl {
  background: #426485;
  color: #ffffff;
  text-align: center;
  width: 100%;
}

@media print, screen and (min-width: 768px) {
  .landscapeSect__ttl {
    font-size: 16px;
    padding: 5px;
  }
}

@media screen and (max-width: 768px) {
  .landscapeSect__ttl {
    font-size: calc(16 / 390 * 100vw);
    padding: calc(5 / 390 * 100vw);
  }
}

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

@media screen and (max-width: 768px) {
  .landscapeSect__ttl + .headingUnit {
    margin-top: calc(30 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .landscapeSect__head .headingUnit {
    text-align: center;
  }
}

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

@media screen and (max-width: 768px) {
  .landscapeSect__head .headingUnit .heading {
    font-size: calc(20 / 390 * 100vw);
    text-align: center;
  }
}

@media print, screen and (min-width: 768px) {
  .landscapeSect__head .headingUnit .heading + .txt {
    margin-top: 24px;
    padding-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .landscapeSect__head .headingUnit .heading + .txt {
    margin-top: calc(20 / 390 * 100vw);
    padding-top: calc(20 / 390 * 100vw);
  }
}

.landscapeSect__head .headingUnit .txt {
  border-top: 1px solid #999999;
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

@media print, screen and (min-width: 768px) {
  .landscapeSect__head + .landscapeSect__cont {
    margin-top: 67px;
  }
}

@media screen and (max-width: 768px) {
  .landscapeSect__head + .landscapeSect__cont {
    margin-top: calc(30 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .landscapeSect__cont {
    width: 100%;
  }
}

@media print, screen and (min-width: 768px) {
  .landscapeSect__cont .photo {
    margin: auto;
    width: 845px;
  }
}

@media print, screen and (min-width: 768px) {
  .landscapeSect__cont .photo__image {
    display: block;
    margin: auto;
    width: 702px;
  }
}

.loungeSect {
  width: 100%;
}

.loungeSect__head {
  position: relative;
  width: 100%;
}

.loungeSect__head .photo {
  width: 100vw;
}

@media screen and (max-width: 768px) {
  .loungeSect__head .photo__capIn {
    left: 5px;
    right: unset;
  }
}

.loungeSect__head .photo__image {
  width: 100%;
}

.loungeSect__ttl {
  color: #ffffff;
  font-family: "Cinzel", serif;
  letter-spacing: .04em;
  line-height: 1;
  position: absolute;
  text-shadow: rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px, rgba(0, 0, 0, 0.3) 1px 1px 10px;
}

@media print, screen and (min-width: 768px) {
  .loungeSect__ttl {
    bottom: calc(60 / 1440 * 100vw);
    font-size: calc(70 / 1440 * 100vw);
    left: calc(60 / 1440 * 100vw);
  }
}

@media screen and (min-width: 768px) and (min-width: 1800px) {
  .loungeSect__ttl {
    font-size: 88px;
  }
}

@media screen and (max-width: 768px) {
  .loungeSect__ttl {
    bottom: calc(80 / 1440* 100vw);
    font-size: calc(90 / 1440* 100vw);
    left: calc(20 / 1440* 100vw);
  }
}

.loungeSect__cont {
  position: relative;
  text-align: center;
}

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

@media screen and (max-width: 768px) {
  .loungeSect__cont {
    padding-top: calc(40 / 390 * 100vw);
  }
}

.loungeSect__cont:before {
  background-color: #000000;
  content: '';
  left: 50%;
  opacity: .5;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, 0) scaleY(0);
          transform: translate(-50%, 0) scaleY(0);
  -webkit-transform-origin: top;
          transform-origin: top;
  -webkit-transition: -webkit-transform 2s ease;
  transition: -webkit-transform 2s ease;
  transition: transform 2s ease;
  transition: transform 2s ease, -webkit-transform 2s ease;
  width: 1px;
  will-change: transform;
}

@media print, screen and (min-width: 768px) {
  .loungeSect__cont:before {
    height: 50px;
  }
}

@media screen and (max-width: 768px) {
  .loungeSect__cont:before {
    height: calc(28 / 390 * 100vw);
  }
}

.loungeSect__cont.sai-animate:before {
  -webkit-transform: translate(-50%, 0) scaleY(1);
          transform: translate(-50%, 0) scaleY(1);
}

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

@media screen and (max-width: 768px) {
  .loungeSect__cont .heading {
    margin-top: calc(30 / 390 * 100vw);
  }
}

.materialSect__ttl {
  color: #b89b2f;
  font-family: "Cinzel", serif;
  text-align: center;
}

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

@media screen and (max-width: 768px) {
  .materialSect__ttl {
    font-size: calc(20 / 390 * 100vw);
  }
}

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

@media screen and (max-width: 768px) {
  .materialSect__ttl + .headingUnit {
    margin-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .materialSect__ttl + .headingUnit .txt {
    margin: 25px 25px 0;
  }
}

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

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

.materialSect__cont .descriptionCard {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media print, screen and (min-width: 768px) {
  .materialSect__cont .descriptionCard {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}

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

@media print, screen and (min-width: 768px) {
  .materialSect__cont .descriptionCard__head {
    width: 495px;
  }
}

@media screen and (max-width: 768px) {
  .materialSect__cont .descriptionCard__head .photo__capIn {
    left: 5px;
    right: unset;
  }
}

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

@media screen and (max-width: 768px) {
  .materialSect__cont .descriptionCard__cont {
    margin-top: 20px;
  }
}

.materialSect__cont .descriptionCard__cont .headingUnit .heading {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  letter-spacing: .03em;
}

@media print, screen and (min-width: 768px) {
  .materialSect__cont .descriptionCard__cont .headingUnit .heading {
    font-size: 26px;
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .materialSect__cont .descriptionCard__cont .headingUnit .heading {
    padding-bottom: 18px;
  }
}

.materialSect__cont .descriptionCard__cont .headingUnit .heading + .txt {
  letter-spacing: .03em;
}

@media print, screen and (min-width: 768px) {
  .materialSect__cont .descriptionCard__cont .headingUnit .heading + .txt {
    font-size: 14px;
    margin-top: 20px;
  }
}

.pointSect {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #3e3a39;
  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) {
  .pointSect {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 768px) {
  .pointSect {
    padding: 0 calc(20 / 390 * 100vw) calc(40 / 390 * 100vw);
  }
}

.pointSect__head {
  color: #ffffff;
}

@media print, screen and (min-width: 768px) {
  .pointSect__head .headingUnit {
    text-align: center;
  }
}

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

@media screen and (max-width: 768px) {
  .pointSect__head .headingUnit .heading {
    font-size: calc(15 / 390 * 100vw);
    text-align: center;
  }
}

@media print, screen and (min-width: 768px) {
  .pointSect__head .headingUnit .heading + .txt {
    margin-top: 35px;
  }
}

@media screen and (max-width: 768px) {
  .pointSect__head .headingUnit .heading + .txt {
    margin-top: calc(24 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .pointSect__head + .pointSect__cont {
    margin-top: 38px;
  }
}

@media screen and (max-width: 768px) {
  .pointSect__head + .pointSect__cont {
    margin-top: calc(24 / 390 * 100vw);
  }
}

.pointSect__ttl {
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #b89b2f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: "Cinzel", serif;
  text-align: center;
}

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

.pointSect__ttl:before {
  background-color: #ffffff;
  content: '';
  display: block;
  opacity: .5;
  width: 1px;
}

@media print, screen and (min-width: 768px) {
  .pointSect__ttl:before {
    height: 50px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .pointSect__ttl:before {
    height: calc(30 / 390 * 100vw);
    margin-bottom: calc(12 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .pointSect__ttl + .headingUnit {
    margin-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .pointSect__ttl + .headingUnit {
    margin-top: calc(40 / 390 * 100vw);
  }
}

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

@media print, screen and (min-width: 768px) {
  .pointSect__cont .photo__capOut {
    font-size: 14px;
  }
}

@media screen and (max-width: 768px) {
  .pointSect__cont .photo__capOut {
    font-size: 12px;
  }
}

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

@media print, screen and (min-width: 768px) {
  .supportSect__head + .supportSect__cont {
    margin-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  .supportSect__head + .supportSect__cont {
    margin-top: calc(30 / 390 * 100vw);
  }
}

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

@media screen and (max-width: 768px) {
  .supportSect__cont .usableList__inner {
    gap: calc(50 / 390 * 100vw) calc((30 / 390 * 100vw) - (25px / 2));
  }
}

.supportSect__cont .usableList__item .descriptionCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  height: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

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

@media screen and (max-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard {
    width: calc(160 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard__head {
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard__head {
    margin-top: calc(16 / 390 * 100vw);
  }
}

.supportSect__cont .usableList__item .descriptionCard__head + .descriptionCard__cont {
  margin-top: 0;
}

@media print, screen and (min-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard__cont .heading {
    font-size: 16px;
  }
}

@media screen and (max-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard__cont .heading {
    font-size: calc(14 / 390 * 100vw);
    letter-spacing: 0;
  }
}

.supportSect__cont .usableList__item .descriptionCard__cont .heading .num {
  color: #426485;
}

@media screen and (max-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard__cont .heading + .txt {
    margin-top: calc(12 / 390 * 100vw);
  }
}

.supportSect__cont .usableList__item .descriptionCard__cont .txt {
  border-top: 1px solid #999999;
}

@media print, screen and (min-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard__cont .txt {
    font-size: 12px;
    padding-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard__cont .txt {
    font-size: calc(12 / 390 * 100vw);
    padding-top: calc(12 / 390 * 100vw);
  }
}

@media print, screen and (min-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard--large {
    width: 660px;
  }
}

@media screen and (max-width: 768px) {
  .supportSect__cont .usableList__item .descriptionCard--large {
    width: 100%;
  }
}

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

@media screen and (max-width: 768px) {
  .design-concept {
    margin-top: 0;
    padding-top: 60px;
  }
}

@media print, screen and (min-width: 768px) {
  .design-form {
    margin-top: 120px;
    padding-bottom: 110px;
  }
}

@media screen and (max-width: 768px) {
  .design-form {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}

@media print, screen and (min-width: 768px) {
  .design-material {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 768px) {
  .design-material {
    padding-bottom: 80px;
  }
}

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

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

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

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

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

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

@media print, screen and (min-width: 768px) {
  .design-point {
    margin-top: 100px;
    padding-bottom: 120px;
  }
}

@media screen and (max-width: 768px) {
  .design-point {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}