/* 下層ページメインビジュアル */
.page_mv {
  height: 450px;
  @media screen and (max-width: 767px) {
    height: auto;
    padding-bottom: 5em;
  }
}
.technology_lead {
  color: #fff;
  margin-top: 2em;
}
@media screen and (max-width: 767px) {
  .page_mv--img img {
    object-position: right;
  }
}

/* パンくずリスト */
.page_link {
  margin-bottom: -86px;
  @media screen and (max-width: 767px) {
    margin-bottom: -23px;
  }
}

@media screen and (max-width: 767px) {
  .more_btn {
    text-align: end;
  }
}

/* 全体 */
figcaption {
  font-weight: bold;
  margin-top: .5em;
}

/* What’s R&D */
.research_ul {
  display: flex;
  flex-direction: column;
  gap: 20px;
  li {
    background: var(--bg-color2);
    padding: 20px 50px 30px;
    &:first-child {
      padding-top: 20px;
    }
    &:not(:last-child) {
      border-bottom: none;
    }
    &:last-child {
      padding-bottom: 30px;
    }
    @media screen and (max-width: 767px) {
      padding: 20px 5%;
    }
  }
  .numcontent_list--title {
    line-height: 1.25;
    color: var(--main-color);
    &::before {
      font-size: 6.4rem;
      @media screen and (max-width: 767px) {
        font-size: 5rem;
        white-space: nowrap;
      }
    }
  }
}

/* 研究開発 */
#research_development {
  position: relative;
  &::before {
    content: "";
    background: url(../img/h2_research01.webp) no-repeat;
    width: 107px;
    height: 680px;
    position: absolute;
    top: calc(108px + 1.85em);
    left: 0;
    @media screen and (max-width: 767px) {
      display: none;
    }
  }
  &::after {
    content: "";
    background: url(../img/h2_research02.webp);
    width: 107px;
    height: 962px;
    position: absolute;
    bottom: 0;
    right: 0;
    @media screen and (max-width: 767px) {
      display: none;
    }
  }
}
.research_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.research_list--item {
  padding: 45px 65px;
  &:nth-child(1) {
    background: #EAF0F7;
    .page_heading {
      color: var(--sub-color);
      &::after {
        background-color: var(--sub-color);
      }
    }
  }
  &:nth-child(2) {
    background: var(--bg-color2);
  }
  @media screen and (max-width: 767px) {
    padding: 20px 5%;
  }
}
.research_list--imglist {
  display: flex;
  gap: 20px;
}
.research_list .more_btn {
  text-align: center;
  margin-top: 30px;
}
.more_btn a[data-color="blue"] { /*common*/
  background: var(--sub-color);
}

/* めっき試作 */
#prototype {
  background: url(../img/bg_img01.webp) no-repeat center/cover;
  height: 588px;
  padding-top: 130px;
  margin-bottom: 0;
  @media screen and (max-width: 767px) {
    padding-top: 0;
    height: auto;
  }
}
#prototype .container {
  background: rgba(250, 255, 255, .9);
  padding: 50px 60px;
  position: relative;
  z-index: 1;
  @media screen and (max-width: 767px) {
    padding: 20px 5%;
    top: 100px;
  }
}
.research_prototype--list {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  max-width: 889px;
  width: 100%;
  li {
    @media screen and (max-width: 767px) {
      width: calc(50% - 10px);
    }
  }
}
.research_prototype--item {
  max-width: 283px;
}
#prototype .more_btn {
  text-align: center;
}

/* 分析装置 */
.analysis {
  background: url(../img/bg_img02.webp) no-repeat center/cover;
  height: 1100px;
  padding-top: 500px;
  @media screen and (max-width: 767px) {
    height: auto;
    padding: 140px 0 50px;
  }
}
.analysis p {
  color: #FFF;
}
.analysis .page_heading--num {
  color: #FFF;
  border-bottom: 2px solid #FFF;
  span {
    color: rgba(255,255,255,0);
    -webkit-text-stroke: 2px #FFF;
    text-stroke: 2px #FFF;
    paint-order: stroke;
  }
}
.analysis .flex_box {
  gap: 10px;
  margin-bottom: 20px;
  .text {
    max-width: 746px;
  }
  @media screen and (max-width: 767px) {
    margin-bottom: 80px;
  }
}
.analysis .more_btn {
  text-align: center;
  @media screen and (max-width: 767px) {
    margin: 0 auto;
  }
  a {
    @media screen and (max-width: 767px) {
      font-size: 1.2rem;
    }
  }
}
.analysis .mt_1em {
  margin-top: 1em;
  @media screen and (max-width: 767px) {
    margin-top: .5em;
  }
}

/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}

.swiper_outer {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  @media screen and (max-width: 767px) {
    max-width: 283px;
    margin-inline: auto;
  }
}
.swiper_container {
  max-width: 889px;
  width: 100%;
  display: flex;
}
.swiper-slide {
  max-width: 283px;
  figcaption {
    color: #FFF;
  }
}
.swiper-button-prev,.swiper-button-next {
  position: absolute;
  top: 4em;
  --circle-size: 40px;
  background: #FFF;
  width: var(--circle-size);
  height: var(--circle-size);
  border-radius: 50%;
  z-index: 2;
	&::before {
		content: "";
		display: block;
		width: 0.4em;
		height: 0.4em;
    background: #fff;
		margin-inline: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
	}
	svg {
		display: none;
	}
  &:hover {
    opacity: 0.8;
  }
  @media screen and (max-width: 767px) {
    --circle-size: 30px;
    top: 5em;
  }
}
.swiper-button-prev {
  left: 0;
  @media screen and (max-width: 767px) {
    left: -10px;
  }
}
.swiper-button-prev::before {
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
}
.swiper-button-next {
	right: 0;
  @media screen and (max-width: 767px) {
    right: -10px;
  }
}
.swiper-button-next::before {
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.swiper-button-prev::before , .swiper-button-next::before {
  background-color: var(--main-color);
}
.paragraph {
  line-height: 2;
}