@charset "utf-8";
/* mio.css｜澪重工 全ページ共通の改変（core.css の上に重ねる） */
:root {
	--ground: #f1f4f3;
	--main: #0f7579;
	--sub: #2b3138;
	--ink: #1d2326;
	--paper: #fcfdfd;
	--cut: polygon(26px 0, 100% 0, 100% 100%, 0 100%, 0 26px);
	--cut-sm: polygon(16px 0, 100% 0, 100% 100%, 0 100%, 0 16px);
	/* 形＝案A（大串の【案の決定】10/16）：丸み3つと、切り欠き（左上を落とした角・燕尾の矢印） */
	--r-btn: 0px;
	--r-card: 0px;
	--r-img: 0px;
	--cut-sp: polygon(5vw 0, 100% 0, 100% 100%, 0 100%, 0 5vw);
	--cut-tab: polygon(0 0, 100% 0, 100% 100%, 0 100%, 9px 50%);
	--cut-prev: polygon(0 0, 100% 0, 82% 50%, 100% 100%, 0 100%);
	--cut-next: polygon(0 0, 100% 0, 100% 100%, 0 100%, 18% 50%);
	/* 書体＝案B 鋼板の太ゴシック（大串の【案の決定】10/16）：角の立った太いゴシックと技術資料の欧文 */
	--font-ja: "Zen Kaku Gothic New", sans-serif;
	--font-en: "Archivo", sans-serif;
}
body, h2, h3, h4, .bold, .normal, #megamenu .news-pc dl, #megamenu .news-sp dl { font-family: var(--font-ja); }
#megamenu .nav-entry { font-family: var(--font-en); }
body { background-color: var(--ground); color: var(--ink); font-feature-settings: "palt" 1; letter-spacing: 0.02em; }
h2, h3, h4, .bold { font-weight: 700; }
.en { font-family: var(--font-en); font-weight: 700; letter-spacing: 0.01em; }

/* ---------- ヘッダー：白い燕尾旗の台座に、航跡のマーク ---------- */
#header h1 a { left: 26px; }
#header h1 .en { margin: 0 0 0 14px; padding: 0 0 0 14px; border-left: 1.5px solid var(--ink); font-size: 9.5px; line-height: 1.32; letter-spacing: 0.14em; }
#header .nav-entry .internship a { border-radius: var(--r-btn); clip-path: var(--cut-tab); padding-left: 22px; }
.megamenu-toggle { border-radius: var(--r-btn) !important; }
.megamenu-toggle::after { content: ""; position: absolute; top: 0; right: 0; width: 14px; height: 14px; background: var(--main); clip-path: polygon(0 0, 100% 0, 100% 100%); }

@media screen and (max-width: 767px) {
	#header h1 a { left: 16px; }
	#header h1 .en { margin-left: 10px; padding-left: 10px; font-size: 7px; }
}

/* ---------- フッター ---------- */
#footer .corporation h2 a { display: flex; align-items: center; }
#footer .corporation h2 .en { margin-left: 14px; padding-left: 14px; border-left: 1.5px solid var(--ink); font-size: 10px; letter-spacing: 0.14em; }
#footer .sample-note { margin: 18px 0 0 0; max-width: 300px; font-size: 11px; line-height: 1.7; color: #676c6e; font-weight: 500; }
#footer .heading h2::before { content: ""; display: inline-block; width: 12px; height: 9px; margin: 0 8px 0 0; background: var(--main); clip-path: polygon(0 0, 100% 50%, 0 100%); vertical-align: 0.05em; }

/* ---------- 写真の仮枠（納品待ち） ---------- */
img[src^="/demos/mio-recruit/assets/img/"] { background-color: #dcdfdf; }

/* ロゴ（2026-10-14 大串が案Bに決定・信号旗のタイル）：/assets/svg/logo-b.svg（文字までパス・_case/tools/logos.py） */
.t-logo { display: block; flex: none; width: auto; max-width: none; }
#header h1 .t-logo { height: 41.5px; }
#footer .corporation h2 .t-logo { height: 44.4px; }
@media screen and (max-width: 767px) {
	#header h1 .t-logo { height: 30.7px; }
}

/* 丸いボタンを残さない（形＝案A・角丸0）：メニュー・フッターの INTERNSHIP、上へ戻る、動画を閉じる */
#megamenu .nav-entry .internship a, #footer .nav-entry .internship a, #pagetop a, .cmn-modal-movie-window .close { border-radius: var(--r-btn); }

/* 電気・制御系ページの英字（electric.css の .en-lp）も案B の欧文に */
.en-lp { font-family: var(--font-en); }

/* 下層の白い箱（.cmn-block）の角丸を全ページで0に（形＝案A）。Project Story の見出しの下線は、ベースが参照する無い画像の代わりに主色の線 */
.cmn-block { border-radius: var(--r-card); }
.c-pstory .list .detail h2::after { background: var(--main); }

/* ---------- スマホの押せる範囲（Step 10）：文字だけのリンクに透明な上下の余白を足し、同じだけ負のマージンで打ち消す＝見た目はそのまま・押せる高さは44px以上 ---------- */
@media screen and (max-width: 767px) {
	#megamenu .nav-content .block .list a, #header .nav-entry .nav-year a, #megamenu .nav-entry .nav-year a, #footer .nav-entry .nav-year a, #footer .nav-corporate a, #footer .nav-control-opener { padding-top: 16px; padding-bottom: 16px; margin-top: -16px; margin-bottom: -16px; }
}