@charset "UTF-8";
/* CSS Document */


/* ------------------------------ */
/* PC表示用CSS  */
/* ------------------------------ */
body.page-drone.no-slider #box1 .slider {
  background-image: url("paint-img/drone-pc-fv.jpg");
  background-size:cover;
  background-repeat:no-repeat;
  backround-position:center;
}
/* 現状パスが途切れている状態なので確認後不要であれば削除 */ 
@media (max-width: 767px) {
body.page-drone.no-slider #box1 .slider {
  background-image: url("paint-img/fv-paint-default-001sp.jpg");
}
}


body.page-drone #box1 .section-head {
position:relative;
top:14%;
left:4%;
z-index: 1; 
}
@media (max-width: 767px) {
body.page-drone .section-head {
background: none;
}
}

body.page-drone #box1 .section-head {
position:relative;
top:20%;
left:4%;
z-index: 1; 
}
@media (max-width: 767px) {
body.page-drone .section-head {
background: none;
}
}

body.page-drone #box1 .typography{
position:absolute; 
top:14%;
left:4%;
width:90%;
height:auto;
}
@media (max-width: 767px) {
body.page-drone #box1 .typography{
top:11%;
left:8%;
width:80%;
height:auto;
}
}

body.page-drone #box1 .drone-main-image{
position:absolute; 
top:24%;
right:4%;
width: 64%;
height:auto;
}
@media (max-width: 767px) {
body.page-drone #box1 .drone-main-image{
top:8%;
right:0;
width:90%;
height:auto;
}
}


body.page-drone #box1 .main-title { 
width:56%!important;
height:auto!important;
}



body.page-drone #box1 .sub-title{ 
width:32%!important;
height:auto!important;
}
@media (max-width: 767px) {
body.page-drone #box1 .sub-title{ 
width:54%!important;
height:auto!important;
}
}






/* ------------------------------ */
/* SP表示用CSS  */
@media (max-width: 767px) {
/* FV背景：上（写真） */
body.page-drone #box1 .sp-top {
width: 100%;
/* ここが肝：背景だけのdivに高さを作る */
min-height: 52%;
background-image: url("paint-img/sp-top.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

/* FV背景：下（青） */
body.page-drone #box1 .sp-bottom {
width: 100%;
min-height: 48%;
padding-top:4%;
padding-bottom:8%;
background-image: url("paint-img/sp-bottom.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
}

/* SP表示用CSS / CTA下 注弱テキスト  */
body.page-drone #box1 .badge {
width:32%!important;
height: auto!important;
}
@media (max-width: 767px) {
body.page-drone #box1 .badge {
width:90%!important;
height: auto!important;
margin:0 auto;
}
}

/* ------------------------------ */
/* SP表示用CSS / CTA下 注弱テキスト  */
/* ------------------------------ */
body.page-drone .bottom-txt{
text-align:center; 
color:#754c24;
width:95vw;
height:auto;
margin:0 auto;
font-size:0.9em;
}
@media (max-width: 767px) {
body.page-drone .bottom-txt{
position:relative;
top:-1vh;
color:white;
font-size:0.7em;
}
}

@media (max-width: 767px) {
body.page-drone #box1 .service-text {
width:64%!important;
height: auto!important;
margin:0 auto;
color:white;
}

body.page-drone #box1 .service-icon {
width:64%!important;
height: auto!important;
margin:0 auto;
}
}
/* ===== Scroll Indicator dark ver ===== */
body.page-drone .scroll-indicator {
position: relative;
left: 50%;
bottom:-20%;
transform: translateX(-50%);
text-align: center;
color: white;
cursor: pointer;
z-index: 10;
animation: scrollBounce 2s infinite;
display: flex;
flex-direction: column;
align-items: center;
}
@media (max-width: 767px) {
.scroll-indicator {
bottom:4%!important;
}
}




/* ------------------------------ */
/* Se2  */
/* ------------------------------ 
body.page-drone #box12 {
padding-top: 8%;
position: relative;
isolation: isolate;
min-height: 100vh;
font-family: "Noto Serif JP", serif;
background: url("paint-img/box12-bg.jpg") center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box12 {
min-height:auto;
padding-top:8%;
padding-bottom: 8%;
position: relative;
isolation: isolate;
font-family: "Noto Serif JP", serif;
background: url("paint-img/box12-spbg.jpg") center / cover no-repeat;
}
}

.file { 
width:90vw; 
height: 80vh;
margin:0 auto; 
margin-top:-1%;
background-color:black; 
opacity:0.5;
padding-top:4%;
}
@media (max-width: 767px) {
.file { 
width:90%; 
height: 80%;
margin:0 auto; 
background-color:black; 
opacity:0.8;
}
}


body.page-drone #box12 .section-head {
position:relative;
top:0vh;
margin-top:4%;
margin-bottom: 0; 
}
@media (max-width: 767px) {
body.page-drone #box12 .section-head {
background: none;
top:0vh;
margin-top:24%;
}
}


body.page-drone #box12 .moji{
width:90%;
height:auto;
margin:0 auto;
}
@media (max-width: 767px) {
body.page-drone #box12 .moji{
width:90%;
height:auto;
margin:0 auto;
}
}

body.page-drone #box12 .main-title{ 
width:56%!important;
height:auto!important;
}
@media (max-width: 767px) {
body.page-drone #box12 .main-title{ 
width:64%!important;
height:auto!important;
}
}

body.page-drone #box12 .main-menu{ 
width:48%!important;
height:auto!important;
}
@media (max-width: 767px) {
body.page-drone #box12 .main-menu{ 
width:100%!important;
height:auto!important;
}
}

*/




/* ------------------------------ */
/* box12 drone menu */
/* ------------------------------ */
body.page-drone #box12 {
  position: relative;
  isolation: isolate;

  padding: 7% 0 6%;
  font-family: "Noto Serif JP", serif;
  background: url("paint-img/box12-bg.jpg") center center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box12 {
  background: url("paint-img/box12-spbg.jpg") center center / cover no-repeat;
}
}


body.page-drone #box12 .file {
  position: relative;
  width:94%;
  margin: 0 auto;
  padding: 2% 4%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

/* 黒い透過パネルだけを別レイヤー化 */
body.page-drone #box12 .drone-menu-panel {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  padding: 40px 34px 34px;
}

body.page-drone #box12 .drone-menu-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 0;
}

body.page-drone #box12 .drone-menu-copy,
body.page-drone #box12 .drone-menu-body {
  position: relative;
  z-index: 1;
}

body.page-drone #box12 .drone-menu-copy {
  margin-bottom: 26px;
}

body.page-drone #box12 .moji {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.page-drone #box12 .drone-menu-title {
  margin: -2.2vw 0 10px;
  font-size: clamp(40px, 4vw, 72px);
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12 .drone-menu-lead {
  margin: 0;
  font-size: clamp(20px, 1.9vw, 38px);
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12 .drone-menu-body {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 26px;
  align-items: start;
}

body.page-drone #box12 .drone-menu-list {
  padding: 0;
}

body.page-drone #box12 .drone-menu-heading {
  margin: 0 0 26px;
  font-size: clamp(42px, 3.1vw, 72px);
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

body.page-drone #box12 .drone-menu-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-drone #box12 .drone-menu-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

body.page-drone #box12 .drone-menu-nav li + li {
  margin-top: 22px;
}

body.page-drone #box12 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
}

body.page-drone #box12 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12 .drone-menu-cards {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 22px;
  align-items: start;
}

body.page-drone #box12 .drone-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}

body.page-drone #box12 .drone-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 5.2;
  object-fit: cover;
}

body.page-drone #box12 .drone-card span {
  position: absolute;
  left: 16%;
  right: -48%;
  bottom: 16px;
  padding-left: 2px;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

body.page-drone #box12 .drone-card span::before {
  content: "";
  position: absolute;
  left: -6%;
  top: 0.62em;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12 .drone-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
}

body.page-drone #box12 .drone-card:hover img {
  transform: scale(1.03);
  transition: transform 0.35s ease;
}

body.page-drone #box12 .drone-card img {
  transition: transform 0.35s ease;
}

