/* sec */
.sec__head {
  text-align: center;
}

.sec__ttl {
  position: relative;
  padding-bottom: 1em;
}

.sec__ttl::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 6rem;
  height: 4px;
  background: #ef5a24;
  content: "";
}

h4.sec__third {
  margin-bottom: 0.8rem;
}

.sec__cap {
  font-size: 1.2rem;
}

.sec__cap + .sec__cap {
  margin-top: 0.8rem;
}

@media screen and (min-width: 768px) {
  .sec {
    padding: 8rem 0;
  }
  .l-inner {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
  }
  .sec__head {
    margin-bottom: 6rem;
  }
  .sec__ttl {
    font-size: 3.2rem;
  }
  .sec__ttl + .sec__lead {
    margin-top: 6rem;
  }
  .sec__sub {
    font-size: clamp(2.4rem, 2vw, 2.8rem);
  }
  .sec__third {
    font-size: clamp(1.8rem, 1.6vw, 2rem);
  }
  .sec__lead, .sec__txt {
    font-size: clamp(1.4rem, 1.2vw, 1.6rem);
  }
}
@media screen and (max-width: 768px) {
  .sec {
    padding: 5rem 0;
  }
  .l-inner {
    padding: 0 1.5rem;
  }
  .sec__head {
    margin-bottom: 4rem;
  }
  .sec__ttl {
    font-size: 2.2rem;
  }
  .sec__ttl + .sec__lead {
    margin-top: 4rem;
  }
  .sec__sub {
    font-size: 1.8rem;
  }
  .sec__third {
    font-size: 1.6rem;
  }
  .sec__lead {
    text-align: left;
  }
  .sec__txt, .sec__lead {
    font-size: 1.4rem;
  }
}
.pickup-banner {
  display: block;
  position: relative;
}
@media screen and (min-width: 769px) {
  .pickup-banner .air-conditioned__boxBtn {
    position: absolute;
    bottom: 40px;
    left: 40px;
  }
}
@media screen and (max-width: 768px) {
  .pickup-banner .air-conditioned__boxBtn {
    margin-top: 20px;
  }
}
.pickup-banner .air-conditioned__boxImg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #ccc;
}
.pickup-banner .air-conditioned__boxImg img {
  width: 100%;
  height: 100%;
  transition: 0.3s;
  object-fit: cover;
}
.pickup-banner:hover .air-conditioned__boxImg img {
  transform: scale(1.05);
}

.maxair-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-inline: 50px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .maxair-container {
    padding-inline: 1.5rem;
  }
}

.maxair-mv img {
  width: 100%;
}

.maxair-lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: clamp(3rem, 1.9819004525rem + 2.7149321267vw, 6rem);
  font-size: clamp(1.6rem, 1.4642533937rem + 0.3619909502vw, 2rem);
  line-height: 2;
  letter-spacing: 0.1em;
  gap: clamp(1.5rem, 0.9909502262rem + 1.3574660633vw, 3rem);
}
.maxair-lead__cont {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.maxair-section {
  padding-block: clamp(3rem, 1.9819004525rem + 2.7149321267vw, 6rem);
  overflow: hidden;
  font-size: clamp(1.5rem, 1.4660633484rem + 0.0904977376vw, 1.6rem);
}

.maxair-system-section {
  background-color: #bdccd4;
}

.maxair-system__title {
  margin-bottom: clamp(2rem, -1.2359550562rem + 4.2134831461vw, 5rem);
  font-weight: 600;
  font-size: clamp(2.6rem, 1.5213483146rem + 1.404494382vw, 3.6rem);
  text-align: center;
}
.maxair-system__body {
  display: flex;
  font-size: clamp(1.6rem, 1.1685393258rem + 0.5617977528vw, 2rem);
  line-height: 2;
  gap: clamp(3rem, -4.5505617978rem + 9.8314606742vw, 10rem);
}
@media screen and (max-width: 768px) {
  .maxair-system__body {
    flex-direction: column;
  }
}
.maxair-system__body img {
  width: 100%;
}
.maxair-system__body > * {
  flex: 1;
}

.maxair-filter {
  display: flex;
  flex-direction: column;
  gap: clamp(3rem, -0.2359550562rem + 4.2134831461vw, 6rem);
}
.maxair-filter__header {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 0.6606334842rem + 0.9049773756vw, 2rem);
}
.maxair-filter__title {
  color: #c1272d;
  font-weight: 600;
  font-size: clamp(2.6rem, 1.5213483146rem + 1.404494382vw, 3.6rem);
  line-height: 1.3;
  text-align: center;
}
.maxair-filter__title + p {
  width: fit-content;
  margin-inline: auto;
  font-size: clamp(1.6rem, 0.9528089888rem + 0.8426966292vw, 2.2rem);
}
.maxair-filter__subtitle {
  font-weight: 600;
  font-size: clamp(1.8rem, 0.5056179775rem + 1.6853932584vw, 3rem);
  line-height: 1.3;
}

.maxair-filter-mv {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .maxair-filter-mv {
    gap: 20px;
  }
}

