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

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

.casbeeArea {
  margin: 0 auto;
}

@media print, screen and (min-width: 769px) {
  .casbeeArea {
    max-width: 1200px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .casbeeArea {
    padding: 0 20px;
    width: 100%;
  }
}

.is-tb .casbeeArea {
  padding: 0 20px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .casbeeArea {
    padding: 0 32px;
  }
}

@media print, screen and (min-width: 769px) {
  * + .casbeeArea {
    margin-top: 140px;
  }
}

@media only screen and (max-width: 768px) {
  * + .casbeeArea {
    margin-top: 80px;
  }
}

.casbeeArea__inner {
  border-top: 1px solid #cccccc;
  padding-top: 80px;
}

@media print, screen and (min-width: 769px) {
  .casbeeArea .usableList__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .casbeeArea .usableList__inner {
    display: block;
  }
}

@media print, screen and (min-width: 769px) {
  .casbeeArea .usableList__item {
    width: 368px;
  }
}

@media only screen and (max-width: 768px) {
  .casbeeArea .usableList__item:not(:first-child) {
    margin-top: 48px;
  }
}

@media print, screen and (min-width: 769px) {
  .casbeeArea .usableList__item--large {
    width: 370px;
  }
}

.equipmentSect {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}

@media print, screen and (min-width: 769px) {
  .equipmentSect {
    max-width: 1200px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .equipmentSect {
    padding: 0 20px;
    width: 100%;
  }
}

.is-tb .equipmentSect {
  padding: 0 20px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .equipmentSect {
    padding: 0 32px;
  }
}

@media only screen and (max-width: 768px) {
  .equipmentSect__head .ttlUnit {
    padding: 0;
  }
}

.equipmentSect__cont .usableList__inner {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media print, screen and (min-width: 769px) {
  .equipmentSect__cont .usableList__inner {
    gap: 80px 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media only screen and (max-width: 768px) {
  .equipmentSect__cont .usableList__inner {
    gap: 60px 22px;
  }
}

@media print, screen and (min-width: 769px) {
  .equipmentSect__cont .usableList__item {
    width: calc((100% - 96px) / 3);
  }
}

@media only screen and (max-width: 768px) {
  .equipmentSect__cont .usableList__item {
    width: calc(50% - 11px);
  }
}

@media only screen and (max-width: 768px) {
  .equipmentSect__cont .descriptionCard__ttl .heading {
    font-size: 14px;
  }
}

@media only screen and (max-width: 768px) {
  .equipmentSect__cont .descriptionCard__ttl + .txt {
    margin-top: 24px;
  }
}

.equipmentSect__head + .equipmentSect__cont {
  margin-top: 60px;
}

.madoriListArea__ttl {
  text-align: center;
}

.madoriListArea__ttl .jp {
  display: block;
  letter-spacing: 0;
  line-height: 1.6;
}

.madoriListArea__ttl .jp:before {
  content: '';
  display: block;
  height: 0;
  margin-top: calc((1 - 1.6) * .5em);
  width: 0;
}

.madoriListArea__ttl .jp:after {
  content: '';
  display: block;
  height: 0;
  margin-bottom: calc((1 - 1.6) * .5em);
  width: 0;
}

@media print, screen and (min-width: 769px) {
  .madoriListArea__ttl .jp {
    font-size: 12px;
  }
}

@media only screen and (max-width: 768px) {
  .madoriListArea__ttl .jp {
    font-size: 10px;
  }
}

.madoriListArea__ttl .en {
  color: #a59c7f;
  display: block;
  font-family: "Barlow Semi Condensed", serif;
  font-weight: 100;
  line-height: 1;
}

@media print, screen and (min-width: 769px) {
  .madoriListArea__ttl .en {
    font-size: 40px;
    letter-spacing: 0;
  }
}

@media only screen and (max-width: 768px) {
  .madoriListArea__ttl .en {
    font-size: 24px;
    letter-spacing: .05em;
  }
}

@media print, screen and (min-width: 769px) {
  .madoriListArea__ttl .en + .jp {
    margin-top: 18px;
  }
}

@media only screen and (max-width: 768px) {
  .madoriListArea__ttl .en + .jp {
    margin-top: 8px;
  }
}

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

@media print, screen and (min-width: 769px) {
  .madoriListArea__block:not(:first-child) {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 768px) {
  .madoriListArea__block:not(:first-child) {
    margin-top: 40px;
  }
}

.madoriListArea__block--single {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 769px) {
  .madoriListArea__block--single {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 80px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: auto;
    margin-right: auto;
    width: 888px;
  }
}

.madoriListArea__block--single:before {
  background-color: #f4f4f4;
  content: '';
  display: block;
  -webkit-filter: blur(60px);
          filter: blur(60px);
  left: 50%;
  position: absolute;
  z-index: -1;
}

@media print, screen and (min-width: 769px) {
  .madoriListArea__block--single:before {
    border-radius: 160px;
    height: 260px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .madoriListArea__block--single:before {
    height: 200px;
    top: 0;
    -webkit-transform: translate(-50%, 0);
            transform: translate(-50%, 0);
    width: 266px;
  }
}

@media print, screen and (min-width: 769px) {
  .madoriListArea__block--single .madoriList {
    margin: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.pageIntro {
  position: relative;
  z-index: 1;
}

@media print, screen and (min-width: 769px) {
  .pageIntro {
    padding: calc((184 / 1440 * 100vw) + 140px) 0 140px;
  }
}

@media only screen and (max-width: 768px) {
  .pageIntro {
    padding: 206px 0 140px;
  }
}

.pageIntro__shape {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.pageIntro__shape .shapeSVG {
  height: auto;
  width: 100%;
}

@media print, screen and (min-width: 769px) {
  .pageIntro__fig {
    width: 264px;
  }
}

@media only screen and (max-width: 768px) {
  .pageIntro__fig {
    width: 152px;
  }
}

.headingUnit + .pageIntro__fig {
  margin-top: 40px;
}

.pageIntro__txtArea .headingUnit .txt .caption {
  color: #4b4426;
}

.pageIntro__block {
  margin: 0 auto;
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block {
    max-width: 1200px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .pageIntro__block {
    padding: 0 20px;
    width: 100%;
  }
}

.is-tb .pageIntro__block {
  padding: 0 20px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .pageIntro__block {
    padding: 0 32px;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 48px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block + .pageIntro__block {
    margin-top: 120px;
  }
}

@media only screen and (max-width: 768px) {
  .pageIntro__block + .pageIntro__block {
    margin-top: 140px;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block > .photo,
  .pageIntro__block > .streamPlayer {
    width: 680px;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block .pageIntro__txtArea {
    width: 472px;
  }
}

@media only screen and (max-width: 768px) {
  .pageIntro__block .pageIntro__txtArea {
    margin-top: 56px;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block--rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block--rev > .photo {
    width: 574px;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block--rev .pageIntro__txtArea {
    width: 576px;
  }
}

@media only screen and (max-width: 768px) {
  .pageIntro__block--rev .pageIntro__txtArea {
    margin-top: 56px;
  }
}

@media print, screen and (min-width: 769px) {
  .pageIntro__block--rev .pageIntro__fig {
    width: 368px;
  }
}

@media only screen and (max-width: 768px) {
  .pageIntro__block--rev .pageIntro__fig {
    width: 268px;
  }
}

.planListSect {
  margin: 0 auto;
}

@media print, screen and (min-width: 769px) {
  .planListSect {
    max-width: 1200px;
  }
}

@media print, screen and (min-width: 768px) and (max-width: 1199px) {
  .planListSect {
    padding: 0 20px;
    width: 100%;
  }
}

.is-tb .planListSect {
  padding: 0 20px;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .planListSect {
    padding: 0 32px;
  }
}

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

.planListSect__head .enTtl + .headingUnit {
  margin-top: 40px;
}

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

@media only screen and (max-width: 768px) {
  .planListSect__head + .planListSect__cont {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 2100px) {
  .viewArea .generalSlider {
    margin: 0 auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.viewArea .generalSlider .swiper-slide {
  width: auto;
}

@media print, screen and (min-width: 769px) {
  .viewArea .generalSlider .swiper-slide {
    height: 400px;
  }
}

@media only screen and (max-width: 768px) {
  .viewArea .generalSlider .swiper-slide {
    height: 260px;
  }
}

.viewArea .generalSlider .swiper-slide .photo {
  height: 100%;
  width: auto;
}

.viewArea .generalSlider .swiper-slide .photo__pic, .viewArea .generalSlider .swiper-slide .photo__image {
  height: 100%;
  width: auto;
}

@media print, screen and (min-width: 769px) {
  .plan-view {
    padding: 120px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .plan-view {
    padding: 80px 0 0;
  }
}

@media print, screen and (min-width: 769px) {
  .plan-list {
    padding: 120px 0 200px;
  }
}

@media only screen and (max-width: 768px) {
  .plan-list {
    padding: 120px 0 80px;
  }
}

.plan-equipment {
  background-color: #f4f4f4;
  margin-top: -13.125vw;
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .plan-equipment {
    padding: calc(140px + 13.125vw) 0 140px;
  }
}

@media only screen and (max-width: 768px) {
  .plan-equipment {
    padding: calc(80px + 13.125vw) 0 80px;
  }
}