/* ------------------------------ */
/* tablet */
/* ------------------------------ */
@media (max-width: 1180px) {
  body.page-drone #box12 .drone-menu-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.page-drone #box12 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ------------------------------ */
/* sp */
/* ------------------------------ */
@media (max-width: 767px) {
  body.page-drone #box12 {
    min-height: auto;
    padding: 8% 0 10%;
    background: url("paint-img/box12-spbg.jpg") center center / cover no-repeat;
  }

  body.page-drone #box12 .file {
    width: 90%;
    padding: 4%;
  }

  body.page-drone #box12 .drone-menu-panel {
    padding: 22px 18px 22px;
    border-radius: 24px;
  }

  body.page-drone #box12 .drone-menu-panel::before {
    background: rgba(0, 0, 0, 0.6);
  }

  body.page-drone #box12 .moji {
    width: 100%;
  }

  body.page-drone #box12 .drone-menu-copy {
    margin-bottom: 18px;
  }

  body.page-drone #box12 .drone-menu-title {
    margin: 10px 0 10px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12 .drone-menu-lead {
    font-size: clamp(18px, 4.7vw, 30px);
    line-height: 1.5;
  }

  body.page-drone #box12 .drone-menu-body {
    display: block;
  }

  body.page-drone #box12 .drone-menu-list {
    padding: 0;
    margin-bottom: 26px;
  }

  body.page-drone #box12 .drone-menu-heading {
    margin-bottom: 18px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12 .drone-menu-nav li + li {
    margin-top: 16px;
  }

  body.page-drone #box12 .drone-menu-nav a {
    padding: 0 0 8px 24px;
    font-size: clamp(17px, 4.8vw, 24px);
  }

  body.page-drone #box12 .drone-menu-nav a::before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ff1d1d;
  }

  body.page-drone #box12 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 16px;
  }

  body.page-drone #box12 .drone-card {
    border-radius: 24px;
    overflow: hidden;
  }

  body.page-drone #box12 .drone-card img {
    aspect-ratio: 1 / 1.18;
  }

  body.page-drone #box12 .drone-card span {
    left: 10px;
    right: 10px;
    bottom: 12px;
    padding-left: 18px;
    font-size: 15px;
  }

  body.page-drone #box12 .drone-card::after {
    left: 10px;
    right: 10px;
    bottom: 8px;
  }
}

.txt-size { 
width:48%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
@media (max-width: 767px) {
.txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
}

.main-txt-size { 
width:32%;
height:auto;
position:relative;
margin-top:-6%; 
left:0%; 
}
@media (max-width: 767px) {
.main-txt-size { 
width:100%;
height:auto;
position:relative;
margin-top: 2%; 
left:0%; 
}
}




body.page-drone #box12 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

body.page-drone #box12 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
  transition:
    border-left-color 0.35s ease,
    transform 0.35s ease;
}

/* 下線を疑似要素で作る */
body.page-drone #box12 .drone-menu-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.75);
  transform-origin: left center;
  transition:
    background-color 0.35s ease,
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* liの既存ボーダーは消す */
body.page-drone #box12 .drone-menu-nav li {
  border-bottom: none;
}

body.page-drone #box12 .drone-menu-nav li + li {
  margin-top: 22px;
}

/* hover / focus */
body.page-drone #box12 .drone-menu-nav a:hover,
body.page-drone #box12 .drone-menu-nav a:focus-visible {
  color: #7ec3ff;
  transform: translateX(6px);
}

body.page-drone #box12 .drone-menu-nav a:hover::before,
body.page-drone #box12 .drone-menu-nav a:focus-visible::before {
  border-left-color: #7ec3ff;
  transform: translateY(-50%) translateX(4px);
}

body.page-drone #box12 .drone-menu-nav a:hover::after,
body.page-drone #box12 .drone-menu-nav a:focus-visible::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
  transform: scaleX(1.04);
  opacity: 1;
}


body.page-drone #box12 .drone-menu-nav a:active {
  color: #7ec3ff;
  transform: translateX(4px);
}

body.page-drone #box12 .drone-menu-nav a:active::before {
  border-left-color: #7ec3ff;
}

body.page-drone #box12 .drone-menu-nav a:active::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
}




body.page-drone #box12 .drone-card {
  transition: transform 0.35s ease, filter 0.35s ease;
}

body.page-drone #box12 .drone-card:hover {
  transform: translateY(-4px);
  filter: brightness(1.04);
}

body.page-drone #box12 .drone-card img {
  transition: transform 0.35s ease;
}

body.page-drone #box12 .drone-card:hover img {
  transform: scale(1.04);
}

body.page-drone #box12 .drone-card span {
  transition: color 0.35s ease, transform 0.35s ease;
}

body.page-drone #box12 .drone-card:hover span {
  color: #bfe4ff;
  transform: translateX(4px);
}

body.page-drone #box12 .drone-card::after {
  transition: background-color 0.35s ease, transform 0.35s ease;
  transform-origin: left center;
}

body.page-drone #box12 .drone-card:hover::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #cfe9ff 100%);
  transform: scaleX(1.04);
}


















/* ------------------------------ */
/* box12-1 drone menu */
/* ------------------------------ */
body.page-drone #box12-1 {
  position: relative;
  isolation: isolate;

  padding: 7% 0 6%;
  font-family: "Noto Serif JP", serif;
  background: url("paint-img/box12-1-bg.jpg") center center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box12-1 {
  background: url("paint-img/box12-1-spbg.jpg") center center / cover no-repeat;
}
}


body.page-drone #box12-1 .file {
  position: relative;
  width:94%;
  margin: 0 auto;
  padding: 3% 4%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

/* 黒い透過パネルだけを別レイヤー化 */
body.page-drone #box12-1 .drone-menu-panel {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  padding: 40px 34px 34px;
}

body.page-drone #box12-1 .drone-menu-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 0;
}

body.page-drone #box12-1 .drone-menu-copy,
body.page-drone #box12-1 .drone-menu-body {
  position: relative;
  z-index: 1;
}

body.page-drone #box12-1 .drone-menu-copy {
  margin-bottom: 26px;
}

body.page-drone #box12-1 .moji {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.page-drone #box12-1 .drone-menu-title {
  margin: -2.2vw 0 10px;
  font-size: clamp(40px, 4vw, 72px);
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-1 .drone-menu-lead {
  margin: 0;
  font-size: clamp(20px, 1.9vw, 38px);
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-1 .drone-menu-body {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 26px;
  align-items: start;
}

body.page-drone #box12-1 .drone-menu-list {
  padding: 0;
}

body.page-drone #box12-1 .drone-menu-heading {
  margin: 0 0 26px;
  font-size: clamp(42px, 3.1vw, 72px);
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

body.page-drone #box12-1 .drone-menu-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-drone #box12-1 .drone-menu-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

body.page-drone #box12-1 .drone-menu-nav li + li {
  margin-top: 22px;
}

body.page-drone #box12-1 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
}

body.page-drone #box12-1 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-1 .drone-menu-cards {
  display: grid;
 /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
    grid-template-columns:0.92fr 0.9fr 1.72fr;
  gap: 22px;
  align-items: start;
}

body.page-drone #box12-1 .drone-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}

body.page-drone #box12-1 .drone-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 5.2;
  object-fit: cover;
}

body.page-drone #box12-1 .drone-card span {
  position: absolute;
  left: 16%;
  right: -48%;
  bottom: 16px;
  padding-left: 2px;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

body.page-drone #box12-1 .drone-card span::before {
  content: "";
  position: absolute;
  left: -6%;
  top: 0.62em;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #ff1d1d;
  transform: translateY(-50%);
}

/* カード内部 : 下線表示をコメントアウト */
/*body.page-drone #box12-1 .drone-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
} */

body.page-drone #box12-1 .drone-card:hover img {
  transform: scale(1.03);
  transition: transform 0.35s ease;
}

body.page-drone #box12-1 .drone-card img {
  transition: transform 0.35s ease;
}

/* ------------------------------ */
/* tablet */
/* ------------------------------ */
@media (max-width: 1180px) {
  body.page-drone #box12-1 .drone-menu-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.page-drone #box12-1 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ------------------------------ */
/* sp */
/* ------------------------------ */
@media (max-width: 767px) {
  body.page-drone #box12-1 {
    min-height: auto;
    padding: 8% 0 10%;
    background: url("paint-img/box12-1-spbg.jpg") center center / cover no-repeat;
  }

  body.page-drone #box12-1 .file {
    width: 90%;
    padding: 4%;
  }

  body.page-drone #box12-1 .drone-menu-panel {
    padding: 22px 18px 22px;
    border-radius: 24px;
  }

  body.page-drone #box12-1 .drone-menu-panel::before {
    background: rgba(0, 0, 0, 0.6);
  }

  body.page-drone #box12-1 .moji {
    width: 100%;
  }

  body.page-drone #box12-1 .drone-menu-copy {
    margin-bottom: 18px;
  }

  body.page-drone #box12-1 .drone-menu-title {
    margin: 10px 0 10px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-1 .drone-menu-lead {
    font-size: clamp(18px, 4.7vw, 30px);
    line-height: 1.5;
  }

  body.page-drone #box12-1 .drone-menu-body {
    display: block;
  }

  body.page-drone #box12-1 .drone-menu-list {
    padding: 0;
    margin-bottom: 26px;
  }

  body.page-drone #box12-1 .drone-menu-heading {
    margin-bottom: 18px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-1 .drone-menu-nav li + li {
    margin-top: 16px;
  }

  body.page-drone #box12-1 .drone-menu-nav a {
    padding: 0 0 8px 24px;
    font-size: clamp(17px, 4.8vw, 24px);
  }

  body.page-drone #box12-1 .drone-menu-nav a::before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ff1d1d;
  }

  body.page-drone #box12-1 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 16px;
  }

  body.page-drone #box12-1 .drone-card {
    border-radius: 24px;
    overflow: hidden;
  }

  body.page-drone #box12-1 .drone-card img {
    aspect-ratio: 1 / 1.18;
  }

  body.page-drone #box12-1 .drone-card span {
    left: 10px;
    right: 10px;
    bottom: 12px;
    padding-left: 18px;
    font-size: 15px;
  }

  body.page-drone #box12-1 .drone-card::after {
    left: 10px;
    right: 10px;
    bottom: 8px;
  }
}