.maxair-filter-comparison-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: fit-content;
  margin-inline: auto;
  padding: clamp(1.5rem, -2.2752808989rem + 4.9157303371vw, 5rem) clamp(1.5rem, -7.6685393258rem + 11.9382022472vw, 10rem);
  border: 1px solid currentColor;
  gap: clamp(3rem, -0.2359550562rem + 4.2134831461vw, 6rem);
}
@media screen and (max-width: 768px) {
  .maxair-filter-comparison-wrap {
    width: 90%;
  }
}

.maxair-filter-comparison {
  display: flex;
}
@media screen and (max-width: 768px) {
  .maxair-filter-comparison {
    flex-direction: column;
    gap: 30px;
  }
}
.maxair-filter-comparison > div {
  display: grid;
  width: fit-content;
  text-align: center;
  gap: clamp(1rem, -0.0786516854rem + 1.404494382vw, 2rem);
  grid-template-rows: subgrid;
  grid-row: span 3;
}
.maxair-filter-comparison__title {
  font-weight: 600;
  font-size: clamp(1.6rem, 0.9528089888rem + 0.8426966292vw, 2.2rem);
  line-height: 1.3;
}
.maxair-filter-comparison__thumb {
  align-self: center;
}
@media screen and (min-width: 769px) {
  .maxair-filter-comparison__thumb img {
    min-width: clamp(20rem, -1.5730337079rem + 28.0898876404vw, 40rem);
  }
}

.maxair-merit {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, -0.1179775281rem + 2.106741573vw, 3rem);
}
.maxair-merit__mv {
  margin-inline: calc(50% - 50vw);
}
@media screen and (max-width: 768px) {
  .maxair-merit__mv {
    height: 250px;
    margin-bottom: 30px;
  }
}
.maxair-merit__mv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.maxair-merit-list {
  margin-top: clamp(3rem, -0.2359550562rem + 4.2134831461vw, 6rem);
  display: grid;
  gap: clamp(3rem, -0.2359550562rem + 4.2134831461vw, 6rem);
}
@media screen and (min-width: 769px) {
  .maxair-merit-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.maxair-merit-list > li {
  display: flex;
  flex-direction: column;
  gap: 15px;
  font-size: clamp(1.6rem, 1.3842696629rem + 0.2808988764vw, 1.8rem);
}
.maxair-merit-list .-num {
  font-size: clamp(1.8rem, 1.5842696629rem + 0.2808988764vw, 2rem);
  font-weight: 600;
  line-height: 1;
}
.maxair-merit-list .-title {
  font-size: clamp(2.2rem, 1.5528089888rem + 0.8426966292vw, 2.8rem);
  color: #f15a24;
  font-weight: 600;
  line-height: 1;
}
.maxair-merit-list .-small {
  font-size: 0.8em;
}

.maxair-fukidashi {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1rem, 0.6606334842rem + 0.9049773756vw, 2rem);
}
.maxair-fukidashi__title {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.maxair-fukidashi__title span {
  display: grid;
  position: relative;
  width: clamp(30rem, 6.2696629213rem + 30.8988764045vw, 52rem);
  height: clamp(5rem, 3.3820224719rem + 2.106741573vw, 6.5rem);
  background-color: #3fa9f5;
  color: #fff;
  font-weight: 600;
  font-size: clamp(2.2rem, 1.3370786517rem + 1.1235955056vw, 3rem);
  line-height: 1.5;
  place-items: center;
}
.maxair-fukidashi__title::after {
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  width: 30px;
  height: 20px;
  margin-top: -1px;
  background-color: #3fa9f5;
  content: "";
}
.maxair-fukidashi__title + p {
  font-weight: 600;
  font-size: clamp(2rem, 0.9213483146rem + 1.404494382vw, 3rem);
  line-height: 1.5;
  text-align: center;
}

.maxair-data {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: clamp(1.5rem, -0.1179775281rem + 2.106741573vw, 3rem);
}
.maxair-data__copy {
  font-size: clamp(1.6rem, 0.7370786517rem + 1.1235955056vw, 2.4rem);
}
@media screen and (min-width: 769px) {
  .maxair-data__copy {
    text-align: center;
  }
}

.maxair-data-test {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: clamp(3rem, -0.2359550562rem + 4.2134831461vw, 6rem);
  gap: clamp(1.5rem, 0.9909502262rem + 1.3574660633vw, 3rem);
}
.maxair-data-test__title {
  font-weight: 600;
  font-size: clamp(1.6rem, 0.5213483146rem + 1.404494382vw, 2.6rem);
  line-height: 1.5;
  text-align: center;
}
.maxair-data-test__cols {
  display: flex;
  margin-block: clamp(1.5rem, 0.9909502262rem + 1.3574660633vw, 3rem);
  gap: clamp(3rem, -0.2359550562rem + 4.2134831461vw, 6rem);
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .maxair-data-test__cols {
    flex-direction: column;
    width: 80%;
  }
}

.maxair-movie {
  max-width: 640px;
}
.maxair-movie video {
  width: 100%;
  cursor: pointer;
}

.maxair-cleaning-pics {
  display: flex;
  gap: clamp(3rem, -0.2359550562rem + 4.2134831461vw, 6rem);
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .maxair-cleaning-pics {
    flex-direction: column;
    width: 80%;
  }
}
.maxair-cleaning-pics > div {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: clamp(1.6rem, 1.1685393258rem + 0.5617977528vw, 2rem);
}
.maxair-cleaning-pics > div img {
  width: 100%;
}