/* デザイン案の見た目を、前の版の下層ページの中身に当てはめるための上書き */
:root{
  --c-main:#08375e;--c-main-deep:#06396b;--c-accent:#0063ef;--c-sea-pale:#edf5f7;
  --c-text:#123d62;--c-text-sub:#557089;--c-line:#d3e1ec;
  --ff-base:"Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN","Noto Serif CJK JP",serif;
  --ff-en:Arial,"Helvetica Neue",sans-serif;
  --header-h:104px
}
.lower .header{color:#fff}
body.lower{background:#fff;color:var(--c-text);font-family:var(--ff-base)}
.lower-page{position:relative;z-index:2;background:#fff}
.lower-hero{height:clamp(300px,30vw,460px)}
.lower-hero h1{font-size:clamp(28px,3.2vw,50px)}
/* 見出し：英字は小さく青、日本語は明朝（デザイン案の採用ページに合わせる） */
.sec__en{font:500 11px/1.5 var(--ff-en);letter-spacing:.25em;text-transform:uppercase;color:#398ac5;margin-top:10px}
.sec__ja{font-weight:500;letter-spacing:.1em;color:var(--c-main)}
.lead-title{font-weight:500;color:var(--c-main)}
@media(max-width:800px){:root{--header-h:80px}.lower-hero{height:300px}}
@media(max-width:1000px){.greeting__box{width:100%}}

/* =========================================================
   2026-10-09 中身をデザイン案（採用ページ）の雰囲気に寄せる
   明朝の大きめ見出し＋小さい青の英字／白とfoamの交互＋波／角丸の白カード＋やわらかい影
   ========================================================= */
:root{--foam:#edf5f7;--ocean:#06396b;--ink:#08375e;--blue:#0063ef;--blue2:#155e94;--blue3:#398ac5;--ice:#a8e0ff;
  --shadow:0 18px 45px #0b3c6a14;--shadow-up:0 26px 60px #0b3c6a24;--r-card:24px;
  --wave-foam:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 65' preserveAspectRatio='none'%3E%3Cpath d='M0 48C330 -25 620 76 950 34S1280 0 1440 20V65H0Z' fill='%23edf5f7'/%3E%3C/svg%3E");
  --wave-white:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 65' preserveAspectRatio='none'%3E%3Cpath d='M0 26C300 74 650 -6 990 30S1300 62 1440 34V65H0Z' fill='%23ffffff'/%3E%3C/svg%3E");
  --wave-foam-btm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 65' preserveAspectRatio='none'%3E%3Cpath d='M0 26C300 74 650 -6 990 30S1300 62 1440 34V65H0Z' fill='%23edf5f7'/%3E%3C/svg%3E");
  --wave-navy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 65' preserveAspectRatio='none'%3E%3Cpath d='M0 48C330 -25 620 76 950 34S1280 0 1440 20V65H0Z' fill='%2306396b'/%3E%3C/svg%3E")}
.lower-page{color:#123d62}
.lower-page img{max-width:100%}
.lower-page .sec{padding:110px 0;position:relative}
.lower-page > .sec:last-child{padding-bottom:200px}

/* 見出し：2026-10-09 全下層共通に（会社案内ページで先に直した形＝TOPと同じ）
   日本語が上で大きく明朝・英字が下で小さく青。大文字変換と英字前の横線はなし。中央/左揃えは各ページのまま */
.lower-page .sec__head{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:64px}
.lower-page .sec__head--left{align-items:flex-start}
.lower-page .sec__ja{order:1;margin:0;font:500 clamp(30px,2.6vw,42px)/1.4 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.15em;color:#093c6c}
.lower-page .sec__en{order:2;display:block;margin:12px 0 0;font:500 14px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:none;color:#2876b3}
.lower-page .sec__en::before{content:none}
/* 個人情報保護方針のように .doc の中に見出しがある場合も、本文用の p 指定に負けないように */
.lower-page .doc .sec__en{font-size:14px;line-height:1.5;color:#2876b3}
.lower-page .lead-title{font-size:clamp(26px,3.2vw,46px);font-weight:500;line-height:1.6;letter-spacing:.14em;color:var(--ink);margin-bottom:40px}
.lower-page .sec__lead{font-size:15px;line-height:2.5;letter-spacing:.065em;color:#425569}

/* 白とfoamの交互＋波の区切り */
.lower-foam{background:var(--foam)}
.lower-foam::before,.lower-navy::before{content:"";position:absolute;left:0;right:0;top:-64px;height:65px;background:var(--wave-foam) center/100% 100% no-repeat;pointer-events:none}
.lower-foam::after,.lower-navy::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:65px;background:var(--wave-white) center/100% 100% no-repeat;pointer-events:none}
.lower-foam:last-child::after{display:none}
.lower-page > .sec.lower-foam,.lower-page > .sec.lower-navy{padding-bottom:170px}
.lower-page > .sec.lower-foam:last-child{padding-bottom:200px}

/* ボタン類：やわらかいピル型、ホバーで少し浮く */
.lower-page .btn-more,.lower-page .btn-pill{display:inline-flex;align-items:center;gap:14px;padding:16px 44px;border:1px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-size:14px;letter-spacing:.12em;transition:background .3s,color .3s,transform .3s,box-shadow .3s}
.lower-page .btn-more::after{content:"→";font:14px/1 Arial,sans-serif}
.lower-page .btn-more:hover,.lower-page .btn-pill:hover{background:var(--ink);color:#fff;transform:translateY(-3px);box-shadow:var(--shadow)}
.lower-page .back{margin-top:72px}

/* 表：白カードの中に、縦線なしの行 */
.lower-page .table{background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden;font-size:14px;letter-spacing:.05em}
.lower-page .table th,.lower-page .table td{border:0;border-bottom:1px solid #dde8f0;padding:22px 26px;line-height:1.9}
.lower-page .table tr:last-child th,.lower-page .table tr:last-child td{border-bottom:0}
.lower-page .table th{color:var(--blue2);text-align:left;font-weight:500;background:#f7fbfd}
.lower-page .table td.month{color:var(--blue3);font-family:Arial,sans-serif;white-space:nowrap}
.lower-page .table th[rowspan]{border-bottom:1px solid #dde8f0}

/* ---------- 事業内容 ---------- */
.lower-intro .container--narrow{text-align:center}
.lower-navy{background:var(--ocean);color:#fff}
.lower-navy::before{background-image:var(--wave-navy)}
/* 紺背景の見出し：日本語は白・英字は淡い水色（会社案内の co-navy も同じ） */
.lower-navy .sec__ja,.co-navy .sec__ja{color:#fff}
.lower-navy .sec__en,.co-navy .sec__en{color:#bbddff}
.lower-navy .features{gap:120px}
.lower-navy .feature{display:grid;grid-template-columns:1.12fr .88fr;gap:8%;align-items:center}
.lower-navy .feature__img,.lower-navy .feature--rev .feature__img{grid-column:1;grid-row:1;position:relative}
.lower-navy .feature__body,.lower-navy .feature--rev .feature__body{grid-column:2;grid-row:1;margin:0}
.lower-navy .feature--rev{grid-template-columns:.88fr 1.12fr}
.lower-navy .feature--rev .feature__img{grid-column:2}
.lower-navy .feature--rev .feature__body{grid-column:1}
.lower-navy .feature__img{overflow:hidden;border-radius:3px 60px 3px 3px}
.lower-navy .feature--rev .feature__img{border-radius:60px 3px 3px 3px}
.lower-navy .feature__img img{aspect-ratio:1.48;display:block;transition:transform .8s var(--ease)}
.lower-navy .feature:hover .feature__img img{transform:scale(1.035)}
.lower-navy .feature__title{color:#fff;font-size:clamp(22px,2.2vw,32px);font-weight:500;line-height:1.7;letter-spacing:.04em;margin-bottom:24px}
.lower-num{display:block;font:400 clamp(60px,6vw,90px)/1 Arial,sans-serif;letter-spacing:-.055em;color:#b6e0f3;margin-bottom:18px}
.lower-navy .feature__box{background:none;border:0;padding:0;color:#c7dce9;font-size:14px;line-height:2.3}
.lower-navy .feature__box br{display:none}
#business .three-biz{gap:8%}
#business .three-biz__photos img{border-radius:22px;box-shadow:var(--shadow)}
#business .three-biz__photos img:nth-child(1){border-radius:3px 80px 3px 3px}
#business .three-biz__text{font-size:15px;line-height:2.5;color:#425569}
#business .three-biz__links{display:grid;gap:14px;margin-top:36px}
#business .three-biz__links a,#business .three-biz__links a:first-child{max-width:380px;border:0;background:#fff;border-radius:18px;padding:22px 28px;font-size:clamp(19px,1.8vw,24px);font-weight:500;align-items:center;box-shadow:var(--shadow);transition:transform .3s,box-shadow .3s}
#business .three-biz__links a span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eaf3f8;color:var(--blue2);font:16px/1 Arial,sans-serif;transition:background .3s,color .3s}
#business .three-biz__links a:hover{background:#fff;transform:translateY(-4px);box-shadow:var(--shadow-up)}
#business .three-biz__links a:hover span{background:var(--blue);color:#fff}

/* 事業の各ページ：作業内容（大きい写真＋大きい番号） */
#works .works{gap:110px}
#works .work{display:grid;grid-template-columns:1.1fr .9fr;gap:8%;align-items:center}
#works .work__img,#works .work--rev .work__img{grid-column:1;grid-row:1;overflow:hidden;border-radius:3px 60px 3px 3px;box-shadow:var(--shadow)}
#works .work__body,#works .work--rev .work__body{grid-column:2;grid-row:1;padding:0}
#works .work--rev{grid-template-columns:.9fr 1.1fr}
#works .work--rev .work__img{grid-column:2;border-radius:60px 3px 3px 3px}
#works .work--rev .work__body{grid-column:1}
#works .work__img img{display:block;aspect-ratio:1.48;transition:transform .8s var(--ease)}
#works .work:hover .work__img img{transform:scale(1.035)}
#works .lower-num{color:#a8d4ec}
#works .work__title{font-size:clamp(21px,2vw,30px);font-weight:500;line-height:1.7;letter-spacing:.04em;color:var(--ink);margin-bottom:22px}
#works .work__text{padding:0;font-size:14px;line-height:2.4;color:#465b6e}
.gallery .gallery__video{max-width:860px;border-radius:var(--r-card);overflow:hidden;box-shadow:var(--shadow-up)}
.gallery .gallery__video img:first-child{display:block}
.gallery .gallery__video .gallery__play{width:84px;opacity:.9;transition:transform .3s}
.gallery .gallery__video:hover .gallery__play{transform:translate(-50%,-50%) scale(1.08)}
.gallery .slider__track{padding-bottom:30px;padding-top:10px}
.gallery .slider__track img{border-radius:18px;box-shadow:0 12px 30px #0b3c6a1a}
.lower-page .dots button,.lower-page .dots span{background:#c3d6e3;transition:width .3s,background .3s}
.lower-page .dots .is-active{background:var(--blue);width:22px;border-radius:999px}
#achievements .achievements th{width:170px}

/* ---------- 船舶紹介：浮かぶ船カード ---------- */
.lower-fleet{background:linear-gradient(180deg,#fff 0%,#edf8ff 18%,#e3f3fa 70%,#edf5f7 100%)}
.lower-fleet .tabs{max-width:760px;border:0;background:#fff;border-radius:999px;padding:6px;box-shadow:var(--shadow);gap:4px;margin-bottom:80px}
.lower-fleet .tabs button{border:0;border-radius:999px;font-size:clamp(14px,1.4vw,17px);color:#466783;padding:14px 8px;background:transparent}
.lower-fleet .tabs button:hover{color:var(--blue)}
.lower-fleet .tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.lower-fleet .card-grid{gap:56px 44px}
.lower-fleet .card{background:#fff;border-radius:var(--r-card);padding:14px 14px 26px;box-shadow:var(--shadow);transition:transform .45s var(--ease),box-shadow .45s}
.lower-fleet .card img{border-radius:16px;aspect-ratio:4/3;transition:transform .45s}
.lower-fleet .card:hover{transform:translateY(-10px);box-shadow:var(--shadow-up)}
.lower-fleet .card:hover img{opacity:1}
.lower-fleet .card__title{margin-top:20px;font-size:18px;font-weight:500;color:var(--ink)}
.lower-fleet .card__btn{margin-top:12px;border:0;background:#eaf3f8;color:var(--blue2);font-size:12px;letter-spacing:.1em;padding:7px 24px;transition:background .3s,color .3s}
.lower-fleet .card:hover .card__btn{background:var(--blue);color:#fff}
@media(min-width:768px){.lower-fleet .card:nth-child(3n+2){margin-top:40px;margin-bottom:-40px}}

/* 船舶詳細 */
.lower-detail .detail-head{border:0;padding:0;font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:.08em;color:var(--ink);display:flex;align-items:center;gap:14px;margin:80px 0 32px}
.lower-detail .detail-head::before{content:"";width:22px;height:1px;background:var(--blue3)}
.lower-detail h2.detail-head{justify-content:center;font-size:clamp(28px,3.2vw,44px);margin-top:0;margin-bottom:48px}
.lower-detail h2.detail-head::before{display:none}
.lower-detail .gallery-main img{border-radius:var(--r-card);box-shadow:var(--shadow-up)}
.lower-detail .gallery-thumbs button{border-radius:14px;overflow:hidden;border:2px solid transparent;transition:transform .3s,border-color .3s}
.lower-detail .gallery-thumbs button:hover{transform:translateY(-4px)}
.lower-detail .gallery-thumbs button[aria-current="true"]{border-color:var(--blue)}
.lower-detail .gallery-thumbs img{display:block}
.lower-detail .downloads{gap:24px;flex-wrap:wrap}
.lower-detail .downloads .btn-pill{border-color:var(--blue);color:var(--blue)}
.lower-detail .downloads .btn-pill:hover{background:var(--blue);color:#fff}

/* ---------- お知らせ：行カード ---------- */
.lower-list{background:linear-gradient(180deg,#fff,#edf5f7 30%)}
.lower-list .lead-title{margin-bottom:56px}
.news-rows{display:flex;flex-direction:column;gap:18px;max-width:960px}
.news-rows .card{display:grid;grid-template-columns:220px 1fr 48px;grid-template-areas:"img date arrow" "img title arrow";column-gap:36px;align-items:center;text-align:left;background:#fff;border-radius:20px;padding:16px 28px 16px 16px;box-shadow:var(--shadow);transition:transform .35s var(--ease),box-shadow .35s}
.news-rows .card::after{content:"→";grid-area:arrow;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#eaf3f8;color:var(--blue2);font:16px/1 Arial,sans-serif;transition:background .3s,color .3s}
.news-rows .card img{grid-area:img;aspect-ratio:16/10;border-radius:12px}
.news-rows .card__date{grid-area:date;align-self:end;color:var(--blue3);letter-spacing:.12em;font-family:Arial,sans-serif;font-size:13px}
.news-rows .card__title{grid-area:title;align-self:start;margin:4px 0 0;font-size:18px}
.news-rows .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-up)}
.news-rows .card:hover img{opacity:1}
.news-rows .card:hover::after{background:var(--blue);color:#fff}
.lower-page .pager{gap:10px;align-items:center;font-size:15px;margin-top:64px}
.lower-page .pager a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 6px 18px #0b3c6a12;transition:background .3s,color .3s}
.lower-page .pager a:hover,.lower-page .pager .is-current{background:var(--ink);color:#fff;border:0}

/* お知らせ詳細 */
.lower-post .post{background:#fff}
.lower-post .detail-head{border:0;text-align:center;font-size:clamp(24px,2.6vw,36px);font-weight:500;letter-spacing:.08em;margin:0 0 40px;padding:0}
.lower-post .post__eyecatch img{border-radius:var(--r-card);box-shadow:var(--shadow-up)}
.lower-post .post__body{margin-top:48px;font-size:15px;line-height:2.4}

/* ---------- 会社案内 ---------- */
#greeting .greeting{grid-template-columns:.92fr 1.08fr;gap:8%;align-items:center}
#greeting{overflow:hidden}
#greeting .greeting__photo{grid-column:2;margin-right:calc(-1 * max(24px,(100vw - 1200px)/2))}
#greeting .greeting__photo img{aspect-ratio:1.13;border-radius:100px 0 0 0;display:block}
#greeting .greeting__text{grid-column:1;margin:0}
#greeting .greeting__catch{font-size:clamp(22px,2.3vw,32px);font-weight:500;line-height:1.75;letter-spacing:.06em;white-space:normal;margin-bottom:36px}
#greeting .greeting__box{width:100%;border:0;background:none;padding:0;font-size:14px;line-height:2.35;color:#465b6e}
#greeting .greeting__name{margin-top:28px;color:var(--ink);font-size:16px;font-weight:500;letter-spacing:.1em}
#initiative .initiative{border:0;background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow);padding:64px 72px}
#initiative .sec__head{margin-bottom:40px}
#initiative .initiative__list{list-style:none;padding:0;margin:0;display:grid;gap:4px;font-size:clamp(16px,1.6vw,19px)}
#initiative .initiative__list li{position:relative;padding:16px 0 16px 34px;border-bottom:1px dashed #cfe0eb}
#initiative .initiative__list li:last-child{border-bottom:0}
#initiative .initiative__list li::before{content:"";position:absolute;left:4px;top:calc(16px + .95em - 6px);width:12px;height:12px;border-radius:50%;background:var(--ice);box-shadow:0 0 0 4px #e6f4fc}
#overview .overview{gap:0 56px;background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow);padding:44px 52px}
#overview .overview dl{grid-template-columns:96px 1fr;font-size:14px}
#overview .overview dt{color:var(--blue2);padding:16px 0;border-color:#dde8f0}
#overview .overview dd{padding:16px 0;border-color:#dde8f0}
#overview .overview__photos{margin-top:24px;gap:10px}
#overview .overview__photos img{border-radius:14px}
#overview .overview__photos img:first-child{border-radius:3px 40px 3px 14px}
#access .map{border:0;border-radius:var(--r-card);background:var(--foam);box-shadow:inset 0 0 0 1px #d3e1ec;font-family:Arial,sans-serif;letter-spacing:.2em;color:var(--blue3)}
#activities .photo-row{gap:28px;margin-top:48px}
#activities .photo-row img{width:300px;border-radius:22px;box-shadow:var(--shadow);transition:transform .4s var(--ease),box-shadow .4s}
#activities .photo-row img:hover{transform:translateY(-6px);box-shadow:var(--shadow-up)}

/* ---------- お問い合わせ：白カードのフォーム＋青ボタン ---------- */
.lower-form .lead-title{margin-bottom:28px}
.lower-form .form-box{background:#fff;border:0;border-radius:32px;box-shadow:var(--shadow);padding:64px 90px;max-width:960px}
.lower-form .form-row{margin-bottom:28px}
.lower-form .form-row label{font-weight:500;color:var(--ink);font-size:14px;letter-spacing:.08em;margin-bottom:10px}
.lower-form .form-row input[type="text"],.lower-form .form-row input[type="email"],.lower-form .form-row input[type="tel"],.lower-form .form-row textarea{width:100%;border:1px solid #d3e1ec;border-radius:12px;background:#f7fbfd;padding:15px 18px;font:inherit;font-size:15px;color:#123d62;transition:border-color .3s,box-shadow .3s,background .3s}
.lower-form .form-row input:focus,.lower-form .form-row textarea:focus{outline:0;background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px #0063ef1f}
.lower-form .policy-box{border:1px solid #dde8f0;border-radius:16px;background:#f7fbfd;max-width:none;margin:44px 0 22px;padding:26px 32px}
.lower-form .policy-box__title{color:var(--ink);font-weight:500;letter-spacing:.1em}
.lower-form .policy-box .doc h3{font-size:15px;margin:22px 0 6px;color:var(--blue2)}
.lower-form .policy-box .doc p{font-size:13px}
.lower-form .agree{font-size:14px}
.lower-form .agree input{accent-color:var(--blue);width:16px;height:16px;vertical-align:-2px;margin-right:6px}
.lower-form .submit{margin-top:36px}
.lower-form .submit button{border:0;border-radius:999px;background:var(--blue);color:#fff;padding:20px 96px;font-size:17px;letter-spacing:.2em;box-shadow:0 14px 30px #0063ef40;cursor:pointer;transition:transform .3s,box-shadow .3s,background .3s}
.lower-form .submit button:hover{background:#0052c7;transform:translateY(-3px);box-shadow:0 20px 40px #0063ef55}

/* ---------- 完了ページ ---------- */
.lower-thanks .thanks{background:#fff;border-radius:32px;box-shadow:var(--shadow);padding:80px 40px}
.lower-thanks .thanks__title{font-size:clamp(24px,2.8vw,38px);font-weight:500;color:var(--ink);line-height:1.8}
.lower-thanks .thanks__text{font-size:15px;line-height:2.4;color:#465b6e}
.lower-thanks .back{margin-top:48px}

/* ---------- プライバシーポリシー・サイトマップ ---------- */
.lower-page .doc h3{font-size:clamp(18px,1.8vw,22px);font-weight:500;color:var(--ink);display:flex;align-items:center;gap:14px;margin:56px 0 16px}
.lower-page .doc h3::before{content:"";width:22px;height:1px;background:var(--blue3);flex:none}
.lower-page .doc p{font-size:14px;line-height:2.3;color:#465b6e}
.lower-page .sitemap{grid-template-columns:repeat(3,1fr);gap:24px}
.lower-page .sitemap ul{list-style:none;margin:0;background:#fff;border-radius:20px;box-shadow:var(--shadow);padding:22px 28px;transition:transform .35s var(--ease),box-shadow .35s}
.lower-page .sitemap ul:hover{transform:translateY(-4px);box-shadow:var(--shadow-up)}
.lower-page .sitemap a{display:flex;justify-content:space-between;align-items:center;border-color:#dde8f0;padding:12px 0;font-size:16px;transition:color .3s}
.lower-page .sitemap a::after{content:"→";font:13px/1 Arial,sans-serif;color:var(--blue3)}
.lower-page .sitemap .sub a{padding:6px 0 6px 1.2em;font-size:14px;color:#465b6e}
.lower-page .sitemap .sub a::after{content:none}
.lower-page .sitemap a:hover{color:var(--blue)}

/* ---------- スマホ・タブレット ---------- */
@media(max-width:1000px){
  .lower-navy .feature,.lower-navy .feature--rev,#works .work,#works .work--rev{grid-template-columns:1fr 1fr;gap:5%}
  .lower-form .form-box{padding:48px 48px}
  #initiative .initiative{padding:48px 40px}
}
@media(max-width:767px){
  .lower-page .sec{padding:72px 0}
  .lower-page > .sec:last-child,.lower-page > .sec.lower-foam:last-child{padding-bottom:140px}
  .lower-page > .sec.lower-foam,.lower-page > .sec.lower-navy{padding-bottom:110px}
  .lower-foam::before,.lower-navy::before{height:34px;top:-33px}
  .lower-foam::after,.lower-navy::after{height:34px}
  .lower-page .sec__head{margin-bottom:40px}
  .lower-page .sec__ja{font-size:30px}
  .lower-page .sec__en,.lower-page .doc .sec__en{font-size:12px}
  .lower-page .sec__lead{font-size:14px;line-height:2.3;text-align:left}
  .lower-page .sec__lead br{display:none}
  .lower-intro .container--narrow{text-align:left}
  .lower-intro .lead-title{text-align:center}
  .lower-navy .features,#works .works{gap:64px}
  .lower-navy .feature,.lower-navy .feature--rev,#works .work,#works .work--rev{display:block}
  .lower-navy .feature__img,.lower-navy .feature--rev .feature__img,#works .work__img,#works .work--rev .work__img{border-radius:3px 40px 3px 3px}
  .lower-navy .feature__body,#works .work__body{margin-top:-28px;position:relative;padding:0 4px}
  .lower-num{font-size:56px;margin-bottom:14px}
  #works .work__text br{display:none}
  #business .three-biz__photos{height:400px}
  #business .three-biz__links a,#business .three-biz__links a:first-child{max-width:none}
  .lower-page .table th,.lower-page .table td{padding:16px 14px;font-size:13px}
  #achievements .achievements th{width:96px}
  .gallery .gallery__video{margin-inline:24px}
  .lower-fleet .tabs{margin-bottom:44px}
  .lower-fleet .tabs button{font-size:13px;padding:12px 4px;letter-spacing:.04em}
  .lower-fleet .card-grid{gap:20px 14px}
  .lower-fleet .card{padding:8px 8px 18px;border-radius:18px}
  .lower-fleet .card img{border-radius:12px}
  .lower-fleet .card__title{font-size:15px;margin-top:12px;letter-spacing:.06em}
  .lower-fleet .card__btn{padding:6px 12px;font-size:12px;letter-spacing:.04em}
  .news-rows .card{grid-template-columns:110px 1fr;grid-template-areas:"img date" "img title";column-gap:16px;padding:12px;border-radius:16px}
  .news-rows .card::after{display:none}
  .news-rows .card__title{font-size:15px}
  .lower-page .pager a{width:38px;height:38px}
  #greeting .greeting{display:flex;flex-direction:column;gap:36px}
  #greeting .greeting__photo{margin:0 -24px 0 0;align-self:stretch}
  #greeting .greeting__photo img{border-radius:60px 0 0 0}
  #initiative .initiative{padding:36px 22px}
  #overview .overview{padding:24px 22px;gap:0}
  #overview .overview dl{grid-template-columns:84px 1fr}
  #activities .photo-row{gap:12px}
  #activities .photo-row img{width:calc(50% - 6px)}
  .lower-form .form-box{padding:32px 20px;border-radius:24px}
  .lower-form .policy-box{padding:20px}
  .lower-form .submit button{padding:18px 64px}
  .lower-thanks .thanks{padding:56px 20px;border-radius:24px}
  .lower-page .sitemap{grid-template-columns:1fr;gap:16px}
  .lower-detail .downloads{flex-direction:column;align-items:center}
}
@media(prefers-reduced-motion:reduce){.lower-page *{transition:none!important}}
/* 紺 → foam が続くところは、波をfoam色にして白い帯が出ないように */
.lower-navy:has(+ .lower-foam)::after{background-image:var(--wave-foam-btm)}
.lower-navy + .lower-foam::before{display:none}
#greeting .greeting__catch{text-wrap:balance}
.lower-page{color-scheme:light}

/* v17 ヘッダーのMENU文字をTOPと同じ12pxに */
.menu{font-size:12px}
/* v17 FOOTER（ワイヤー01_表紙_03準拠の配置。波はそのまま） */
.footer{padding-bottom:28px}
.footer-top{margin-bottom:64px;font-size:12px}
.footer-main{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(230px,.62fr);gap:0 5%;align-items:start}
.footer-identity>p{margin:26px 0 0;font:500 15px/2 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.05em;color:#d5e7fc}
.footer-nav{display:grid;grid-template-columns:auto auto;gap:0 clamp(32px,4vw,64px);justify-content:start;max-width:none}
.footer-nav>div{display:flex;flex-direction:column;gap:6px}
.footer-nav a,.footer-nav button{display:block;color:#fff;background:none;border:0;padding:0;text-align:left;text-decoration:none;font:500 15px/1.75 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em;white-space:nowrap;transition:opacity .25s}
.footer-nav a:before,.footer-nav button:before{content:none}
.footer-nav .footer-sub{padding-left:1em;color:#d5e7fc}
.footer-nav .footer-sub:before{content:"-";display:inline;margin-right:.15em;border:0;width:auto;height:auto;font:inherit;background:none}
.footer-nav a:hover,.footer-nav button:hover{opacity:.7}
.footer-actions{display:flex;flex-direction:column;gap:14px;width:100%}
.footer-contact{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:none;margin:0;padding:17px 20px;border:1px solid #fff;border-radius:10px;background:#fff;color:#073897;font:600 16px/1.4 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.1em;cursor:pointer;transition:transform .3s,box-shadow .3s}
.footer-contact svg{width:26px;height:26px;flex:none}
.footer-contact>span{display:inline;margin:0;font-size:inherit}
.footer-contact:hover{transform:translateY(-3px);box-shadow:0 10px 22px rgba(0,20,70,.25)}
.footer-tel{display:flex;align-items:center;justify-content:center;gap:12px;padding:13px 18px;border:1px solid rgba(255,255,255,.6);border-radius:10px;color:#fff;text-decoration:none;transition:background .3s}
.footer-tel:hover{background:rgba(255,255,255,.1)}
.footer-tel svg{width:24px;height:24px;flex:none}
.footer-tel-text{display:flex;flex-direction:column;line-height:1.35}
.footer-tel-num{font:500 21px/1.3 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em}
.footer-tel-time{font:500 12px/1.5 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.04em;color:#d5e7fc}
.footer-bottom{display:block;max-width:1400px;margin:56px auto 0;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);text-align:center}
.footer-bottom small{display:block;margin:0;text-align:center;font:12px Arial,sans-serif;letter-spacing:.12em;color:#d6e9ff}
@media(max-width:1100px){.footer-main{grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:44px 6%}.footer-identity{grid-column:1/-1}.footer-nav>div:last-child{grid-column:auto}}
@media(max-width:760px){
.footer-top{margin-bottom:44px}
.footer-main{grid-template-columns:1fr;gap:36px}
.footer-identity>p{margin:20px 0 0;font-size:13.5px;line-height:1.95}
.footer-nav{gap:0 28px}
.footer-nav a,.footer-nav button{font-size:14px;line-height:1.8}
.footer-nav>div:last-child{grid-column:auto}
.footer-contact{font-size:15px;padding:15px 18px}
.footer-tel-num{font-size:19px}
.footer-bottom{margin-top:40px;padding-top:18px}
.footer-bottom small{font-size:12px;margin:0}
}
@media(prefers-reduced-motion:reduce){.footer-contact,.footer-tel{transition:none}}

/* ===== 2026-10-09 下層の書体・文字サイズ・太さをTOPに揃える =====
   TOPの実測：本文＝明朝500・15〜19px・行間2.1（会社案内の本文）／カード見出し＝明朝500・19px（スマホ15px）
   ボタン＝明朝600・19.2px（スマホ16px）／英字・数字＝Arial 500 */
body.lower main.lower-page p,
body.lower main.lower-page li,
body.lower main.lower-page dt,
body.lower main.lower-page dd,
body.lower main.lower-page th,
body.lower main.lower-page td,
body.lower main.lower-page label,
body.lower main.lower-page .sitemap a{font-family:"Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}
/* 本文 */
body.lower main.lower-page .sec__lead,
body.lower main.lower-page .work__text,
body.lower main.lower-page .three-biz__text,
body.lower main.lower-page .post__body,
body.lower main.lower-page .thanks__text,
body.lower main.lower-page .feature p,
body.lower main.lower-page .greeting p,
body.lower main.lower-page .doc p,
body.lower #works .work__text,
body.lower #business .three-biz__text{font-size:clamp(15px,1.35vw,19px);line-height:2.1;letter-spacing:.05em}
/* 表・概要・フォーム項目 */
body.lower main.lower-page th,
body.lower main.lower-page td,
body.lower main.lower-page dt,
body.lower main.lower-page dd,
body.lower main.lower-page label{font-size:clamp(14px,1.17vw,15px)}
/* カードの見出し（お知らせ・船舶） */
body.lower main.lower-page .card__title{font-size:clamp(15px,1.48vw,19px);font-weight:500;line-height:1.6;letter-spacing:.06em}
/* ボタン */
body.lower main.lower-page .btn-more,
body.lower main.lower-page .btn-pill,
body.lower main.lower-page button[type=submit]{font-family:"Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(16px,1.5vw,19.2px);font-weight:600;letter-spacing:.06em}
/* 英字・数字（日付・月・番号）はTOPと同じ Arial 500 */
body.lower main.lower-page .card__date,
body.lower main.lower-page td.month,
body.lower main.lower-page .lower-num{font-family:Arial,sans-serif;font-weight:500}
/* ページタイトル：FVと同じ太さ・字間 */
.lower-hero h1{font-weight:500;letter-spacing:.025em}

/* ===== 2026-10-09 第2弾：ヘッダー・フッター・ボタン・見出し・ページタイトル ===== */
/* ① 文字の描き方をTOPと同じに（下層だけ細く描く設定が入っていた）／英字の小見出しはTOPと同じ Arial */
body.lower{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}
body.lower main.lower-page .sec__en{font-family:Arial,sans-serif}
/* ② 浮かぶヘッダー：メニューの文字が白のままで白い背景に消えていた → TOPと同じ紺 */
body.lower .header.is-scrolled .nav button{color:#092f5b}
/* ③ ページタイトル：FVのキャッチと同じ大きさ */
/* ③' 2026-10-09 採用ページのタイトルと同じ見た目に（高さ・写真の幅・青のグラデーション・左下の文字・大きさ） */
body.lower .lower-hero{height:clamp(380px,38vw,610px);background:#6394bc}
body.lower .lower-hero>img{width:85%;object-position:55% 52%}
body.lower .lower-hero:after{background:linear-gradient(90deg,#174e7dc4 0%,#174e7d50 40%,transparent 75%)}
body.lower .lower-hero .recruit-page-hero-copy{justify-content:flex-end;padding:0 8% 7% 7%}
body.lower .lower-hero-en{margin:0 0 22px;font:400 14px/1.5 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.2em;color:#fff}
body.lower .lower-hero h1{font-size:clamp(34px,4.6vw,74px);font-weight:500;letter-spacing:.09em;line-height:1.6;text-shadow:0 3px 30px #0a36632a}
@media(max-width:800px){body.lower .lower-hero{height:400px}body.lower .lower-hero>img{width:100%}body.lower .lower-hero .recruit-page-hero-copy{padding:0 7% 45px}body.lower .lower-hero h1{font-size:30px}}
/* ④ ボタン：TOPと同じ形（文字＋右に四角い矢印＋下に線） */
body.lower .pill-btn{--btn:#0b3570;--btn-hover:#0a55b8;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;width:auto;min-width:min(100%,400px);height:auto;min-height:0;margin:0;padding:0 0 20px;border:0;border-bottom:2px solid var(--btn);border-radius:0;background:transparent;color:var(--btn);font:600 clamp(17px,1.5vw,22px)/1.4 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em;box-shadow:none;transform:none;text-align:left;text-decoration:none;cursor:pointer}
body.lower .pill-btn:before,body.lower .pill-btn:after{content:none}
body.lower .pill-btn .pill-arrow{position:static;flex:none;display:grid;place-items:center;width:104px;height:48px;border-radius:4px;background:var(--btn);color:#fff;transition:background .3s}
body.lower .pill-btn .pill-arrow svg{width:18px;height:18px;transition:transform .3s}
body.lower .pill-btn:hover{background:transparent;box-shadow:none;transform:none;opacity:1}
body.lower .pill-btn:hover .pill-arrow{background:var(--btn-hover)}
body.lower .pill-btn:hover .pill-arrow svg{transform:translateX(4px)}
@media(max-width:760px){body.lower .pill-btn{min-width:min(100%,300px);gap:24px;padding-bottom:14px;font-size:16px}body.lower .pill-btn .pill-arrow{width:78px;height:40px}}
@media(prefers-reduced-motion:reduce){body.lower .pill-btn .pill-arrow,body.lower .pill-btn .pill-arrow svg{transition:none}}
/* ⑤ フッター：お問い合わせ・電話をTOPと同じ形 */
body.lower .footer-actions .footer-contact{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;margin:0 0 20px;padding:22px 18px;border:0;border-radius:0;background:#fff;color:#0b3570;font:600 18px/1.4 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.06em;box-shadow:none;transform:none;text-align:left;cursor:pointer}
body.lower .footer-actions .footer-contact>svg{display:none}
body.lower .footer-actions .footer-contact>span{display:block}
body.lower .footer-actions .footer-contact>span:not(.footer-go){white-space:nowrap}
body.lower .footer-actions .footer-contact .footer-go{display:flex;align-items:center;justify-content:center;flex:none;width:58px;height:38px;border-radius:4px;background:#0b3570;color:#fff;transition:background .3s}
body.lower .footer-actions .footer-contact .footer-go svg{display:block;width:18px;height:18px;margin:0;transition:transform .3s}
body.lower .footer-actions .footer-contact:hover{transform:none;box-shadow:none}
body.lower .footer-actions .footer-contact:hover .footer-go{background:#0a55b8}
body.lower .footer-actions .footer-contact:hover .footer-go svg{transform:translateX(4px)}
body.lower .footer-actions .footer-tel{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px;border:0;border-top:1px solid rgba(255,255,255,.55);border-bottom:1px solid rgba(255,255,255,.55);border-radius:0;background:transparent;color:#fff}
body.lower .footer-actions .footer-tel:hover{background:rgba(255,255,255,.06)}
body.lower .footer-actions .footer-tel>svg{display:none}
body.lower .footer-actions .footer-tel-text{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%}
body.lower .footer-actions .footer-tel-num{font:500 30px/1.2 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.03em;color:#fff}
body.lower .footer-actions .footer-tel-time{font:500 12px/1.6 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.04em;color:#e3eefc}
/* スマホもTOPと同じ値（TOPは後から入れた指定がスマホにも効いている） */
@media(prefers-reduced-motion:reduce){body.lower .footer-actions .footer-go,body.lower .footer-actions .footer-go svg{transition:none}}

/* ===== 2026-10-09 お問い合わせフォーム：上の波をなくす／背景を青に／項目名・枠を濃く ===== */
body.lower .lower-form::before{display:none}
body.lower .lower-form{background:linear-gradient(160deg,#0a5bc4 0%,#0b3d86 100%)}
body.lower .lower-form .lead-title,body.lower .lower-form .sec__lead{color:#fff}
body.lower .lower-form .form-box{box-shadow:0 24px 60px rgba(0,20,60,.3)}
body.lower .lower-form .form-row label{color:#0b2f55;font-weight:600}
body.lower .lower-form input[type=text],body.lower .lower-form input[type=email],body.lower .lower-form input[type=tel],body.lower .lower-form textarea{border:1px solid #7f98b2;background:#fff;color:#0b2f55}
body.lower .lower-form input:focus,body.lower .lower-form textarea:focus{border-color:#0a5bc4;outline:2px solid rgba(10,91,196,.25);outline-offset:0}
body.lower .lower-form .policy-box{border:1px solid #7f98b2;background:#fff}
body.lower .lower-form .policy-box__title,body.lower .lower-form .doc h3{color:#0b2f55}
body.lower .lower-form .doc p{color:#2f4a63}
body.lower .lower-form .agree,body.lower .lower-form .agree label{color:#0b2f55;font-weight:600}
body.lower .lower-form input[type=checkbox]{accent-color:#0a5bc4}

/* ===== 2026-10-09 事業内容：冒頭の紹介文をTOPのアバウトのように（参考 kyoeimarine.co.jp/about） =====
   写真の上に青を重ね、その上に白い文字。写真は支給の 仮_表紙_大_左（スクロールで写真が止まって見える） */
body.lower .lower-intro{position:relative;padding:clamp(110px,11vw,170px) 6%;background:linear-gradient(rgba(6,52,112,.78),rgba(8,72,150,.66)),url("../../html/assets/images/仮/仮_表紙_大_左.jpg") center/cover fixed;color:#fff;text-align:center}
body.lower .lower-intro .lead-title{color:#fff;text-shadow:0 2px 24px rgba(0,25,60,.35)}
body.lower .lower-intro .sec__lead{margin-top:34px;color:#fff;font-size:clamp(15px,1.35vw,19px);line-height:2.3;letter-spacing:.06em;text-shadow:0 1px 14px rgba(0,25,60,.35)}
@media(max-width:1024px),(hover:none){body.lower .lower-intro{background-attachment:scroll}}
@media(max-width:760px){body.lower .lower-intro{padding:80px 6%;text-align:left}body.lower .lower-intro .sec__lead br{display:none}}

/* ===== 2026-10-09 事業内容「名城ターグボートの特徴」（参考画像あり） =====
   白背景・見出し中央／大きい番号→見出し→本文、文字の外側に縦の細い線／写真は画面の端まで・左右交互 */
body.lower .lower-feat{background:#fff;padding:120px 0 150px;overflow:hidden}
body.lower .lower-feat .sec__head{text-align:center;align-items:center;margin-bottom:90px}
body.lower .lower-feat .features{display:flex;flex-direction:column;gap:110px}
body.lower .lower-feat .feature{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;margin:0 calc(50% - 50vw);gap:0}
body.lower .lower-feat .feature--rev{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
body.lower .lower-feat .feature__img{grid-column:2;grid-row:1;margin:0;border-radius:0;overflow:hidden}
body.lower .lower-feat .feature__body{grid-column:1;grid-row:1;position:relative;margin:0;padding:34px 7% 34px max(7%,calc(50vw - 590px))}
body.lower .lower-feat .feature--rev .feature__img{grid-column:1}
body.lower .lower-feat .feature--rev .feature__body{grid-column:2;padding:34px max(7%,calc(50vw - 590px)) 34px 7%}
body.lower .lower-feat .feature__body:before{content:"";position:absolute;top:0;bottom:0;left:max(2.5%,calc(50vw - 640px));width:1px;background:#2876b3}
body.lower .lower-feat .feature--rev .feature__body:before{left:auto;right:max(2.5%,calc(50vw - 640px))}
body.lower .lower-feat .feature__img img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
body.lower .lower-feat .feature:hover .feature__img img{transform:scale(1.03)}
body.lower .lower-feat .feature__title{margin:0 0 26px;color:#153e60;font-size:clamp(22px,2.2vw,32px);font-weight:500;line-height:1.7;letter-spacing:.08em}
body.lower .lower-feat .lower-num{display:block;margin:0 0 14px;font:400 clamp(44px,4.4vw,64px)/1 Arial,sans-serif;letter-spacing:.02em;color:#0a63c9;opacity:1}
body.lower .lower-feat .feature__box{margin:0;padding:0;border:0;background:none}
body.lower .lower-feat .feature__box p{color:#3a5a74}
body.lower .lower-feat .feature__box br{display:none}
@media(max-width:900px){
body.lower .lower-feat{padding:80px 0 100px}
body.lower .lower-feat .sec__head{margin-bottom:50px}
body.lower .lower-feat .features{gap:70px}
body.lower .lower-feat .feature,body.lower .lower-feat .feature--rev{display:flex;flex-direction:column}
body.lower .lower-feat .feature__img{width:100%}
body.lower .lower-feat .feature__body,body.lower .lower-feat .feature--rev .feature__body{padding:30px 7% 0 calc(7% + 14px)}
body.lower .lower-feat .feature__body:before,body.lower .lower-feat .feature--rev .feature__body:before{left:7%;right:auto;top:30px}
}

/* ===== 2026-10-09 事業内容 第2弾：特徴の見出しを番号と同じ青／「3つの事業」を参考画像の形（左に写真の帯3段・右に見出しと説明） ===== */
body.lower .lower-feat .feature__title{color:#0a63c9}
body.lower .biz2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;align-items:center}
body.lower .biz2__panels{display:flex;flex-direction:column}
body.lower .biz2__panel{position:relative;display:flex;align-items:center;min-height:clamp(150px,14vw,200px);padding:0 9%;overflow:hidden;color:#fff;text-decoration:none}
body.lower .biz2__panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.16,1,.3,1)}
body.lower .biz2__panel:after{content:"";position:absolute;inset:0;transition:opacity .4s}
body.lower .biz2__panel--1:after{background:rgba(8,40,92,.72)}
body.lower .biz2__panel--2:after{background:rgba(10,90,190,.68)}
body.lower .biz2__panel--3:after{background:rgba(22,120,160,.66)}
body.lower .biz2__panel:hover img{transform:scale(1.05)}
body.lower .biz2__panel:hover:after{opacity:.82}
body.lower .biz2__name{position:relative;z-index:1;display:flex;align-items:center;gap:16px;font:600 clamp(22px,2.1vw,30px)/1.4 "Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;letter-spacing:.1em;text-shadow:0 2px 14px rgba(0,20,50,.35)}
body.lower .biz2__arrow{font:400 .8em/1 Arial,sans-serif;transition:transform .3s}
body.lower .biz2__panel:hover .biz2__arrow{transform:translateX(6px)}
body.lower .biz2__copy .sec__head{margin-bottom:0}
body.lower .biz2__bar{display:block;width:40px;height:3px;margin:30px 0 34px;background:#0a63c9}
body.lower #business .biz2__copy .three-biz__text{margin:0;color:#3a5a74}
body.lower .biz2__copy .three-biz__text br{display:none}
@media(max-width:900px){body.lower .biz2{grid-template-columns:1fr;gap:44px}body.lower .biz2__copy{order:-1}body.lower .biz2__panel{min-height:130px}}
@media(prefers-reduced-motion:reduce){body.lower .biz2__panel img,body.lower .biz2__arrow{transition:none}}

/* 2026-10-10 事業内容「3つの事業」：背景をグレーに（波の区切りはなし・会社案内のグレーと同じ色） */
body.lower .lower-gray{background:#e9edf2}

/* 2026-10-10 ページタイトル左のくすみ青 → 普通の青（採用ページと同じ） */
body.lower .lower-hero{background:#0a63c9}
body.lower .lower-hero:after{background:linear-gradient(90deg,rgba(10,99,201,.86) 0%,rgba(10,99,201,.38) 40%,transparent 75%)}