body.page-drone #box12-1.txt-size { 
width:48%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-1.txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
}

body.page-drone #box12-1 .main-txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:-6%; 
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-1 .main-txt-size { 
width:100%;
height:auto;
position:relative;
margin-top: 2%; 
left:0%; 
}
}




body.page-drone #box12-1 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

body.page-drone #box12-1 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
  transition:
    border-left-color 0.35s ease,
    transform 0.35s ease;
}

/* 下線を疑似要素で作る */
body.page-drone #box12-1 .drone-menu-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.75);
  transform-origin: left center;
  transition:
    background-color 0.35s ease,
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* liの既存ボーダーは消す */
body.page-drone #box12-1 .drone-menu-nav li {
  border-bottom: none;
}

body.page-drone #box12-1 .drone-menu-nav li + li {
  margin-top: 22px;
}

/* hover / focus */
body.page-drone #box12-1 .drone-menu-nav a:hover,
body.page-drone #box12-1 .drone-menu-nav a:focus-visible {
  color: #7ec3ff;
  transform: translateX(6px);
}

body.page-drone #box12-1 .drone-menu-nav a:hover::before,
body.page-drone #box12-1 .drone-menu-nav a:focus-visible::before {
  border-left-color: #7ec3ff;
  transform: translateY(-50%) translateX(4px);
}

body.page-drone #box12-1 .drone-menu-nav a:hover::after,
body.page-drone #box12-1 .drone-menu-nav a:focus-visible::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
  transform: scaleX(1.04);
  opacity: 1;
}


body.page-drone #box12-1 .drone-menu-nav a:active {
  color: #7ec3ff;
  transform: translateX(4px);
}

body.page-drone #box12-1 .drone-menu-nav a:active::before {
  border-left-color: #7ec3ff;
}

body.page-drone #box12-1 .drone-menu-nav a:active::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
}

.drone-menu-list p { 
color:white;
}

body.page-drone #box12-1 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}


/* =======================================
   box12-1 SP カード配置調整
   1段目: 2枚 / 2段目: 3枚目を横長1枚 / テスト中 
======================================= */
/* =======================================
   box12-1 右カードエリア修正
   PC / SP を明示的に分離
======================================= */

/* ---------- PC ---------- */
body.page-drone #box12-1 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}

body.page-drone #box12-1 .detail-card {
  overflow: hidden;
  height: 520px;
}

body.page-drone #box12-1 .detail-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PCでは3枚目を縦に伸ばさない */
body.page-drone #box12-1 .detail-card-1,
body.page-drone #box12-1 .detail-card-2,
body.page-drone #box12-1 .detail-card-3 {
  grid-column: auto;
  aspect-ratio: auto;
  margin-top: 0;
}

/* ---------- SP ---------- */
@media (max-width: 767px) {
  body.page-drone #box12-1 .drone-detail-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5%;
    align-items: start;
    margin-top: 6%;
  }

  body.page-drone #box12-1 .detail-card {
    height: auto;
    border-radius: 8%;
  }

  body.page-drone #box12-1 .detail-card-1,
  body.page-drone #box12-1 .detail-card-2 {
    grid-column: span 1;
    aspect-ratio: 1 / 1.05;
    margin-top: 0;
  }

  body.page-drone #box12-1 .detail-card-3 {
    grid-column: 1 / -1;
    aspect-ratio: 1.6 / 1;
    margin-top: 1.5%;
  }

  body.page-drone #box12-1 .detail-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* 段落調整 */
@media (max-width: 767px) {
  body.page-drone #box12-1 .drone-point h3 {
    margin: 0 0 2%;
  }

  body.page-drone #box12-1 .drone-point + .drone-point {
    margin-top: 3.5%;
  }
}

/* ======================================= */
/* メニューリスト表示調整中 01 */
/* ======================================= */

body.page-drone #box12-1 .drone-menu-list {
  padding-top: 8px;
}

body.page-drone #box12-1 .drone-point + .drone-point {
  margin-top: 34px;
}

body.page-drone #box12-1 .drone-point h3 {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 8px 26px;
  font-size: 1em;
  line-height: 1.45;
  font-weight: 200;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}

body.page-drone #box12-1 .drone-point h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-1 .drone-point p {
  margin: 0;
  font-size: 1.0em;
  line-height: 1.8;
  font-weight: 100;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}


/* ---------------------------------
   box12-1 左説明 h3 の不要装飾を打ち消す
--------------------------------- */
body.page-drone #box12-1 .drone-point h3,
body.page-drone #box12-1 .drone-menu-list h3 {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  blur: none !important;
}

/* 疑似要素で白線や装飾を乗せている場合も打ち消す */
body.page-drone #box12-1 .drone-point h3::after,
body.page-drone #box12-1 .drone-menu-list h3::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* もし h3 自体に下線装飾を別指定していた場合の基本形 */
body.page-drone #box12-1 .drone-point h3,
body.page-drone #box12-1 .drone-menu-list h3 {
  color: #fff;
  font-weight: 700;
}


/* ---------------------------------
   box12-1 カード静的化 / 
--------------------------------- */
body.page-drone #box12-1 .drone-card,
body.page-drone #box12-1 .drone-card * {
  transition: none !important;
  animation: none !important;
}

body.page-drone #box12-1 .drone-card:hover,
body.page-drone #box12-1 .drone-card:hover * {
  transform: none !important;
  filter: none !important;
}





























/* ------------------------------ */
/* box12-2 drone menu */
/* ------------------------------ */
body.page-drone #box12-2 {
  position: relative;
  isolation: isolate;

  padding: 7% 0 6%;
  font-family: "Noto Serif JP", serif;
  background: url("paint-img/box12-2-bg.jpg") center center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box12-2 {
  background: url("paint-img/box12-2-spbg.jpg") center center / cover no-repeat;
}
}


body.page-drone #box12-2 .file {
  position: relative;
  width:94%;
  margin: 0 auto;
  padding: 2% 4%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

/* 黒い透過パネルだけを別レイヤー化 */
body.page-drone #box12-2 .drone-menu-panel {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  padding: 40px 34px 34px;
}

body.page-drone #box12-2 .drone-menu-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 0;
}

body.page-drone #box12-2 .drone-menu-copy,
body.page-drone #box12-2 .drone-menu-body {
  position: relative;
  z-index: 1;
}

body.page-drone #box12-2 .drone-menu-copy {
  margin-bottom: 26px;
}

body.page-drone #box12-2 .moji {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.page-drone #box12-2 .drone-menu-title {
  margin: -2.2vw 0 10px;
  font-size: clamp(40px, 4vw, 72px);
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-2 .drone-menu-lead {
  margin: 0;
  font-size: clamp(20px, 1.9vw, 38px);
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-2 .drone-menu-body {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 26px;
  align-items: start;
}

body.page-drone #box12-2 .drone-menu-list {
  padding: 0;
}

body.page-drone #box12-2 .drone-menu-heading {
  margin: 0 0 26px;
  font-size: clamp(42px, 3.1vw, 72px);
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

body.page-drone #box12-2 .drone-menu-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-drone #box12-2 .drone-menu-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

body.page-drone #box12-2 .drone-menu-nav li + li {
  margin-top: 22px;
}

body.page-drone #box12-2 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
}

body.page-drone #box12-2 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-2 .drone-menu-cards {
  display: grid;
 /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
    grid-template-columns:0.92fr 0.9fr 1.72fr;
  gap: 22px;
  align-items: start;
}

body.page-drone #box12-2 .drone-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}

body.page-drone #box12-2 .drone-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 5.2;
  object-fit: cover;
}

body.page-drone #box12-2 .drone-card span {
  position: absolute;
  left: 16%;
  right: -48%;
  bottom: 16px;
  padding-left: 2px;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

body.page-drone #box12-2 .drone-card span::before {
  content: "";
  position: absolute;
  left: -6%;
  top: 0.62em;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #ff1d1d;
  transform: translateY(-50%);
}

/* カード内部 : 下線表示をコメントアウト */
/*body.page-drone #box12-2 .drone-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
} */

body.page-drone #box12-2 .drone-card:hover img {
  transform: scale(1.03);
  transition: transform 0.35s ease;
}

body.page-drone #box12-2 .drone-card img {
  transition: transform 0.35s ease;
}

