/* 下層ページメインビジュアル */
.page_mv {
  height: 660px;
  @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;
  }
}

/* 全体 */
.flex_txtbox {
  max-width: calc(100% - 532px);
  width: 100%;
  @media screen and (max-width: 767px) {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .pc_contents {
    display: contents;
  }
}

/* めっきとは */
.plating {
  background: none;
}
@media print, screen and (min-width: 768px) {
  .plating {
    background: url(../img/bg_img01.webp) no-repeat left top / 60% auto;
  }
  .plating .container {
    padding-left: 261px;
  }
}
.plating_list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-20);
  counter-reset: num 0;
}
.plating_list--item {
  max-width: calc(100% / 3 - 40px / 3);
  width: 100%;
  line-height: 2;
  text-align: center;
  position: relative;
  &::before {
    counter-increment: num 1;
    content: '0' counter(num);
    font-size: 6.4rem;
    font-weight: 900;
    list-style: 1;
    text-align: center;
    color: rgba(22, 224, 253, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    transform: translateY(-60%);
    margin-inline: auto;
  }
  @media screen and (max-width: 767px) {
    max-width: calc(50% - 5px);
    margin-top: 2em;
  }
}
.plating_list--name {
  padding: 0.75em 0 0.5em;
  font-size: var(--font-24);
  text-align: center;
  color: var(--main-color);
}
.plating .more_btn {
  text-align: center;
}
.plating .more_btn a::after {
  right: 1em;
}

/* 設備一覧 */
.equipment {
  position: relative;
}
.page_sec--bg.equipment {
  background: none;
  padding-top: 145px;
  @media screen and (max-width: 767px) {
    padding-top: 35px;
  }
}
.equipment .cmn_heading--en {
  position: absolute;
  top: 0.5em;
  right: 0.05em;
  @media screen and (max-width: 767px) {
    top: 0;
  }
}
.equipment_item {
  width: 100%;
  padding: var(--space-55) 0;
  &:not(:first-of-type) {
    border-top: 1px solid #ccc;
  }
}
@media screen and (max-width: 767px) {
  .equipment_item {
    display: flex;
    flex-direction: column;
  }
  .equipment .flex_txtbox {
    display: contents;
  }
  .equipment .page_subheading {
    order: 1;
  }
  .equipment_item figure {
    order: 2;
  }
  .equipment .main_txt {
    order: 3;
    padding-bottom: 0;
  }
  .equipment .more_btn {
    order: 4;
  }
}

/* 特殊技術の取り組み */
.special {
  background: url(../img/bg_img02.webp) no-repeat center center / cover;
  color: #fff;
}
.special .page_heading {
  padding-bottom: 1em;
}

/**
 * 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_container {
  max-width: 471px;
  width: 100%;
  display: flex;
}
.swiper-button-prev,.swiper-button-next {
	height: 100%;
	min-width: 15px;
	background: var(--main-color);
  position: relative;
	&::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;
  }
}
.swiper-button-prev {
	left: 0;
}
.swiper-button-prev::before {
  clip-path: polygon(0 50%, 100% 100%, 100% 0);
}
.swiper-button-next {
	right: 0;
}
.swiper-button-next::before {
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}

/* 試作・治具制作について */
.prototype {    
  background: none;
  @media print, screen and (min-width: 768px) {
    background: url(../img/bg_img03.webp) no-repeat right top / 60% auto;
  }
  @media screen and (max-width: 767px) {
    padding-bottom: 0.5em;
  }
}