.kantakun .navigation-bar {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.kantakun-mv{
  position: relative;
}
.kantakun-mv-title{
  color: #fff;
  position: absolute;
  z-index: 2;
  font-size: clamp(1.5rem, 1.1rem + 1.25vw, 3.5rem);
  letter-spacing: 0.2em;
  line-height: 1.5;
  top: 50%;
  left: 0%;
  width: 100%;
  text-align: center;
}
.kantakun .main-container {
  padding-top: 95px;
}
.main-container .general-section .inner {
    max-width: 1000px;
}
.kantakun .main-container {
	background: url(../images/kantakun/kantakun-bg.webp) no-repeat center center;
	background-size: cover;
}
#area1 {
  background: url(../images/kantakun/kantakun-bg01.webp) no-repeat center center;
  background-size: cover;
}
.kantakun-lead{
  font-size: 2.4rem;
  letter-spacing: 1.2rem;
  margin-bottom: 30px;
}
.kantakun-flex{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 60px;
}
.kantakun-flex-img{
  width: 50%;
}
.kantakun-flex-text{
  width: calc(50% - 60px);
}
#area1 .kantakun-flex{
  max-width: 800px;
  margin: 80px auto 0;
  align-items: unset;
}
#area1 .kantakun-flex-img{
  width: 38%;
}
#area1 .kantakun-flex-text{
  width: calc(62% - 60px);
}
.kantakun-note{
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: .3rem;
}
#area1 .kantakun-flex-text img{
  width: 40%;
  margin-top: 30px;
}
.kantakun-flex .kantakun-lead{
  letter-spacing: .2rem;
}
#area3 {
  background: url(../images/kantakun/kantakun-bg02.webp) no-repeat center center;
  background-size: cover;
}

@media screen and (max-width: 767px){
  .kantakun-mv-title{
    writing-mode: vertical-lr;
    font-feature-settings: initial;
    top: 48%;
    left: 50%;
    transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
  }
  .kantakun .main-container {
    padding-top: 70px;
  }
  .main-container .general-section .inner {
    padding: 120px 40px 140px;
  }
  .kantakun .main-container {
    background: url(../images/kantakun/kantakun-bg-sp.webp) no-repeat center center;
    background-size: cover;
  }
  #area1 {
    background: url(../images/kantakun/kantakun-bg01-sp.webp) no-repeat center center;
    background-size: cover;
  }
  .kantakun-lead{
    font-size: 1.8rem;
    letter-spacing: .8rem;
    text-align: left;
  }
  .kantakun-flex{
    gap: 80px;
  }
  .kantakun-flex-img{
    width: 100%;
  }
  .kantakun-flex-text{
    width: 100%;
  }
  #area1 .kantakun-flex{
    margin: 40px auto 0;
    flex-wrap: wrap-reverse;
  }
  #area1 .kantakun-flex-img{
    width: 100%;
  }
  #area1 .kantakun-flex-text{
    width: 100%;
  }
  .kantakun-note{
    font-size: 1.3rem;
    letter-spacing: .15rem;
  }
  #area3 {
    background: url(../images/kantakun/kantakun-bg02-sp.webp) no-repeat center center;
    background-size: cover;
  }
  #area3 .kantakun-flex{
    flex-wrap: wrap-reverse;
  }
}