/* ------------------------------ */
/* tablet */
/* ------------------------------ */
@media (max-width: 1180px) {
  body.page-drone #box12-2 .drone-menu-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.page-drone #box12-2 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ------------------------------ */
/* sp */
/* ------------------------------ */
@media (max-width: 767px) {
  body.page-drone #box12-2 {
    min-height: auto;
    padding: 8% 0 10%;
    background: url("paint-img/box12-2-spbg.jpg") center center / cover no-repeat;
  }

  body.page-drone #box12-2 .file {
    width: 90%;
    padding: 4%;
  }

  body.page-drone #box12-2 .drone-menu-panel {
    padding: 22px 18px 22px;
    border-radius: 24px;
  }

  body.page-drone #box12-2 .drone-menu-panel::before {
    background: rgba(0, 0, 0, 0.6);
  }

  body.page-drone #box12-2 .moji {
    width: 100%;
  }

  body.page-drone #box12-2 .drone-menu-copy {
    margin-bottom: 18px;
  }

  body.page-drone #box12-2 .drone-menu-title {
    margin: 10px 0 10px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-2 .drone-menu-lead {
    font-size: clamp(18px, 4.7vw, 30px);
    line-height: 1.5;
  }

  body.page-drone #box12-2 .drone-menu-body {
    display: block;
  }

  body.page-drone #box12-2 .drone-menu-list {
    padding: 0;
    margin-bottom: 26px;
  }

  body.page-drone #box12-2 .drone-menu-heading {
    margin-bottom: 18px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-2 .drone-menu-nav li + li {
    margin-top: 16px;
  }

  body.page-drone #box12-2 .drone-menu-nav a {
    padding: 0 0 8px 24px;
    font-size: clamp(17px, 4.8vw, 24px);
  }

  body.page-drone #box12-2 .drone-menu-nav a::before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ff1d1d;
  }

  body.page-drone #box12-2 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 16px;
  }

  body.page-drone #box12-2 .drone-card {
    border-radius: 24px;
    overflow: hidden;
  }

  body.page-drone #box12-2 .drone-card img {
    aspect-ratio: 1 / 1.18;
  }

  body.page-drone #box12-2 .drone-card span {
    left: 10px;
    right: 10px;
    bottom: 12px;
    padding-left: 18px;
    font-size: 15px;
  }

  body.page-drone #box12-2 .drone-card::after {
    left: 10px;
    right: 10px;
    bottom: 8px;
  }
}

body.page-drone #box12-2.txt-size { 
width:48%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-2.txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
}

body.page-drone #box12-2 .main-txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:-6%; 
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-2 .main-txt-size { 
width:100%;
height:auto;
position:relative;
margin-top: 2%; 
left:0%; 
}
}




body.page-drone #box12-2 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

body.page-drone #box12-2 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
  transition:
    border-left-color 0.35s ease,
    transform 0.35s ease;
}

/* 下線を疑似要素で作る */
body.page-drone #box12-2 .drone-menu-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.75);
  transform-origin: left center;
  transition:
    background-color 0.35s ease,
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* liの既存ボーダーは消す */
body.page-drone #box12-2 .drone-menu-nav li {
  border-bottom: none;
}

body.page-drone #box12-2 .drone-menu-nav li + li {
  margin-top: 22px;
}

/* hover / focus */
body.page-drone #box12-2 .drone-menu-nav a:hover,
body.page-drone #box12-2 .drone-menu-nav a:focus-visible {
  color: #7ec3ff;
  transform: translateX(6px);
}

body.page-drone #box12-2 .drone-menu-nav a:hover::before,
body.page-drone #box12-2 .drone-menu-nav a:focus-visible::before {
  border-left-color: #7ec3ff;
  transform: translateY(-50%) translateX(4px);
}

body.page-drone #box12-2 .drone-menu-nav a:hover::after,
body.page-drone #box12-2 .drone-menu-nav a:focus-visible::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
  transform: scaleX(1.04);
  opacity: 1;
}


body.page-drone #box12-2 .drone-menu-nav a:active {
  color: #7ec3ff;
  transform: translateX(4px);
}

body.page-drone #box12-2 .drone-menu-nav a:active::before {
  border-left-color: #7ec3ff;
}

body.page-drone #box12-2 .drone-menu-nav a:active::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
}

.drone-menu-list p { 
color:white;
}

body.page-drone #box12-2 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}


/* =======================================
   box12-2 SP カード配置調整
   1段目: 2枚 / 2段目: 3枚目を横長1枚 / テスト中 
======================================= */
/* =======================================
   box12-2 右カードエリア修正
   PC / SP を明示的に分離
======================================= */

/* ---------- PC ---------- */
body.page-drone #box12-2 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}

body.page-drone #box12-2 .detail-card {
  overflow: hidden;
  height: 520px;
}

body.page-drone #box12-2 .detail-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PCでは3枚目を縦に伸ばさない */
body.page-drone #box12-2 .detail-card-1,
body.page-drone #box12-2 .detail-card-2,
body.page-drone #box12-2 .detail-card-3 {
  grid-column: auto;
  aspect-ratio: auto;
  margin-top: 0;
}

/* ---------- SP ---------- */
@media (max-width: 767px) {
  body.page-drone #box12-2 .drone-detail-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5%;
    align-items: start;
    margin-top: 6%;
  }

  body.page-drone #box12-2 .detail-card {
    height: auto;
    border-radius: 8%;
  }

  body.page-drone #box12-2 .detail-card-1,
  body.page-drone #box12-2 .detail-card-2 {
    grid-column: span 1;
    aspect-ratio: 1 / 1.05;
    margin-top: 0;
  }

  body.page-drone #box12-2 .detail-card-3 {
    grid-column: 1 / -1;
    aspect-ratio: 1.6 / 1;
    margin-top: 1.5%;
  }

  body.page-drone #box12-2 .detail-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* 段落調整 */
@media (max-width: 767px) {
  body.page-drone #box12-2 .drone-point h3 {
    margin: 0 0 2%;
  }

  body.page-drone #box12-2 .drone-point + .drone-point {
    margin-top: 3.5%;
  }
}

/* ======================================= */
/* メニューリスト表示調整中 01 */
/* ======================================= */

body.page-drone #box12-2 .drone-menu-list {
  padding-top: 8px;
}

body.page-drone #box12-2 .drone-point + .drone-point {
  margin-top: 34px;
}

body.page-drone #box12-2 .drone-point h3 {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 8px 26px;
  font-size: 1em;
  line-height: 1.45;
  font-weight: 200;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}

body.page-drone #box12-2 .drone-point h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-2 .drone-point p {
  margin: 0;
  font-size: 1.0em;
  line-height: 1.8;
  font-weight: 100;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}


/* ---------------------------------
   box12-2 左説明 h3 の不要装飾を打ち消す
--------------------------------- */
body.page-drone #box12-2 .drone-point h3,
body.page-drone #box12-2 .drone-menu-list h3 {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  blur: none !important;
}

/* 疑似要素で白線や装飾を乗せている場合も打ち消す */
body.page-drone #box12-2 .drone-point h3::after,
body.page-drone #box12-2 .drone-menu-list h3::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* もし h3 自体に下線装飾を別指定していた場合の基本形 */
body.page-drone #box12-2 .drone-point h3,
body.page-drone #box12-2 .drone-menu-list h3 {
  color: #fff;
  font-weight: 700;
}


/* ---------------------------------
   box12-2 カード静的化 / 
--------------------------------- */
body.page-drone #box12-2 .drone-card,
body.page-drone #box12-2 .drone-card * {
  transition: none !important;
  animation: none !important;
}

body.page-drone #box12-2 .drone-card:hover,
body.page-drone #box12-2 .drone-card:hover * {
  transform: none !important;
  filter: none !important;
}


























/* ------------------------------ */
/* box12-3 高所撮影 */
/* ------------------------------ */
body.page-drone #box12-3 {
  position: relative;
  isolation: isolate;

  padding: 7% 0 6%;
  font-family: "Noto Serif JP", serif;
  background: url("paint-img/box12-3-bg.jpg") center center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box12-3 {
  background: url("paint-img/box12-3-spbg.jpg") center center / cover no-repeat;
}
}


body.page-drone #box12-3 .file {
  position: relative;
  width:94%;
  margin: 0 auto;
  padding: 2% 4%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

/* 黒い透過パネルだけを別レイヤー化 */
body.page-drone #box12-3 .drone-menu-panel {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  padding: 40px 34px 34px;
}

body.page-drone #box12-3 .drone-menu-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 0;
}

body.page-drone #box12-3 .drone-menu-copy,
body.page-drone #box12-3 .drone-menu-body {
  position: relative;
  z-index: 1;
}

body.page-drone #box12-3 .drone-menu-copy {
  margin-bottom: 26px;
}

