.header .solution {
  border-bottom: 0.10416667vw solid #F2F6FA;
}
.banner {
  position: relative;
  width: 100vw;
  height: 56.25vw;
  background: url(/images/media_query_banner.jpg?c3d2b879ddf61a63e5135e1c275a60d1);
  background-size: 100vw 56.25vw;
}
.banner .text {
  position: absolute;
  top: 50%;
  left: 18.75vw;
  transform: translateY(-50%);
  width: 26.04166667vw;
  text-align: left;
}
.banner .text .banner_title {
  opacity: 0;
  font-size: 3.75vw;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  animation: fadeInUp forwards;
  animation-duration: 1s;
  animation-delay: 0.25s;
}
.banner .text .banner_sub_title {
  margin-top: 1.25vw;
  width: 36.35416667vw;
  opacity: 0;
  font-size: 1.04166667vw;
  line-height: 1.35;
  color: #fff;
  text-align: left;
  animation: fadeInUp forwards;
  animation-duration: 1s;
  animation-delay: 0.75s;
}
.banner .text .banner_more {
  display: inline-block;
  margin-top: 7.03125vw;
  padding: 0.9375vw 2.08333333vw;
  height: 3.125vw;
  min-height: 20px;
  border: 0.05208333vw solid #fff;
  border-radius: 1.5625vw;
  opacity: 0;
  font-size: 1.25vw;
  color: #fff;
  animation: fadeIn forwards;
  animation-duration: 1s;
  animation-delay: 2s;
}
.banner .text .banner_more:hover {
  background-color: #2970D0;
  border-color: #2970D0;
}
.text-image {
  display: flex;
  align-items: center;
}
.text-image .subtitle {
  font-size: 1.875vw;
  line-height: 1.5;
  color: #333;
  text-align: start;
}
.text-image .subtitle::after {
  content: "";
  display: block;
  margin-top: 0.72916667vw;
  width: 2.60416667vw;
  height: 0.20833333vw;
  border-radius: 0.20833333vw;
  background-color: #20297D;
}
.text-image .textcontent {
  margin-top: 2.08333333vw;
  width: 16.875vw;
  font-size: 0.83333333vw;
  line-height: 1.625;
  color: #333;
  text-align: start;
}
.media_resource {
  padding-top: 4.375vw;
}
.media_resource .wrapper {
  text-align: center;
}
.media_resource .wrapper .images {
  display: flex;
  justify-content: space-between;
  margin-top: 3.125vw;
  margin-bottom: 4.16666667vw;
}
.media_resource .wrapper .images img:nth-child(1) {
  margin-top: 3.125vw;
  width: 27.13541667vw;
}
.media_resource .wrapper .images img:nth-child(2) {
  width: 34.0625vw;
}
.media_resource .wrapper h2 {
  font-size: 1.875vw;
  color: #333;
}
.media_resource .wrapper h2::after {
  content: "";
  display: block;
  margin: 0.72916667vw auto;
  width: 2.60416667vw;
  height: 0.20833333vw;
  border-radius: 0.20833333vw;
  background-color: #20297D;
}
.media_resource .wrapper p {
  margin: 1.5625vw auto 3.125vw;
  width: 36.45833333vw;
  font-size: 1.04166667vw;
  line-height: 1.75;
  color: #333;
}
.media_resource .media_query_applet {
  padding-top: 8.33333333vw;
  padding-bottom: 7.8125vw;
  width: 100vw;
  background: url(/images/ipr_bg2.png?5d536452f6b9a462c6e160d17a1bc10c) no-repeat -18.75vw -44.27083333vw;
  background-size: 135.41666667vw auto;
}
.media_resource .media_query_applet .textcontent {
  width: 20.83333333vw !important;
}
.media_resource .media_query_applet img {
  display: block;
  margin-left: 9.16666667vw;
  width: 32.60416667vw;
  height: 44.0625vw;
}
.media_resource .media_diversity {
  padding-top: 8.02083333vw;
  padding-bottom: 7.8125vw;
  width: 100vw;
  background-size: 135.41666667vw auto;
}
.media_resource .media_diversity .text-image {
  margin-top: 5.20833333vw !important;
}
.media_resource .media_diversity .items {
  display: flex;
  flex-direction: column;
  gap: 7.29166667vw;
  margin-left: 2.60416667vw;
}
.media_resource .media_diversity .items .item {
  display: flex;
  gap: 2.08333333vw;
  justify-content: center;
}
.media_resource .media_diversity .items .item img {
  width: 6.875vw;
  height: 6.875vw;
}
.media_resource .media_diversity .items .item p {
  align-self: center;
  margin: 0;
  font-size: 1.45833333vw;
  line-height: 1.5;
  text-align: start;
}
.media_resource .media_diversity .items .item:nth-child(1) p {
  color: #74AFF7;
}
.media_resource .media_diversity .items .item:nth-child(2) p {
  color: #455BC8;
}
.media_resource .media_diversity .items .item:nth-child(3) p {
  color: #2259AB;
}
.media_resource .media_diversity .image4 {
  display: block;
  width: 22.13541667vw;
  height: 44.11458333vw;
}
.media_resource .ai_dialogue {
  padding-top: 9.89583333vw;
  padding-bottom: 7.8125vw;
  width: 100vw;
  background: url(/images/ipr_bg2.png?5d536452f6b9a462c6e160d17a1bc10c) no-repeat -18.75vw -44.27083333vw;
  background-size: 135.41666667vw auto;
}
.media_resource .ai_dialogue .textcontent {
  width: 19.01041667vw !important;
}
.media_resource .ai_dialogue img {
  display: block;
  margin-left: 5.20833333vw;
  width: 38.33333333vw;
  height: 44.16666667vw;
}
.media_resource .media_evaluation_system_output {
  padding-top: 8.33333333vw;
  padding-bottom: 6.25vw;
  width: 100vw;
}
.media_resource .media_evaluation_system_output .textcontent {
  width: 22.91666667vw !important;
}
.media_resource .media_evaluation_system_output img {
  display: block;
  margin-left: -5.20833333vw;
  margin-right: 2.29166667vw;
  width: 47.65625vw;
  height: 51.51041667vw;
}