@charset "utf-8";
/* CSS Document */
@import "kotonishi2026.css";
.ktns_main h1{height:auto;}
.ktns_marginblock{margin-top:0;}
.ktns_whitebox h3{margin-bottom:16px;}
.ktns_main{padding-top:0;}
.splide__slide{padding:0 15px;}
.splide__track{padding-bottom:72px;}
.ktns_greenbox {
  padding: 48px 16px 72px;
  border-radius: 0 0 20px 20px;
  background: linear-gradient(#b0c917 0%, rgba(240, 255, 104, 0.32) 49.79%, rgba(73, 178, 160, 0.72) 100%);
}
.ktns_actor {
  position: relative;
  max-width: 1200px;
  margin: 0 auto 64px;
  z-index: 55;
}
.ktns_actor::before {
  content: "";
  display: block;
  max-width: 1200px;
  height: 56px;
  background: url(../img/kotonishi2026/il_titlebg.png) center bottom no-repeat;
  background-size: contain;
  margin-bottom: -1px;
}
.ktns_actor h2 {
  position: absolute;
  width: 270px;
  top: -32px;
  left: calc(50% - 135px);
}
.ktns_greenbox h2 img {
  width: 100%;
}
.ktns_comm_phleft,
.ktns_comm_phright {
  background-image: url("../img/kotonishi2026/ver2/bg_comment.png");
  background-size:100% 100%;
  background-repeat: no-repeat;
  display:flex;
  gap:0 32px;
  padding:30px 56px;
  margin-bottom:32px;
  align-items: center;
}
.ktns_comm_ph{width:30%;}
.ktns_comm_ph img{width:100%;}
.ktns_comm_txt{width:69.5%;}
.ktns_commentbox p{
  padding-top:16px;
  line-height:1.75;
  font-size:1.125em;
  color:#333;
}
.ktns_comm_phright .ktns_comm_ph{order:2;}
.ktns_comm_phright .ktns_comm_txt{order:1;}

/*-- tverバナー --*/
.ktns_tverbnr{
  max-width: 612px;
  margin: 16px auto 4.5vw;
  width: 90%;
  background: #fff;
  border-radius: 20px;
}
.ktns_tverbnr img{
  width:100%;
}


@media screen and (max-width:1296px){
  .ktns_main h1{
    aspect-ratio:auto;
    max-width:1160px;
    margin:0 auto;
  }
  .ktns_whitebox{padding:24px 64px;}
  .ktns_marginblock{margin-top:0;}
  .ktns_greenbox {padding: 24px 64px 8px;}
  /*.ktns_actor::before {height: 4.4vw;}*/
  .ktns_actor h2 {
    width: 20.83vw;
    top: -2.47vw;
    left: calc(50% - 10.415vw);
  }
}
@media screen and (min-width:801px) {
  .ktns_tverbnr img:hover{
    opacity: 0.7;
  }
}



@media screen and (max-width:800px) {
  .ktns_actor h2 {top: -1.47vw;}
  .ktns_comm_phleft,
  .ktns_comm_phright{
    display:block;
    width:100%
  }
  .ktns_comm_ph{
    min-width:inherit;
    width:64%;
    margin:0 auto 16px;
  }
  .ktns_comm_txt{width:100%;}
  .ktns_comm_txt div{
    text-align:center;
  }
  .ktns_comm_txt div img{
    height:24px;
  }

}

@media screen and (max-width:640px){
  .ktns_whitebox {padding:24px;}
  .splide__track{padding-bottom:40px;}
  .splide__slide{width:90%;}
  .splide__slide img{width:100%;}
  .ktns_greenbox{
    padding: 24px 6px 8px;
  }
  .ktns_comm_phleft, .ktns_comm_phright{
    background-image: url(../img/kotonishi2026/ver2/bg_comment_sp.png);
    padding:24px;
    margin-bottom:12px;
  }
  .ktns_commentbox > div:last-of-type{
    margin-bottom:24px;
  }
  .ktns_commentbox p{
    font-size: clamp(0.875rem, 0.73rem + 0.54vw, 1rem);
  }
}

@media screen and (max-width:430px){
  .ktns_whitebox{padding-top:48px;}
  .ktns_whitebox h2{top:0;}
  .ktns_marginblock {margin-top:0;}
  .ktns_greenbox h2{
    width: 186px;
    top: -24px;
    left: calc(50% - 93px);
  }
  .ktns_actor::before {
    height: 23px;
  }
}