body.page-drone #box12-3 .moji {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.page-drone #box12-3 .drone-menu-title {
  margin: -2.2vw 0 10px;
  font-size: clamp(40px, 4vw, 72px);
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-3 .drone-menu-lead {
  margin: 0;
  font-size: clamp(20px, 1.9vw, 38px);
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-3 .drone-menu-body {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 26px;
  align-items: start;
}

body.page-drone #box12-3 .drone-menu-list {
  padding: 0;
}

body.page-drone #box12-3 .drone-menu-heading {
  margin: 0 0 26px;
  font-size: clamp(42px, 3.1vw, 72px);
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

body.page-drone #box12-3 .drone-menu-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-drone #box12-3 .drone-menu-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

body.page-drone #box12-3 .drone-menu-nav li + li {
  margin-top: 22px;
}

body.page-drone #box12-3 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
}

body.page-drone #box12-3 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-3 .drone-menu-cards {
  display: grid;
 /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
    grid-template-columns:0.92fr 0.9fr 1.72fr;
  gap: 22px;
  align-items: start;
}

body.page-drone #box12-3 .drone-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}

body.page-drone #box12-3 .drone-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 5.2;
  object-fit: cover;
}

body.page-drone #box12-3 .drone-card span {
  position: absolute;
  left: 16%;
  right: -48%;
  bottom: 16px;
  padding-left: 2px;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

body.page-drone #box12-3 .drone-card span::before {
  content: "";
  position: absolute;
  left: -6%;
  top: 0.62em;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #ff1d1d;
  transform: translateY(-50%);
}

/* カード内部 : 下線表示をコメントアウト */
/*body.page-drone #box12-3 .drone-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
} */

body.page-drone #box12-3 .drone-card:hover img {
  transform: scale(1.03);
  transition: transform 0.35s ease;
}

body.page-drone #box12-3 .drone-card img {
  transition: transform 0.35s ease;
}

/* ------------------------------ */
/* tablet */
/* ------------------------------ */
@media (max-width: 1180px) {
  body.page-drone #box12-3 .drone-menu-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.page-drone #box12-3 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ------------------------------ */
/* sp */
/* ------------------------------ */
@media (max-width: 767px) {
  body.page-drone #box12-3 {
    min-height: auto;
    padding: 8% 0 10%;
    background: url("paint-img/box12-3-spbg.jpg") center center / cover no-repeat;
  }

  body.page-drone #box12-3 .file {
    width: 90%;
    padding: 4%;
  }

  body.page-drone #box12-3 .drone-menu-panel {
    padding: 22px 18px 22px;
    border-radius: 24px;
  }

  body.page-drone #box12-3 .drone-menu-panel::before {
    background: rgba(0, 0, 0, 0.6);
  }

  body.page-drone #box12-3 .moji {
    width: 100%;
  }

  body.page-drone #box12-3 .drone-menu-copy {
    margin-bottom: 18px;
  }

  body.page-drone #box12-3 .drone-menu-title {
    margin: 10px 0 10px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-3 .drone-menu-lead {
    font-size: clamp(18px, 4.7vw, 30px);
    line-height: 1.5;
  }

  body.page-drone #box12-3 .drone-menu-body {
    display: block;
  }

  body.page-drone #box12-3 .drone-menu-list {
    padding: 0;
    margin-bottom: 26px;
  }

  body.page-drone #box12-3 .drone-menu-heading {
    margin-bottom: 18px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-3 .drone-menu-nav li + li {
    margin-top: 16px;
  }

  body.page-drone #box12-3 .drone-menu-nav a {
    padding: 0 0 8px 24px;
    font-size: clamp(17px, 4.8vw, 24px);
  }

  body.page-drone #box12-3 .drone-menu-nav a::before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ff1d1d;
  }

  body.page-drone #box12-3 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 16px;
  }

  body.page-drone #box12-3 .drone-card {
    border-radius: 24px;
    overflow: hidden;
  }

  body.page-drone #box12-3 .drone-card img {
    aspect-ratio: 1 / 1.18;
  }

  body.page-drone #box12-3 .drone-card span {
    left: 10px;
    right: 10px;
    bottom: 12px;
    padding-left: 18px;
    font-size: 15px;
  }

  body.page-drone #box12-3 .drone-card::after {
    left: 10px;
    right: 10px;
    bottom: 8px;
  }
}

body.page-drone #box12-3.txt-size { 
width:48%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-3.txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
}

body.page-drone #box12-3 .main-txt-size { 
width:56%;
height:auto;
position:relative;
margin-top:-6%; 
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-3 .main-txt-size { 
width:100%;
height:auto;
position:relative;
margin-top: 2%; 
left:0%; 
}
}




body.page-drone #box12-3 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

body.page-drone #box12-3 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
  transition:
    border-left-color 0.35s ease,
    transform 0.35s ease;
}

/* 下線を疑似要素で作る */
body.page-drone #box12-3 .drone-menu-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.75);
  transform-origin: left center;
  transition:
    background-color 0.35s ease,
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* liの既存ボーダーは消す */
body.page-drone #box12-3 .drone-menu-nav li {
  border-bottom: none;
}

body.page-drone #box12-3 .drone-menu-nav li + li {
  margin-top: 22px;
}

/* hover / focus */
body.page-drone #box12-3 .drone-menu-nav a:hover,
body.page-drone #box12-3 .drone-menu-nav a:focus-visible {
  color: #7ec3ff;
  transform: translateX(6px);
}

body.page-drone #box12-3 .drone-menu-nav a:hover::before,
body.page-drone #box12-3 .drone-menu-nav a:focus-visible::before {
  border-left-color: #7ec3ff;
  transform: translateY(-50%) translateX(4px);
}

body.page-drone #box12-3 .drone-menu-nav a:hover::after,
body.page-drone #box12-3 .drone-menu-nav a:focus-visible::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
  transform: scaleX(1.04);
  opacity: 1;
}


body.page-drone #box12-3 .drone-menu-nav a:active {
  color: #7ec3ff;
  transform: translateX(4px);
}

body.page-drone #box12-3 .drone-menu-nav a:active::before {
  border-left-color: #7ec3ff;
}

body.page-drone #box12-3 .drone-menu-nav a:active::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
}

.drone-menu-list p { 
color:white;
}

body.page-drone #box12-3 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}


/* =======================================
   box12-3 SP カード配置調整
   1段目: 2枚 / 2段目: 3枚目を横長1枚 / テスト中 
======================================= */
/* =======================================
   box12-3 右カードエリア修正
   PC / SP を明示的に分離
======================================= */

/* ---------- PC ---------- */
body.page-drone #box12-3 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}

body.page-drone #box12-3 .detail-card {
  overflow: hidden;
  height: 520px;
}

body.page-drone #box12-3 .detail-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PCでは3枚目を縦に伸ばさない */
body.page-drone #box12-3 .detail-card-1,
body.page-drone #box12-3 .detail-card-2,
body.page-drone #box12-3 .detail-card-3 {
  grid-column: auto;
  aspect-ratio: auto;
  margin-top: 0;
}

/* ---------- SP ---------- */
@media (max-width: 767px) {
  body.page-drone #box12-3 .drone-detail-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5%;
    align-items: start;
    margin-top: 6%;
  }

  body.page-drone #box12-3 .detail-card {
    height: auto;
    border-radius: 8%;
  }

  body.page-drone #box12-3 .detail-card-1,
  body.page-drone #box12-3 .detail-card-2 {
    grid-column: span 1;
    aspect-ratio: 1 / 1.05;
    margin-top: 0;
  }

  body.page-drone #box12-3 .detail-card-3 {
    grid-column: 1 / -1;
    aspect-ratio: 1.6 / 1;
    margin-top: 1.5%;
  }

  body.page-drone #box12-3 .detail-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* 段落調整 */
@media (max-width: 767px) {
  body.page-drone #box12-3 .drone-point h3 {
    margin: 0 0 2%;
  }

  body.page-drone #box12-3 .drone-point + .drone-point {
    margin-top: 3.5%;
  }
}

/* ======================================= */
/* メニューリスト表示調整中 01 */
/* ======================================= */

body.page-drone #box12-3 .drone-menu-list {
  padding-top: 8px;
}

body.page-drone #box12-3 .drone-point + .drone-point {
  margin-top: 34px;
}

body.page-drone #box12-3 .drone-point h3 {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 8px 26px;
  font-size: 1em;
  line-height: 1.45;
  font-weight: 200;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}

body.page-drone #box12-3 .drone-point h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-3 .drone-point p {
  margin: 0;
  font-size: 1.0em;
  line-height: 1.8;
  font-weight: 100;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}


/* ---------------------------------
   box12-3 左説明 h3 の不要装飾を打ち消す
--------------------------------- */
body.page-drone #box12-3 .drone-point h3,
body.page-drone #box12-3 .drone-menu-list h3 {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  blur: none !important;
}

