
/*   一覧   */

.l-technology_scene_list {
  display: grid;
  grid-template-columns: repeat(3, 360px); /* 3列固定（カード幅に合わせる） */
  gap: 20px;
  justify-content: center; /* グリッド全体は中央 */
  max-width: 1200px;
  margin: 0 auto;
}

.l-technology_scene_list div {
	width: 360px;   
    height: 360px;  
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items:flex-start;
	padding: 2.4rem;
}

.l-technology_scene_list h4 {
	font-size: 1.4em;
	font-weight: 600;
	color: #fff;
	height:5rem;
	margin: 20px auto 30px auto;
	text-align: center;
}

.l-technology_scene_list a { 
margin: 8px auto;
}

.l-technology_scene_list a img {
	 width: 100%;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    display: block;
}
.l-technology_scene_list a img:hover {
	transform: scale(1.05);
}
.list_hydraulic-excavator {
    background-image: url("../../img/technology/list_hydraulic-excavator.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_wheel-loader {
    background-image: url("../../img/technology/list_wheel-loader.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_bulldozer {
    background-image: url("../../img/technology/list_bulldozer.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_pneumatic-caisson {
    background-image: url("../../img/technology/list_pneumatic-caisson.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_asphalt-finisher {
    background-image: url("../../img/technology/list_asphalt-finisher.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_vibrating-roller {
    background-image: url("../../img/technology/list_vibrating-roller.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_boomheader {
    background-image: url("../../img/technology/list_boomheader.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_dfe {
    background-image: url("../../img/technology/list_dfe.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_grass-mower {
    background-image: url("../../img/technology/list_grass-mower.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_rigid-dump {
    background-image: url("../../img/technology/list_rigid-dump.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_carrier-dump {
    background-image: url("../../img/technology/list_carrier-dump.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_forklift {
    background-image: url("../../img/technology/list_forklift.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}

.list_crane {
    background-image: url("../../img/technology/list_crane.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}


/* Technologyページだけ左右余白を狭める */
.l-technology_top .p-wrapper_small{
  padding-left: clamp(16px, 3vw, 40px);
  padding-right: clamp(16px, 3vw, 40px);
}

@media (min-width: 1280px){
  .l-technology_top .p-wrapper_small{
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media screen and (max-width: 84em) {
.l-technology_scene_list {
	display: flex;
	justify-content:center;
	gap: 20px;
	flex-wrap: wrap;
	max-width: 1200px;      /* ★940に戻さない */
	margin: 0 auto;
}
	
.l-technology_scene_list div {
	width: 34vw;            /* 30vw→少し大きめ */
    height: 34vw;
    max-width: 360px;       /* ★でかくなりすぎ防止 */
    max-height: 360px;
    min-width: 300px;       /* ★小さくなりすぎ防止 */
    min-height: 300px;
}
}

@media screen and (max-width: 64em) and (max-width: 47.9375em) {
	
.l-technology_scene_list {
	display: flex;
	justify-content:center;
	gap: 20px;
	flex-wrap: wrap;
	max-width: 940px;
	margin: 0 auto;
}
	
.l-technology_scene_list div {
	width: 300px;
	height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 2.4rem;
}
}

/*   油圧ショベル　追加css   *//*   油圧ショベル　追加css   *//*   油圧ショベル　追加css   *//*   油圧ショベル　追加css   *//*   油圧ショベル　追加css   */

/*   対応実績型番　下の注記   */
.tec_text_p{
	text-align: right;
	font-size: 13px;
	margin: 20px 0;
}

/*   MODEL E（電子介入）span   */
.model_p{
	font-size: 18px;
	margin-top:10px; 
	font-weight: bold;
}

.model_v_blk{
	margin-top: 30px;
}

/*   MODEL E,MODEL V　画像   */
.madel_e{
	display: flex;
	justify-content: center;
}

.madel_e .model_e_img{
	width: 300px;
	padding: 10px 10px 10px 10px;
}

.l-technology_equip_model_v {
	background-color: #f2f7ff;
	padding: 1.8rem;
	border-radius: 14px;
	margin: 35px 0 30px 0;
}
.l-technology_equip_model_v h5 {
	color: #1564c5;
	font-weight: 500;
}

/*   取付装備　画像   */
/* ===== 取付装備 4グリッド ===== */
/* ===== 取付装備 2×2グリッド ===== */
.soubi_02_blk{
  display: grid;
  grid-template-columns: repeat(2, max-content); /* ★ここが重要 */
  justify-content: center;                      /* グリッド全体を中央へ */
  column-gap: 45px;                             /* 左右の間隔 */
  row-gap: 30px;                                /* 上下の間隔 */
  padding: 40px 0 30px 0;
}

/* 画像サイズはそのまま */
.soubi_02_blk .excavator_02_img{
  width: 290px;
  padding: 0;            /* ★余白の原因を除去 */
  display: block;
}

/* ボックス：余計なmarginを殺す */
.sobi_02_box{
  margin: 0;             /* ★ */
  text-align: center;
}

/* pのデフォルトmarginが意外と効くので明示 */
.sobi_02_box p{
  font-size: 13px;
  margin: 10px 0 0;      /* 好みで調整 */
}

@media (max-width: 1200px){
  .soubi_02_blk{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px){
  .soubi_02_blk{
    grid-template-columns: 1fr;
  }

  .soubi_02_blk .excavator_02_img{
    width: 100%;
    max-width: 290px;
  }
}



/*   遠隔操作席の設備例   */
.l-technology_equip_setsubi{
	background-color: #f2f7ff;
	padding: 1.8rem;
	border-radius: 14px;
	margin: 35px 0 20px 0;
}
.setsubi_blk{
	display: flex;
	justify-content: center;
}
.setsubi_blk .excavator_02_img{
	width: 350px;
	padding: 15px 20px 5px 20px;
}

.setsubi_box{
	align-items: center;
	margin-bottom: 10px;
}

.setsubi p{
	font-size: 13px;
	text-align: center;
}

.setsubi_box{
	align-items: center;
	margin-bottom: 3px;
}

.setsubi_box p{
	font-size: 13px;
	text-align: center;
}

/*   ホイールローダー　追加css   *//*   ホイールローダー　追加css   *//*   ホイールローダー　追加css   *//*   ホイールローダー　追加css   *//*   ホイールローダー　追加css   */

.tioujirei_blk{
	margin: 40px 0 10px 0;
	transition-property: opacity;
    transition-duration: 0.5s;
}

.tioujirei_blk:hover{
	opacity: 0.8; 
}

/*   グリッド9枚画像   */
.gallery{
  padding: 40px 0;
  display: flex;
  justify-content: center;
	
}

.gallery-grid{
  width: min(1000px, calc(100% - 40px));
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 26px 10px; /* 縦余白を少し広めに */
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 1アイテム */
.gallery-item{
  margin: 0;
}

/* 画像枠 */
.gallery-item img{
  width: 260px;
  height: 210px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

/* キャプション */
.gallery-item figcaption{
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  text-align: center;
  letter-spacing: .02em;
}

/* SP：2列 */
@media (max-width: 768px){
  .gallery-grid{
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 12px;
  }

  .gallery-item figcaption{
    font-size: 13px;
  }
}

/*   ホイールローダー対応可能動作   */
.taioukanou_blk{
	display: flex;
	justify-content: center;
}
.taioukanou_blk .excavator_02_img{
	width: 350px;
	padding: 35px 20px 35px 20px;
}


/*   ブルドーザ　追加css   *//*   ブルドーザ　追加css   *//*   ブルドーザ　追加css   *//*   ブルドーザ　追加css   *//*   ブルドーザ　追加css   *//*   ブルドーザ　追加css   */

.soubi_03_blk{
	display: flex;
	justify-content: center;
}
.soubi_03_blk .excavator_02_img{
	width: 350px;
	padding: 15px 20px 5px 20px;
}

.sobi_03_box{
	align-items: center;
	margin-bottom: 10px;
}

.sobi_03_box p{
	font-size: 13px;
	text-align: center;
}

.bull_setsubi_blk{
	display: flex;
	justify-content: center;
}
.bull_setsubi_blk .excavator_02_img{
	width: 300px;
	padding: 15px 20px 1px 20px;
	margin-top: 20px;
}

.bull_setsubi_box{
	align-items: center;
	margin-bottom: 5px;
}

.bull_setsubi_box p{
	font-size: 13px;
	text-align: center;
}

/*   ニューマチックケーソン　追加css   *//*   ニューマチックケーソン　追加css   *//*   ニューマチックケーソン　追加css   *//*   ニューマチックケーソン　追加css   */
.caisson_text{
	position: relative;
	text-align: left;
}

.caisson_text p{
	font-size: 16px;
}

/*   振動ローラ　追加css   *//*   振動ローラ　追加css   *//*   振動ローラ　追加css   *//*   振動ローラ　追加css   *//*   振動ローラ　追加css   *//*   振動ローラ　追加css   */

.roller_setsubi_blk{
	display: flex;
	justify-content: center;
}
.roller_setsubi_blk .excavator_02_img{
	width: 370px;
	padding: 15px 20px 1px 20px;
	margin-top: 20px;
}

.roller_setsubi_box{
	align-items: center;
	margin-bottom: 5px;
}

.roller_setsubi_box p{
	font-size: 13px;
	text-align: center;
}

/*   深礎掘削機　追加css   *//*   深礎掘削機　追加css   *//*   深礎掘削機　追加css   *//*   深礎掘削機　追加css   *//*   深礎掘削機　追加css   *//*   深礎掘削機　追加css   */


/*   草刈機　追加css   *//*   草刈機　追加css   *//*   草刈機　追加css   *//*   草刈機　追加css   *//*   草刈機　追加css   *//*   草刈機　追加css   *//*   草刈機　追加css   */
.brush_soubi_blk{
	display: flex;
	justify-content: center;
	margin: 20px 0 10px 0;
}
.brush_soubi_blk .excavator_02_img{
	width: 350px;
	padding: 15px 20px 5px 20px;
}

.brush_sobi_box{
	align-items: center;
	margin-bottom: 10px;
}

.brush_sobi_box p{
	font-size: 13px;
	text-align: center;
}

.brush_soubi_blk .excavator_03_img{
	width: 380px;
}

/*   キャリアダンプ　追加css   *//*   キャリアダンプ　追加css   *//*   キャリアダンプ　追加css   *//*   キャリアダンプ　追加css   *//*   キャリアダンプ　追加css   */
.controller_setsubi_blk{
	display: flex;
	justify-content: center;
}
.controller_setsubi_blk .excavator_02_img{
	width: 500px;
	padding: 15px 20px 10px 20px;
	margin-top: 20px;
}

.controller_setsubi_box{
	align-items: center;
	margin-bottom: 5px;
}

.controller_setsubi_box p{
	font-size: 13px;
	text-align: center;
}


/*   リジットダンプ　追加css   *//*   リジットダンプ　追加css   *//*   リジットダンプ　追加css   *//*   リジットダンプ　追加css   *//*   リジットダンプ　追加css   */

/*   フォークリフト　追加css   *//*   フォークリフト　追加css   *//*   フォークリフト　追加css   *//*   フォークリフト　追加css   *//*   フォークリフト　追加css   */

/* =========================
   フォークリフト遠隔操作 写真レイアウト
========================= */
.l-technology_photo{
  padding: 40px 0;
}

.l-technology_photo_inner{
  width: 70%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 28px;
	margin: 0 auto;
}

/* item */
.l-technology_photo_item{
  margin: 0;
}

/* 画像枠 */
.l-technology_photo_img{
  width: 100%;
  overflow: hidden;
}

.l-technology_photo_img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* キャプション */
.l-technology_photo_cap{
  margin-top: 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
}

/* ===== PCレイアウト ===== */
@media (min-width:1024px){

  /* 上段3分割 */
  .l-technology_photo_item--a{ grid-column:1/span 4; }
  .l-technology_photo_item--b{ grid-column:5/span 4; }
  .l-technology_photo_item--c{ grid-column:9/span 4; }

  /* 下段2分割 */
  .l-technology_photo_item--d{ grid-column:1/span 6; }
  .l-technology_photo_item--e{ grid-column:7/span 6; }

  /* 縦長2枚 */
  .l-technology_photo_item--a .l-technology_photo_img,
  .l-technology_photo_item--b .l-technology_photo_img{
    aspect-ratio:3/4;
  }

  /* 横長 */
  .l-technology_photo_item--c .l-technology_photo_img{
    aspect-ratio:4/3;
  }

  .l-technology_photo_item--d .l-technology_photo_img,
  .l-technology_photo_item--e .l-technology_photo_img{
    aspect-ratio:16/9;
  }
}

/* ===== タブレット ===== */
@media (max-width:1023px){
  .l-technology_photo_inner{
    grid-template-columns:repeat(2,1fr);
  }

  .l-technology_photo_item--d,
  .l-technology_photo_item--e{
    grid-column:1/-1;
  }

  .l-technology_photo_img{ aspect-ratio:4/3; }
}

/* ===== スマホ ===== */
@media (max-width:599px){
  .l-technology_photo_inner{
    grid-template-columns:1fr;
    gap:22px;
  }

  .l-technology_photo_cap{
    font-size:16px;
  }
}

/* =========================
   フォークリフト自動運転 
========================= */












/*   詳細   */

.l-technology_top {
   
  }

.l-technology_title {
	  position: relative;
  width: 100%;
  height: 320px; /* 任意の高さ */
  overflow: hidden;
}

.l-technology_title_bg {
	position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像を領域にフィットさせる */
  z-index: 0;
}

.l-technology_h {
  position: relative;
  z-index: 1;
  /* テキストの位置調整（例：中央配置） */
  display: flex;
	flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  margin: 0;
  font-size: 2rem;
}
.l-technology_h h2, h3 {
	color: #fff!important;
	font-weight: 600;
}
.l-technology_h h2 {
	font-size: clamp(1.6rem, 8.533vw, 4.2rem);
}

/*   見出し   */
.l-technology_midasi_remote, .l-technology_midasi_auto { 
  font-size: clamp(1.4rem, 4.2vw, 2.2rem);
  color: #1564c5;
  font-weight: 600;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.l-technology_midasi_remote::before {
  content: '';
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  background: url('/img/technology/icon_remote.svg') no-repeat center / contain;
  flex-shrink: 0;
}

.l-technology_midasi_auto::before {
  content: '';
  display: inline-block;
  width: 1.6em;
  height: 1.6em;
  background: url('/img/technology/icon_auto.svg') no-repeat center / contain;
  flex-shrink: 0;
}

.l-technology-ttl_large_jp {

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: -webkit-linear-gradient(90deg, #1632a5 13%, #2bb8fd 100%);
  background-image: -ms-linear-gradient(90deg, #1632a5 13%, #2bb8fd 100%);
  font-family: 'Noto Sans JP', sans-serif;
  font-size: clamp(2rem, 3.667vw, 3rem);
  font-weight: 700;
  letter-spacing: 1;
  line-height: 1.25;
	margin-bottom: 2.0rem;
	
}

.l-technology_article {
	font-family: 'Noto Sans JP', sans-serif;
}

.l-technology_content .c-btn_more {
	width:42rem;
	min-width: 42rem;
	margin: 0 auto;
}



/*   取り付け装備   */

.l-technology_equip {
	background-color: #f2f7ff;
	padding: 1.8rem;
	border-radius: 14px;
	margin: 1.6rem 0;
}
.l-technology_equip h5 {
	color: #1564c5;
	font-weight: 500;
}
.l-technology_list_normal li {
	list-style: disc!important;
	margin-bottom: 1rem;
	margin-left: 1em;
}
.l-technology_content h6 {
	font-weight: 600;
	font-size: 1.6rem;
}

@media screen and (max-width: 47.9375em) {
  /* ここにスマホ版をまとめて書く */
}

/* テーブル  */

.l-technology_top_table {
  margin: min(3.333vw,4.8rem) 0;
}

.l-technology_top_table table {
  width: 100%;
  overflow: hidden;
  border-collapse: collapse;
}

.l-technology_top_table td,
.l-technology_top_table th {
  border-right: 1px solid #1564c5;
  border-bottom: 1px solid #1564c5;
  border-collapse: collapse;
}

.l-technology_top_table tr {
  border-right: solid 2px #1564c5;
  border-left: solid 2px #1564c5;
}

.l-technology_top_table tr:first-child {
  border-top: solid 2px #1564c5;
}

.l-technology_top_table tr:last-child {
  border-bottom: solid 2px #1564c5;
}

.l-technology_top_table tr:last-child th {
  border-bottom: none;
}

.l-technology_top_table tr.is-jp_txt th {
  padding: min(1.319vw,1.9rem) min(0.694vw,1rem) min(1.319vw,1.9rem);
}

.l-technology_top_table tr.is-jp_txt th:last-child {
  border-right: none;
}

.l-technology_top_table tr th {
  color: #1564c5;
  font-weight: 700;
  letter-spacing: .12em;
	text-align: center;
}

.l-technology_top_table tr th:nth-of-type(1) {
  width: 20.7%;
}

.l-technology_top_table tr th:nth-child(n+2) {
  width: 26.1%;
}

.l-technology_top_table tr th.is-en_ttl {
  padding: min(1.389vw,2rem) min(0.694vw,1rem) min(1.389vw,2rem);
  color: #1564c5;
  font-family: 'Montserrat', serif;
  font-size: clamp(1.4rem, 3.733vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.81;
	text-align: center;
}

.l-technology_top_table tr td {
  color: #444444;
  font-family: 'Montserrat', serif;
  font-size: 1.6rem;
  font-weight: 500;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75;
	text-align: center;
}

.l-technology_top_table tr td.is-border_none {
  border-right: 1px solid #444444;
  border-bottom: none;
}

.l-technology_top_table tr td.is-border_none:last-child {
  border-right: none;
}

.l-technology_top_table tr td.is-border_gray {
  border-right: 1px solid #444444;
  border-bottom: 1px solid #444444;
}

.l-technology_top_table tr td.is-border_gray:last-child {
  border-right: none;
}

/*    画像    */

.tech_clm3 {
  display: flex;
  justify-content:flex-start;
  gap:40px;
  padding: 40px 0;
}
.tech-contents01 p {
  margin: 0!important;
  font-weight: 600;
  font-size: 0.9em;
}
.tech_clm3 div {
  width: 100%;
  max-width: 400px;
}
.tech_clm3 img {
  width: 100%;
  max-width: 400px;
}
.tech_clm2 {
  display: flex;
  justify-content:flex-start;
  gap:40px;
  padding: 40px 0;
}
.tech_clm2 div {
  width: 100%;
  max-width: 490px;
}
.tech_clm2 img {
  width: 100%;
  max-width: 490px;
}

.tech_clm1 {
  display: flex;
  justify-content:center;
  gap:40px;
  padding: 40px 0;
}
.tech_clm1 div {
  width: 100%;
  max-width: 600px;
}
.tech_clm1 img {
  width: 100%;
  max-width: 600px;
}

.tech_eqp1 {
display: flex;
  justify-content:center;
  gap:40px;
  padding: 40px 0;
}
.tech_eqp1 div {
  width: 100%;
  max-width: 800px;
}
.tech_eqp1 img {
  width: 100%;
  max-width: 800px;
}

.tech_clm3, .tech_clm2, .tech_clm1, .tech_eqp1 p {
	text-align: center;
	font-size: 0.9em;
}

@media screen and (max-width: 64em) {

  .tech_clm3, .tech_clm2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap:10px;
    padding: 20px 0;
  }
}


/* faq */
.faq_outer {
	display: flex;
	flex-direction: column;
	gap: 16px;
    max-width: 1200px;
    margin: 0 auto;
}

.faq_item {
	border: 2px solid #297fca;
    padding: 20px 60px 0px 20px;
    border-radius: 15px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    background: #fff;
    transition: all 0.3s ease;
    flex-direction: column;
}
.faq_item::before,
.faq_item::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 25px;
    margin: auto;
    background: #297fca;
    width: 20px;
    height: 3px;
    transition: transform 0.3s ease;
}

.faq_item::after {
    transform: rotate(90deg);
}
.faq_item.active::after {
    transform: rotate(0deg);
}


.faq_question::before, .faq_answer::before {
    content: "";
    display: inline-block;
    width: 30px;           /* テキストと並ぶ時の幅 */
    height: 50px;          /* テキスト行に収まる高さ */
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top; /* ← top揃えにして下の透過を無視 */
    flex-shrink: 0;
    align-self: flex-start;    /* 縦方向でテキストと揃える */

}
.faq_question::before {
    background-image: url("../../img/technology/page_faq_q.svg");
}
.faq_answer::before {
    background-image: url("../../img/technology/page_faq_a.svg");
}


.faq_question p,
.faq_answer p {
    font-size: 16px;
    margin: 0;
    flex: 1;
}
.faq_question {
    display: flex;
    gap: 10px;
    cursor: pointer;
    width: 100%; 
    align-items: flex-start;
}
.faq_answer {
    display: none;
    gap: 12px;
    margin-bottom:20px;
}
.faq_answer p {
    line-height: 1.5;
    margin-top: -2px;
    margin-right: 10vw;
}

/*   トップへ戻る    */

.l-technology_backtotop {
	display: block;
	width: 100%;
	max-width: 280px;
	margin: 60px auto 0 auto;
}
.l-technology_backtotop img {
    width: 100%;
    transition: transform 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    cursor: pointer;
    display: block;
}

.l-technology_backtotop img:hover {
    transform: scale(1.05);
	
}

/*  対応建機一覧   */

.l-technology_model {
	margin-top:2.0rem;
}
.l-technology_model h5 {
	color: #1564c5;
	font-size: 1.0em;
	font-weight: 500;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid #1564c5;
}
.l-technology_model ul {
	margin-top: 18px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 6px;
}
.l-technology_model li {
	padding: 6px 15px;
	font-size: 0.9em;
	width: 23%;
	background-color: #f2f7ff;
	
}

@media screen and (max-width: 64em) and (max-width: 47.9375em) {
	
.l-technology_model li {
	width: 49%;
	
}	
	
}









/* 旧コード  */


.l-technology_content {
	text-align: left;
	margin-bottom: min(5.556vw,6rem);
}

.l-technology_lead {
	text-align: center;
	margin-bottom: min(5.556vw,6rem);
}

.l-technology_products {
  margin-top: -14rem;
  padding-top: 14rem;
}

.l-technology_link_block {
  padding-top: min(5.556vw,8rem);
  padding-bottom: 24rem;
  background: #f6f6f6;
}

.l-technology_remote {
  z-index: 2;
  position: relative;
}

.l-technology_remote_top_ttl {
  margin-bottom: min(1.389vw,2rem);
  color: #222222;
  font-family: 'Montserrat', serif;
  font-size: clamp(3.2rem, 8.533vw, 8rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.14286;
}

.l-technology_remote_top_txt {
  margin-bottom: min(4.583vw,6.6rem);
  color: #222222;
  font-size: clamp(1.6rem, 4.267vw, 3.2rem);
  font-weight: 700;
  letter-spacing: .12em;
}

.l-technology_remote_top_img {
  margin-bottom: min(5.972vw,8.6rem);
}

.l-technology_remote_top_product_txt {
  margin-bottom: min(4.167vw,6rem);
  text-align: left;
}

.l-technology_remote_top_product_txt_bottom {
  color: #222222;
  font-size: clamp(1.6rem, 4.267vw, 2rem);
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 2;
  text-align: left;
}

.l-technology_remote_top_figure {
  margin-bottom: min(2.778vw,4rem);
}

.l-technology_remote_top_table {
  margin-bottom: min(3.333vw,4.8rem);
}

.l-technology_remote_top_table table {
  width: 100%;
  overflow: hidden;
  border-collapse: collapse;
}

.l-technology_remote_top_table td,
.l-technology_remote_top_table th {
  border-right: 1px solid #1564c5;
  border-bottom: 1px solid #1564c5;
  border-collapse: collapse;
}

.l-technology_remote_top_table tr {
  border-right: solid 2px #1564c5;
  border-left: solid 2px #1564c5;
}

.l-technology_remote_top_table tr:first-child {
  border-top: solid 2px #1564c5;
}

.l-technology_remote_top_table tr:last-child {
  border-bottom: solid 2px #1564c5;
}

.l-technology_remote_top_table tr:last-child th {
  border-bottom: none;
}

.l-technology_remote_top_table tr.is-jp_txt th {
  padding: min(1.319vw,1.9rem) min(0.694vw,1rem) min(1.319vw,1.9rem);
}

.l-technology_remote_top_table tr.is-jp_txt th:last-child {
  border-right: none;
}

.l-technology_remote_top_table tr th {
  color: #1564c5;
  font-weight: 700;
  letter-spacing: .12em;
}

.l-technology_remote_top_table tr th:nth-of-type(1) {
  width: 20.7%;
}

.l-technology_remote_top_table tr th:nth-child(n+2) {
  width: 26.1%;
}

.l-technology_remote_top_table tr th.is-en_ttl {
  padding: min(1.389vw,2rem) min(0.694vw,1rem) min(1.389vw,2rem);
  color: #1564c5;
  font-family: 'Montserrat', serif;
  font-size: clamp(1.4rem, 3.733vw, 1.6rem);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.81;
}

.l-technology_remote_top_table tr td {
  color: #444444;
  font-family: 'Montserrat', serif;
  font-size: 1.6rem;
  font-weight: 500;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.75;
}

.l-technology_remote_top_table tr td.is-border_none {
  border-right: 1px solid #444444;
  border-bottom: none;
}

.l-technology_remote_top_table tr td.is-border_none:last-child {
  border-right: none;
}

.l-technology_remote_top_table tr td.is-border_gray {
  border-right: 1px solid #444444;
  border-bottom: 1px solid #444444;
}

.l-technology_remote_top_table tr td.is-border_gray:last-child {
  border-right: none;
}

.l-technology_remote_install_txt {
  margin-bottom: min(3.819vw,5.5rem);
}

.l-technology_remote_install_img {
  width: calc(50% - 2rem);
}

.l-technology_remote_install_img_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: min(2.361vw,3.4rem);
}

.l-technology_remote_install_patient {
  margin-bottom: min(7.5vw,10.8rem);
  color: #222222;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.66667;
  text-align: left;
}

.l-technology_remote_install_patient_list {
  color: #444444;
  font-weight: 400;
}

.l-technology_remote_install_detail {
  margin-bottom: min(5.556vw,8rem);
}

.l-technology_remote_install_detail_ttl {
  margin-bottom: min(3.75vw,5.4rem);
  color: #222222;
  font-size: clamp(2.4rem, 6.4vw, 3.2rem);
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.375;
  text-align: left;
}

.l-technology_remote_install_detail_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  width: calc(25% - 2.5rem);
  text-align: left;
}

.l-technology_remote_install_detail_list_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-technology_remote_install_detail_list_wrapper:nth-of-type(1) {
  margin-bottom: min(9.028vw,13rem);
}

.l-technology_remote_install_detail_list_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.l-technology_remote_install_detail_list_flex_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.l-technology_remote_install_detail_list_ttl {
  -webkit-box-flex: .9;
  -ms-flex: .9 1;
  flex: .9 1;
  color: #1564c5;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.5;
}

.l-technology_remote_install_detail_list_txt {
  -webkit-box-flex: 1.6;
  -ms-flex: 1.6 1;
  flex: 1.6 1;
  font-size: 1.4rem;
  letter-spacing: .12em;
  line-height: 1.71429;
}

.l-technology_remote_install_detail_list_img {
  margin-bottom: min(2.083vw,3rem);
}

.l-technology_remote_install_sample {
  border: 2px solid #1564c5;
}

.l-technology_remote_install_sample_wrapper.active .l-technology_remote_install_sample_btn::after {
  -webkit-transform: rotate(0);
  transform: rotate(0);
}

.l-technology_remote_install_sample_btn {
  display: block;
  position: relative;
  width: 100%;
  margin: auto;
  padding: min(2.639vw,3.8rem) min(0.694vw,1rem);
  color: #1564c5;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.4;
  cursor: pointer;
}

.l-technology_remote_install_sample_btn::before {
  display: block;
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 3.8rem;
  width: 2rem;
  height: 1px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: #1564c5;
  content: '';
}

.l-technology_remote_install_sample_btn::after {
  display: block;
  z-index: 1;
  position: absolute;
  top: 50%;
  right: 3.8rem;
  width: 2rem;
  height: 1px;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  border-radius: 1rem;
  background: #1564c5;
  content: "";
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}

.l-technology_remote_install_sample_content {
  margin: 0 min(2.778vw,4rem);
  padding: min(3.333vw,4.8rem) 0;
  border-top: 1px solid #f6f6f6;
  text-align: left;
}

.l-technology_remote_install_sample_cat {
  display: block;
  padding-bottom: 2rem;
  border-bottom: 1px solid #1564c5;
  color: #1564c5;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.75;
}

.l-technology_remote_install_sample_list {
  margin-top: min(0.417vw,0.6rem);
  margin-bottom: min(0.903vw,1.3rem);
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0;
}

.l-technology_remote_install_sample_list_wrapper:nth-of-type(1) {
  margin-bottom: min(2.361vw,3.4rem);
}

.l-technology_remote_install_sample_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 4px;
  margin-bottom: 1.8rem;
}

.l-technology_remote_install_sample_list ul li {
  width: calc(33% - 2px);
  margin: 2px 4px 2px 0;
  margin-top: 2px;
  padding: min(0.208vw,0.3rem) min(0.694vw,1rem);
  background: #f6f6f6;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2;
}

.l-technology_remote_install_sample_list ul li:nth-child(3n) {
  margin-right: 0;
}

.l-technology_remote_install_sample_txt {
  display: block;
  margin-top: min(2.778vw,4rem);
  font-size: 1.4rem;
  letter-spacing: 0;
  line-height: 2;
}

.l-technology_remote_custom_txt {
  margin-bottom: min(3.819vw,5.5rem);
}

.l-technology_remote_custom_img {
  margin-bottom: min(3.819vw,5.5rem);
}

.l-technology_remote_custom_feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.l-technology_remote_custom_feature_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: calc(50% - 4rem);
  padding: min(4.167vw,6rem) min(2.778vw,4rem);
}

.l-technology_remote_custom_feature_wrapper.is-normal {
  position: relative;
  background: #f6f6f6;
}

.l-technology_remote_custom_feature_wrapper.is-normal::after {
  display: inline-block;
  visibility: initial;
  position: absolute;
  top: 50%;
  right: -6rem;
  width: 4rem;
  height: 2rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url(/img//technology/modelv/l-technology_remote_arrow_blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
}

.l-technology_remote_custom_feature_wrapper.is-change {
  background-image: -webkit-linear-gradient(90deg, #1632a5 13%, #2bb8fd 100%);
  background-image: -ms-linear-gradient(90deg, #1632a5 13%, #2bb8fd 100%);
}

.l-technology_remote_custom_feature_ttl {
  width: min(7.639vw,11rem);
  margin-right: min(3.472vw,5rem);
  font-size: clamp(2.2rem, 5.867vw, 2.4rem);
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.75;
}

.l-technology_remote_custom_feature_ttl.is-normal {
  color: #222222;
}

.l-technology_remote_custom_feature_ttl.is-change {
  color: #ffffff;
}

.l-technology_remote_custom_feature_txt {
  font-size: 2rem;
  letter-spacing: 0;
  line-height: 2.1;
}

.l-technology_remote_custom_feature_txt.is-change {
  color: #ffffff;
}

.l-technology_remote_custom_feature_txt_time {
  display: inline-block;
  margin-left: min(1.736vw,2.5rem);
  font-weight: 700;
}

.l-technology_remote_custom_feature_txt_time.is-change {
  color: #ffffff;
}

.l-technology_remote_dl {
  padding-top: min(7.5vw,10.8rem);
  padding-bottom: min(7.5vw,10.8rem);
  background: #f6f6f6;
}

.l-technology_remote_dl_txt {
  display: block;
  margin-bottom: min(3.472vw,5rem);
  color: #222222;
  font-size: clamp(1.8rem, 4.8vw, 2.4rem);
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.75;
}

.l-technology_remote_flow_txt {
  margin-bottom: min(4.514vw,6.5rem);
}

.l-technology_remote_flow_list {
  width: calc(25% - 2rem);
  margin-bottom: min(3.472vw,5rem);
}

.l-technology_remote_flow_list:nth-child(n+5) {
  margin-bottom: 0;
}

.l-technology_remote_flow_list_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  text-align: left;
}

.l-technology_remote_flow_list_ttl {
  position: relative;
  margin-bottom: min(2.083vw,3rem);
  margin-left: min(1.389vw,2rem);
  color: #1564c5;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.75;
}

.l-technology_remote_flow_list_ttl_number {
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  z-index: -1;
  position: absolute;
  top: 50%;
  left: max(-1.389vw,-2rem);
  width: calc(100% + 2rem);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: -webkit-linear-gradient(-90deg, #d3e8f9 25%, #dfebf9 40%, #dfe3f2 50%, #dee0ef 100%);
  font-family: 'Montserrat', serif;
  font-size: 8rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: 0;
}

.l-technology_remote_flow_list_txt {
  font-size: 1.4rem;
  letter-spacing: .12em;
  line-height: 1.71429;
}

.l-technology_remote_flow_list_txt_block {
  display: block;
  margin-bottom: min(2.083vw,3rem);
}

.l-technology_remote_flow_list_info {
  font-size: 1.4rem;
  font-weight: 700;
}
.u-mb_92 {
  margin-bottom: min(6.389vw,9.2rem);
}
.prc_img iframe {
  width: 690px;
  height: 380px;
}



/*   20231206追加   */

.l-technology_remote_flow_newlist h4 {
color: #1564c5;
text-align: center;
font-weight: 600;
font-size: 1.6em;
}
.l-technology_remote_flow_newlist ul {
  margin: 20px 0;
}
.l-technology_remote_flow_newlist li {
  display: block;
  border: #1564c5 solid 1px;
  border-radius: 300px;
  padding: 20px;
  color: #1564c5;
  font-size: 1.4em;
  margin-bottom: 60px;
  position: relative;
}
.l-technology_remote_flow_newlist li:last-child {
  margin-bottom: 0;
}
.l-technology_remote_flow_newlist li::after {
  content: url(/img/technology/modelv/flow_arrow.svg);
  position: absolute;
  width: 28px;
  top: 120%;
  left: 50%;
  transform: translateX(-50%);
}
.l-technology_remote_flow_newlist li:last-child::after {
content: none;
}
.l-technology_remote_before {

}
.l-technology_remote_after li {
  background-color: #f8f8f8;
}


@media screen and (max-width: 47.9375em) {
  .l-technology_top {
    padding-top: 1.6rem;
  }
  .l-technology_link_block {
    padding-top: 8rem;
    padding-bottom: 16rem;
  }
  .l-technology_remote_top_ttl {
    margin-bottom: 2rem;
    line-height: 1.375;
  }
  .l-technology_remote_top_txt {
    margin-bottom: 3rem;
  }
  .l-technology_remote_top_img {
    margin-bottom: 2.6rem;
  }
  .l-technology_remote_top_product_txt {
    margin-bottom: 4rem;
  }
  .l-technology_remote_top_product_txt_bottom {
    line-height: 1.75;
  }
  .l-technology_remote_top_figure {
    margin-bottom: .5rem;
  }
  .l-technology_remote_top_table {
    margin-bottom: 3rem;
  }
  .l-technology_remote_top_table table {
    display: block;
    overflow-x: scroll;
  }
  .l-technology_remote_top_table tbody {
    display: block;
    padding-bottom: 2.8rem;
  }
  .l-technology_remote_top_table tr.is-jp_txt th {
    padding: 1.6rem .5rem;
  }
  .l-technology_remote_top_table tr th:nth-child(n+2) {
    min-width: 15rem;
  }
  .l-technology_remote_top_table tr th.is-en_ttl {
    padding: 2.4rem .5rem;
  }
  .l-technology_remote_install_txt {
    margin-bottom: 3.2rem;
  }
  .l-technology_remote_install_img {
    width: 100%;
  }
  .l-technology_remote_install_img:nth-of-type(1) {
    margin-bottom: .5rem;
  }
  .l-technology_remote_install_img_wrapper {
    display: block;
    margin-bottom: .6rem;
  }
  .l-technology_remote_install_patient {
    margin-bottom: 7rem;
  }
  .l-technology_remote_install_detail {
    margin-bottom: 2rem;
  }
  .l-technology_remote_install_detail_ttl {
    margin-bottom: 1.4rem;
  }
  .l-technology_remote_install_detail_list {
    width: calc(50% - 1rem);
    margin-bottom: 7.6rem;
  }
  .l-technology_remote_install_detail_list_wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .l-technology_remote_install_detail_list_wrapper:nth-of-type(1) {
    margin-bottom: 6rem;
  }
  .l-technology_remote_install_detail_list_ttl {
    -webkit-box-flex: .5;
    -ms-flex: .5 1;
    flex: .5 1;
    margin-bottom: 1rem;
  }
  .l-technology_remote_install_detail_list_img {
    margin-bottom: 2.4rem;
  }
  .l-technology_remote_install_sample_btn {
    padding: 3rem 3rem;
    font-size: 2.4rem;
    text-align: left;
  }
  .l-technology_remote_install_sample_btn::before {
    right: 3rem;
  }
  .l-technology_remote_install_sample_btn::after {
    right: 3rem;
  }
  .l-technology_remote_install_sample_content {
    margin: 1rem 2.8rem 2rem;
    padding: 4rem 0 0;
  }
  .l-technology_remote_install_sample_cat {
    padding-bottom: 1.5rem;
  }
  .l-technology_remote_install_sample_list {
    margin-top: 1.6rem;
    margin-bottom: 1.3rem;
  }
  .l-technology_remote_install_sample_list_wrapper:nth-of-type(1) {
    margin-top: 3.5rem;
    margin-bottom: 2rem;
  }
  .l-technology_remote_install_sample_list ul {
    margin-top: 0.8rem;
    margin-bottom: 0.6rem;
  }
  .l-technology_remote_install_sample_list ul li {
    width: 100%;
    margin: 0 0 2px;
    padding: 0.4rem 1.2rem;
  }
  .l-technology_remote_install_sample_txt {
    margin-top: 0;
  }
  .l-technology_remote_custom_txt {
    margin-bottom: 3.2rem;
  }
  .l-technology_remote_custom_img {
    margin-bottom: 5.2rem;
  }
  .l-technology_remote_custom_feature {
    display: block;
  }
  .l-technology_remote_custom_feature_wrapper.is-normal {
    margin-bottom: 8rem;
  }
  .l-technology_remote_custom_feature_wrapper.is-normal::after {
    top: auto;
    right: auto;
    bottom: -5rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0) rotate(90deg);
    transform: translate(-50%, 0) rotate(90deg);
  }
  .l-technology_remote_custom_feature_txt_time {
    margin-left: 3rem;
  }
  .l-technology_remote_dl {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
  .l-technology_remote_dl_txt {
    line-height: 1.5;
  }
  .l-technology_remote_flow_txt {
    margin-bottom: 7.2rem;
  }
  .l-technology_remote_flow_list:nth-child(n+5) {
    margin-bottom: 6rem;
  }
  .l-technology_remote_flow_list_wrapper {
    display: block;
    margin-bottom: -6rem;
  }
  .l-technology_remote_flow_list_ttl_number {
    display: block;
    left: -2.5rem;
    width: calc(100% + 2.5rem);
  }
  .l-technology_remote_flow_list_txt_block {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 64em) {
  .l-technology_products {
    margin-top: -10rem;
    padding-top: 10rem;
  }
  .l-technology_remote_top_table tr th:nth-of-type(1) {
    min-width: 18rem;
  }
  .l-technology_remote_flow_list_ttl {
    min-height: 5.5rem;
  }
}

@media screen and (max-width: 64em) and (max-width: 47.9375em) {
  .l-technology_remote_top_table tr th:nth-of-type(1) {
    min-width: 17rem;
  }
  .l-technology_remote_flow_list_ttl {
    min-height: 0;
    margin-bottom: 3.6rem;
    margin-left: 2.5rem;
    line-height: 1.5;
  }
}

@media screen and (max-width: 73.75em) {
  .l-technology_remote_custom_feature_wrapper {
    display: block;
    text-align: left;
  }
  .l-technology_remote_custom_feature_ttl {
    width: 100%;
  }
  .l-technology_remote_flow_list {
    width: calc(25% - 1.2rem);
  }
}

@media screen and (max-width: 73.75em) and (max-width: 47.9375em) {
  .l-technology_remote_custom_feature_wrapper {
    width: 100%;
    padding: 2.2rem 4rem;
  }
  .l-technology_remote_custom_feature_ttl {
    margin-right: 0;
    margin-bottom: .4rem;
  }
  .l-technology_remote_flow_list {
    width: 100%;
    margin-bottom: 6rem;
  }
  .prc_img {
    width: 100%;
  padding-top: 56.25%;
  position: relative;
  }
  .prc_img iframe {
    width: 100%;
    height: 100%;
    position: absolute;
  top: 0;
  left: 0;
  }
}

/* =========================
   Technology：スマホ最適化
   ========================= */
@media screen and (max-width: 47.9375em){

  /* --- KV/タイトル周り --- */
  .l-technology_title{
    height: 220px; /* 320px固定だと縦が長いなら調整 */
  }
  .l-technology_h{
    padding: 0 16px;
    text-align: center;
  }

  /* --- ボタン（固定42remが原因で確実にはみ出ます） --- */
  .l-technology_content .c-btn_more{
    width: 100%;
    min-width: 0;      /* ← ここが肝 */
    max-width: 100%;
  }

  /* --- 対応実績型番：4列(23%)はスマホだと窮屈なので2列へ --- */
  .l-technology_model ul{
    gap: 8px;
  }
  .l-technology_model li{
    width: calc(50% - 4px); /* 2列 */
    padding: 8px 10px;
    font-size: 0.95em;
  }
  .tec_text_p{
    text-align: left;  /* 右寄せだと行が詰まりやすい */
    font-size: 12px;
  }

  /* --- MODEL E/V 画像：横2枚がスマホでキツいので縦積み --- */
  .madel_e{
    flex-direction: column;
    align-items: center;
    gap: 12px;
  }
  .madel_e .model_e_img{
    width: min(320px, 100%);
    padding: 0;
  }

  /* --- 取付装備画像ブロック：横並び→縦並び --- */
  .soubi_01_blk,
  .soubi_02_blk,
  .setsubi_blk{
	display: flex; 
    flex-direction: column;
    align-items: center;
    gap: 25px;
	margin-bottom: 30px;
	text-align: center;
	padding-top: 20px;
  }

  .soubi_01_blk .excavator_01_img,
  .soubi_02_blk .excavator_02_img,
  .setsubi_blk .excavator_02_img{
    width: min(360px, 100%);
    padding: 0;
  }

  .sobi_02_box{
    width: 100%;
	text-align: center;
  }
  .sobi_02_box p,
  .setsubi_box p{
    font-size: 12px;
    line-height: 1.5;
  }

  /* --- ギャラリー：画像が 260px 固定なのでレスポンシブに --- */
  .gallery-grid{
    width: calc(100% - 24px);
  }
  .gallery-item img{
    width: 100%;
    height: auto;       /* ← 固定210pxをやめる */
    aspect-ratio: 4 / 3;/* 近い比率で維持 */
  }

  /* --- FAQ：右余白が大きく、本文に margin-right:10vw もあるので緩和 --- */
  .faq_item{
    padding: 18px 44px 0 16px;
  }
  .faq_item::before,
  .faq_item::after{
    right: 16px;
    width: 18px;
  }
  .faq_question p,
  .faq_answer p{
    font-size: 15px;
  }
  .faq_answer p{
    margin-right: 0; /* ← これが地味に効く */
  }

  /* --- 画像カラム（tech_clm系）：既に64emで縦積み化してるが、
         SPでは余白をさらに詰めるだけ --- */
  .tech_clm3, .tech_clm2, .tech_clm1, .tech_eqp1{
    padding: 20px 0;
    gap: 16px;
  }

  /* --- 一覧（scene_list）：84emで30vwになってるのでスマホは1列に寄せる --- */
  .l-technology_scene_list{
    padding: 0 16px;
    gap: 14px;
    justify-content: center;
  }
  .l-technology_scene_list div{
    width: 100%;
    max-width: 420px;
    height: auto;          /* 300固定を外す */
    min-height: 240px;
    padding: 1.6rem;
    align-items: center;
    justify-content: center;
  }
  .l-technology_scene_list h4{
    height: auto;
    margin: 14px auto 16px;
    font-size: 1.2em;
  }

  /* --- 戻るボタン周り --- */
  .l-technology_backtotop{
    max-width: 240px;
    margin-top: 40px;
  }
}


