/* =========================================================
   山﨑タクシー 空港勤務・航空会社関係者送迎
   共通見た目は medical-study-transport.css（.yt-medical / .ytm-*）を利用。
   本ファイルは Cocoon 非表示と本ページ固有レイアウトのみ。
   ========================================================= */

body.yt-wp-airport-staff #sidebar,
body.yt-wp-airport-staff .sidebar,
body.yt-wp-airport-staff .breadcrumb,
body.yt-wp-airport-staff .article-header .entry-title,
body.yt-wp-airport-staff .eye-catch,
body.yt-wp-airport-staff #header,
body.yt-wp-airport-staff .header,
body.yt-wp-airport-staff .navi,
body.yt-wp-airport-staff .mobile-menu-buttons,
body.yt-wp-airport-staff #footer {
  display: none !important;
}

body.yt-wp-airport-staff #main,
body.yt-wp-airport-staff .main,
body.yt-wp-airport-staff .content,
body.yt-wp-airport-staff .article,
body.yt-wp-airport-staff .entry-content,
body.yt-wp-airport-staff #container,
body.yt-wp-airport-staff .container,
body.yt-wp-airport-staff #content,
body.yt-wp-airport-staff .content-in,
body.yt-wp-airport-staff .wrap {
  width: 100% !important;
  max-width: none !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

body.yt-wp-airport-staff {
  background: #f4f5f7;
  overflow-x: hidden;
}

.yt-airport-staff {
  overflow-x: hidden;
}

.yt-airport-staff .ytm-hero-photo--left img {
  object-position: center 55%;
}

.ytas-lead {
  margin: 0 0 16px;
  font-size: 15.5px;
  line-height: 1.95;
  color: #2a2a2a;
}

.ytas-lead:last-child {
  margin-bottom: 0;
}

.ytas-lead--spacious {
  margin-top: 20px;
}

.ytas-lead a {
  color: #8a6e32;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.ytas-split {
  display: grid;
  gap: 28px;
  align-items: center;
}

@media (min-width: 900px) {
  .ytas-split {
    grid-template-columns: 1.15fr 0.85fr;
  }

  .ytas-split--reverse {
    grid-template-columns: 0.85fr 1.15fr;
  }

  .ytas-split--reverse > :first-child {
    order: 2;
  }
}

.ytas-photo {
  margin: 0;
  overflow: hidden;
  border-radius: 14px;
  background: #121826;
  aspect-ratio: 4 / 3;
}

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

.ytas-scene-grid {
  display: grid;
  gap: 14px;
}

@media (min-width: 700px) {
  .ytas-scene-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 1100px) {
  .ytas-scene-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.ytas-scene {
  background: #fff;
  border: 1px solid rgba(11, 18, 32, 0.08);
  border-radius: 12px;
  padding: 18px 16px 16px;
}

.ytas-scene h3 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 700;
}

.ytas-scene p {
  margin: 0;
  font-size: 14px;
  line-height: 1.7;
  color: #4b5563;
}

.ytas-points {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 18px;
}

.ytas-points h3 {
  margin: 0 0 6px;
  font-size: 16px;
}

.ytas-points p {
  margin: 0;
  font-size: 15px;
  line-height: 1.85;
  color: #374151;
}

.ytas-faq-list {
  display: grid;
  gap: 12px;
}

.ytas-faq-item {
  background: #fff;
  border: 1px solid rgba(11, 18, 32, 0.08);
  border-radius: 12px;
  padding: 4px 18px 4px;
}

.ytas-faq-item summary {
  cursor: pointer;
  font-weight: 700;
  padding: 14px 0;
  list-style: none;
}

.ytas-faq-item summary::-webkit-details-marker {
  display: none;
}

.ytas-faq-item p {
  margin: 0 0 16px;
  color: #374151;
  font-size: 15px;
  line-height: 1.85;
}

@media (max-width: 767px) {
  .yt-airport-staff .ytm-nav a:not(.ytm-nav-cta) {
    display: none;
  }

  .ytas-scene-grid {
    grid-template-columns: 1fr;
  }
}