/* 疑似要素で白線や装飾を乗せている場合も打ち消す */
body.page-drone #box12-3 .drone-point h3::after,
body.page-drone #box12-3 .drone-menu-list h3::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* もし h3 自体に下線装飾を別指定していた場合の基本形 */
body.page-drone #box12-3 .drone-point h3,
body.page-drone #box12-3 .drone-menu-list h3 {
  color: #fff;
  font-weight: 700;
}


/* ---------------------------------
   box12-3 カード静的化 / 
--------------------------------- */
body.page-drone #box12-3 .drone-card,
body.page-drone #box12-3 .drone-card * {
  transition: none !important;
  animation: none !important;
}

body.page-drone #box12-3 .drone-card:hover,
body.page-drone #box12-3 .drone-card:hover * {
  transform: none !important;
  filter: none !important;
}




































/* ------------------------------ */
/* box12-4 農業支援 */
/* ------------------------------ */
body.page-drone #box12-4 {
  position: relative;
  isolation: isolate;

  padding: 7% 0 6%;
  font-family: "Noto Serif JP", serif;
  background: url("paint-img/box12-4-bg.jpg") center center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box12-4 {
  background: url("paint-img/box12-4-spbg.jpg") center center / cover no-repeat;
}
}


body.page-drone #box12-4 .file {
  position: relative;
  width:94%;
  margin: 0 auto;
  padding: 2% 4%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

/* 黒い透過パネルだけを別レイヤー化 */
body.page-drone #box12-4 .drone-menu-panel {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  padding: 40px 34px 34px;
}

body.page-drone #box12-4 .drone-menu-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 0;
}

body.page-drone #box12-4 .drone-menu-copy,
body.page-drone #box12-4 .drone-menu-body {
  position: relative;
  z-index: 1;
}

body.page-drone #box12-4 .drone-menu-copy {
  margin-bottom: 26px;
}

body.page-drone #box12-4 .moji {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.page-drone #box12-4 .drone-menu-title {
  margin: -2.2vw 0 10px;
  font-size: clamp(40px, 4vw, 72px);
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-4 .drone-menu-lead {
  margin: 0;
  font-size: clamp(20px, 1.9vw, 38px);
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-4 .drone-menu-body {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 26px;
  align-items: start;
}

body.page-drone #box12-4 .drone-menu-list {
  padding: 0;
}

body.page-drone #box12-4 .drone-menu-heading {
  margin: 0 0 26px;
  font-size: clamp(42px, 3.1vw, 72px);
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

body.page-drone #box12-4 .drone-menu-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-drone #box12-4 .drone-menu-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

body.page-drone #box12-4 .drone-menu-nav li + li {
  margin-top: 22px;
}

body.page-drone #box12-4 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
}

body.page-drone #box12-4 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-4 .drone-menu-cards {
  display: grid;
 /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
    grid-template-columns:0.92fr 0.9fr 1.72fr;
  gap: 22px;
  align-items: start;
}

body.page-drone #box12-4 .drone-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}

body.page-drone #box12-4 .drone-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 5.2;
  object-fit: cover;
}

body.page-drone #box12-4 .drone-card span {
  position: absolute;
  left: 16%;
  right: -48%;
  bottom: 16px;
  padding-left: 2px;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

body.page-drone #box12-4 .drone-card span::before {
  content: "";
  position: absolute;
  left: -6%;
  top: 0.62em;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #ff1d1d;
  transform: translateY(-50%);
}

/* カード内部 : 下線表示をコメントアウト */
/*body.page-drone #box12-4 .drone-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
} */

body.page-drone #box12-4 .drone-card:hover img {
  transform: scale(1.03);
  transition: transform 0.35s ease;
}

body.page-drone #box12-4 .drone-card img {
  transition: transform 0.35s ease;
}

/* ------------------------------ */
/* tablet */
/* ------------------------------ */
@media (max-width: 1180px) {
  body.page-drone #box12-4 .drone-menu-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.page-drone #box12-4 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ------------------------------ */
/* sp */
/* ------------------------------ */
@media (max-width: 767px) {
  body.page-drone #box12-4 {
    min-height: auto;
    padding: 8% 0 10%;
    background: url("paint-img/box12-4-spbg.jpg") center center / cover no-repeat;
  }

  body.page-drone #box12-4 .file {
    width: 90%;
    padding: 4%;
  }

  body.page-drone #box12-4 .drone-menu-panel {
    padding: 22px 18px 22px;
    border-radius: 24px;
  }

  body.page-drone #box12-4 .drone-menu-panel::before {
    background: rgba(0, 0, 0, 0.6);
  }

  body.page-drone #box12-4 .moji {
    width: 100%;
  }

  body.page-drone #box12-4 .drone-menu-copy {
    margin-bottom: 18px;
  }

  body.page-drone #box12-4 .drone-menu-title {
    margin: 10px 0 10px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-4 .drone-menu-lead {
    font-size: clamp(18px, 4.7vw, 30px);
    line-height: 1.5;
  }

  body.page-drone #box12-4 .drone-menu-body {
    display: block;
  }

  body.page-drone #box12-4 .drone-menu-list {
    padding: 0;
    margin-bottom: 26px;
  }

  body.page-drone #box12-4 .drone-menu-heading {
    margin-bottom: 18px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-4 .drone-menu-nav li + li {
    margin-top: 16px;
  }

  body.page-drone #box12-4 .drone-menu-nav a {
    padding: 0 0 8px 24px;
    font-size: clamp(17px, 4.8vw, 24px);
  }

  body.page-drone #box12-4 .drone-menu-nav a::before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ff1d1d;
  }

  body.page-drone #box12-4 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 16px;
  }

  body.page-drone #box12-4 .drone-card {
    border-radius: 24px;
    overflow: hidden;
  }

  body.page-drone #box12-4 .drone-card img {
    aspect-ratio: 1 / 1.18;
  }

  body.page-drone #box12-4 .drone-card span {
    left: 10px;
    right: 10px;
    bottom: 12px;
    padding-left: 18px;
    font-size: 15px;
  }

  body.page-drone #box12-4 .drone-card::after {
    left: 10px;
    right: 10px;
    bottom: 8px;
  }
}

body.page-drone #box12-4.txt-size { 
width:48%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-4.txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
}

body.page-drone #box12-4 .main-txt-size { 
width:64%;
height:auto;
position:relative;
margin-top:-6%; 
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-4 .main-txt-size { 
width:100%;
height:auto;
position:relative;
margin-top: 2%; 
left:0%; 
}
}




body.page-drone #box12-4 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

body.page-drone #box12-4 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
  transition:
    border-left-color 0.35s ease,
    transform 0.35s ease;
}

/* 下線を疑似要素で作る */
body.page-drone #box12-4 .drone-menu-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.75);
  transform-origin: left center;
  transition:
    background-color 0.35s ease,
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* liの既存ボーダーは消す */
body.page-drone #box12-4 .drone-menu-nav li {
  border-bottom: none;
}

body.page-drone #box12-4 .drone-menu-nav li + li {
  margin-top: 22px;
}

/* hover / focus */
body.page-drone #box12-4 .drone-menu-nav a:hover,
body.page-drone #box12-4 .drone-menu-nav a:focus-visible {
  color: #7ec3ff;
  transform: translateX(6px);
}

body.page-drone #box12-4 .drone-menu-nav a:hover::before,
body.page-drone #box12-4 .drone-menu-nav a:focus-visible::before {
  border-left-color: #7ec3ff;
  transform: translateY(-50%) translateX(4px);
}

body.page-drone #box12-4 .drone-menu-nav a:hover::after,
body.page-drone #box12-4 .drone-menu-nav a:focus-visible::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
  transform: scaleX(1.04);
  opacity: 1;
}


body.page-drone #box12-4 .drone-menu-nav a:active {
  color: #7ec3ff;
  transform: translateX(4px);
}

body.page-drone #box12-4 .drone-menu-nav a:active::before {
  border-left-color: #7ec3ff;
}

body.page-drone #box12-4 .drone-menu-nav a:active::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
}

.drone-menu-list p { 
color:white;
}

body.page-drone #box12-4 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}


/* =======================================
   box12-4 SP カード配置調整
   1段目: 2枚 / 2段目: 3枚目を横長1枚 / テスト中 
======================================= */
/* =======================================
   box12-4 右カードエリア修正
   PC / SP を明示的に分離
======================================= */

/* ---------- PC ---------- */
body.page-drone #box12-4 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}

body.page-drone #box12-4 .detail-card {
  overflow: hidden;
  height: 520px;
}

body.page-drone #box12-4 .detail-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PCでは3枚目を縦に伸ばさない */
body.page-drone #box12-4 .detail-card-1,
body.page-drone #box12-4 .detail-card-2,
body.page-drone #box12-4 .detail-card-3 {
  grid-column: auto;
  aspect-ratio: auto;
  margin-top: 0;
}

