#index h1 .sub {
  display: block;
  font-size: clamp(1.9rem, 1.6230769231rem + 0.3605769231vw, 2.2rem);
}
@media screen and (max-width: 767px) {
  #index h1 .sub {
    font-size: 2.2rem;
  }
}
@media screen and (max-width: 767px) {
  #index h1 .sub {
    font-size: 4vw;
  }
}
#index .movie-block .box .image iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
#index #strong {
  margin-bottom: 80px;
}
#index #strong h2 {
  text-align: center;
  font-size: clamp(1.9rem, 1.6230769231rem + 0.3605769231vw, 2.2rem);
}
@media screen and (max-width: 767px) {
  #index #strong h2 {
    font-size: 2.2rem;
  }
}
#index #strong h2 {
  font-weight: 500;
  margin-bottom: 20px;
  color: #193E71;
}
@media screen and (max-width: 767px) {
  #index #strong h2 {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
  #index #strong h2 br {
    display: none;
  }
}
#index #strong h3 {
  text-align: center;
  font-size: clamp(1.5rem, 1.2230769231rem + 0.3605769231vw, 1.8rem);
}
@media screen and (max-width: 767px) {
  #index #strong h3 {
    font-size: 1.8rem;
  }
}
#index #strong h3 {
  font-weight: 500;
  margin-bottom: 20px;
  color: #193E71;
}
#index #circle {
  max-width: 1280px;
  margin: 0 auto 120px;
}
@media screen and (max-width: 767px) {
  #index #circle {
    margin-bottom: 20px;
  }
}
#index #technology h2 {
  text-align: center;
  font-size: clamp(1.9rem, 1.6230769231rem + 0.3605769231vw, 2.2rem);
}
@media screen and (max-width: 767px) {
  #index #technology h2 {
    font-size: 2.2rem;
  }
}
#index #technology h2 {
  font-weight: 500;
  margin-bottom: 40px;
  color: #193E71;
}
@media screen and (max-width: 767px) {
  #index #technology h2 {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
  #index #technology h2 br {
    display: none;
  }
}
#index #technology #tec-nav {
  display: flex;
}
#index #technology #tec-nav li {
  cursor: pointer;
  width: 33.333%;
  background-color: #B3BEC7;
  color: #fff;
  text-align: center;
  line-height: 1;
  transition: all 0.1s;
}
#index #technology #tec-nav li.active, #index #technology #tec-nav li:hover {
  background-color: #F2F6FA;
  color: #193E71;
}
#index #technology #tec-nav li a {
  display: block;
  height: 100%;
  padding: 15px;
}
#index #technology .tec-block {
  display: none;
  background-color: #F2F6FA;
  padding: 5% 5%;
}
#index #technology .tec-block.show {
  display: block;
}
#index #technology .tec-block h3 {
  text-align: center;
  font-size: clamp(1.9rem, 1.6230769231rem + 0.3605769231vw, 2.2rem);
}
@media screen and (max-width: 767px) {
  #index #technology .tec-block h3 {
    font-size: 2.2rem;
  }
}
#index #technology .tec-block h3 {
  font-weight: 500;
  margin-bottom: 40px;
  color: #193E71;
}
@media screen and (max-width: 767px) {
  #index #technology .tec-block h3 {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
  #index #technology .tec-block h3 br {
    display: none;
  }
}
#index #technology .tec-block .lead {
  margin-bottom: 80px;
}
@media screen and (max-width: 767px) {
  #index #technology .tec-block .lead {
    margin-bottom: 40px;
  }
}
#index #technology .tec-block .layout .box {
  margin-bottom: 40px;
}
#index #technology .tec-block .link {
  text-align: center;
}