#cooling-custom-lp{
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  line-height:1.8;
  overflow:hidden;
}

#cooling-custom-lp *{
  box-sizing:border-box;
}

#cooling-custom-lp img{
  max-width:100%;
  height:auto;
  vertical-align:bottom;
}

.kv,
.section-head{
  max-width:1482px;
  margin:0 auto;
}

.kv__img{
  width:100%;
  display:block;
}

.product-tabs{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  max-width:1180px;
  margin:24px auto 40px;
  padding:0 24px;
}

.tab-btn{
  appearance:none;
  border:0;
  background:none;
  padding:0;
  cursor:pointer;
  opacity:.72;
  transition:.2s;
}

.tab-btn.is-active,
.tab-btn:hover{
  opacity:1;
  transform:translateY(-3px);
}

.tab-panel{
  display:none;
  max-width:1200px;
  margin:0 auto;
  padding:0 24px 70px;
}

.tab-panel.is-active{
  display:block;
}

.about-block{
  text-align:center;
  margin:50px auto 70px;
  max-width:880px;
}

.title-img,
.feature-title,
.spec-title{
  display:block;
  margin:0 auto 28px;
}

.about-block p{
	text-align: left;
}

.about-img{
  max-width:661px;
}

.feature-block,
.sample-block,
.color-block,
.spec-block{
  padding:40px 0;
  text-align:center;
}

.feature-swiper,
.sample-swiper{
  width:100%;
  overflow:visible;
  padding:0 0 48px;
}

.swiper-slide{
  opacity:.45;
  transition:.25s;
}

.swiper-slide-active{
  opacity:1;
}

.feature-swiper .swiper-slide img{
  width:100%;
}

.sample-swiper .swiper-slide img{
  max-height:520px;
  object-fit:contain;
}

.swiper-button-prev,
.swiper-button-next{
  color:#fff;
}

.swiper-pagination-bullet{
  background:#fff;
  opacity:.55;
}

.swiper-pagination-bullet-active{
  background:var(--blue);
  opacity:1;
}

.color-block h2,
.sample-block h2{
  font-size:clamp(24px,4vw,42px);
  letter-spacing:.08em;
  margin:0 0 28px;
}

.limited-img{
}

.color-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
  max-width:920px;
  margin:40px auto;
}

.spec-block table{
  width:min(720px,100%);
  margin:0 auto;
  border-collapse:collapse;
  background:#fff;
  color:#111;
  font-size:16px;
}

.spec-block th,
.spec-block td{
  border:1px solid #999;
  padding:12px 16px;
  text-align:left;
}

.spec-block th{
  width:32%;
  background:#eee;
}

.tare-links{
  margin:20px 10%;
}

.tare-item{
  margin:40px 0;
}
.about-block .title-img {
	width: 80%;
}
.spec-title {
	width: 60%;
}
.feature-title {
	width:30%;
}
.color-block .title-img {
	width: 40%;
}

.tab-strong .about-block .title-img {
	width: 80%;
}
.tare-item .title-img {
	width: 60%;
}
.about-block .about-img {
width: 45%;
    float: left;
    margin-right: 5%;
}
.sample-block h2 img {
	width: 80%;
}
.sample-block .contact {
	width: 60%;
}


#cooling-custom-lp .tare-item__main{
  max-width:80%;
  margin:0 10% 30px;
}

.contact-area{
  text-align:center;
  padding:38px 24px 70px;
}

.contact-area p{
  font-size:clamp(24px,4vw,42px);
  font-weight:900;
  letter-spacing:.08em;
  margin:0 0 18px;
}

.contact-area a{
  display:inline-block;
  max-width:701px;
  width:100%;
  transition:.2s;
}

.contact-area a:hover{
  filter:brightness(1.15);
  transform:translateY(-2px);
}
.feature-block,.sample-block {
	background-color: #000;
}
.tare-item .blk_bg {
	background-color: #000;
	padding: 40px 0;
}
.tare-item .spec-block {
	background-color: #fff;
}

/* Swiper バレット調整 */
#cooling-custom-lp .swiper-pagination {
  position: static;
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
}

#cooling-custom-lp .swiper-pagination-bullet {
  width: 18px;
  height: 18px;
  margin: 0 7px !important;
  background: #fff;
  opacity: 1;
}

#cooling-custom-lp .swiper-pagination-bullet-active {
  background: #00d8ff;
}






@media(max-width:767px){.feature-swiper .swiper-slide img

  .product-tabs{
    gap:8px;
    padding:0 10px;
    margin:12px auto 24px;
  }

  .tab-panel{
    padding:0 12px 42px;
  }

  .about-block{
    margin:32px auto 44px;
  }

  .about-block p{
    font-size:15px;
    text-align:left;
  }

  .feature-block,
  .sample-block,
  .color-block,
  .spec-block{
    margin:44px auto;
  }

  .color-grid,
  .tare-links{
    gap:14px;
  }

  .spec-block table{
    font-size:14px;
  }

  .spec-block th,
  .spec-block td{
    padding:9px;
  }

  .swiper-button-prev,
  .swiper-button-next{
    display:none;
  }

  .sample-swiper .swiper-slide img{
    max-height:420px;
  }
.about-block .about-img {
    width: 100%;
    float: none;
    margin-right: 0%;
}
	.product-tabs {
    grid-template-columns: repeat(2, 1fr);
    margin: 24px auto;
    padding: 0px 10px;
}
	.tare-item .title-img {
	width: 85%;
}
.spec-title {
	width: 65%;
}
.contact-area {
    padding: 38px 0px 0px;
}	
	
	
	
}