/* ---------- SP ---------- */
@media (max-width: 767px) {
  body.page-drone #box12-4 .drone-detail-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5%;
    align-items: start;
    margin-top: 6%;
  }

  body.page-drone #box12-4 .detail-card {
    height: auto;
    border-radius: 8%;
  }

  body.page-drone #box12-4 .detail-card-1,
  body.page-drone #box12-4 .detail-card-2 {
    grid-column: span 1;
    aspect-ratio: 1 / 1.05;
    margin-top: 0;
  }

  body.page-drone #box12-4 .detail-card-3 {
    grid-column: 1 / -1;
    aspect-ratio: 1.6 / 1;
    margin-top: 1.5%;
  }

  body.page-drone #box12-4 .detail-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* 段落調整 */
@media (max-width: 767px) {
  body.page-drone #box12-4 .drone-point h3 {
    margin: 0 0 2%;
  }

  body.page-drone #box12-4 .drone-point + .drone-point {
    margin-top: 3.5%;
  }
}

/* ======================================= */
/* メニューリスト表示調整中 01 */
/* ======================================= */

body.page-drone #box12-4 .drone-menu-list {
  padding-top: 8px;
}

body.page-drone #box12-4 .drone-point + .drone-point {
  margin-top: 34px;
}

body.page-drone #box12-4 .drone-point h3 {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 8px 26px;
  font-size: 1em;
  line-height: 1.45;
  font-weight: 200;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}

body.page-drone #box12-4 .drone-point h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-4 .drone-point p {
  margin: 0;
  font-size: 1.0em;
  line-height: 1.8;
  font-weight: 100;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}


/* ---------------------------------
   box12-4 左説明 h3 の不要装飾を打ち消す
--------------------------------- */
body.page-drone #box12-4 .drone-point h3,
body.page-drone #box12-4 .drone-menu-list h3 {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  blur: none !important;
}

/* 疑似要素で白線や装飾を乗せている場合も打ち消す */
body.page-drone #box12-4 .drone-point h3::after,
body.page-drone #box12-4 .drone-menu-list h3::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* もし h3 自体に下線装飾を別指定していた場合の基本形 */
body.page-drone #box12-4 .drone-point h3,
body.page-drone #box12-4 .drone-menu-list h3 {
  color: #fff;
  font-weight: 700;
}


/* ---------------------------------
   box12-4 カード静的化 / 
--------------------------------- */
body.page-drone #box12-4 .drone-card,
body.page-drone #box12-4 .drone-card * {
  transition: none !important;
  animation: none !important;
}

body.page-drone #box12-4 .drone-card:hover,
body.page-drone #box12-4 .drone-card:hover * {
  transform: none !important;
  filter: none !important;
}


























/* ------------------------------ */
/* box12-5  お問い合わせ            */
/* ------------------------------ */
body.page-drone #box12-5 {
  position: relative;
  isolation: isolate;

  padding: 7% 0 6%;
  font-family: "Noto Serif JP", serif;
  background: url("paint-img/box12-5-bg.jpg") center center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box12-5 {
  background: url("paint-img/box12-5-spbg.jpg") center center / cover no-repeat;
}
}


body.page-drone #box12-5 .file {
  position: relative;
  width:94%;
  margin: 0 auto;
  padding: 2% 4%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}

/* 黒い透過パネルだけを別レイヤー化 */
body.page-drone #box12-5 .drone-menu-panel {
  position: relative;
  border-radius: 34px;
  overflow: hidden;
  padding: 40px 34px 34px;
}

body.page-drone #box12-5 .drone-menu-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.48);
  z-index: 0;
}

body.page-drone #box12-5 .drone-menu-copy,
body.page-drone #box12-5 .drone-menu-body {
  position: relative;
  z-index: 1;
}

body.page-drone #box12-5 .drone-menu-copy {
  margin-bottom: 26px;
}

body.page-drone #box12-5 .moji {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

body.page-drone #box12-5 .drone-menu-title {
  margin: -2.2vw 0 10px;
  font-size: clamp(40px, 4vw, 72px);
  line-height: 1.1;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-5 .drone-menu-lead {
  margin: 0;
  font-size: clamp(20px, 1.9vw, 38px);
  line-height: 1.55;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #8b4513;
  text-shadow:
    0 0 4px rgba(255, 255, 255, 0.95),
    0 0 10px rgba(255, 255, 255, 0.85),
    0 0 18px rgba(255, 255, 255, 0.7);
}

body.page-drone #box12-5 .drone-menu-body {
  display: grid;
  grid-template-columns: 360px 1fr;
  gap: 26px;
  align-items: start;
}

body.page-drone #box12-5 .drone-menu-list {
  padding: 0;
}

body.page-drone #box12-5 .drone-menu-heading {
  margin: 0 0 26px;
  font-size: clamp(42px, 3.1vw, 72px);
  font-weight: 400;
  line-height: 1;
  color: #fff;
}

body.page-drone #box12-5 .drone-menu-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.page-drone #box12-5 .drone-menu-nav li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.75);
}

body.page-drone #box12-5 .drone-menu-nav li + li {
  margin-top: 22px;
}

body.page-drone #box12-5 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
}

body.page-drone #box12-5 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-5 .drone-menu-cards {
  display: grid;
 /* grid-template-columns: repeat(4, minmax(0, 1fr)); */
    grid-template-columns:0.92fr 0.9fr 1.72fr;
  gap: 22px;
  align-items: start;
}

body.page-drone #box12-5 .drone-card {
  position: relative;
  display: block;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
}

body.page-drone #box12-5 .drone-card img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 5.2;
  object-fit: cover;
}

body.page-drone #box12-5 .drone-card span {
  position: absolute;
  left: 16%;
  right: -48%;
  bottom: 16px;
  padding-left: 2px;
  font-size: 1.2em;
  font-weight: 100;
  line-height: 1.4;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.65);
}

body.page-drone #box12-5 .drone-card span::before {
  content: "";
  position: absolute;
  left: -6%;
  top: 0.62em;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 11px solid #ff1d1d;
  transform: translateY(-50%);
}

/* カード内部 : 下線表示をコメントアウト */
/*body.page-drone #box12-5 .drone-card::after {
  content: "";
  position: absolute;
  left: 14px;
  right: 14px;
  bottom: 10px;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
} */

body.page-drone #box12-5 .drone-card:hover img {
  transform: scale(1.03);
  transition: transform 0.35s ease;
}

body.page-drone #box12-5 .drone-card img {
  transition: transform 0.35s ease;
}

/* ------------------------------ */
/* tablet */
/* ------------------------------ */
@media (max-width: 1180px) {
  body.page-drone #box12-5 .drone-menu-body {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  body.page-drone #box12-5 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

/* ------------------------------ */
/* sp */
/* ------------------------------ */
@media (max-width: 767px) {
  body.page-drone #box12-5 {
    min-height: auto;
    padding: 8% 0 10%;
    background: url("paint-img/box12-5-spbg.jpg") center center / cover no-repeat;
  }

  body.page-drone #box12-5 .file {
    width: 90%;
    padding: 4%;
  }

  body.page-drone #box12-5 .drone-menu-panel {
    padding: 22px 18px 22px;
    border-radius: 24px;
  }

  body.page-drone #box12-5 .drone-menu-panel::before {
    background: rgba(0, 0, 0, 0.6);
  }

  body.page-drone #box12-5 .moji {
    width: 100%;
  }

  body.page-drone #box12-5 .drone-menu-copy {
    margin-bottom: 18px;
  }

  body.page-drone #box12-5 .drone-menu-title {
    margin: 10px 0 10px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-5 .drone-menu-lead {
    font-size: clamp(18px, 4.7vw, 30px);
    line-height: 1.5;
  }

  body.page-drone #box12-5 .drone-menu-body {
    display: block;
  }

  body.page-drone #box12-5 .drone-menu-list {
    padding: 0;
    margin-bottom: 26px;
  }

  body.page-drone #box12-5 .drone-menu-heading {
    margin-bottom: 18px;
    font-size: clamp(34px, 8vw, 56px);
  }

  body.page-drone #box12-5 .drone-menu-nav li + li {
    margin-top: 16px;
  }

  body.page-drone #box12-5 .drone-menu-nav a {
    padding: 0 0 8px 24px;
    font-size: clamp(17px, 4.8vw, 24px);
  }

  body.page-drone #box12-5 .drone-menu-nav a::before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 11px solid #ff1d1d;
  }

  body.page-drone #box12-5 .drone-menu-cards {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px 16px;
  }

  body.page-drone #box12-5 .drone-card {
    border-radius: 24px;
    overflow: hidden;
  }

  body.page-drone #box12-5 .drone-card img {
    aspect-ratio: 1 / 1.18;
  }

  body.page-drone #box12-5 .drone-card span {
    left: 10px;
    right: 10px;
    bottom: 12px;
    padding-left: 18px;
    font-size: 15px;
  }

  body.page-drone #box12-5 .drone-card::after {
    left: 10px;
    right: 10px;
    bottom: 8px;
  }
}

body.page-drone #box12-5.txt-size { 
width:48%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-5.txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:0%; 
margin-bottom:8%;
left:0%; 
}
}

