@charset "utf-8";

.intro {
  padding-block: 100px 80px;
  background: linear-gradient(0deg, rgba(221, 221, 221, 0) 0%, rgba(221, 221, 221, 1) 100%) no-repeat top center/100% 400px;
}
/* .intro__heading-large {
}
.intro__copy-large {
} */
.intro__movie {
  position: relative;
  z-index: 1;
  margin-top: 80px;
  aspect-ratio: 1920 / 1080;
  background: #f0f0f0;
}
.intro__movie iframe {
  position: absolute;
  z-index: 1;
  inset: 0;
}
@media screen and (max-width: 768px){
  .intro {
    padding-block: 40px 50px;
  }
  .intro__movie {
    margin-top: 45px;
  }
}



.equip {
  padding-block: 110px;
  --margin-top: 0px;
  --margin-bottom: 0px;
}
.equip .eb {
  font-weight: 500;
  letter-spacing: .08em;
  line-height: 1cap;
}
/* .equip__tabs {
} */
.equip__tablist {
  gap: 1px;
}
.equip__tab {
  flex: 1;
  min-height: 120px;
  box-sizing: border-box;
  padding: .5em;
  font-size: clamp(16px, calc(26 / 1200 * 100vw), 26px);
  line-height: 1.416666667 !important;
  color: #8080B2;
  background: #E5E5F0;
  cursor: pointer;
}
.equip__tab.active {
  color: #fff;
  background: #000066;
}
.equip__tabpanel {
  border-top: 1px solid #8282B4;
  border-bottom: 1px solid #8282B4;
  background-position: top center, top left;
  background-size: 0 0, min(100%, 1920px) auto;
}
.equip__tabpanel__head {
  padding-block: 110px 130px;
  grid-template-columns: max(2.5%, calc(var(--window-half-width) - 660px)) auto minmax(0, 1fr) max(2.5%, calc(var(--window-half-width) - 660px));
  align-items: center;
  background: #000066;
}
.equip__tabpanel__head__heading {
  grid-column: 2 / 3;
  margin-right: calc(46 / 80 * 1em);
  font-size: clamp(50px, calc(80 / 1200 * 100vw), 80px);
}
.equip__tabpanel__head__copy {
  grid-column: 3 / 4;
  font-size: clamp(10px, calc(11 / 1200 * 100vw), 11px);
  line-height: 1.818181818;
  margin-block: calc((1.818181818 - 1) / 2 * -1em);
}
.equip__tabpanel__body {
  position: relative;
  z-index: 1;
  margin-top: -60px;
}
.equip__tabpanel__body__list {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 80px 40px;
}
/* .equip__tabpanel__body__list__item {
}
.equip__tabpanel__body__list__item__photo {
} */
.equip-heading {
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
  line-height: 1.8;
  margin-block: calc(var(--margin-top) + ((1.8 - 1) / 2 * -1em)) calc(var(--margin-bottom) + ((1.8 - 1) / 2 * -1em));
}
.equip-heading:not(.white) {
  color: #000066;
}
.equip__tabpanel__body__list__item__heading {
  --margin-top: 30px;
}
.equip-copy {
  font-size: clamp(11px, calc(16 / 1200 * 100vw), 16px);
  line-height: 2.125;
  margin-block: calc(var(--margin-top) + ((2.125 - 1) / 2 * -1em)) calc(var(--margin-bottom) + ((2.125 - 1) / 2 * -1em));
}
.equip__tabpanel__body__list__item__copy {
  --margin-top: 30px;
}
.equip-caution {
  font-size: clamp(10px, calc(11 / 1200 * 100vw), 11px);
  line-height: 1.818181818;
  margin-block: calc(var(--margin-top) + ((1.818181818 - 1) / 2 * -1em)) calc(var(--margin-bottom) + ((1.818181818 - 1) / 2 * -1em));
}
.equip-caution:not(.white) {
  color: #666;
}
.equip__tabpanel__body__list__item__caution {
  --margin-top: 30px;
}
#tabpanel-1 .equip__tabpanel__body__list__item--1 {
  grid-column: span 3;
  grid-row: span 2;
  box-sizing: border-box;
  padding-right: calc(40 / 980 * 100%);
}
#tabpanel-2 .equip__tabpanel__body__list__item--1 {
  grid-column: span 3;
  grid-row: span 2;
  box-sizing: border-box;
  padding-right: calc(40 / 980 * 100%);
}
#tabpanel-2 .equip__tabpanel__body__list__item--6 {
  grid-column: 4 / 5;
  grid-row: 2 / 4;
}
#tabpanel-3 .equip__tabpanel__body__list__item--1 {
  grid-column: span 3;
  grid-row: span 2;
  box-sizing: border-box;
  padding-right: calc(40 / 980 * 100%);
}
#tabpanel-3 .equip__tabpanel__body__list__item--6 {
  grid-column: 4 / 5;
  grid-row: 2 / 4;
}
#tabpanel-4 .equip__tabpanel__body__list {
  grid-template-rows: auto 1fr;
  padding-bottom: 80px;
}
#tabpanel-4 .equip__tabpanel__body__list__item--1 {
  grid-column: span 3;
  grid-row: span 2;
  box-sizing: border-box;
  padding-right: calc(40 / 980 * 100%);
}
#tabpanel-4 .equip__tabpanel__body__list__item--1 .equip__tabpanel__body__list__item__heading {
  --margin-top: 60px;
}
#tabpanel-5 .equip__tabpanel__body__list {
  padding-bottom: 80px;
}
.equip__tabpanel__body__more {
  margin-top: 90px;
  padding-block: 80px 90px;
  background: linear-gradient(90deg, rgba(2, 6, 67, 1) 0%, rgba(0, 116, 145, 1) 70%);
}
.equip__tabpanel__body__more__head {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 40px 30px;
}
.equip__tabpanel__body__more__head__heading {
  grid-template-columns: calc(30 / 20 * 1em) auto;
  align-items: center;
  gap: 0 calc(12 / 20 * 1em);
  font-size: clamp(14px, calc(20 / 1200 * 100vw), 20px);
}
.equip__tabpanel__body__more__head__heading::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #999;
}
.equip__tabpanel__body__more__head__control {
  justify-self: end;
  gap: 0 20px;
}
.equip__tabpanel__body__more__head__control__pagination {
  position: relative;
  padding: 0;
  gap: 0;
  transform: none;
  width: auto;
  font-size: clamp(16px, calc(24 / 1200 * 100vw), 24px);
}
.equip__tabpanel__body__more__head__control__btn {
  position: relative;
  top: 0;
  width: 50px;
  --swiper-navigation-size: 50px;
  margin-top: 0;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path d="M25,1c13.234,0,24,10.766,24,24s-10.766,24-24,24S1,38.234,1,25,11.766,1,25,1M25,0C11.193,0,0,11.193,0,25s11.193,25,25,25,25-11.193,25-25S38.807,0,25,0h0Z" fill="rgb(255 255 255)" opacity="0.6"/><polygon points="27.772 33.555 19.166 25 27.772 16.445 28.478 17.155 20.584 25 28.478 32.845 27.772 33.555" fill="rgb(255 255 255)"/></svg>') no-repeat center/100% auto;
}
/* .equip__tabpanel__body__more__head__control__btn--prev {
} */
.equip__tabpanel__body__more__head__control__btn--next {
  rotate: 180deg;
}
.equip__tabpanel__body__more__slide {
  margin-top: 40px;
  overflow: hidden;
}
/* .equip__tabpanel__body__more__slide__list {
}
.equip__tabpanel__body__more__slide__list__item {
}
.equip__tabpanel__body__more__slide__list__item__photo {
} */
.equip__tabpanel__body__more__slide__list__item__heading {
  --margin-top: 30px;
}
.equip__tabpanel__body__more__slide__list__item__copy {
  --margin-top: 30px;
}
.equip__tabpanel__body__more__slide__list__item__caution {
  --margin-top: 30px;
}
.equip__tabpanel__body__thermo {
  margin-top: 80px;
}
/* .equip__tabpanel__body__thermo__photo {
} */
.equip__tabpanel__body__thermo__photo img {
  max-width: none;
  min-width: 1200px;
}
.equip__tabpanel__body__thermo__heading {
  --margin-top: 30px;
}
.equip__tabpanel__body__thermo__copy {
  --margin-top: 30px;
}
@media (any-hover: hover){
  .equip__tab {
    transition: color .3s, background .3s;
  }
  .equip__tab:hover {
    color: #fff;
    background: #000066;
  }
}
@media screen and (min-width: 1201px) {
  #tabpanel-2 .equip__tabpanel__body__list__item--6 {
    align-self: end;
  }
  #tabpanel-2 .equip__tabpanel__body__list__item--6 .equip__tabpanel__body__list__item__copy {
    padding-bottom: 2.125em;
  }
  #tabpanel-3 .equip__tabpanel__body__list__item--6 {
    align-self: end;
  }
  #tabpanel-3 .equip__tabpanel__body__list__item--6 .equip__tabpanel__body__list__item__copy {
    padding-bottom: 2.125em;
  }
}
@media screen and (max-width: 768px){
  .equip {
    padding-block: 0 40px;
  }
  .equip__tablist {
    width: 100%;
  }
  .equip__tab {
    min-height: 70px;
    font-size: min(11px, calc(11 / 380 * 100vw));
    line-height: 1.2 !important;
  }
  .equip__tabpanel {
    background-size: 0 0, auto 679px;
  }
  .equip__tabpanel__head {
    padding-block: 30px;
    grid-template-columns: max(7.333333334%, calc(var(--window-half-width) - 280px)) minmax(0, 1fr) max(7.333333334%, calc(var(--window-half-width) - 280px));
  }
  .equip__tabpanel__head__heading {
    margin-right: 0;
    font-size: min(30px, calc(30 / 380 * 100vw));
  }
  .equip__tabpanel__head__copy {
    grid-column: 2 / 3;
    font-size: min(11px, calc(11 / 380 * 100vw));
    margin-block: calc(20px + ((1.818181818 - 1) / 2 * -1em)) calc((1.818181818 - 1) / 2 * -1em);
  }
  .equip__tabpanel__body {
    margin-top: 0;
  }
  .equip__tabpanel__body__list {
    grid-template-columns: 100%;
    gap: 50px 0;
  }
  .equip-heading {
    font-size: min(18px, calc(18 / 380 * 100vw));
  }
  .equip-copy {
    font-size: min(14px, calc(14 / 380 * 100vw));
    line-height: 2.285714286;
    margin-block: calc(var(--margin-top) + ((2.285714286 - 1) / 2 * -1em)) calc(var(--margin-bottom) + ((2.285714286 - 1) / 2 * -1em));
  }
  .equip__tabpanel__body__list__item__copy {
    --margin-top: 20px;
  }
  .equip-caution {
    font-size: 10px;
    line-height: 1.8;
    margin-block: calc(var(--margin-top) + ((1.8 - 1) / 2 * -1em)) calc(var(--margin-bottom) + ((1.8 - 1) / 2 * -1em));
  }
  .equip__tabpanel__body__list__item__caution {
    --margin-top: 20px;
  }
  #tabpanel-1 .equip__tabpanel__body__list__item--1 {
    grid-column: auto;
    grid-row: auto;
    padding-right: 0;
    margin-inline: calc(50% - var(--window-half-width));
  }
  #tabpanel-2 .equip__tabpanel__body__list__item--1 {
    grid-column: auto;
    grid-row: auto;
    padding-right: 0;
    margin-inline: calc(50% - var(--window-half-width));
  }
  #tabpanel-2 .equip__tabpanel__body__list__item--6 {
    grid-column: auto;
    grid-row: auto;
  }
  #tabpanel-2 .equip__tabpanel__body__list__item--6 .equip__tabpanel__body__list__item__photo img {
    max-height: 50vh;
    object-fit: contain;
    background: linear-gradient(90deg, rgba(2, 6, 67, .1) 0%, rgba(0, 116, 145, .1) 70%);
  }
  #tabpanel-3 .equip__tabpanel__body__list__item--1 {
    grid-column: auto;
    grid-row: auto;
    padding-right: 0;
    margin-inline: calc(50% - var(--window-half-width));
  }
  #tabpanel-3 .equip__tabpanel__body__list__item--2 .equip__tabpanel__body__list__item__photo img {
    max-height: 50vh;
    object-fit: contain;
    background: linear-gradient(90deg, rgba(2, 6, 67, .1) 0%, rgba(0, 116, 145, .1) 70%);
  }
  #tabpanel-3 .equip__tabpanel__body__list__item--6 {
    grid-column: auto;
    grid-row: auto;
  }
  #tabpanel-4 .equip__tabpanel__body__list {
    grid-template-rows: initial;
    padding-block: 60px;
  }
  #tabpanel-4 .equip__tabpanel__body__list__item--1 {
    grid-column: auto;
    grid-row: auto;
    padding-right: 0;
  }
  #tabpanel-4 .equip__tabpanel__body__list__item--1 .equip__tabpanel__body__list__item__heading {
    --margin-top: 30px;
  }
  #tabpanel-5 .equip__tabpanel__body__list {
    padding-block: 60px;
  }
  .equip__tabpanel__body__more {
    margin-top: 60px;
    padding-block: 60px 80px;
  }
  .equip__tabpanel__body__more__head {
    gap: 20px;
  }
  .equip__tabpanel__body__more__head__heading {
    grid-template-columns: calc(15 / 16 * 1em) auto;
    gap: 0 calc(9 / 16 * 1em);
    font-size: min(16px, calc(16 / 380 * 100vw));
  }
  .equip__tabpanel__body__more__head__control {
    gap: 0 10px;
  }
  .equip__tabpanel__body__more__head__control__pagination {
    font-size: min(25px, calc(25 / 380 * 100vw));
    margin-right: 10px;
  }
  .equip__tabpanel__body__more__head__control__btn {
    width: 40px;
    --swiper-navigation-size: 40px;
  }
  .equip__tabpanel__body__more__slide__list__item__copy {
    --margin-top: 20px;
  }
  .equip__tabpanel__body__more__slide__list__item__caution {
    --margin-top: 20px;
  }
  .equip__tabpanel__body__thermo {
    margin-top: 50px;
  }
  .equip__tabpanel__body__thermo__photo {
    margin-inline: calc(50% - var(--window-half-width));
  }
  .equip__tabpanel__body__thermo__photo img {
    min-width: 1400px;
  }
  .equip__tabpanel__body__thermo__copy {
    --margin-top: 20px;
  }
}