body.page-drone #box12-5 .main-txt-size { 
width:40%;
height:auto;
position:relative;
margin-top:-6%; 
left:0%; 
}
@media (max-width: 767px) {
body.page-drone #box12-5 .main-txt-size { 
width:80%;
height:auto;
position:relative;
margin-top: 2%; 
left:0%; 
}
}

#box12-5 p { 
color:white;
}
@media ( max-width:767px) { 
#box12-5 p{
font-size:0.8em;
}
}


body.page-drone #box12-5 .drone-menu-nav a {
  position: relative;
  display: block;
  padding: 0 0 10px 24px;
  text-decoration: none;
  font-size: 1em;
  font-weight: 100;
  line-height: 1.5;
  color: #fff;
  transition:
    color 0.35s ease,
    transform 0.35s ease;
}

body.page-drone #box12-5 .drone-menu-nav a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.58em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
  transition:
    border-left-color 0.35s ease,
    transform 0.35s ease;
}

/* 下線を疑似要素で作る */
body.page-drone #box12-5 .drone-menu-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.75);
  transform-origin: left center;
  transition:
    background-color 0.35s ease,
    transform 0.35s ease,
    opacity 0.35s ease;
}

/* liの既存ボーダーは消す */
body.page-drone #box12-5 .drone-menu-nav li {
  border-bottom: none;
}

body.page-drone #box12-5 .drone-menu-nav li + li {
  margin-top: 22px;
}

/* hover / focus */
body.page-drone #box12-5 .drone-menu-nav a:hover,
body.page-drone #box12-5 .drone-menu-nav a:focus-visible {
  color: #7ec3ff;
  transform: translateX(6px);
}

body.page-drone #box12-5 .drone-menu-nav a:hover::before,
body.page-drone #box12-5 .drone-menu-nav a:focus-visible::before {
  border-left-color: #7ec3ff;
  transform: translateY(-50%) translateX(4px);
}

body.page-drone #box12-5 .drone-menu-nav a:hover::after,
body.page-drone #box12-5 .drone-menu-nav a:focus-visible::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
  transform: scaleX(1.04);
  opacity: 1;
}


body.page-drone #box12-5 .drone-menu-nav a:active {
  color: #7ec3ff;
  transform: translateX(4px);
}

body.page-drone #box12-5 .drone-menu-nav a:active::before {
  border-left-color: #7ec3ff;
}

body.page-drone #box12-5 .drone-menu-nav a:active::after {
  background: linear-gradient(90deg, #7ec3ff 0%, #bfe4ff 100%);
}

.drone-menu-list p { 
color:white;
}

body.page-drone #box12-5 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}


/* =======================================
   box12-5 SP カード配置調整
   1段目: 2枚 / 2段目: 3枚目を横長1枚 / テスト中 
======================================= */
/* =======================================
   box12-5 右カードエリア修正
   PC / SP を明示的に分離
======================================= */

/* ---------- PC ---------- */
body.page-drone #box12-5 .drone-detail-cards {
  display: grid;
  grid-template-columns: 0.9fr 0.9fr 1.45fr;
  gap: 22px;
  align-items: stretch;
}

body.page-drone #box12-5 .detail-card {
  overflow: hidden;
  height: 520px;
}

body.page-drone #box12-5 .detail-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* PCでは3枚目を縦に伸ばさない */
body.page-drone #box12-5 .detail-card-1,
body.page-drone #box12-5 .detail-card-2,
body.page-drone #box12-5 .detail-card-3 {
  grid-column: auto;
  aspect-ratio: auto;
  margin-top: 0;
}

/* ---------- SP ---------- */
@media (max-width: 767px) {
  body.page-drone #box12-5 .drone-detail-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5%;
    align-items: start;
    margin-top: 6%;
  }

  body.page-drone #box12-5 .detail-card {
    height: auto;
    border-radius: 8%;
  }

  body.page-drone #box12-5 .detail-card-1,
  body.page-drone #box12-5 .detail-card-2 {
    grid-column: span 1;
    aspect-ratio: 1 / 1.05;
    margin-top: 0;
  }

  body.page-drone #box12-5 .detail-card-3 {
    grid-column: 1 / -1;
    aspect-ratio: 1.6 / 1;
    margin-top: 1.5%;
  }

  body.page-drone #box12-5 .detail-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

/* 段落調整 */
@media (max-width: 767px) {
  body.page-drone #box12-5 .drone-point h3 {
    margin: 0 0 2%;
  }

  body.page-drone #box12-5 .drone-point + .drone-point {
    margin-top: 3.5%;
  }
}

/* ======================================= */
/* メニューリスト表示調整中 01 */
/* ======================================= */

body.page-drone #box12-5 .drone-menu-list {
  padding-top: 8px;
}

body.page-drone #box12-5 .drone-point + .drone-point {
  margin-top: 34px;
}

body.page-drone #box12-5 .drone-point h3 {
  position: relative;
  margin: 0 0 14px;
  padding: 0 0 8px 26px;
  font-size: 1em;
  line-height: 1.45;
  font-weight: 200;
  color: #fff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.85);
}

body.page-drone #box12-5 .drone-point h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.68em;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 13px solid #ff1d1d;
  transform: translateY(-50%);
}

body.page-drone #box12-5 .drone-point p {
  margin: 0;
  font-size: 1.0em;
  line-height: 1.8;
  font-weight: 100;
  color: #fff;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
}


/* ---------------------------------
   box12-5 左説明 h3 の不要装飾を打ち消す
--------------------------------- */
body.page-drone #box12-5 .drone-point h3,
body.page-drone #box12-5 .drone-menu-list h3 {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  filter: none !important;
  backdrop-filter: none !important;
  text-shadow: none !important;
  -webkit-text-stroke: 0 !important;
  border-radius: 0 !important;
  opacity: 1 !important;
  blur: none !important;
}

/* 疑似要素で白線や装飾を乗せている場合も打ち消す */
body.page-drone #box12-5 .drone-point h3::after,
body.page-drone #box12-5 .drone-menu-list h3::after {
  box-shadow: none !important;
  filter: none !important;
  text-shadow: none !important;
}

/* もし h3 自体に下線装飾を別指定していた場合の基本形 */
body.page-drone #box12-5 .drone-point h3,
body.page-drone #box12-5 .drone-menu-list h3 {
  color: #fff;
  font-weight: 700;
}


/* ---------------------------------
   box12-5 カード静的化 / 
--------------------------------- */
body.page-drone #box12-5 .drone-card,
body.page-drone #box12-5 .drone-card * {
  transition: none !important;
  animation: none !important;
}

body.page-drone #box12-5 .drone-card:hover,
body.page-drone #box12-5 .drone-card:hover * {
  transform: none !important;
  filter: none !important;
}






/* =============================================== */

body.page-drone #box26 {
/* padding-top: 8%; */
position: relative;
isolation: isolate;
/*min-height: 100vh; */
font-family: "Noto Serif JP", serif;
background: url("paint-img/box26-bg.jpg") center / cover no-repeat;
}
@media (max-width: 767px) {
body.page-drone #box26 {
min-height:auto!important;
padding-top: 8%;
padding-bottom: 4%;
position: relative;
isolation: isolate;
/*min-height: 100vh; */
font-family: "Noto Serif JP", serif;
background: url("paint-img/box26-spbg.jpg") center / cover no-repeat;
}
}

body.page-drone #box26 .file {
  position: relative;
  width:94%;
  margin: 0 auto;
  padding: 2% 4%;
  border-radius: 16px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.4);
}
@media (max-width: 767px) {
  body.page-drone #box26 .file {
    width: 90%;
    padding: 4%;
  }


#box26 .section-head {
position:relative;
top:24vh;
margin-bottom: clamp(32px, 3vh, 56px); 
}
@media (max-width: 767px) {
#box26 .section-head {
background: none;
top:0vh;
margin-top:30%;
}
}

#box26 .typography{
position:absolute; 
top:14vh;
left:4vw;
width:90%;
height:auto;
}
@media (max-width: 767px) {
#box26 .typography{
top:0%;
left:4%;
width:90%;
height:auto;
margin-top:8%;
}
}

#box26 .main-title{ 
width:56vw!important;
height:auto!important;
}
@media (max-width: 767px) {
#box26 .main-title{ 
width:68%!important;
height:auto!important;
}
}

/* ASTECペイント 第一位エンブレム  */
#box26 .sub-title{ 
width:40vw!important;
height:auto!important;
margin-top:2vh;
}
@media (max-width: 767px) {
#box26 .sub-title{ 
width:80%!important;
height:auto!important;
}
}

/* ASTECペイントとは? の部分 */
#box26 .sub-title-2{ 
width:32vw!important;
height:auto!important;
margin-top:-2vh;
}
@media (max-width: 767px) {
#box26 .sub-title-2{ 
width:80%!important;
height:auto!important;
}
}