/* ===== 20_site.css ===== */ @charset "UTF-8"; /* ============================================================ O01836 株式会社ワイエスエンジニア — 20_site.css（受領CSSの機械変換・decompose.mjs が生成） ・並び: 写真枠の既定 → keyframes → サイトの地 → 各ページの helmet（閉じ込め）→ 部品の helmet（受領の合流順）→ 生成クラス ・ページ固有の規則は :where(body:has(.yse-p-＜ページキー＞)) で閉じ込めた（詳細度を変えない＝受領の勝敗順のまま）。 ・受領の編集部品 image-slot は img.yse-slot（写真が無い枠は div.yse-slot）へ置き換え、セレクタも付け替えた。 ・生成クラス .ysh＊＝style-hover（受領ランタイムの .scp＊:hover と同じく1宣言ずつ !important） .ysa＊＝インラインの animation・transition の退避先（CueZillaが style 属性から除去するため） ・追加CSS欄はコメント内のタグ形の記号でMIMEが text/html に化ける（R-31）ので、タグ形の記号は書かない。 ============================================================ */ /* ---- CueZillaテーマ（Bootstrap reboot・theme_default.css）の要素既定を、納品ブロックの中だけブラウザ既定へ戻す ---- 受領はテーマの無い環境（素のブラウザ既定＝box-sizing:content-box・見出しや段落の既定の余白・line-height:normal）で作られている。 実測 2026-09-29: Bootstrap の *{box-sizing:border-box} でヘッダーの帯が 79→63px に縮んだ（min-height に padding が含まれる）。 ・revert＝この規則より前の層（ブラウザ既定）へ戻す。 ・詳細度は (0,0,1)（:not() の中の要素セレクタ分）＝Bootstrap の h3{line-height:1.2} 等と同じ強さで、後ろに置くので勝つ。 受領CSSはこの後ろに並ぶ＝同じ詳細度なら受領が勝つ・インラインstyleには必ず負ける（受領の値は消さない）。 実測 2026-09-29: 詳細度0で書いたら Bootstrap の見出しの行高に負け、採用情報のカード見出しが 30→24px に縮んだ。 ・SVG の中と img は外す（塗りや width/height 属性は表示上のヒント＝revert すると消える）。img は Bootstrap が触る縦位置だけ戻す。 ・範囲は共通ヘッダー（.yse-hdr-root）・共通フッター・本文ブロックの根（.yse-top／.yse-body）の中だけ＝CMSパーツには当たらない。 */ :where(.yse-hdr-root,.yse-footer,.yse-top,.yse-body):not(svg),:where(.yse-hdr-root,.yse-footer,.yse-top,.yse-body) :not(svg,svg *,img,picture,source,video){all:revert} :where(.yse-hdr-root,.yse-footer,.yse-top,.yse-body) *,:where(.yse-hdr-root,.yse-footer,.yse-top,.yse-body) *::before,:where(.yse-hdr-root,.yse-footer,.yse-top,.yse-body) *::after{box-sizing:revert} :where(.yse-hdr-root,.yse-footer,.yse-top,.yse-body) :is(img,svg){vertical-align:revert} /* ---- 写真枠の既定（受領 image-slot.js の :host と同じ値。受領の CSS より弱い＝先頭に置く） ---- */ :is(img,div):where(.yse-slot){display:block;position:relative;width:100%;height:100%;aspect-ratio:3 / 2;object-fit:cover;object-position:50% 50%} div:where(.yse-slot-empty){border:1px dashed currentColor;opacity:.35} /* ---- keyframes ---- */ @keyframes yse-rise{from { opacity: 0; transform: translateY(26px); } to { opacity: 1; transform: none; }} @keyframes yse-open-veil{to { transform: translateY(-101%); }} @keyframes yse-open-mark{from { opacity: 0; transform: translateY(14px) scale(.94); } to { opacity: 1; transform: none; }} @keyframes yse-open-en{from { opacity: 0; letter-spacing: .22em; } to { opacity: 1; letter-spacing: .34em; }} @keyframes yse-open-rise{from { opacity: .001; transform: translateY(10px); } to { opacity: 1; transform: none; }} @keyframes yse-pipe{to { background-position: 16px 0; }} @keyframes yse-pipe-v{to { background-position: 0 16px; }} @keyframes yse-loop-flow{to { background-position: 16px 0, 0 -16px, -16px 100%; }} @keyframes yse-bar-txt{0%, 45% { opacity: 0; } 100% { opacity: 1; }} @keyframes yse-page-failopen{to { opacity: 1; }} @keyframes yse-page-in{from { opacity: 0; } to { opacity: 1; }} @keyframes yse-spin{to { transform: rotate(360deg); }} @keyframes yse-kenburns{from { transform: scale(1.12); } to { transform: scale(1); }} @keyframes yse-bar-pass{0% { transform: translateX(-101%); } 100% { transform: translateX(101%); }} @keyframes yse-bar-open{0% { clip-path: inset(0 100% 0 0); } 100% { clip-path: inset(0 0 0 0); }} @keyframes yse-nav-spin{to { transform: rotate(360deg); }} @keyframes yse-hero-zoom{from { transform: scale(1.09); } to { transform: scale(1); }} @keyframes yse-hero-rise{from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; }} @keyframes yse-hero-rise-x{from { opacity: 0; transform: scaleX(.88) translateY(18px); } to { opacity: 1; transform: scaleX(.88); }} /* ---- サイトの地（全ページの helmet に在る要素だけの規則の多数派）：2規則 ---- */ a, button, article, li, summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} body{font-size: clamp(15px, 1.6vw, 17px);} /* ---- 受領 TOP.dc.html の helmet（.yse-p-top で閉じ込め＝top）：60規則 ---- */ :where(body:has(.yse-p-top)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} :where(body:has(.yse-p-top)) a,:where(body:has(.yse-p-top)) button,:where(body:has(.yse-p-top)) article,:where(body:has(.yse-p-top)) li,:where(body:has(.yse-p-top)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-p-top)) .yse-body,:where(body:has(.yse-p-top)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-p-top)){margin: 0; background: #D83154; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-p-top)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-p-top)) :where(:where(body):has(.yse-top)) a{color: #FFFDFC;} :where(body:has(.yse-p-top)) :where(:where(body):has(.yse-top)) a:hover{color: #FFFDFC;} :where(body:has(.yse-p-top)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-top)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-p-top)) .yse-fv-scrim{background: linear-gradient(100deg, rgba(158,5,52,.94) 0%, rgba(158,5,52,.9) 40%, rgba(158,5,52,.3) 68%, rgba(158,5,52,0) 100%);} @media (max-width: 900px){ :where(body:has(.yse-p-top)) .yse-fv-scrim{background: linear-gradient(180deg, rgba(158,5,52,.94) 0%, rgba(158,5,52,.9) 48%, rgba(158,5,52,.5) 76%, rgba(158,5,52,.22) 100%);} :where(body:has(.yse-p-top)) .yse-fv-collage{margin-top: clamp(12px, 6vw, 52px);} } :where(body:has(.yse-p-top)) .yse-fv-collage{width: 100%;} :where(body:has(.yse-p-top)) .yse-fv-collage > figure{max-width: 100%;} @media (min-width: 768px) and (max-width: 1023px){ :where(body:has(.yse-p-top)) .yse-fv-collage{width: 58%; margin-left: auto; margin-right: 0;} } @media (min-width: 768px) and (max-width: 1023px) and (max-aspect-ratio: 3/4){ :where(body:has(.yse-p-top)) .yse-fv-collage{width: 51%;} } @media (max-width: 767px){ :where(body:has(.yse-p-top)) .yse-fv{padding-bottom: calc(var(--yse-btmbar-h, 58px) + clamp(10px, 2vw, 20px)) !important;} :where(body:has(.yse-p-top)) .yse-fv-collage{width: 65%; margin-left: auto; margin-right: 0;} :where(body:has(.yse-p-top)) .yse-fv-copy > p:first-child{margin-bottom: 10px !important;} :where(body:has(.yse-p-top)) .yse-fv-copy > h1{gap: 4px !important;} :where(body:has(.yse-p-top)) .yse-fv-copy > p:nth-of-type(2){margin-top: 14px !important; line-height: 1.9 !important;} :where(body:has(.yse-p-top)) .yse-fv-copy > div:last-child{margin-top: 14px !important;} :where(body:has(.yse-p-top)) .yse-fv-copy > div:last-child > a{min-height: 52px !important;} } @media (max-width: 767px) and (max-height: 720px){ :where(body:has(.yse-p-top)) .yse-fv-collage{display: none;} } :where(body:has(.yse-p-top)) .yse-cta-scrim{background: linear-gradient(100deg, rgba(158,5,52,.72) 0%, rgba(158,5,52,.52) 34%, rgba(158,5,52,.16) 64%, rgba(158,5,52,.04) 100%);} @media (max-width: 900px){ :where(body:has(.yse-p-top)) .yse-cta-scrim{background: linear-gradient(180deg, rgba(158,5,52,.78) 0%, rgba(158,5,52,.6) 58%, rgba(158,5,52,.14) 100%);} } :where(body:has(.yse-p-top)) #yse-fv-bg-sp{display: none;} @media (max-width: 991px){ :where(body:has(.yse-p-top)) .yse-fv-copy > p,:where(body:has(.yse-p-top)) .yse-fv-ghost{text-shadow: inherit;} :where(body:has(.yse-p-top)) .yse-fv-copy{text-shadow: 0 0 5px var(--yse-glow-pink), 0 0 5px var(--yse-glow-pink), 0 0 13px var(--yse-glow-pink), 0 0 13px var(--yse-glow-pink), 0 0 26px var(--yse-glow-pink);} } @media (max-width: 991px){ :where(body:has(.yse-p-top)) #yse-fv-bg{display: none;} :where(body:has(.yse-p-top)) #yse-fv-bg-sp{display: block;} } :where(body:has(.yse-p-top)) .yse-fv-copy{container-type: inline-size; container-name: fvcopy;} @supports (container-type: inline-size){ :where(body:has(.yse-p-top)) .yse-fv-h1{font-size: clamp(34px, 11.6cqw, 96px) !important;} } @supports not (container-type: inline-size){ @media (max-width: 767px){ :where(body:has(.yse-p-top)) .yse-fv-h1{font-size: clamp(34px, 10.6vw, 96px) !important;} } } :where(body:has(.yse-p-top)) .yse-cta-row{flex-wrap: nowrap;} :where(body:has(.yse-p-top)) .yse-cta-row > div:first-child{min-width: 0; flex: 1 1 auto;} :where(body:has(.yse-p-top)) .yse-cta-row > p{flex: 0 0 auto;} :root:where(:has(.yse-p-top)){--yse-hdr-h: 88px;} @media (max-width: 1099px){ :root:where(:has(.yse-p-top)){--yse-hdr-h: 76px;} } @media (max-width: 767px){ :root:where(:has(.yse-p-top)){--yse-hdr-h: 68px;} } :where(body:has(.yse-p-top)) .yse-fv{box-sizing: border-box; min-height: 100vh; min-height: 100svh; margin-top: calc(-1 * var(--yse-hdr-h, 80px)); padding-block: calc(var(--yse-hdr-h, 80px) + clamp(14px, 4vw, 56px)) clamp(26px, 7vw, 96px); display: flex; flex-direction: column; justify-content: flex-end;} :where(body:has(.yse-p-top)) .yse-fv-grid{grid-template-columns: 1fr !important; align-items: end !important;} :where(body:has(.yse-p-top)) .yse-fv-copy{max-width: min(66ch, 100%);} :where(body:has(.yse-p-top)) .yse-fv.yse-sec{padding-inline: var(--gutter) !important;} @media (min-width: 768px){ :where(body:has(.yse-p-top)) .yse-fv{padding-block-end: clamp(18px, 3vw, 40px) !important;} } :where(body:has(.yse-p-top)) .yse-fv-h1 > span{white-space: nowrap;} :where(body:has(.yse-p-top)) .yse-fv-h1{color: #D83154; text-shadow: 0 0 6px rgba(255,253,252,.95), 0 0 6px rgba(255,253,252,.95), 0 0 16px rgba(255,253,252,.9), 0 0 16px rgba(255,253,252,.9), 0 0 34px rgba(255,253,252,.75);} :where(body:has(.yse-p-top)) .yse-ring{border-color: currentColor; opacity: .55;} @media (max-width: 1023px){ :where(body:has(.yse-p-top)) .yse-fv-copy{background: none; padding: 0;} } :where(body:has(.yse-p-top)) .yse-sec{--gutter: clamp(20px, 4vw, 48px); --inset: clamp(20px, 5.55vw, 80px); padding-inline: max(var(--gutter), (100% - 1280px) / 2);} :where(body:has(.yse-p-top)) .yse-panel-sec{background-image: linear-gradient(var(--panel), var(--panel)); background-repeat: no-repeat; background-position: center; background-size: min(1280px, 100% - 2 * var(--gutter)) 100%; padding-inline: calc(max(var(--gutter), (100% - 1280px) / 2) + var(--inset));} :where(body:has(.yse-p-top)) .yse-num{display: grid; gap: clamp(16px, 2vw, 26px); grid-template-columns: repeat(4, minmax(0, 1fr));} @media (max-width: 1100px){ :where(body:has(.yse-p-top)) .yse-num{grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (max-width: 560px){ :where(body:has(.yse-p-top)) .yse-num{grid-template-columns: 1fr;} } :where(body:has(.yse-p-top)) .yse-num-label{margin:0 0 14px; font-size:12.5px; font-weight:700; color:#725E68; letter-spacing:.06em;} :where(body:has(.yse-p-top)) .yse-num-value{margin:0; font-size:clamp(45px,4.9vw,69px); font-weight:700; line-height:1; letter-spacing:-.02em; color:#D83154;} :where(body:has(.yse-p-top)) .yse-num-card{background:#FBF1F3; padding:clamp(24px,3vw,36px) clamp(18px,1.8vw,24px);} :where(body:has(.yse-p-top)) .yse-eyebrow-tight{margin:0 0 10px; font-size:clamp(13px,1.4vw,15px); font-weight:700; letter-spacing:.14em; color:#9E0534;} :where(body:has(.yse-p-top)) .yse-top{position: relative; z-index: 0; isolation: isolate;} :where(body:has(.yse-p-top)) .yse-sakura-film{position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; mix-blend-mode: screen;} :where(body:has(.yse-p-top)) .yse-sakura-film > video,:where(body:has(.yse-p-top)) .yse-sakura-film > img{display: block; width: 100%; height: 100%; object-fit: cover;} :where(body:has(.yse-p-top)) .yse-sakura-film > img{display: none;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-top)) .yse-sakura-film > video{display: none;} :where(body:has(.yse-p-top)) .yse-sakura-film > img{display: block;} } :where(body:has(.yse-p-top)) .yse-opening{display: none;} html[data-yse-open="1"]:where(:has(.yse-p-top)) .yse-opening{display: flex; position: fixed; inset: 0; z-index: 9999; align-items: center; justify-content: center; flex-direction: column; gap: clamp(14px, 2vw, 22px); background: #D83154; animation: yse-open-veil .62s cubic-bezier(.7, 0, .3, 1) 1.05s both;} html[data-yse-open="1"]:where(:has(.yse-p-top)) .yse-opening-mark{display: block; width: clamp(64px, 9vw, 104px); height: auto; animation: yse-open-mark .78s cubic-bezier(.22, .61, .36, 1) .06s both;} html[data-yse-open="1"]:where(:has(.yse-p-top)) .yse-opening-en{margin: 0; font-family: 'IBM Plex Sans JP', sans-serif; font-size: clamp(10px, 1.2vw, 12.5px); font-weight: 700; letter-spacing: .34em; color: #FFFDFC; animation: yse-open-en .6s ease .42s both;} html[data-yse-open="1"]:where(:has(.yse-p-top)) .yse-fv{animation: yse-open-rise .8s cubic-bezier(.22, .61, .36, 1) 1.18s both;} @media (prefers-reduced-motion: reduce){ html[data-yse-open="1"]:where(:has(.yse-p-top)) .yse-opening{display: none;} html[data-yse-open="1"]:where(:has(.yse-p-top)) .yse-fv{animation: none;} } /* ---- 受領 Work.dc.html／Information.dc.html の helmet（.yse-g-h2 で閉じ込め＝work・information）：10規則 ---- */ :where(body:has(.yse-g-h2)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} html[data-yse-anim="1"]:where(:has(.yse-g-h2)) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has(.yse-g-h2)) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has(.yse-g-h2)) [data-reveal="bar"] > span{animation: none;} html:where(:has(.yse-g-h2)) [data-reveal="bar"] > span::after{display: none;} } :where(body:has(.yse-g-h2)) a,:where(body:has(.yse-g-h2)) button,:where(body:has(.yse-g-h2)) article,:where(body:has(.yse-g-h2)) li,:where(body:has(.yse-g-h2)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-g-h2)) .yse-body,:where(body:has(.yse-g-h2)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-g-h2)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-g-h2)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-g-h2)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-g-h2)) *{animation: none !important; transition: none !important;} } /* ---- 受領 Recruit.dc.html の helmet（.yse-p-recruit で閉じ込め＝recruit）：24規則 ---- */ :where(body:has(.yse-p-recruit)) .yse-policy-list{display: grid; gap: clamp(12px, 1.6vw, 18px);} :where(body:has(.yse-p-recruit)) .yse-policy-card{display: grid; grid-template-columns: auto 1fr; gap: clamp(12px, 1.6vw, 18px); align-items: start; background: #FFFDFC; border: 1px solid #E5CBD0; border-left: 4px solid #D83154; padding: clamp(20px, 2.6vw, 30px) clamp(18px, 2.4vw, 32px);} :where(body:has(.yse-p-recruit)) .yse-policy-card > .yse-dot{margin-top: calc(.75em + 2px);} :where(body:has(.yse-p-recruit)) .yse-policy-card > p{margin: 0; font-size: clamp(16px, 2vw, 22px); line-height: 2.1; color: #2B2328; text-wrap: pretty;} :where(body:has(.yse-p-recruit)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} :where(body:has(.yse-p-recruit)) a,:where(body:has(.yse-p-recruit)) button,:where(body:has(.yse-p-recruit)) article,:where(body:has(.yse-p-recruit)) li,:where(body:has(.yse-p-recruit)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-p-recruit)) .yse-body,:where(body:has(.yse-p-recruit)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-p-recruit)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-p-recruit)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-p-recruit)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-recruit)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-p-recruit)) .yse-dt-20{padding:20px 16px 20px 0; border-bottom:1px solid #F4DADF; font-size:14.5px; font-weight:700; color:#9E0534;} :where(body:has(.yse-p-recruit)) .yse-dd-20{margin:0; padding:20px 0; border-bottom:1px solid #F4DADF; font-size:clamp(15px,1.6vw,17px); line-height:1.95; color:#2B2328;} :where(body:has(.yse-p-recruit)) .yse-card-link{text-decoration:none; color:#2B2328; background:#FFFDFC; border:1px solid #E5CBD0; padding:clamp(24px,3vw,34px); display:flex; flex-direction:column; gap:14px; transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;} :where(body:has(.yse-p-recruit)) .yse-h3{margin:0; font-weight:700; font-size:clamp(19px,2.2vw,24px);} :where(body:has(.yse-p-recruit)) .yse-top-rule{border-top:1px solid #E5CBD0; padding-top:20px;} :where(body:has(.yse-p-recruit)) .yse-eyebrow-sm{margin:0 0 12px; font-size:13px; color:#9E0534; letter-spacing:.2em;} :where(body:has(.yse-p-recruit)) .yse-more-grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(16px, 2vw, 24px);} @media (max-width: 1359px){ :where(body:has(.yse-p-recruit)) .yse-more-grid{grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (max-width: 640px){ :where(body:has(.yse-p-recruit)) .yse-more-grid{grid-template-columns: 1fr;} } :where(body:has(.yse-p-recruit)) .yse-flow{list-style: none; margin: 0 0 28px; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(200px, 100%), 1fr)); gap: clamp(14px, 2vw, 20px);} @media (max-width: 1080px){ :where(body:has(.yse-p-recruit)) .yse-flow{grid-template-columns: repeat(2, 1fr); row-gap: clamp(22px, 3.4vw, 30px);} } @media (max-width: 530px){ :where(body:has(.yse-p-recruit)) .yse-flow{grid-template-columns: 1fr; row-gap: clamp(28px, 7vw, 40px);} } :where(body:has(.yse-p-recruit)) .yse-body-15{margin:0; font-size:clamp(15px,1.6vw,17px); line-height:1.95;} /* ---- 受領 RecruitJob.dc.html の helmet（.yse-p-job で閉じ込め＝job）：45規則 ---- */ :where(body:has(.yse-p-job)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} html[data-yse-anim="1"]:where(:has(.yse-p-job)) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has(.yse-p-job)) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has(.yse-p-job)) [data-reveal="bar"] > span{animation: none;} html:where(:has(.yse-p-job)) [data-reveal="bar"] > span::after{display: none;} } :where(body:has(.yse-p-job)) a,:where(body:has(.yse-p-job)) button,:where(body:has(.yse-p-job)) article,:where(body:has(.yse-p-job)) li,:where(body:has(.yse-p-job)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-p-job)) .yse-body,:where(body:has(.yse-p-job)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-p-job)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-p-job)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-p-job)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-job)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-p-job)) .yse-fig-panel{position: relative; background-color: rgba(255, 253, 252, .05); background-image: linear-gradient(rgba(251, 241, 243, .07) 1px, transparent 1px), linear-gradient(90deg, rgba(251, 241, 243, .07) 1px, transparent 1px); background-size: 28px 28px, 28px 28px; border: 1px solid rgba(251, 241, 243, .22); box-shadow: inset 0 0 0 4px rgba(29, 23, 25, .35);} :where(body:has(.yse-p-job)) .yse-fig-panel::before,:where(body:has(.yse-p-job)) .yse-fig-panel::after{content: ''; position: absolute; width: 14px; height: 14px; border: 1px solid rgba(255, 160, 177, .75); pointer-events: none;} :where(body:has(.yse-p-job)) .yse-fig-panel::before{top: 7px; left: 7px; border-right: 0; border-bottom: 0;} :where(body:has(.yse-p-job)) .yse-fig-panel::after{right: 7px; bottom: 7px; border-left: 0; border-top: 0;} :where(body:has(.yse-p-job)) .yse-fig-plate{padding-bottom: 10px; border-bottom: 3px double rgba(251, 241, 243, .28); font-variant-numeric: tabular-nums;} :where(body:has(.yse-p-job)) .yse-fig-part{position: relative; border-radius: 2px;} :where(body:has(.yse-p-job)) .yse-fig-part::after{content: ''; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(251, 241, 243, .18); background-repeat: no-repeat; background-image: radial-gradient(circle at 7px 7px, rgba(251, 241, 243, .55) 1.6px, transparent 1.7px), radial-gradient(circle at calc(100% - 7px) 7px, rgba(251, 241, 243, .55) 1.6px, transparent 1.7px), radial-gradient(circle at 7px calc(100% - 7px), rgba(251, 241, 243, .55) 1.6px, transparent 1.7px), radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), rgba(251, 241, 243, .55) 1.6px, transparent 1.7px);} :where(body:has(.yse-p-job)) .yse-fig-part[aria-pressed="true"]::after{box-shadow: inset 0 0 0 1px rgba(29, 23, 25, .28); background-image: radial-gradient(circle at 7px 7px, rgba(29, 23, 25, .5) 1.6px, transparent 1.7px), radial-gradient(circle at calc(100% - 7px) 7px, rgba(29, 23, 25, .5) 1.6px, transparent 1.7px), radial-gradient(circle at 7px calc(100% - 7px), rgba(29, 23, 25, .5) 1.6px, transparent 1.7px), radial-gradient(circle at calc(100% - 7px) calc(100% - 7px), rgba(29, 23, 25, .5) 1.6px, transparent 1.7px);} :where(body:has(.yse-p-job)) .yse-fig-part > span:last-child{font-family: 'SFMono-Regular', 'Menlo', 'Consolas', monospace;} :where(body:has(.yse-p-job)) .yse-fig-flow{position: relative; font-variant-numeric: tabular-nums;} :where(body:has(.yse-p-job)) .yse-fig-flow::before{content: ''; display: block; height: 3px; margin: 0 auto 8px; border-radius: 3px; background-image: repeating-linear-gradient(90deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px); background-size: 16px 3px; animation: yse-pipe 1.1s linear infinite;} :where(body:has(.yse-p-job)) .yse-fig-flow.dir-l::before{animation-direction: reverse;} :where(body:has(.yse-p-job)) .yse-fig-cycle > div:nth-child(4) .yse-fig-flow,:where(body:has(.yse-p-job)) .yse-fig-cycle > div:nth-child(6) .yse-fig-flow{display: flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap;} :where(body:has(.yse-p-job)) .yse-fig-cycle > div:nth-child(4) .yse-fig-flow::before,:where(body:has(.yse-p-job)) .yse-fig-cycle > div:nth-child(6) .yse-fig-flow::before{width: 3px; height: 34px; margin: 0; flex: 0 0 auto; background-image: repeating-linear-gradient(180deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px); background-size: 3px 16px; animation-name: yse-pipe-v;} :where(body:has(.yse-p-job)) .yse-fig-flow.dir-u::before{animation-direction: reverse;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-job)) .yse-fig-flow::before{animation: none;} } @media (max-width: 560px){ :where(body:has(.yse-p-job)) .yse-fig-flow{display: grid; justify-items: center; gap: 6px;} :where(body:has(.yse-p-job)) .yse-fig-flow::before{width: 3px; height: 26px; margin: 0; background-image: repeating-linear-gradient(180deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px); background-size: 3px 16px; animation-name: yse-pipe-v;} :where(body:has(.yse-p-job)) .yse-fig-flow.dir-u::before,:where(body:has(.yse-p-job)) .yse-fig-flow.dir-l::before,:where(body:has(.yse-p-job)) .yse-fig-flow.dir-r::before,:where(body:has(.yse-p-job)) .yse-fig-flow.dir-d::before{animation-direction: normal;} :where(body:has(.yse-p-job)) .yse-fig-flow.is-loop{display: block; position: relative; width: 100%; text-align: left;} :where(body:has(.yse-p-job)) .yse-fig-flow.is-loop::before{display: none;} :where(body:has(.yse-p-job)) .yse-fig-flow.is-loop .yse-fig-label{display: block; text-align: left;} } :where(body:has(.yse-p-job)) .yse-fig-gv{display: none;} @media (max-width: 560px){ :where(body:has(.yse-p-job)) .yse-fig-cycle{position: relative; display: grid !important; grid-template-columns: 30px minmax(0, 1fr) !important; align-items: stretch !important; gap: 2px 0 !important; padding-top: 30px; padding-bottom: 70px; --pipe: calc(50% + 15px);} :where(body:has(.yse-p-job)) .yse-fig-cycle > *{grid-column: 2;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(4){position: absolute !important; grid-column: 1 / -1; left: 0; right: 0; bottom: 0; display: block !important; padding: 0 !important;} :where(body:has(.yse-p-job)) .yse-fig-cycle::after{content: ''; position: absolute; left: 7px; top: 9px; bottom: 30px; width: calc(var(--pipe) - 7px); background-image: repeating-linear-gradient(90deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px), repeating-linear-gradient(180deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px), repeating-linear-gradient(90deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px); background-repeat: repeat-x, repeat-y, repeat-x; background-size: 16px 3px, 3px 16px, 16px 3px; background-position: 0 0, 0 0, 0 100%; animation: yse-loop-flow 1.6s linear infinite; pointer-events: none;} :where(body:has(.yse-p-job)) .yse-fig-cycle::before{content: ''; position: absolute; left: var(--pipe); margin-left: -1.5px; top: 9px; height: 21px; width: 3px; background-image: repeating-linear-gradient(180deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px); background-size: 3px 16px; animation: yse-pipe-v 1.1s linear infinite; pointer-events: none;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(5){display: none !important;} :where(body:has(.yse-p-job)) .yse-fig-flow:not(.is-loop){position: relative; display: block; width: 100%; min-height: 30px; padding-left: 0;} :where(body:has(.yse-p-job)) .yse-fig-flow:not(.is-loop)::before{position: absolute; left: 50%; margin-left: -1.5px !important; top: 0; height: 30px !important;} :where(body:has(.yse-p-job)) .yse-fig-flow:not(.is-loop) .yse-fig-label{display: block; padding-left: calc(50% + 14px); text-align: left; line-height: 30px;} :where(body:has(.yse-p-job)) .yse-fig-flow.is-loop::after{content: '' !important; display: block !important; position: absolute; left: var(--pipe); margin-left: -1.5px; top: auto; bottom: 30px; height: 40px; width: 3px; background-image: repeating-linear-gradient(180deg, #FFA0B1 0 9px, rgba(255,160,177,.16) 9px 16px); background-size: 3px 16px; animation: yse-pipe-v 1.1s linear infinite; pointer-events: none;} :where(body:has(.yse-p-job)) .yse-fig-flow.is-loop .yse-fig-label{padding-left: 12px; padding-right: 2px;} :where(body:has(.yse-p-job)) .yse-fig-part{min-height: 0 !important; padding: 12px 10px !important;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(1){order: 1;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(2){order: 2;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(3){order: 3;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(6){order: 4;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(9){order: 5;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(8){order: 6;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(7){order: 7;} :where(body:has(.yse-p-job)) .yse-fig-cycle > *:nth-child(4){order: 8;} :where(body:has(.yse-p-job)) .yse-fig-gh{display: none;} :where(body:has(.yse-p-job)) .yse-fig-gv{display: inline;} } :where(body:has(.yse-p-job)) .yse-fig-all{display: none;} :where(body:has(.yse-p-job)) .yse-fig-hint-sp{display: none;} @media (max-width: 560px){ :where(body:has(.yse-p-job)) .yse-fig-detail{display: none !important;} :where(body:has(.yse-p-job)) .yse-fig-hint{display: none;} :where(body:has(.yse-p-job)) .yse-fig-hint-sp{display: block;} :where(body:has(.yse-p-job)) .yse-fig-all{display: grid; gap: 2px;} :where(body:has(.yse-p-job)) .yse-fig-allcard{background: #FFFDFC; color: #2B2328; padding: clamp(20px, 5vw, 26px);} :where(body:has(.yse-p-job)) .yse-fig-allnum{margin: 0 0 10px; font-size: 30px; line-height: 1; color: #F0536F;} :where(body:has(.yse-p-job)) .yse-fig-alltitle{margin: 0 0 6px; font-weight: 700; font-size: 19px; line-height: 1.5;} :where(body:has(.yse-p-job)) .yse-fig-allcode{margin: 0 0 18px; font-size: 11.5px; letter-spacing: .16em; color: #725E68; font-weight: 700;} :where(body:has(.yse-p-job)) .yse-fig-allrole{margin: 0 0 20px; font-size: 15px; line-height: 2.05; color: #4A3F45; text-wrap: pretty;} :where(body:has(.yse-p-job)) .yse-fig-allfix{border-top: 1px solid #F4DADF; padding-top: 18px;} :where(body:has(.yse-p-job)) .yse-fig-allfixhead{margin: 0 0 10px; font-size: 12.5px; font-weight: 700; color: #D83154; letter-spacing: .06em;} :where(body:has(.yse-p-job)) .yse-fig-allfixbody{margin: 0; font-size: 15px; line-height: 2.05; color: #4A3F45; text-wrap: pretty;} :where(body:has(.yse-p-job)) .yse-fig-stage{padding: 20px 12px !important;} :where(body:has(.yse-p-job)) .yse-fig-panel{padding: 16px 12px !important;} :where(body:has(.yse-p-job)) .yse-fig-allcard{padding: 20px 14px;} } :where(body:has(.yse-p-job)) .yse-job-row{display:grid; grid-template-columns:78px 10px 1fr; gap:14px; align-items:start; background:#FBF1F3; padding:16px 18px;} @media (max-width: 480px){ :where(body:has(.yse-p-job)) .yse-job-row{grid-template-columns: 1fr; gap: 8px;} :where(body:has(.yse-p-job)) .yse-job-row > .yse-bar-mark,:where(body:has(.yse-p-job)) .yse-job-row > .yse-bar-mark-mute{width: 28px; height: 4px; min-height: 0; order: -1;} :where(body:has(.yse-p-job)) .yse-job-row > .yse-time,:where(body:has(.yse-p-job)) .yse-job-row > .yse-time-sub{font-size: 16px;} } :where(body:has(.yse-p-job)) .yse-time{font-variant-numeric:tabular-nums; font-weight:700; font-size:15px; color:#9E0534;} :where(body:has(.yse-p-job)) .yse-time-sub{font-variant-numeric:tabular-nums; font-weight:700; font-size:15px; color:#9E0534;} :where(body:has(.yse-p-job)) .yse-bar-mark{width:6px; height:100%; min-height:20px; background:#CEB4BA;} :where(body:has(.yse-p-job)) .yse-cell{font-size:14.5px; line-height:1.95;} :where(body:has(.yse-p-job)) .yse-minilabel{font-size:11.5px; letter-spacing:.1em; color:#9E0534; display:block; margin-bottom:4px;} :where(body:has(.yse-p-job)) .yse-bar-mark-mute{width:6px; height:100%; min-height:20px; background:#F0536F;} :where(body:has(.yse-p-job)) .yse-job-row:has(> .yse-bar-mark-mute):not(.is-leave){background:#FDECEF; box-shadow: inset 3px 0 0 #F0536F;} :where(body:has(.yse-p-job)) .yse-job-row.is-leave > .yse-bar-mark-mute{background:#CEB4BA;} :where(body:has(.yse-p-job)) .yse-job-row.is-leave .yse-cell-mute{color:#4A3F45; font-weight:400;} :where(body:has(.yse-p-job)) .yse-job-row.is-leave .yse-time-sub{color:#725E68;} :where(body:has(.yse-p-job)) .yse-cell-mute{font-size:14.5px; line-height:1.95; color:#2B2328; font-weight:700;} /* ---- 受領 RecruitWelfare.dc.html の helmet（.yse-p-welfare で閉じ込め＝welfare）：25規則 ---- */ html[data-yse-anim="1"]:where(:has(.yse-p-welfare)) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has(.yse-p-welfare)) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has(.yse-p-welfare)) [data-reveal="bar"] > span{animation: none;} html:where(:has(.yse-p-welfare)) [data-reveal="bar"] > span::after{display: none;} } :where(body:has(.yse-p-welfare)) a,:where(body:has(.yse-p-welfare)) button,:where(body:has(.yse-p-welfare)) article,:where(body:has(.yse-p-welfare)) li,:where(body:has(.yse-p-welfare)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-p-welfare)) .yse-body,:where(body:has(.yse-p-welfare)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-p-welfare)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-p-welfare)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-p-welfare)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-welfare)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-p-welfare)) .yse-wf-dt-fill{display:flex; align-items:center; gap:10px; padding:18px clamp(12px,1.6vw,20px); background:#FBF1F3; border-bottom:1px solid #F4DADF; font-size:14.5px; font-weight:700; color:#9E0534;} :where(body:has(.yse-p-welfare)) .yse-wf-dd-fill{margin:0; padding:18px clamp(12px,1.6vw,20px); background:#FBF1F3; border-bottom:1px solid #F4DADF; font-size:clamp(15px,1.6vw,17px); line-height:1.95;} :where(body:has(.yse-p-welfare)) .yse-wf-points{list-style: none; margin: 0; padding: 0; display: grid; gap: 10px;} :where(body:has(.yse-p-welfare)) .yse-wf-points > li{display: grid; grid-template-columns: auto 1fr; gap: 12px; font-size: 14.5px; line-height: 1.95; color: #2B2328;} @media (min-width: 720px){ :where(body:has(.yse-p-welfare)) .yse-wf-points > li{white-space: nowrap;} } :where(body:has(.yse-p-welfare)) .yse-wf-points > li::before{content: ''; width: 8px; height: 8px; margin-top: .7em; background: #D83154; border-radius: 8px 0 8px 0; transform: rotate(45deg);} :where(body:has(.yse-p-welfare)) .yse-allow-grid{list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: clamp(12px, 1.6vw, 18px); grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 899px){ :where(body:has(.yse-p-welfare)) .yse-allow-grid{grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (max-width: 559px){ :where(body:has(.yse-p-welfare)) .yse-allow-grid{grid-template-columns: 1fr;} } :where(body:has(.yse-p-welfare)) .yse-allow-card{position: relative; background: #FFFDFC; border: 1px solid #E5CBD0; border-top: 3px solid #D83154; padding: clamp(20px, 2.4vw, 26px) clamp(18px, 2.2vw, 24px); transition: transform .25s ease, box-shadow .25s ease;} @media (hover: hover){ :where(body:has(.yse-p-welfare)) .yse-allow-card:hover{transform: translateY(-4px); box-shadow: 0 14px 30px rgba(43, 35, 40, .1);} } :where(body:has(.yse-p-welfare)) .yse-allow-no{display: block; font-size: clamp(22px, 2.6vw, 30px); font-weight: 700; line-height: 1; color: #F4B9C4; margin-bottom: 12px;} :where(body:has(.yse-p-welfare)) .yse-allow-title{margin: 0 0 8px; font-size: clamp(16px, 1.8vw, 19px); font-weight: 700; color: #9E0534; line-height: 1.5;} :where(body:has(.yse-p-welfare)) .yse-allow-desc{margin: 0; font-size: 14px; line-height: 1.95; color: #4A3F45; text-wrap: pretty;} :where(body:has(.yse-p-welfare)) .yse-wf-dt{padding:18px 16px 18px 0; border-bottom:1px solid #F4DADF; font-size:14.5px; font-weight:700; color:#9E0534;} :where(body:has(.yse-p-welfare)) .yse-wf-dd{margin:0; padding:18px 0; border-bottom:1px solid #F4DADF; font-size:clamp(15px,1.6vw,17px); line-height:1.95;} /* ---- 受領 RecruitBeginner.dc.html の helmet（.yse-p-beginner で閉じ込め＝beginner）：14規則 ---- */ :where(body:has(.yse-p-beginner)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} html[data-yse-anim="1"]:where(:has(.yse-p-beginner)) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has(.yse-p-beginner)) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has(.yse-p-beginner)) [data-reveal="bar"] > span{animation: none;} html:where(:has(.yse-p-beginner)) [data-reveal="bar"] > span::after{display: none;} } :where(body:has(.yse-p-beginner)) a,:where(body:has(.yse-p-beginner)) button,:where(body:has(.yse-p-beginner)) article,:where(body:has(.yse-p-beginner)) li,:where(body:has(.yse-p-beginner)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-p-beginner)) .yse-body,:where(body:has(.yse-p-beginner)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-p-beginner)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-p-beginner)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-p-beginner)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-beginner)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-p-beginner)) .yse-dt-soft{padding:18px 16px 18px 0; border-bottom:1px solid #F4DADF; font-size:14.5px; font-weight:700; color:#9E0534;} :where(body:has(.yse-p-beginner)) .yse-dd-soft{margin:0; padding:18px 0; border-bottom:1px solid #F4DADF; font-size:clamp(15px,1.6vw,17px); line-height:1.95;} :where(body:has(.yse-p-beginner)) .yse-eyebrow-xs{margin:0 0 10px; font-size:12px; letter-spacing:.14em; font-weight:700; color:#9E0534;} :where(body:has(.yse-p-beginner)) .yse-h4{margin:0 0 12px; font-weight:700; font-size:clamp(18px,2vw,22px);} /* ---- 受領 RecruitExperienced.dc.html の helmet（.yse-p-experienced で閉じ込め＝experienced）：16規則 ---- */ :where(body:has(.yse-p-experienced)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} html[data-yse-anim="1"]:where(:has(.yse-p-experienced)) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has(.yse-p-experienced)) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has(.yse-p-experienced)) [data-reveal="bar"] > span{animation: none;} html:where(:has(.yse-p-experienced)) [data-reveal="bar"] > span::after{display: none;} } :where(body:has(.yse-p-experienced)) a,:where(body:has(.yse-p-experienced)) button,:where(body:has(.yse-p-experienced)) article,:where(body:has(.yse-p-experienced)) li,:where(body:has(.yse-p-experienced)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-p-experienced)) .yse-body,:where(body:has(.yse-p-experienced)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-p-experienced)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-p-experienced)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-p-experienced)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-experienced)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-p-experienced)) .yse-badge-sm{display:flex; align-items:center; justify-content:center; width:48px; height:48px; background:#FBF1F3; color:#D83154;} :where(body:has(.yse-p-experienced)) .yse-qual{margin-top: clamp(26px, 3vw, 36px); background: #FBF1F3; border-top: 3px solid #F0536F; padding: clamp(20px, 2.4vw, 28px) clamp(18px, 2.2vw, 26px);} :where(body:has(.yse-p-experienced)) .yse-qual-head{margin: 0 0 16px; font-size: 13px; font-weight: 700; letter-spacing: .08em; color: #9E0534;} :where(body:has(.yse-p-experienced)) .yse-qual-list{list-style: none; margin: 0 0 16px; padding: 0; display: flex; flex-wrap: wrap; gap: 8px;} :where(body:has(.yse-p-experienced)) .yse-qual-item{background: #FFFDFC; border: 1px solid #E9C6CE; padding: 10px 16px; font-size: clamp(14px, 1.5vw, 16px); font-weight: 700; line-height: 1.5; color: #2B2328;} :where(body:has(.yse-p-experienced)) .yse-qual-note{margin: 0; font-size: 13px; line-height: 1.95; color: #4A3F45;} /* ---- 受領 Instance.dc.html／Blog.dc.html／Inquiry.dc.html／Privacypolicy.dc.html の helmet（.yse-g-h8 で閉じ込め＝instance・blog・inquiry・privacy）：85規則 ---- */ :where(body:has(.yse-g-h8)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} html[data-yse-anim="1"]:where(:has(.yse-g-h8)) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has(.yse-g-h8)) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has(.yse-g-h8)) [data-reveal="bar"] > span{animation: none;} html:where(:has(.yse-g-h8)) [data-reveal="bar"] > span::after{display: none;} } :where(body:has(.yse-g-h8)) a,:where(body:has(.yse-g-h8)) button,:where(body:has(.yse-g-h8)) article,:where(body:has(.yse-g-h8)) li,:where(body:has(.yse-g-h8)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-g-h8)) .yse-body,:where(body:has(.yse-g-h8)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-g-h8)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-g-h8)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-g-h8)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-g-h8)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-g-h8)) [class*="_section"] > h2.f_meiryo{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;} :where(body:has(.yse-g-h8)) [class*="_post_"] img,:where(body:has(.yse-g-h8)) [class*="_sidebar"] img{max-width: 100%; height: auto;} :where(body:has(.yse-g-h8)) [class*="_post_list"]{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: clamp(16px, 2.2vw, 26px);} :where(body:has(.yse-g-h8)) [class*="_post_list"]::after{content: none !important;} :where(body:has(.yse-g-h8)) [class*="_post_wrap"]{max-width: none !important; width: auto !important; margin: 0 !important; background: #FFFDFC; border: 1px solid #E5CBD0; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;} @media (hover: hover){ :where(body:has(.yse-g-h8)) [class*="_post_wrap"]:hover{border-color: #D83154; transform: translateY(-4px); box-shadow: 0 14px 30px rgba(43, 35, 40, .1);} } :where(body:has(.yse-g-h8)) [class*="_post_wrap"] a{text-decoration: none; color: #2B2328; display: block;} :where(body:has(.yse-g-h8)) [class*="_post_img"]{height: 240px; overflow: hidden;} :where(body:has(.yse-g-h8)) [class*="_post_img"] > *,:where(body:has(.yse-g-h8)) [class*="_post_img"] a{display: block; width: 100%; height: 100%;} :where(body:has(.yse-g-h8)) [class*="_post_img"] img{width: 100%; height: 100%; object-fit: cover; display: block;} :where(body:has(.yse-g-h8)) [class*="_post_status"]{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px clamp(14px, 1.8vw, 20px) 0;} :where(body:has(.yse-g-h8)) [class*="_post_date"]{font-size: 12px; letter-spacing: .1em; color: #725E68; font-variant-numeric: tabular-nums;} :where(body:has(.yse-g-h8)) [class*="_post_wrap"] [class*="_post_category"]{font-size: 11px; letter-spacing: .12em; font-weight: 700; color: #9E0534; border: 1px solid #E5CBD0; padding: 3px 9px;} :where(body:has(.yse-g-h8)) [class*="_post_title-excerpt"]{padding: 10px clamp(14px, 1.8vw, 20px) 18px;} :where(body:has(.yse-g-h8)) [class*="_post_title"]{margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.75; color: #2B2328; text-wrap: pretty;} :where(body:has(.yse-g-h8)) [class*="_post_excerpt"]{margin: 8px 0 0; font-size: 13px; line-height: 1.9; color: #4A3F45;} :where(body:has(.yse-g-h8)) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 1099px){ :where(body:has(.yse-g-h8)) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (max-width: 599px){ :where(body:has(.yse-g-h8)) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: 1fr;} } :where(body:has(.yse-g-h8)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap){display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; align-items: center; padding: 16px clamp(14px, 1.8vw, 20px) 18px;} :where(body:has(.yse-g-h8)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) > [class*="_post_title-excerpt"]{display: contents;} :where(body:has(.yse-g-h8)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) > [class*="_post_date"]{grid-column: 1; grid-row: 1;} :where(body:has(.yse-g-h8)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) .parts-blog-ex-tag_wrap{grid-column: 2; grid-row: 1; justify-self: start; margin: 0;} :where(body:has(.yse-g-h8)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) [class*="_post_title"]{grid-column: 1 / -1; grid-row: 2;} :where(body:has(.yse-g-h8)) [class*="_sidebar_wrap"].category_post_count li a{display: flex; align-items: baseline; justify-content: space-between; gap: 12px;} :where(body:has(.yse-g-h8)) [class*="_sidebar_post_category"]{margin: 0; font-size: 13.5px; font-weight: 500; color: #2B2328; border: 0; padding: 0;} :where(body:has(.yse-g-h8)) [class*="_sidebar_post_category_count"]{flex: 0 0 auto; font-size: 11.5px; color: #725E68; font-variant-numeric: tabular-nums; border: 0; padding: 0;} :where(body:has(.yse-g-h8)) [class*="_sidebar_post_title"]{margin: 4px 0 0; font-size: 13.5px; font-weight: 700; line-height: 1.7; color: #2B2328;} :where(body:has(.yse-g-h8)) .parts-blog-ex-tag_wrap{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px;} :where(body:has(.yse-g-h8)) .parts-blog-ex_tag{display: inline-block; font-size: 11px; letter-spacing: .08em; font-weight: 700; color: #9E0534; border: 1px solid #E5CBD0; padding: 3px 9px;} :where(body:has(.yse-g-h8)) [class*="_pagenation"]{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: clamp(28px, 4vw, 48px);} :where(body:has(.yse-g-h8)) [class*="_pagenation"] a,:where(body:has(.yse-g-h8)) [class*="_pagenation"] span{box-sizing: border-box; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; text-decoration: none; border: 1px solid #E5CBD0; color: #9E0534 !important; background: #FFFDFC !important;} :where(body:has(.yse-g-h8)) [class*="_pagenation"] .current{background: #D83154 !important; border-color: #D83154; color: #FFFDFC !important;} :where(body:has(.yse-g-h8)) [class*="_wrap"]:has(> [class*="_sidebar"]){display: grid; grid-template-columns: 1fr; gap: clamp(32px, 4vw, 56px);} @media (min-width: 1000px){ :where(body:has(.yse-g-h8)) [class*="_wrap"]:has(> [class*="_sidebar"]){grid-template-columns: minmax(0, 1fr) 300px;} } :where(body:has(.yse-g-h8)) [class*="_sidebar_wrap"]{margin-bottom: clamp(24px, 3vw, 36px);} :where(body:has(.yse-g-h8)) [class*="_sidebar_wrap"] h3{margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: #9E0534; padding-bottom: 10px; border-bottom: 1px solid #E5CBD0; background: none !important;} :where(body:has(.yse-g-h8)) [class*="_sidebar_wrap"] ul{list-style: none; margin: 0; padding: 0;} :where(body:has(.yse-g-h8)) [class*="_sidebar_wrap"] li + li{border-top: 1px solid #F4DADF;} :where(body:has(.yse-g-h8)) [class*="_sidebar_wrap"] li a{display: block; padding: 12px 0; font-size: 13.5px; line-height: 1.8; color: #2B2328; text-decoration: none;} :where(body:has(.yse-g-h8)) [class*="_sidebar"] [class*="_date"]{display: block; font-size: 11.5px; color: #725E68;} :where(body:has(.yse-g-h8)) [class*="_section_form"]{color: #2B2328;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] dl{display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 clamp(20px, 2.6vw, 28px);} @media (min-width: 768px){ :where(body:has(.yse-g-h8)) [class*="_form_wrap"] dl{grid-template-columns: minmax(160px, 220px) 1fr; gap: 12px 24px; align-items: start;} } :where(body:has(.yse-g-h8)) [class*="_form_wrap"] dt{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14.5px; font-weight: 700; color: #9E0534; padding-top: 14px;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] dd{margin: 0;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] input[type="text"],:where(body:has(.yse-g-h8)) [class*="_form_wrap"] input[type="email"],:where(body:has(.yse-g-h8)) [class*="_form_wrap"] input[type="tel"],:where(body:has(.yse-g-h8)) [class*="_form_wrap"] textarea{box-sizing: border-box; width: 100%; min-height: 54px; padding: 14px 16px !important; font-size: 15px; font-family: inherit; color: #2B2328; background: #FFFDFC; border: 1px solid #E5CBD0; border-radius: 0;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] textarea{min-height: 200px; line-height: 1.9;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] input:focus-visible,:where(body:has(.yse-g-h8)) [class*="_form_wrap"] textarea:focus-visible{outline: 2px solid #D83154; outline-offset: 1px;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] input[type="checkbox"],:where(body:has(.yse-g-h8)) [class*="_form_wrap"] input[type="radio"]{width: 18px; height: 18px; accent-color: #D83154;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] label{display: inline-flex; align-items: center; gap: 8px; margin-right: 18px; font-size: 14.5px; min-height: 44px; padding-block: 4px;} :where(body:has(.yse-g-h8)) .required{flex: 0 0 auto; white-space: nowrap; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #FFFDFC; background: #D83154; padding: 3px 9px;} :where(body:has(.yse-g-h8)) .attention{display: block; font-size: 11.5px; font-weight: 400; color: #725E68; letter-spacing: 0;} :where(body:has(.yse-g-h8)) .error{color: #9E0534; font-size: 13px; font-weight: 700;} :where(body:has(.yse-g-h8)) .label_file_upload{display: inline-flex; align-items: center; gap: 12px; background: none !important; border: 0; padding: 0; cursor: pointer;} :where(body:has(.yse-g-h8)) .label_file_upload button{box-sizing: border-box; min-height: 44px; padding: 0 20px; font: inherit; font-size: 13.5px; font-weight: 700; color: #D83154; background: #FFFDFC !important; border: 1px solid #D83154; cursor: pointer; transition: background-color .3s ease, color .3s ease;} @media (hover: hover){ :where(body:has(.yse-g-h8)) .label_file_upload:hover button{background: #D83154 !important; color: #FFFDFC;} } :where(body:has(.yse-g-h8)) input[type="file"].file_upload,:where(body:has(.yse-g-h8)) input[type="file"][class*="file_upload"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;} :where(body:has(.yse-g-h8)) #file-chosen{font-size: 12.5px; color: #725E68;} :where(body:has(.yse-g-h8)) .des{margin: 10px 0 0; font-size: 12px; color: #725E68;} :where(body:has(.yse-g-h8)) .contact_submit{display: flex; justify-content: center; margin-top: clamp(28px, 4vw, 44px);} :where(body:has(.yse-g-h8)) .contact_submit input{box-sizing: border-box; min-height: 66px; padding: 0 clamp(28px, 5vw, 64px); font: inherit; font-size: 14.5px; font-weight: 700; letter-spacing: .06em; color: #FFFDFC; background: #D83154 !important; border: 0; border-radius: 0; cursor: pointer; transition: background-color .3s ease;} :where(body:has(.yse-g-h8)) .contact_submit input:hover{background: #9E0534 !important;} :where(body:has(.yse-g-h8)) input[name="back"]{background: #FFFDFC !important; color: #D83154 !important; border: 1px solid #D83154 !important;} :where(body:has(.yse-g-h8)) [class*="_form_wrap"] input:disabled,:where(body:has(.yse-g-h8)) .contact_submit input:disabled{opacity: .5;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"]{background: none !important; padding: 0 !important;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .container{max-width: none !important; padding: 0 !important;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .section_title_wrap{display: none;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .about{margin: 0 0 clamp(28px, 4vw, 44px);} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .about p{margin: 0; font-size: clamp(15px, 1.6vw, 17px); line-height: 2.05; color: #4A3F45;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .content ul{list-style: none; margin: 0; padding: 0;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .item_wrap{padding-bottom: 0; margin-bottom: clamp(26px, 3.4vw, 40px);} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .item_wrap + .item_wrap{padding-top: clamp(26px, 3.4vw, 40px); border-top: 1px solid #F4DADF;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .item_title{margin: 0 0 12px; font-size: clamp(16px, 1.9vw, 19px); font-weight: 700; color: #9E0534 !important;} :where(body:has(.yse-g-h8)) [class*="privacypolicy-parts"] .item_description{margin: 0; font-size: 14.5px; line-height: 2.05; color: #4A3F45; text-wrap: pretty;} /* ---- 受領 BlogPost.dc.html の helmet（.yse-p-blogpost で閉じ込め＝blogpost）：129規則 ---- */ :where(body:has([class*="_single_article"])) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} html[data-yse-anim="1"]:where(:has([class*="_single_article"])) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has([class*="_single_article"])) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has([class*="_single_article"])) [data-reveal="bar"] > span{animation: none;} html:where(:has([class*="_single_article"])) [data-reveal="bar"] > span::after{display: none;} } :where(body:has([class*="_single_article"])) a,:where(body:has([class*="_single_article"])) button,:where(body:has([class*="_single_article"])) article,:where(body:has([class*="_single_article"])) li,:where(body:has([class*="_single_article"])) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has([class*="_single_article"])) .yse-body,:where(body:has([class*="_single_article"])) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has([class*="_single_article"])){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has([class*="_single_article"])){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has([class*="_single_article"])) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has([class*="_single_article"])) *{animation: none !important; transition: none !important;} } :where(body:has([class*="_single_article"])) .article_wrap p a,:where(body:has([class*="_single_article"])) .article_wrap .article_category_wrap a,:where(body:has([class*="_single_article"])) a[href^="tel:"]{display: inline-block; padding: 8px 3px; margin: -8px -3px;} :where(body:has([class*="_single_article"])) [class*="_section"] > h2.f_meiryo{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;} :where(body:has([class*="_single_article"])) [class*="_post_"] img,:where(body:has([class*="_single_article"])) [class*="_sidebar"] img{max-width: 100%; height: auto;} :where(body:has([class*="_single_article"])) [class*="_post_list"]{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: clamp(16px, 2.2vw, 26px);} :where(body:has([class*="_single_article"])) [class*="_post_list"]::after{content: none !important;} :where(body:has([class*="_single_article"])) [class*="_post_wrap"]{max-width: none !important; width: auto !important; margin: 0 !important; background: #FFFDFC; border: 1px solid #E5CBD0; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;} @media (hover: hover){ :where(body:has([class*="_single_article"])) [class*="_post_wrap"]:hover{border-color: #D83154; transform: translateY(-4px); box-shadow: 0 14px 30px rgba(43, 35, 40, .1);} } :where(body:has([class*="_single_article"])) [class*="_post_wrap"] a{text-decoration: none; color: #2B2328; display: block;} :where(body:has([class*="_single_article"])) [class*="_post_img"]{height: 240px; overflow: hidden;} :where(body:has([class*="_single_article"])) [class*="_post_img"] > *,:where(body:has([class*="_single_article"])) [class*="_post_img"] a{display: block; width: 100%; height: 100%;} :where(body:has([class*="_single_article"])) [class*="_post_img"] img{width: 100%; height: 100%; object-fit: cover; display: block;} :where(body:has([class*="_single_article"])) [class*="_post_status"]{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px clamp(14px, 1.8vw, 20px) 0;} :where(body:has([class*="_single_article"])) [class*="_post_date"]{font-size: 12px; letter-spacing: .1em; color: #725E68; font-variant-numeric: tabular-nums;} :where(body:has([class*="_single_article"])) [class*="_post_wrap"] [class*="_post_category"]{font-size: 11px; letter-spacing: .12em; font-weight: 700; color: #9E0534; border: 1px solid #E5CBD0; padding: 3px 9px;} :where(body:has([class*="_single_article"])) [class*="_post_title-excerpt"]{padding: 10px clamp(14px, 1.8vw, 20px) 18px;} :where(body:has([class*="_single_article"])) [class*="_post_title"]{margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.75; color: #2B2328; text-wrap: pretty;} :where(body:has([class*="_single_article"])) [class*="_post_excerpt"]{margin: 8px 0 0; font-size: 13px; line-height: 1.9; color: #4A3F45;} :where(body:has([class*="_single_article"])) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 1099px){ :where(body:has([class*="_single_article"])) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (max-width: 599px){ :where(body:has([class*="_single_article"])) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: 1fr;} } :where(body:has([class*="_single_article"])) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap){display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; align-items: center; padding: 16px clamp(14px, 1.8vw, 20px) 18px;} :where(body:has([class*="_single_article"])) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) > [class*="_post_title-excerpt"]{display: contents;} :where(body:has([class*="_single_article"])) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) > [class*="_post_date"]{grid-column: 1; grid-row: 1;} :where(body:has([class*="_single_article"])) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) .parts-blog-ex-tag_wrap{grid-column: 2; grid-row: 1; justify-self: start; margin: 0;} :where(body:has([class*="_single_article"])) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) [class*="_post_title"]{grid-column: 1 / -1; grid-row: 2;} :where(body:has([class*="_single_article"])) [class*="_sidebar_wrap"].category_post_count li a{display: flex; align-items: baseline; justify-content: space-between; gap: 12px;} :where(body:has([class*="_single_article"])) [class*="_sidebar_post_category"]{margin: 0; font-size: 13.5px; font-weight: 500; color: #2B2328; border: 0; padding: 0;} :where(body:has([class*="_single_article"])) [class*="_sidebar_post_category_count"]{flex: 0 0 auto; font-size: 11.5px; color: #725E68; font-variant-numeric: tabular-nums; border: 0; padding: 0;} :where(body:has([class*="_single_article"])) [class*="_sidebar_post_title"]{margin: 4px 0 0; font-size: 13.5px; font-weight: 700; line-height: 1.7; color: #2B2328;} :where(body:has([class*="_single_article"])) .parts-blog-ex-tag_wrap{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px;} :where(body:has([class*="_single_article"])) .parts-blog-ex_tag{display: inline-block; font-size: 11px; letter-spacing: .08em; font-weight: 700; color: #9E0534; border: 1px solid #E5CBD0; padding: 3px 9px;} :where(body:has([class*="_single_article"])) [class*="_pagenation"]{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: clamp(28px, 4vw, 48px);} :where(body:has([class*="_single_article"])) [class*="_pagenation"] a,:where(body:has([class*="_single_article"])) [class*="_pagenation"] span{box-sizing: border-box; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; text-decoration: none; border: 1px solid #E5CBD0; color: #9E0534 !important; background: #FFFDFC !important;} :where(body:has([class*="_single_article"])) [class*="_pagenation"] .current{background: #D83154 !important; border-color: #D83154; color: #FFFDFC !important;} :where(body:has([class*="_single_article"])) [class*="_wrap"]:has(> [class*="_sidebar"]){display: grid; grid-template-columns: 1fr; gap: clamp(32px, 4vw, 56px);} @media (min-width: 1000px){ :where(body:has([class*="_single_article"])) [class*="_wrap"]:has(> [class*="_sidebar"]){grid-template-columns: minmax(0, 1fr) 300px;} } :where(body:has([class*="_single_article"])) [class*="_sidebar_wrap"]{margin-bottom: clamp(24px, 3vw, 36px);} :where(body:has([class*="_single_article"])) [class*="_sidebar_wrap"] h3{margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: #9E0534; padding-bottom: 10px; border-bottom: 1px solid #E5CBD0; background: none !important;} :where(body:has([class*="_single_article"])) [class*="_sidebar_wrap"] ul{list-style: none; margin: 0; padding: 0;} :where(body:has([class*="_single_article"])) [class*="_sidebar_wrap"] li + li{border-top: 1px solid #F4DADF;} :where(body:has([class*="_single_article"])) [class*="_sidebar_wrap"] li a{display: block; padding: 12px 0; font-size: 13.5px; line-height: 1.8; color: #2B2328; text-decoration: none;} :where(body:has([class*="_single_article"])) [class*="_sidebar"] [class*="_date"]{display: block; font-size: 11.5px; color: #725E68;} :where(body:has([class*="_single_article"])) [class*="_section_form"]{color: #2B2328;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] dl{display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 clamp(20px, 2.6vw, 28px);} @media (min-width: 768px){ :where(body:has([class*="_single_article"])) [class*="_form_wrap"] dl{grid-template-columns: minmax(160px, 220px) 1fr; gap: 12px 24px; align-items: start;} } :where(body:has([class*="_single_article"])) [class*="_form_wrap"] dt{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14.5px; font-weight: 700; color: #9E0534; padding-top: 14px;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] dd{margin: 0;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] input[type="text"],:where(body:has([class*="_single_article"])) [class*="_form_wrap"] input[type="email"],:where(body:has([class*="_single_article"])) [class*="_form_wrap"] input[type="tel"],:where(body:has([class*="_single_article"])) [class*="_form_wrap"] textarea{box-sizing: border-box; width: 100%; min-height: 54px; padding: 14px 16px !important; font-size: 15px; font-family: inherit; color: #2B2328; background: #FFFDFC; border: 1px solid #E5CBD0; border-radius: 0;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] textarea{min-height: 200px; line-height: 1.9;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] input:focus-visible,:where(body:has([class*="_single_article"])) [class*="_form_wrap"] textarea:focus-visible{outline: 2px solid #D83154; outline-offset: 1px;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] input[type="checkbox"],:where(body:has([class*="_single_article"])) [class*="_form_wrap"] input[type="radio"]{width: 18px; height: 18px; accent-color: #D83154;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] label{display: inline-flex; align-items: center; gap: 8px; margin-right: 18px; font-size: 14.5px; min-height: 44px; padding-block: 4px;} :where(body:has([class*="_single_article"])) .required{flex: 0 0 auto; white-space: nowrap; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #FFFDFC; background: #D83154; padding: 3px 9px;} :where(body:has([class*="_single_article"])) .attention{display: block; font-size: 11.5px; font-weight: 400; color: #725E68; letter-spacing: 0;} :where(body:has([class*="_single_article"])) .error{color: #9E0534; font-size: 13px; font-weight: 700;} :where(body:has([class*="_single_article"])) .label_file_upload{display: inline-flex; align-items: center; gap: 12px; background: none !important; border: 0; padding: 0; cursor: pointer;} :where(body:has([class*="_single_article"])) .label_file_upload button{box-sizing: border-box; min-height: 44px; padding: 0 20px; font: inherit; font-size: 13.5px; font-weight: 700; color: #D83154; background: #FFFDFC !important; border: 1px solid #D83154; cursor: pointer; transition: background-color .3s ease, color .3s ease;} @media (hover: hover){ :where(body:has([class*="_single_article"])) .label_file_upload:hover button{background: #D83154 !important; color: #FFFDFC;} } :where(body:has([class*="_single_article"])) input[type="file"].file_upload,:where(body:has([class*="_single_article"])) input[type="file"][class*="file_upload"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;} :where(body:has([class*="_single_article"])) #file-chosen{font-size: 12.5px; color: #725E68;} :where(body:has([class*="_single_article"])) .des{margin: 10px 0 0; font-size: 12px; color: #725E68;} :where(body:has([class*="_single_article"])) .contact_submit{display: flex; justify-content: center; margin-top: clamp(28px, 4vw, 44px);} :where(body:has([class*="_single_article"])) .contact_submit input{box-sizing: border-box; min-height: 66px; padding: 0 clamp(28px, 5vw, 64px); font: inherit; font-size: 14.5px; font-weight: 700; letter-spacing: .06em; color: #FFFDFC; background: #D83154 !important; border: 0; border-radius: 0; cursor: pointer; transition: background-color .3s ease;} :where(body:has([class*="_single_article"])) .contact_submit input:hover{background: #9E0534 !important;} :where(body:has([class*="_single_article"])) input[name="back"]{background: #FFFDFC !important; color: #D83154 !important; border: 1px solid #D83154 !important;} :where(body:has([class*="_single_article"])) [class*="_form_wrap"] input:disabled,:where(body:has([class*="_single_article"])) .contact_submit input:disabled{opacity: .5;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"]{background: none !important; padding: 0 !important;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .container{max-width: none !important; padding: 0 !important;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .section_title_wrap{display: none;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .about{margin: 0 0 clamp(28px, 4vw, 44px);} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .about p{margin: 0; font-size: clamp(15px, 1.6vw, 17px); line-height: 2.05; color: #4A3F45;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .content ul{list-style: none; margin: 0; padding: 0;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .item_wrap{padding-bottom: 0; margin-bottom: clamp(26px, 3.4vw, 40px);} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .item_wrap + .item_wrap{padding-top: clamp(26px, 3.4vw, 40px); border-top: 1px solid #F4DADF;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .item_title{margin: 0 0 12px; font-size: clamp(16px, 1.9vw, 19px); font-weight: 700; color: #9E0534 !important;} :where(body:has([class*="_single_article"])) [class*="privacypolicy-parts"] .item_description{margin: 0; font-size: 14.5px; line-height: 2.05; color: #4A3F45; text-wrap: pretty;} :where(body:has([class*="_single_article"])) [class*="_single_article"]{padding: 0 !important; background: none !important;} :where(body:has([class*="_single_article"])) [class*="_single_article"] .container{max-width: none !important; width: auto !important; padding: 0 !important;} :where(body:has([class*="_single_article"])) [class*="_single_article"] .article_wrap{max-width: none;} :where(body:has([class*="_single_article"])) [class*="_single_article"] h1{margin: 0 0 14px; font-size: clamp(22px, 3.2vw, 34px); font-weight: 700; line-height: 1.5; letter-spacing: -.01em; color: #2B2328; text-wrap: pretty;} :where(body:has([class*="_single_article"])) [class*="_single_article"] .article_status{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0 0 clamp(26px, 3.4vw, 40px); padding-bottom: clamp(18px, 2.4vw, 26px); border-bottom: 1px solid #E5CBD0; font-size: 0;} :where(body:has([class*="_single_article"])) [class*="_single_article"] .article_date{font-size: 12px; letter-spacing: .1em; color: #725E68; font-variant-numeric: tabular-nums;} :where(body:has([class*="_single_article"])) [class*="_single_article"] .article_category{font-size: 11px; letter-spacing: .12em; font-weight: 700; color: #9E0534; border: 1px solid #E5CBD0; padding: 3px 9px;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article p{margin: 0 0 1.6em; font-size: clamp(15px, 1.6vw, 16.5px); line-height: 2.05; color: #4A3F45; text-wrap: pretty;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article > h2{margin: clamp(40px, 5vw, 62px) 0 18px; padding-left: 14px; border-left: 4px solid #D83154; font-size: clamp(19px, 2.4vw, 25px); font-weight: 700; line-height: 1.55; color: #2B2328;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article > h3{margin: clamp(30px, 3.8vw, 44px) 0 12px; font-size: clamp(16px, 1.9vw, 19px); font-weight: 700; line-height: 1.6; color: #9E0534;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article ul,:where(body:has([class*="_single_article"])) [class*="_single_article"] article ol{margin: 0 0 1.6em; padding-left: 1.4em;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article li{font-size: clamp(15px, 1.6vw, 16.5px); line-height: 2.05; color: #4A3F45;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article li::marker{color: #D83154;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article table{display: block; width: 100%; overflow-x: auto; margin: 0 0 1.6em; border-collapse: collapse; font-size: 14px;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article th,:where(body:has([class*="_single_article"])) [class*="_single_article"] article td{border: 1px solid #E5CBD0; padding: 12px 14px; text-align: left; line-height: 1.8;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article th{background: #FBF1F3; font-weight: 700; color: #9E0534; white-space: nowrap;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article img{max-width: 100%; height: auto;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article p a{color: #9E0534 !important;} :where(body:has([class*="_single_article"])) [class*="_single_article"] article p a:hover{color: #2B2328 !important;} :where(body:has([class*="_single_article"])) .sns_button_wrap{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: clamp(30px, 4vw, 48px) 0 0; padding-top: clamp(22px, 3vw, 32px); border-top: 1px solid #F4DADF;} :where(body:has([class*="_single_article"])) .sns_button_wrap > div:empty{display: none;} :where(body:has([class*="_single_article"])) .sns_button_wrap a,:where(body:has([class*="_single_article"])) .sns_button_wrap > div{box-sizing: border-box; min-height: 34px; display: inline-flex; align-items: center; padding: 0 12px; font-size: 12px; font-weight: 700; letter-spacing: .06em; color: #9E0534 !important; text-decoration: none; border: 1px solid #E5CBD0; background: #FFFDFC;} :where(body:has([class*="_single_article"])) .article_category_wrap{display: flex; flex-wrap: wrap; gap: 8px; margin: clamp(18px, 2.4vw, 26px) 0 0;} :where(body:has([class*="_single_article"])) .article_category_wrap span a{display: inline-block; font-size: 11px; letter-spacing: .12em; font-weight: 700; color: #9E0534 !important; text-decoration: none; border: 1px solid #E5CBD0; padding: 4px 10px;} :where(body:has([class*="_single_article"])) .article_prevnext_wrap{display: grid; grid-template-columns: 1fr; gap: 10px; margin: clamp(34px, 4.6vw, 56px) 0 0;} @media (min-width: 720px){ :where(body:has([class*="_single_article"])) .article_prevnext_wrap{grid-template-columns: 1fr 1fr;} } :where(body:has([class*="_single_article"])) .article_prev a,:where(body:has([class*="_single_article"])) .article_next a{display: block; padding: 18px 20px; background: #FFFDFC; border: 1px solid #E5CBD0; text-decoration: none; color: #2B2328; transition: border-color .3s ease, transform .3s ease, box-shadow .3s ease;} @media (hover: hover){ :where(body:has([class*="_single_article"])) .article_prev a:hover,:where(body:has([class*="_single_article"])) .article_next a:hover{border-color: #D83154; transform: translateY(-3px); box-shadow: 0 12px 26px rgba(43,35,40,.09);} } :where(body:has([class*="_single_article"])) .prev_post_title,:where(body:has([class*="_single_article"])) .next_post_title{display: block; font-size: 13.5px; font-weight: 700; line-height: 1.75;} :where(body:has([class*="_single_article"])) .article_next{text-align: right;} :where(body:has([class*="_single_article"])) .recent_posts_wrap{margin: clamp(40px, 5.4vw, 64px) 0 0;} :where(body:has([class*="_single_article"])) .recent_post_title{margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: #9E0534; padding-bottom: 10px; border-bottom: 1px solid #E5CBD0;} :where(body:has([class*="_single_article"])) .recent_posts_wrap ul{list-style: none; margin: 0; padding: 0;} :where(body:has([class*="_single_article"])) .recent_posts_wrap li + li{border-top: 1px solid #F4DADF;} :where(body:has([class*="_single_article"])) .recent_posts_wrap li a{display: block; padding: 14px 0; text-decoration: none; color: #2B2328;} :where(body:has([class*="_single_article"])) .recent_post_date{display: block; font-size: 11.5px; letter-spacing: .1em; color: #725E68;} :where(body:has([class*="_single_article"])) .recent_posts_wrap li h3{margin: 4px 0 0; font-size: 13.5px; font-weight: 700; line-height: 1.7;} :where(body:has([class*="_single_article"])) .yse-sign-mark{background: url("./yse-logo.svg") center / contain no-repeat;} :where(body:has([class*="_single_article"])) .yse-sign a{text-decoration: none;} :where(body:has([class*="_single_article"])) .yse-sign p a{text-decoration: underline;} @media (hover: hover){ :where(body:has([class*="_single_article"])) .yse-sign-btns > a:hover{background: #9E0534 !important; color: #FFFDFC !important; border-color: #9E0534 !important;} } :where(body:has([class*="_single_article"])) .yse-sign,:where(body:has([class*="_single_article"])) .yse-sign *{line-height: normal;} :where(body:has([class*="_single_article"])) .yse-sign p{line-height: inherit;} /* ---- 受領 FormRecruit.dc.html の helmet（.yse-p-recruitform で閉じ込め＝recruitform）：88規則 ---- */ :where(body:has(.yse-p-recruitform)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} html[data-yse-anim="1"]:where(:has(.yse-p-recruitform)) [data-reveal="bar"] > span{position: relative; animation: yse-bar-txt .9s ease var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"]:where(:has(.yse-p-recruitform)) [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 0; background: currentColor; pointer-events: none; animation: yse-bar-pass .9s ease-in-out var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html:where(:has(.yse-p-recruitform)) [data-reveal="bar"] > span{animation: none;} html:where(:has(.yse-p-recruitform)) [data-reveal="bar"] > span::after{display: none;} } :where(body:has(.yse-p-recruitform)) a,:where(body:has(.yse-p-recruitform)) button,:where(body:has(.yse-p-recruitform)) article,:where(body:has(.yse-p-recruitform)) li,:where(body:has(.yse-p-recruitform)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :where(body:has(.yse-p-recruitform)) .yse-body,:where(body:has(.yse-p-recruitform)) .yse-top{opacity: 0; animation: yse-page-failopen 0s linear 1.4s forwards;} body:where(:has(.yse-p-recruitform)){margin: 0; background: #EDE6E4; -webkit-font-smoothing: antialiased;} body:where(:has(.yse-p-recruitform)){font-size: clamp(15px, 1.6vw, 17px);} :where(body:has(.yse-p-recruitform)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-p-recruitform)) *{animation: none !important; transition: none !important;} } :where(body:has(.yse-p-recruitform)) [class*="_section"] > h2.f_meiryo{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;} :where(body:has(.yse-p-recruitform)) [class*="_post_"] img,:where(body:has(.yse-p-recruitform)) [class*="_sidebar"] img{max-width: 100%; height: auto;} :where(body:has(.yse-p-recruitform)) [class*="_post_list"]{display: grid; grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr)); gap: clamp(16px, 2.2vw, 26px);} :where(body:has(.yse-p-recruitform)) [class*="_post_list"]::after{content: none !important;} :where(body:has(.yse-p-recruitform)) [class*="_post_wrap"]{max-width: none !important; width: auto !important; margin: 0 !important; background: #FFFDFC; border: 1px solid #E5CBD0; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;} @media (hover: hover){ :where(body:has(.yse-p-recruitform)) [class*="_post_wrap"]:hover{border-color: #D83154; transform: translateY(-4px); box-shadow: 0 14px 30px rgba(43, 35, 40, .1);} } :where(body:has(.yse-p-recruitform)) [class*="_post_wrap"] a{text-decoration: none; color: #2B2328; display: block;} :where(body:has(.yse-p-recruitform)) [class*="_post_img"]{height: 240px; overflow: hidden;} :where(body:has(.yse-p-recruitform)) [class*="_post_img"] > *,:where(body:has(.yse-p-recruitform)) [class*="_post_img"] a{display: block; width: 100%; height: 100%;} :where(body:has(.yse-p-recruitform)) [class*="_post_img"] img{width: 100%; height: 100%; object-fit: cover; display: block;} :where(body:has(.yse-p-recruitform)) [class*="_post_status"]{display: flex; flex-wrap: wrap; align-items: center; gap: 10px; padding: 16px clamp(14px, 1.8vw, 20px) 0;} :where(body:has(.yse-p-recruitform)) [class*="_post_date"]{font-size: 12px; letter-spacing: .1em; color: #725E68; font-variant-numeric: tabular-nums;} :where(body:has(.yse-p-recruitform)) [class*="_post_wrap"] [class*="_post_category"]{font-size: 11px; letter-spacing: .12em; font-weight: 700; color: #9E0534; border: 1px solid #E5CBD0; padding: 3px 9px;} :where(body:has(.yse-p-recruitform)) [class*="_post_title-excerpt"]{padding: 10px clamp(14px, 1.8vw, 20px) 18px;} :where(body:has(.yse-p-recruitform)) [class*="_post_title"]{margin: 0; font-size: 14.5px; font-weight: 700; line-height: 1.75; color: #2B2328; text-wrap: pretty;} :where(body:has(.yse-p-recruitform)) [class*="_post_excerpt"]{margin: 8px 0 0; font-size: 13px; line-height: 1.9; color: #4A3F45;} :where(body:has(.yse-p-recruitform)) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 1099px){ :where(body:has(.yse-p-recruitform)) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: repeat(2, minmax(0, 1fr));} } @media (max-width: 599px){ :where(body:has(.yse-p-recruitform)) [class*="_post_list"]:has(.parts-blog-ex-tag_wrap){grid-template-columns: 1fr;} } :where(body:has(.yse-p-recruitform)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap){display: grid; grid-template-columns: auto 1fr; gap: 6px 10px; align-items: center; padding: 16px clamp(14px, 1.8vw, 20px) 18px;} :where(body:has(.yse-p-recruitform)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) > [class*="_post_title-excerpt"]{display: contents;} :where(body:has(.yse-p-recruitform)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) > [class*="_post_date"]{grid-column: 1; grid-row: 1;} :where(body:has(.yse-p-recruitform)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) .parts-blog-ex-tag_wrap{grid-column: 2; grid-row: 1; justify-self: start; margin: 0;} :where(body:has(.yse-p-recruitform)) [class*="_post_status"]:has(.parts-blog-ex-tag_wrap) [class*="_post_title"]{grid-column: 1 / -1; grid-row: 2;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_wrap"].category_post_count li a{display: flex; align-items: baseline; justify-content: space-between; gap: 12px;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_post_category"]{margin: 0; font-size: 13.5px; font-weight: 500; color: #2B2328; border: 0; padding: 0;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_post_category_count"]{flex: 0 0 auto; font-size: 11.5px; color: #725E68; font-variant-numeric: tabular-nums; border: 0; padding: 0;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_post_title"]{margin: 4px 0 0; font-size: 13.5px; font-weight: 700; line-height: 1.7; color: #2B2328;} :where(body:has(.yse-p-recruitform)) .parts-blog-ex-tag_wrap{display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px;} :where(body:has(.yse-p-recruitform)) .parts-blog-ex_tag{display: inline-block; font-size: 11px; letter-spacing: .08em; font-weight: 700; color: #9E0534; border: 1px solid #E5CBD0; padding: 3px 9px;} :where(body:has(.yse-p-recruitform)) [class*="_pagenation"]{display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: clamp(28px, 4vw, 48px);} :where(body:has(.yse-p-recruitform)) [class*="_pagenation"] a,:where(body:has(.yse-p-recruitform)) [class*="_pagenation"] span{box-sizing: border-box; min-width: 44px; min-height: 44px; display: flex; align-items: center; justify-content: center; font-size: 14px; font-weight: 700; text-decoration: none; border: 1px solid #E5CBD0; color: #9E0534 !important; background: #FFFDFC !important;} :where(body:has(.yse-p-recruitform)) [class*="_pagenation"] .current{background: #D83154 !important; border-color: #D83154; color: #FFFDFC !important;} :where(body:has(.yse-p-recruitform)) [class*="_wrap"]:has(> [class*="_sidebar"]){display: grid; grid-template-columns: 1fr; gap: clamp(32px, 4vw, 56px);} @media (min-width: 1000px){ :where(body:has(.yse-p-recruitform)) [class*="_wrap"]:has(> [class*="_sidebar"]){grid-template-columns: minmax(0, 1fr) 300px;} } :where(body:has(.yse-p-recruitform)) [class*="_sidebar_wrap"]{margin-bottom: clamp(24px, 3vw, 36px);} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_wrap"] h3{margin: 0 0 14px; font-size: 13px; font-weight: 700; letter-spacing: .1em; color: #9E0534; padding-bottom: 10px; border-bottom: 1px solid #E5CBD0; background: none !important;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_wrap"] ul{list-style: none; margin: 0; padding: 0;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_wrap"] li + li{border-top: 1px solid #F4DADF;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar_wrap"] li a{display: block; padding: 12px 0; font-size: 13.5px; line-height: 1.8; color: #2B2328; text-decoration: none;} :where(body:has(.yse-p-recruitform)) [class*="_sidebar"] [class*="_date"]{display: block; font-size: 11.5px; color: #725E68;} :where(body:has(.yse-p-recruitform)) [class*="_section_form"]{color: #2B2328;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] dl{display: grid; grid-template-columns: 1fr; gap: 8px; margin: 0 0 clamp(20px, 2.6vw, 28px);} @media (min-width: 768px){ :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] dl{grid-template-columns: minmax(160px, 220px) 1fr; gap: 12px 24px; align-items: start;} } :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] dt{display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 14.5px; font-weight: 700; color: #9E0534; padding-top: 14px;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] dd{margin: 0;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input[type="text"],:where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input[type="email"],:where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input[type="tel"],:where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] textarea{box-sizing: border-box; width: 100%; min-height: 54px; padding: 14px 16px !important; font-size: 15px; font-family: inherit; color: #2B2328; background: #FFFDFC; border: 1px solid #E5CBD0; border-radius: 0;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] textarea{min-height: 200px; line-height: 1.9;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input:focus-visible,:where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] textarea:focus-visible{outline: 2px solid #D83154; outline-offset: 1px;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input[type="checkbox"],:where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input[type="radio"]{width: 18px; height: 18px; accent-color: #D83154;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] label{display: inline-flex; align-items: center; gap: 8px; margin-right: 18px; font-size: 14.5px; min-height: 44px; padding-block: 4px;} :where(body:has(.yse-p-recruitform)) .required{flex: 0 0 auto; white-space: nowrap; font-size: 11px; font-weight: 700; letter-spacing: .08em; color: #FFFDFC; background: #D83154; padding: 3px 9px;} :where(body:has(.yse-p-recruitform)) .attention{display: block; font-size: 11.5px; font-weight: 400; color: #725E68; letter-spacing: 0;} :where(body:has(.yse-p-recruitform)) .error{color: #9E0534; font-size: 13px; font-weight: 700;} :where(body:has(.yse-p-recruitform)) .label_file_upload{display: inline-flex; align-items: center; gap: 12px; background: none !important; border: 0; padding: 0; cursor: pointer;} :where(body:has(.yse-p-recruitform)) .label_file_upload button{box-sizing: border-box; min-height: 44px; padding: 0 20px; font: inherit; font-size: 13.5px; font-weight: 700; color: #D83154; background: #FFFDFC !important; border: 1px solid #D83154; cursor: pointer; transition: background-color .3s ease, color .3s ease;} @media (hover: hover){ :where(body:has(.yse-p-recruitform)) .label_file_upload:hover button{background: #D83154 !important; color: #FFFDFC;} } :where(body:has(.yse-p-recruitform)) input[type="file"].file_upload,:where(body:has(.yse-p-recruitform)) input[type="file"][class*="file_upload"]{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;} :where(body:has(.yse-p-recruitform)) #file-chosen,:where(body:has(.yse-p-recruitform)) .yse-file-name{font-size: 12.5px; color: #725E68;} :where(body:has(.yse-p-recruitform)) .des{margin: 10px 0 0; font-size: 12px; color: #725E68;} :where(body:has(.yse-p-recruitform)) .contact_submit{display: flex; justify-content: center; margin-top: clamp(28px, 4vw, 44px);} :where(body:has(.yse-p-recruitform)) .contact_submit input{box-sizing: border-box; min-height: 66px; padding: 0 clamp(28px, 5vw, 64px); font: inherit; font-size: 14.5px; font-weight: 700; letter-spacing: .06em; color: #FFFDFC; background: #D83154 !important; border: 0; border-radius: 0; cursor: pointer; transition: background-color .3s ease;} :where(body:has(.yse-p-recruitform)) .contact_submit input:hover{background: #9E0534 !important;} :where(body:has(.yse-p-recruitform)) input[name="back"]{background: #FFFDFC !important; color: #D83154 !important; border: 1px solid #D83154 !important;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input:disabled,:where(body:has(.yse-p-recruitform)) .contact_submit input:disabled{opacity: .5;} :where(body:has(.yse-p-recruitform)) .yse-zip-row{display: flex; align-items: center; gap: 10px; margin-bottom: 10px;} :where(body:has(.yse-p-recruitform)) .yse-zip-mark{flex: 0 0 auto; font-size: 15px; color: #725E68;} :where(body:has(.yse-p-recruitform)) [class*="_form_wrap"] input.yse-zip-input{width: 12em; max-width: 100%; min-width: 0;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"]{background: none !important; padding: 0 !important;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .container{max-width: none !important; padding: 0 !important;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .section_title_wrap{display: none;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .about{margin: 0 0 clamp(28px, 4vw, 44px);} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .about p{margin: 0; font-size: clamp(15px, 1.6vw, 17px); line-height: 2.05; color: #4A3F45;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .content ul{list-style: none; margin: 0; padding: 0;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .item_wrap{padding-bottom: 0; margin-bottom: clamp(26px, 3.4vw, 40px);} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .item_wrap + .item_wrap{padding-top: clamp(26px, 3.4vw, 40px); border-top: 1px solid #F4DADF;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .item_title{margin: 0 0 12px; font-size: clamp(16px, 1.9vw, 19px); font-weight: 700; color: #9E0534 !important;} :where(body:has(.yse-p-recruitform)) [class*="privacypolicy-parts"] .item_description{margin: 0; font-size: 14.5px; line-height: 2.05; color: #4A3F45; text-wrap: pretty;} /* ---- 受領 DesignBase.dc.html の helmet（全ページ共通）：110規則 ---- */ body{margin: 0;} .yse-body,.yse-top{opacity: 1; animation: yse-page-in .3s ease-out both;} a{color: #9E0534;} a:hover{color: #2B2328;} a,button,article,li,summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%; background: var(--slot-fill, rgba(29, 23, 25, .22));} .yse-sr-only{position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0;} .yse-grid3{grid-template-columns: repeat(3, minmax(0, 1fr));} @media (max-width: 899px){ .yse-grid3{grid-template-columns: 1fr;} } :root{--yse-glow-pink: #F4DCEC;} .yse-on-sakura{text-shadow: 0 0 5px var(--yse-glow-pink), 0 0 5px var(--yse-glow-pink), 0 0 13px var(--yse-glow-pink), 0 0 13px var(--yse-glow-pink), 0 0 26px var(--yse-glow-pink);} .yse-tap-inline{display: inline-block; padding: 8px 3px; margin: -8px -3px;} .yse-eyebrow{margin:0 0 14px; color:#9E0534; font-size:clamp(13px,1.4vw,15px); letter-spacing:.14em; font-weight:700;} .yse-eyebrow-dark{margin:0 0 14px; color:#FFA0B1; font-size:clamp(13px,1.4vw,15px); letter-spacing:.14em; font-weight:700;} .yse-dt{padding:18px 16px 18px 0; border-bottom:1px solid #E5CBD0; font-size:14.5px; font-weight:700; color:#9E0534;} .yse-dd{margin:0; padding:18px 0; border-bottom:1px solid #E5CBD0; font-size:clamp(15px,1.6vw,17px); line-height:1.95;} :root{--yse-gutter: clamp(20px, 4vw, 48px); --yse-inset: clamp(20px, 5.55vw, 80px);} .yse-band-white,.yse-band-pink,.yse-band-dots,.yse-band-dark,.yse-band-red,.yse-panel-band{position: relative; background: transparent; padding-inline: calc(max(var(--yse-gutter), (100% - 1280px) / 2) + var(--yse-inset)); clip-path: inset(0 max(var(--yse-gutter), (100% - 1280px) / 2));} .yse-band-white::before,.yse-band-pink::before,.yse-band-dots::before,.yse-band-dark::before,.yse-band-red::before,.yse-panel-band::before{content: ''; position: absolute; inset-block: 0; left: 50%; transform: translateX(-50%); width: min(1280px, 100% - 2 * var(--yse-gutter)); background: var(--panel); z-index: 0;} .yse-band-white > *,.yse-band-pink > *,.yse-band-dots > *,.yse-band-dark > *,.yse-band-red > *,.yse-panel-band > *{position: relative; z-index: 1;} .yse-band-white{--panel: #FFFDFC; padding-block: clamp(56px, 8vw, 110px);} .yse-band-pink{--panel: #FBF1F3; padding-block: clamp(56px, 8vw, 110px);} .yse-band-red{--panel: #D83154; color: #fff; padding-block: clamp(64px, 9vw, 124px); margin-block: clamp(48px, 7vw, 96px);} .yse-inner-900{max-width: 900px; margin: 0 auto;} .yse-inner-900-center{max-width:900px; margin:0 auto; text-align:center;} .yse-inner-1180,.yse-canvas{max-width: 1280px; margin: 0 auto;} .yse-page{margin: 0 auto;} .yse-body{font-family:'IBM Plex Sans JP',sans-serif; color:#2B2328; background:#EDE6E4;} .yse-body.is-main-ground{background: #D83154;} .yse-lead{margin:0; font-size:clamp(15px,1.6vw,17px); line-height:2.05; color:#4A3F45; text-wrap:pretty;} .yse-note{margin:0; font-size:14.5px; line-height:2; color:#4A3F45;} .yse-h2{font-family:'IBM Plex Sans JP',sans-serif; transform:scaleX(.88); transform-origin:left center; margin:0 0 clamp(24px,3vw,36px); font-weight:700; font-size:clamp(24px,3.2vw,40px); line-height:1.5; letter-spacing:.04em; -webkit-text-stroke:.014em currentColor; paint-order:stroke fill;} .yse-btnrow-center{display:flex; flex-wrap:wrap; gap:14px; justify-content:center;} .yse-li{display:flex; gap:14px; align-items:flex-start; font-size:clamp(15px,1.6vw,17px); line-height:1.9;} .yse-dot{flex:0 0 auto; width:8px; height:8px; border-radius:50%; background:#F0536F; margin-top:.65em;} .yse-photo43{overflow:hidden; position:relative; width:100%; max-width:100%; aspect-ratio:4/3;} .yse-card-dark{background:#2B2328; border:1px solid rgba(251,241,243,.18); padding:clamp(26px,3vw,38px) clamp(20px,2vw,30px);} .yse-inner-1000,.yse-read{max-width: 1024px; margin: 0 auto;} .yse-note-sm{margin:0; font-size:12.5px; color:#725E68; line-height:1.9;} .yse-eyebrow-sm-dark{margin:0 0 16px; font-size:13px; color:#FFA0B1; letter-spacing:.2em;} .yse-media-row{display:grid; grid-template-columns:auto 1fr; gap:clamp(16px,2vw,24px); align-items:center; background:#FBF1F3; padding:clamp(20px,2.6vw,30px);} .yse-badge{display:flex; align-items:center; justify-content:center; width:54px; height:54px; background:#FFFDFC; border:1px solid #E5CBD0; color:#D83154;} .yse-btn-white{text-decoration: none; background: #fff; color: #D83154; font-size: 15px; font-weight: 700; letter-spacing: .06em; padding: 0 clamp(24px,3vw,40px); min-height: 58px; display: flex; align-items: center; border-radius: 2px;} .yse-lead-ink{margin:0; font-size:clamp(15px,1.6vw,17px); line-height:2.15; color:#2B2328; text-wrap:pretty;} .yse-lead-mb{margin:0 0 20px; font-size:clamp(15px,1.6vw,17px); line-height:2.1; color:#4A3F45; text-wrap:pretty;} .yse-band-dots{--panel: #FBF1F3; padding-block: clamp(56px, 8vw, 110px); text-align: center; margin-top: clamp(56px, 8vw, 110px);} .yse-band-dots::before{background-color: var(--panel); background-image: radial-gradient(rgba(240,83,111,.16) 1px, transparent 1px); background-size: 18px 18px;} .yse-h2-wide{font-family:'IBM Plex Sans JP',sans-serif; transform:scaleX(.88); transform-origin:left center; margin:0 0 clamp(28px,3.5vw,48px); font-weight:700; font-size:clamp(24px,3.2vw,40px); line-height:1.5; letter-spacing:.04em; -webkit-text-stroke:.014em currentColor; paint-order:stroke fill;} .yse-h2-center{margin:0 0 clamp(28px,3.5vw,44px); font-weight:700; font-size:clamp(22px,3.2vw,38px); line-height:1.6; letter-spacing:.04em; text-wrap:pretty;} .yse-band-dark{--panel: #2B2328; color: #FBF1F3; padding-block: clamp(56px, 8vw, 110px);} .yse-band-dark::before{background: var(--panel);} .yse-h2-condensed{font-family:'IBM Plex Sans JP',sans-serif; transform:scaleX(.88); transform-origin:left center; margin:0 0 clamp(28px,3.5vw,44px); font-weight:700; font-size:clamp(24px,3.2vw,40px); line-height:1.5; letter-spacing:.04em; -webkit-text-stroke:.014em currentColor; paint-order:stroke fill;} .yse-btn-ghost-dark{text-decoration:none; border:1px solid rgba(255,253,252,.7); color:#fff; font-size:15px; font-weight:700; letter-spacing:.06em; padding:0 clamp(28px,4vw,48px); min-height:58px; display:flex; align-items:center; border-radius:2px;} .yse-bar-chip{display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding:.34em 0 .18em .42em; line-height:1; background:#FFFDFC; color:#D83154;} .yse-bar-chip-dark{display:inline-flex; align-items:center; justify-content:center; white-space:nowrap; padding:.34em 0 .18em .42em; line-height:1; background:#2B2328; color:#FFFDFC;} .yse-btn-dash{transition: opacity .28s ease;} .yse-btn-disc{position: absolute; inset: 0; border-radius: 50%; background: var(--bt-disc, #FFFDFC); transform: scale(.25); opacity: 0; transition: transform .34s cubic-bezier(.22, .61, .36, 1), opacity .26s ease;} .yse-btn-arrow{position: relative; z-index: 1; transition: color .28s ease, transform .34s cubic-bezier(.22, .61, .36, 1);} @media (hover: hover){ a:hover .yse-btn-dash{opacity: 0;} a:hover .yse-btn-disc{transform: scale(1); opacity: 1;} a:hover .yse-btn-arrow{color: var(--bt-on-disc, #D83154); transform: translateX(2px);} } html[data-yse-anim="1"] [data-reveal="bar"] > span{position: relative; display: inline-block; overflow: hidden; padding-right: 1px; animation: yse-bar-open 1.15s cubic-bezier(.22, .61, .36, 1) var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} html[data-yse-anim="1"] [data-reveal="bar"] > span:nth-child(2),html[data-yse-anim="1"] [data-reveal="bar"] > span:nth-child(2)::after{animation-delay: calc(var(--bar-delay, 0ms) + 140ms);} html[data-yse-anim="1"] [data-reveal="bar"] > span:nth-child(3),html[data-yse-anim="1"] [data-reveal="bar"] > span:nth-child(3)::after{animation-delay: calc(var(--bar-delay, 0ms) + 280ms);} html[data-yse-anim="1"] [data-reveal="bar"] > span::after{content: ''; position: absolute; top: 0; bottom: 0; left: 0; width: 100%; background: var(--bar-ink, currentColor); pointer-events: none; transform: translateX(-101%); will-change: transform; animation: yse-bar-pass 1.15s cubic-bezier(.22, .61, .36, 1) var(--bar-delay, 0ms) 1 both; animation-play-state: var(--bar-state, paused);} @media (prefers-reduced-motion: reduce){ html [data-reveal="bar"] > span{animation: none; clip-path: none;} html [data-reveal="bar"] > span::after{display: none;} } .yse-vmark-band{position: relative;} .yse-vmark-band > section{position: relative; z-index: 1;} .yse-vmark{position: absolute; z-index: 0; right: clamp(6px, 1.1vw, 26px); padding-right: .2em; box-sizing: content-box; top: clamp(24px, 3.4vw, 72px); margin: 0; writing-mode: vertical-rl; font-family: 'IBM Plex Sans JP', sans-serif; font-size: clamp(110px, 18.5vw, 300px); font-weight: 700; letter-spacing: .01em; line-height: 1; white-space: nowrap; color: #FFFDFC; pointer-events: none; user-select: none;} .yse-vmark.on-gray{color: rgba(216, 49, 84, .16);} .yse-tlink{--tl-fg: #2B2328; --tl-accent: #D83154; --tl-on-accent: #FFFDFC; --tl-ring: #CEB4BA; display: inline-flex; align-items: center; gap: clamp(12px, 1.4vw, 18px); text-decoration: none; color: var(--tl-fg); font-size: 14px; font-weight: 700; letter-spacing: .06em;} html[data-yse-anim="1"] [data-reveal="bar"] > span.yse-bar-chip,html[data-yse-anim="1"] [data-reveal="bar"] > span.yse-bar-chip-dark{display: inline-flex;} .yse-tlink.as-line{margin-top: auto;} .yse-tt-grid{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 26px); justify-content: start;} .yse-tt-frame{position: relative; width: 100%; max-width: 420px; aspect-ratio: 9 / 16; overflow: hidden; background: #2B2328; border: 1px solid var(--tt-line, rgba(255, 253, 252, .28));} .yse-tt-frame > blockquote,.yse-tt-frame iframe{width: 100% !important; height: 100% !important; margin: 0 !important;} @media (max-width: 599px){ .yse-tt-grid{grid-template-columns: 1fr;} } .yse-tlink.on-dark{--tl-fg: #FFFDFC; --tl-accent: #FFA0B1; --tl-on-accent: #1D1719; --tl-ring: rgba(255, 253, 252, .45);} .yse-tlink-ring{position: relative; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: clamp(46px, 4vw, 58px); height: clamp(46px, 4vw, 58px);} .yse-tlink-ring::before{content: ''; position: absolute; inset: 0; border-radius: 50%; border: 1px dashed var(--tl-ring); animation: yse-spin 10s linear infinite; transition: opacity .28s ease;} .yse-tlink-ring::after{content: ''; position: absolute; inset: 0; border-radius: 50%; background: var(--tl-accent); transform: scale(.25); opacity: 0; transition: transform .34s cubic-bezier(.22, .61, .36, 1), opacity .26s ease;} .yse-tlink-arrow{position: relative; z-index: 1; line-height: 1; font-size: clamp(15px, 1.3vw, 17px); color: var(--tl-accent); transition: transform .34s cubic-bezier(.22, .61, .36, 1), color .28s ease;} @media (hover: hover){ .yse-tlink:hover,a:hover .yse-tlink{color: var(--tl-accent);} .yse-tlink:hover .yse-tlink-ring::before,a:hover .yse-tlink-ring::before{opacity: 0;} .yse-tlink:hover .yse-tlink-ring::after,a:hover .yse-tlink-ring::after{transform: scale(1); opacity: 1;} .yse-tlink:hover .yse-tlink-arrow,a:hover .yse-tlink-arrow{color: var(--tl-on-accent); transform: translateX(3px);} } .yse-read{max-width: 1024px; margin-inline: auto;} .yse-cta-band{position: relative; overflow: hidden; background: #D83154; color: #FFFDFC; padding-block: clamp(64px, 9vw, 124px); padding-inline: max(var(--yse-gutter), (100% - 1280px) / 2); margin-block: clamp(48px, 7vw, 96px) 0;} .yse-cta-band .yse-cta-row{flex-wrap: nowrap;} .yse-cta-band .yse-cta-row > div:first-child{min-width: 0; flex: 1 1 auto;} .yse-cta-band .yse-cta-row > p{flex: 0 0 auto;} .yse-btnrow > a,.yse-btnrow-center > a{box-sizing: border-box;} .yse-btnrow,.yse-btnrow-center{container-type: inline-size; container-name: btnrow;} @container btnrow (max-width: 460px){ .yse-btnrow > a,.yse-btnrow-center > a{flex: 1 1 100%; justify-content: center;} } @container btnrow (max-width: 700px){ .yse-btnrow:has(> a:nth-child(3)) > a,.yse-btnrow-center:has(> a:nth-child(3)) > a{flex: 1 1 100%; justify-content: center;} } @supports not (container-type: inline-size){ @media (max-width: 560px){ .yse-btnrow > a,.yse-btnrow-center > a{flex: 1 1 100%; justify-content: center;} } @media (max-width: 830px){ .yse-btnrow:has(> a:nth-child(3)) > a,.yse-btnrow-center:has(> a:nth-child(3)) > a{flex: 1 1 100%; justify-content: center;} } } .yse-intro-bare{padding-block: clamp(56px, 8vw, 110px); padding-inline: max(var(--yse-gutter), (100% - 1280px) / 2); margin-top: clamp(56px, 8vw, 110px);} .is-main-ground .yse-intro-bare .yse-lead{color: #FFFDFC;} .is-main-ground .yse-intro-bare{background: none; border-top: 0;} .yse-intro-bare{position: relative; isolation: isolate; border-top: 1px solid rgba(216, 49, 84, .22); background-color: rgba(216, 49, 84, .035); background-image: radial-gradient(rgba(216, 49, 84, .14) 1px, transparent 1px); background-size: 20px 20px;} .yse-intro-grid{display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(24px, 3.6vw, 56px); align-items: center;} .yse-intro-media{position: relative; width: 100%; aspect-ratio: 3 / 2; overflow: hidden; background: #E3D6D9;} @media (max-width: 880px){ .yse-intro-grid{grid-template-columns: 1fr;} } .yse-deflist{margin: 0; display: grid; grid-template-columns: minmax(var(--dl-min, 120px), var(--dl-max, 180px)) 1fr; border-top: var(--dl-rule, 1px solid #F4DADF);} @media (max-width: 640px){ .yse-deflist{grid-template-columns: 1fr;} .yse-deflist > dt{padding-block: 18px 0; border-bottom: 0;} .yse-deflist > dd{padding-block: 4px 18px;} } @media (max-width: 652px){ .yse-si-652 > *:has(:is(img,div):where(.yse-slot)){order: -1 !important;} } @media (max-width: 879px){ .yse-si-rewards > *:has(:is(img,div):where(.yse-slot)){order: -1 !important;} } @media (min-width: 880px){ .yse-si-rewards > .yse-photo43{position: sticky; top: calc(var(--yse-hdr-h, 80px) + clamp(16px, 2vw, 32px)); align-self: start;} } @media (max-width: 715px){ .yse-si-ourwork > *:has(:is(img,div):where(.yse-slot)){order: -1 !important;} } @media (max-width: 982px){ .yse-si-982 > *:has(:is(img,div):where(.yse-slot)){order: -1 !important;} } @media (max-width: 780px){ .yse-si-780 > *:has(:is(img,div):where(.yse-slot)){order: -1 !important;} } @media (max-width: 790px){ .yse-si-790 > *:has(:is(img,div):where(.yse-slot)){order: -1 !important;} } @media (max-width: 560px){ .yse-media-row,.yse-icon-row{grid-template-columns: 1fr !important; gap: 12px !important; align-items: start !important;} } :where(body):has(.yse-top) p,:where(body):has(.yse-top) li,:where(body):has(.yse-top) dd,:where(body):has(.yse-top) h3,:where(body):has(.yse-top) h4,:where(body):has(.yse-top) h2:not([data-reveal="bar"]),:where(body):has(.yse-body) p,:where(body):has(.yse-body) li,:where(body):has(.yse-body) dd,:where(body):has(.yse-body) h3,:where(body):has(.yse-body) h4,:where(body):has(.yse-body) h2:not([data-reveal="bar"]){text-wrap: pretty;} @media (prefers-reduced-motion: reduce){ *{animation: none !important; transition: none !important;} } /* ---- 受領 SiteHeader.dc.html の helmet（全ページ共通）：45規則 ---- */ a,button,article,li,summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} body{margin: 0; -webkit-font-smoothing: antialiased;} :where(.yse-header) a{color: var(--hdr-fg, #FFFDFC);} :where(.yse-header) a:hover{color: var(--hdr-fg, #FFFDFC);} @media (prefers-reduced-motion: reduce){ *{animation: none !important;} } .yse-entry{box-sizing: border-box; flex: 0 0 auto; display: flex; align-items: center; gap: 14px; min-height: 56px; padding: 0 clamp(14px, 1.8vw, 22px);} .yse-entry-label{display: flex; flex-direction: column; gap: 5px;} :root{--yse-btmbar-h: 0px;} @media (max-width: 767px){ :root{--yse-btmbar-h: 58px;} } .yse-hdr-mark{display: block; flex: 0 0 auto; width: clamp(38px, 3.4vw, 46px); height: clamp(38px, 3.4vw, 46px);} .yse-hdr-logo{min-height: 44px;} .yse-hdr-name{font-size: clamp(14px, 1.25vw, 18px);} .yse-hdr-bar{max-width: 1440px; margin: 0 auto; padding: 8px clamp(14px, 2.4vw, 32px); gap: 10px clamp(14px, 1.6vw, 30px);} @media (max-width: 339px){ .yse-hdr-name{font-size: 13px;} .yse-hdr-mark{width: 32px; height: 32px;} .yse-hdr-bar{padding-left: 12px; padding-right: 12px; column-gap: 10px;} } @media (min-width: 1100px){ .yse-hdr-bar{max-width: none; min-height: clamp(56px, 4.4vw, 64px); padding-left: max(clamp(14px, 2.4vw, 32px), calc((100vw - 1440px) / 2)); padding-right: calc(clamp(172px, 15vw, 244px) + clamp(24px, 3.4vw, 64px));} .yse-entry{position: absolute; top: 0; right: 0; bottom: 0; width: clamp(172px, 15vw, 244px); min-height: 0; justify-content: center;} } .yse-nav{display: none;} .yse-nav-link{color: var(--hdr-fg);} .yse-nav-link[aria-current="page"]{color: var(--hdr-sub);} .yse-nav-label{position: relative;} .yse-nav-label::after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--hdr-accent); transform: scaleX(0); transform-origin: left center; transition: transform .3s cubic-bezier(.22, .61, .36, 1);} .yse-nav-link[aria-current="page"] .yse-nav-label::after{transform: scaleX(1);} @media (hover: hover){ .yse-nav-link:hover{color: var(--hdr-sub);} .yse-nav-link:hover .yse-nav-label::after{transform: scaleX(1);} } @media (prefers-reduced-motion: reduce){ .yse-nav-label::after,.yse-burger-bar{transition: none !important;} } .yse-navitem{position: relative; display: flex; align-items: center;} .yse-drop{position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: flex; flex-direction: column; min-width: 200px; background: #1D1719; border-top: 3px solid var(--hdr-accent); box-shadow: 0 16px 32px rgba(29, 23, 25, .34); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, visibility .22s ease; z-index: 60;} .yse-navitem:hover > .yse-drop,.yse-navitem:focus-within > .yse-drop{opacity: 1; visibility: visible; pointer-events: auto;} .yse-drop-link{display: flex; align-items: center; min-height: 48px; padding: 0 18px; text-decoration: none; font-size: 13.5px; font-weight: 700; letter-spacing: .02em; color: #FFFDFC !important; border-bottom: 1px solid #4A3F45;} .yse-drop-link:last-child{border-bottom: 0;} .yse-drop-link[aria-current="page"]{color: #FFA0B1 !important;} .yse-drop-link:hover{background: #2B2328; color: #FFA0B1 !important;} @media (prefers-reduced-motion: reduce){ .yse-drop{transition: none !important;} } .yse-burger{box-sizing: border-box; order: 2; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0; background: transparent; border: 1px solid var(--hdr-line); cursor: pointer;} .yse-entry{order: 1; margin-left: auto;} @media (max-width: 767px){ .yse-burger{order: 0; margin-left: auto;} .yse-entry{position: fixed; left: 0; right: 0; bottom: 0; top: auto; width: auto; min-height: var(--yse-btmbar-h); z-index: 60; margin: 0; order: 0; justify-content: center; box-shadow: 0 -10px 24px rgba(29, 23, 25, .22);} .yse-entry-label{flex-direction: row; align-items: baseline; gap: 10px;} body{padding-bottom: var(--yse-btmbar-h);} } .yse-burger-box{display: flex; flex-direction: column; gap: 5px;} .yse-burger-bar{display: block; width: 22px; height: 2px; background: var(--hdr-fg); transition: transform .3s cubic-bezier(.22, .61, .36, 1), opacity .2s ease, background-color .3s ease;} .yse-panel{position: absolute; left: 0; right: 0; top: 100%; z-index: 30; border-top: 1px solid #4A3F45; background: #1D1719; max-height: calc(100dvh - var(--yse-hdr-h, 68px) - var(--yse-btmbar-h, 0px)); overflow-y: auto; -webkit-overflow-scrolling: touch;} .yse-panel-list{display: flex; flex-direction: column; max-width: 1440px; margin: 0 auto; padding: 6px clamp(14px, 2.4vw, 32px) 14px;} @media (min-width: 1100px){ .yse-nav{flex: 1 1 auto; display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 2px clamp(9px, 1.1vw, 22px);} .yse-nav-link{box-sizing: border-box; min-height: 46px !important; align-self: center;} .yse-nav{align-self: center;} .yse-burger,.yse-panel{display: none;} } .yse-header{position: sticky; top: 0; z-index: 50; background: #2B2328; transition: background-color .3s ease; --hdr-fg: #FFFDFC; --hdr-sub: #FFA0B1; --hdr-accent: #F0536F; --hdr-line: rgba(255, 253, 252, .28);} .yse-header[data-overlay="1"]:not([data-scrolled]):not([data-menu="1"]){background: transparent; --hdr-fg: #1D1719; --hdr-sub: #1D1719; --hdr-accent: #9E0534; --hdr-line: rgba(29, 23, 25, .3);} .yse-hdr-logo{color: var(--hdr-fg);} .yse-header[data-overlay="1"]:not([data-scrolled]):not([data-menu="1"]) .yse-hdr-logo{text-shadow: 0 0 5px var(--yse-glow-pink), 0 0 5px var(--yse-glow-pink), 0 0 13px var(--yse-glow-pink), 0 0 13px var(--yse-glow-pink), 0 0 26px var(--yse-glow-pink);} .yse-hdr-sub{color: var(--hdr-sub); transition: color .3s ease;} .yse-panel{max-height: calc(100vh - var(--yse-hdr-h, 72px)); max-height: calc(100svh - var(--yse-hdr-h, 72px)); overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch;} /* ---- 受領 PageHero.dc.html の helmet（.yse-g-pagehero で閉じ込め＝work・recruit・job・welfare・beginner・experienced・information・instance・blog・blogpost・inquiry・recruitform・privacy）：10規則 ---- */ :where(body:has(.yse-g-pagehero)) .yse-hero-mark{display: block; width: clamp(44px, 4.6vw, 62px); height: auto; margin: 0 0 18px; filter: brightness(0) invert(1); animation: yse-hero-rise .9s cubic-bezier(.22, .61, .36, 1) .05s both;} :where(body:has(.yse-g-pagehero)) .yse-hero-notch{position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: clamp(56px, 5.9vw, 78px); aspect-ratio: 1.6 / 1; background: #FFFDFC; clip-path: polygon(0 100%, 50% 0, 100% 100%);} :where(body:has(.yse-g-pagehero)) .yse-crumb-link{padding-block: 12.5px; margin-block: -12.5px;} :where(body:has(.yse-g-pagehero)) :is(img,div):where(.yse-slot){display: block; width: 0; min-width: 100%;} :where(body:has(.yse-g-pagehero)) a,:where(body:has(.yse-g-pagehero)) button,:where(body:has(.yse-g-pagehero)) article,:where(body:has(.yse-g-pagehero)) li,:where(body:has(.yse-g-pagehero)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} body:where(:has(.yse-g-pagehero)){margin: 0;} :where(body:has(.yse-g-pagehero)) span.line-chunk{display: inline-block; overflow-wrap: anywhere; word-break: normal;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-g-pagehero)) *{animation: none !important;} } :where(body:has(.yse-g-pagehero)) .yse-hero-title{font-family: 'IBM Plex Sans JP', sans-serif; transform: scaleX(.88); transform-origin: center center; margin: 0; font-weight: 700; color: #FFFDFC; font-size: clamp(26px, 4vw, 50px); line-height: 1.45; letter-spacing: .08em; text-wrap: pretty; animation: yse-hero-rise-x 1.05s cubic-bezier(.22, .61, .36, 1) .3s both; -webkit-text-stroke: .014em currentColor; paint-order: stroke fill;} @media (max-width: 560px){ :where(body:has(.yse-g-pagehero)) .yse-hero-band{height: auto !important; aspect-ratio: 3 / 2;} :where(body:has(.yse-g-pagehero)) .yse-hero-zoom{animation: none !important;} } /* ---- 受領 RecruitNav.dc.html の helmet（.yse-g-recruitnav で閉じ込め＝recruit・job・welfare・beginner・experienced）：14規則 ---- */ :where(body:has(.yse-g-recruitnav)) .yse-subnav{--sn-fg: #2B2328; --sn-link-fg: #2B2328; --sn-link-bd: rgba(43,35,40,.28); --sn-link-hover-bd: #D83154; --sn-mark: #9E0534; --sn-current-fg: #725E68; padding-block: clamp(36px, 5vw, 72px) clamp(40px, 5.6vw, 80px); padding-inline: max(clamp(14px, 2.4vw, 32px), (100% - 1440px) / 2); color: var(--sn-fg);} :where(body:has(.yse-g-recruitnav)) .is-main-ground .yse-subnav{--sn-fg: #FFFDFC; --sn-link-fg: #FFFDFC; --sn-link-bd: rgba(255,253,252,.45); --sn-link-hover-bd: #FFFDFC; --sn-mark: #FFFDFC; --sn-current-fg: #FFFDFC;} :where(body:has(.yse-g-recruitnav)) .yse-subnav-head{margin: 0 0 clamp(20px, 2.6vw, 32px); font-weight: 700; font-size: clamp(19px, 2.2vw, 25px); letter-spacing: .05em; color: var(--sn-fg);} :where(body:has(.yse-g-recruitnav)) .yse-subnav-grid{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px;} @media (max-width: 1199px){ :where(body:has(.yse-g-recruitnav)) .yse-subnav-grid{grid-template-columns: repeat(3, minmax(0, 1fr));} } @media (max-width: 599px){ :where(body:has(.yse-g-recruitnav)) .yse-subnav-grid{grid-template-columns: 1fr;} } :where(body:has(.yse-g-recruitnav)) .yse-subnav-link{display: flex; align-items: center; justify-content: space-between; gap: 12px; box-sizing: border-box; min-height: 60px; padding: 0 20px; text-decoration: none; font-size: 14.5px; font-weight: 700; color: var(--sn-link-fg); background: transparent; border: 1px solid var(--sn-link-bd); transition: border-color .2s ease, background-color .2s ease;} @media (hover: hover){ :where(body:has(.yse-g-recruitnav)) .yse-subnav-link:hover{border-color: var(--sn-link-hover-bd); color: var(--sn-link-fg);} } :where(body:has(.yse-g-recruitnav)) .yse-subnav-link.is-current{pointer-events: none; border-style: dashed; border-color: var(--sn-link-bd); color: var(--sn-current-fg);} :where(body:has(.yse-g-recruitnav)) .yse-subnav-mark{color: var(--sn-mark);} :where(body:has(.yse-g-recruitnav)) .yse-subnav-link.is-current .yse-subnav-mark{font-size: 12px; font-weight: 700; letter-spacing: .08em;} :where(body:has(.yse-g-recruitnav)) a,:where(body:has(.yse-g-recruitnav)) button,:where(body:has(.yse-g-recruitnav)) article,:where(body:has(.yse-g-recruitnav)) li,:where(body:has(.yse-g-recruitnav)) summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} @media (prefers-reduced-motion: reduce){ :where(body:has(.yse-g-recruitnav)) *{animation: none !important; transition: none !important;} } body:where(:has(.yse-g-recruitnav)){margin: 0;} /* ---- 受領 SiteFooter.dc.html の helmet（全ページ共通）：23規則 ---- */ a,button,article,li,summary{transition: background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease;} @media (prefers-reduced-motion: reduce){ *{animation: none !important; transition: none !important;} } body{margin: 0;} :where(.yse-footer) a{color: #FFA0B1;} :where(.yse-footer) a:hover{color: #fff;} .yse-fmain-inner{max-width: 1440px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: clamp(32px, 4vw, 56px) clamp(32px, 4vw, 72px);} .yse-fbrand{flex: 0 1 300px; min-width: 0;} .yse-fnav{flex: 0 1 auto; min-width: 0; margin-left: auto; display: grid; grid-template-columns: repeat(4, minmax(0, max-content)); column-gap: clamp(28px, 3.2vw, 56px); row-gap: clamp(26px, 3vw, 38px);} .yse-fnav-head{display: flex; align-items: baseline; gap: 10px; margin: 0 0 5px; padding-bottom: 9px; border-bottom: 1px solid #4A3F45;} .yse-fnav-link{min-height: 44px; color: #F4DADF; text-decoration: none; display: flex; align-items: center;} @media (max-width: 1279px){ .yse-fnav{grid-template-columns: repeat(2, minmax(0, max-content));} } @media (max-width: 899px){ .yse-fnav{margin-left: 0; width: 100%; display: flex; flex-wrap: wrap; gap: clamp(26px, 3vw, 38px) clamp(28px, 3.2vw, 56px);} } @media (max-width: 639px){ .yse-fnav{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: clamp(26px, 3vw, 38px); max-width: min(100%, 460px);} } .yse-footer{background: #1D1719;} .yse-fcta{position: relative; background: #D83154;} .yse-fcta > .yse-fcta-inner{position: relative; z-index: 1;} .yse-fmain{background: #1D1719;} :where(body):has(.yse-top) .yse-footer{background: transparent;} :where(body):has(.yse-top) .yse-fcta{background: transparent;} :where(body):has(.yse-top) .yse-fcta::before{content: ''; position: absolute; inset: 0; z-index: -2; background: #D83154;} .yse-fnav-label{font-size:13px; font-weight:700; color:#FFFDFC; letter-spacing:.04em;} .yse-fnav-en{font-size:11.5px; font-weight:600; letter-spacing:.16em; color:#F0536F;} .yse-fnav-list{display:flex; flex-direction:column; gap:0; font-size:13px;} /* ---- 生成クラス：style-hover ---- */ .ysh1:hover{background: rgb(216, 49, 84) !important; color: rgb(255, 253, 252) !important;} .ysh2:hover{background: rgba(255, 253, 252, 0.6) !important;} .ysh3:hover{color: rgb(255, 160, 177) !important;} .ysh4:hover{background: rgba(255, 253, 252, 0.06) !important;} .ysh5:hover{background: rgb(158, 5, 52) !important;} .ysh6:hover{background: rgb(5, 169, 72) !important;} .ysh7:hover{transform: translateY(-4px) !important; box-shadow: rgba(43, 35, 40, 0.1) 0px 14px 30px !important;} .ysh8:hover{background: rgb(29, 23, 25) !important;} .ysh9:hover{color: rgb(216, 49, 84) !important;} .ysh10:hover{border-color: rgb(216, 49, 84) !important; transform: translateY(-4px) !important; box-shadow: rgba(43, 35, 40, 0.1) 0px 14px 30px !important;} .ysh11:hover{background: rgb(251, 241, 243) !important;} /* ---- 生成クラス：インラインの animation / transition の退避先（3重クラス・important無し） ---- */ .ysa1.ysa1.ysa1{transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.2s;} .ysa2.ysa2.ysa2{animation: 9s linear 0s infinite normal none running yse-nav-spin;} .ysa3.ysa3.ysa3{animation: 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s 1 normal both running yse-rise;} .ysa4.ysa4.ysa4{animation: 1.05s cubic-bezier(0.22, 0.61, 0.36, 1) 0.62s 1 normal both running yse-rise;} .ysa5.ysa5.ysa5{animation: 1.05s cubic-bezier(0.22, 0.61, 0.36, 1) 0.78s 1 normal both running yse-rise;} .ysa6.ysa6.ysa6{animation: 8s linear 0s infinite normal none running yse-spin;} .ysa7.ysa7.ysa7{transition: transform 0.25s;} .ysa8.ysa8.ysa8{transition: max-height 0.32s, opacity 0.24s;} .ysa10.ysa10.ysa10{animation: 14s ease-out 0s 1 normal both running yse-hero-zoom;} .ysa11.ysa11.ysa11{animation: 0.9s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s 1 normal both running yse-hero-rise;} .ysa12.ysa12.ysa12{animation: 16s ease-out 0s 1 normal both running yse-kenburns;} .ysa13.ysa13.ysa13{transition: transform 0.25s, box-shadow 0.25s;} .ysa14.ysa14.ysa14{transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;} /* ===== 28_theme-guard.css ===== */ /* ============================================================ 28_theme-guard.css（theme-guard.mjs が生成・手で直さない） CueZilla テーマ（theme_default.css／Bootstrap）がCMSパーツ内の要素に当てる宣言のうち、受領CSSが同じ要素に 何も書いていないものを revert（＝テーマの無かった受領と同じ既定値）へ戻す。対象ページ: top・instance・blog・blogpost・inquiry・recruitform・privacy。 revert 405件（受領CSSが同じプロパティを持つ要素がある規則は revert しない＝受領の値を消さない）。 当て直し 170件（受領CSSも書いているがテーマの詳細度が上で負けていた宣言を、テーマと同じセレクタで受領の値に戻す）。 ============================================================ */ :where(body:has(.yse-p-top)) .h2,:where(body:has(.yse-p-top)) h2{font-size:revert} :where(body:has(.yse-p-top)) img,:where(body:has(.yse-p-top)) svg{vertical-align:revert} :where(body:has(.yse-p-top)) .row{flex-wrap:revert} :where(body:has(.yse-p-top)) .card{position:revert;display:revert;flex-direction:revert;min-width:revert;overflow-wrap:revert} :where(body:has(.yse-p-top)) .d-inline-block{display:revert !important} :where(body:has(.yse-p-instance)) img,:where(body:has(.yse-p-instance)) svg{vertical-align:revert} :where(body:has(.yse-p-instance)) .f_meiryo{font-family:revert} :where(body:has(.yse-p-instance)) .f_yugothic{font-family:revert} :where(body:has(.yse-p-instance)) .parts228_wrap{display:revert;max-width:revert;width:revert;justify-content:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;margin-top:revert} :where(body:has(.yse-p-instance)) .parts228_main{display:revert;width:revert} :where(body:has(.yse-p-instance)) .parts228_post_wrap .parts228_post_img{margin-bottom:revert} :where(body:has(.yse-p-instance)) .parts228_post_list{flex-wrap:revert;justify-content:revert} :where(body:has(.yse-p-instance)) .parts228_post_wrap .parts228_post_img img{max-height:revert} :where(body:has(.yse-p-instance)) .parts228_post_title{letter-spacing:revert} :where(body:has(.yse-p-instance)) .parts228_pagenation{align-items:revert} :where(body:has(.yse-p-instance)) .parts228_pagenation span{margin-right:revert} :where(body:has(.yse-p-instance)) .parts228_pagenation a,:where(body:has(.yse-p-instance)) .parts228_pagenation span.current{text-align:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body:has(.yse-p-instance)) .parts-blog-ex_tag{margin-right:revert;margin-bottom:revert} :where(body:has(.yse-p-blog)) .h2,:where(body:has(.yse-p-blog)) h2{font-size:revert} :where(body:has(.yse-p-blog)) img,:where(body:has(.yse-p-blog)) svg{vertical-align:revert} :where(body:has(.yse-p-blog)) .mx-auto{margin-right:revert !important;margin-left:revert !important} :where(body:has(.yse-p-blog)) .f_meiryo{font-family:revert} :where(body:has(.yse-p-blog)) .f_yugothic{font-family:revert} :where(body:has(.yse-p-blog)) .parts222_section h2{color:revert;font-size:revert;letter-spacing:revert;text-align:revert;line-height:revert} :where(body:has(.yse-p-blog)) .parts222_wrap{max-width:revert;width:revert;justify-content:revert} :where(body:has(.yse-p-blog)) .parts222_main{max-width:revert;width:revert} :where(body:has(.yse-p-blog)) .parts222_post_wrap .parts222_post_img{margin-bottom:revert} :where(body:has(.yse-p-blog)) .parts222_post_list{flex-wrap:revert;justify-content:revert} :where(body:has(.yse-p-blog)) .parts222_post_wrap .parts222_post_img img{max-height:revert} :where(body:has(.yse-p-blog)) .parts222_post_status{justify-content:revert;margin-bottom:revert} :where(body:has(.yse-p-blog)) .parts222_post_category{background-color:revert} :where(body:has(.yse-p-blog)) .parts222_post_title{letter-spacing:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar{max-width:revert;width:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar .parts222_sidebar_wrap:nth-child(n+2){margin-top:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar ul li{list-style-type:revert;margin-top:revert;padding-bottom:revert;border-bottom-width:revert;border-bottom-style:revert;border-bottom-color:revert} :where(body:has(.yse-p-blog)) .category_post_count ul li{border-left-width:revert;border-left-style:revert;border-left-color:revert;border-right-width:revert;border-right-style:revert;border-right-color:revert;margin-top:revert;padding-bottom:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar_post_category_count{width:revert;height:revert;display:revert;background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;justify-content:revert;align-items:revert} :where(body:has(.yse-p-blog)) .category_post_count ul li a{letter-spacing:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar h3{padding-top:revert;padding-right:revert;padding-left:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar_date{margin-bottom:revert;letter-spacing:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar_post_title{letter-spacing:revert} :where(body:has(.yse-p-blog)) .parts222_pagenation{align-items:revert} :where(body:has(.yse-p-blog)) .parts222_pagenation span{margin-right:revert} :where(body:has(.yse-p-blog)) .parts222_pagenation a,:where(body:has(.yse-p-blog)) .parts222_pagenation span.current{text-align:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body:has([class*="_single_article"])) table{caption-side:revert} :where(body:has([class*="_single_article"])) .f_meiryo{font-family:revert} :where(body:has([class*="_single_article"])) .f_yugothic{font-family:revert} :where(body:has([class*="_single_article"])) .parts166_single_article .container{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has([class*="_single_article"])) .parts166_single_article ul li{list-style-type:revert} :where(body:has([class*="_single_article"])) .parts166_single_article .article_wrap{width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article h2{letter-spacing:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;border-top-color:revert;border-top-style:revert;border-top-width:revert;border-right-color:revert;border-right-style:revert;border-right-width:revert;border-bottom-color:revert;border-bottom-style:revert;border-bottom-width:revert;border-image-source:revert;border-image-slice:revert;border-image-width:revert;border-image-outset:revert;border-image-repeat:revert;position:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article h3,:where(body:has([class*="_single_article"])) .parts-blog-ex-single-wrap .parts-blog-ex_text h3{letter-spacing:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;border-left-width:revert;border-left-style:revert;border-left-color:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article p{letter-spacing:revert} :where(body:has([class*="_single_article"])) .article_status{color:revert} :where(body:has([class*="_single_article"])) .sns_button_wrap{clear:revert} :where(body:has([class*="_single_article"])) .article_category_wrap{background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert;align-items:revert;letter-spacing:revert} :where(body:has([class*="_single_article"])) .article_category_wrap span{display:revert;font-size:revert;line-height:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap{justify-content:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap > div{background-color:revert;width:revert;border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-image-source:revert;border-image-slice:revert;border-image-width:revert;border-image-outset:revert;border-image-repeat:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap > div > a{position:revert;align-items:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .prev_post_title,:where(body:has([class*="_single_article"])) .next_post_title{letter-spacing:revert} :where(body:has([class*="_single_article"])) .recent_posts_wrap .recent_post_title{background-color:revert;padding-top:revert;padding-right:revert;padding-left:revert} :where(body:has([class*="_single_article"])) .recent_posts_wrap ul li{border-bottom-width:revert;border-bottom-style:revert;border-bottom-color:revert;margin-top:revert} :where(body:has([class*="_single_article"])) .recent_posts_wrap ul li a .recent_post_date{line-height:revert;margin-bottom:revert} :where(body:has([class*="_single_article"])) .recent_posts_wrap ul li a h3{letter-spacing:revert} :where(body:has(.yse-p-inquiry)) button,:where(body:has(.yse-p-inquiry)) select{text-transform:revert} :where(body:has(.yse-p-inquiry)) [type="button"],:where(body:has(.yse-p-inquiry)) [type="reset"],:where(body:has(.yse-p-inquiry)) [type="submit"],:where(body:has(.yse-p-inquiry)) button{appearance:revert} :where(body:has(.yse-p-inquiry)) textarea{resize:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form{background-color:revert;padding-top:revert;padding-left:revert;padding-right:revert;padding-bottom:revert} :where(body:has(.yse-p-inquiry)) .parts213_form_wrap{max-width:revert;width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dl{justify-content:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dt{max-width:revert;width:revert;letter-spacing:revert;justify-content:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd{max-width:revert;width:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form .required{display:revert;width:revert;height:revert;text-align:revert} :where(body:has(.yse-p-inquiry)) .form_text_dt{position:revert} :where(body:has(.yse-p-inquiry)) .form_text_dt .required{position:revert;top:revert;right:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit{width:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit input{width:revert} :where(body:has(.yse-p-recruitform)) button,:where(body:has(.yse-p-recruitform)) select{text-transform:revert} :where(body:has(.yse-p-recruitform)) [type="button"],:where(body:has(.yse-p-recruitform)) [type="reset"],:where(body:has(.yse-p-recruitform)) [type="submit"],:where(body:has(.yse-p-recruitform)) button{appearance:revert} :where(body:has(.yse-p-recruitform)) textarea{resize:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form{background-color:revert;padding-top:revert;padding-left:revert;padding-right:revert;padding-bottom:revert} :where(body:has(.yse-p-recruitform)) .parts213_form_wrap{max-width:revert;width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dl{justify-content:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dt{max-width:revert;width:revert;letter-spacing:revert;justify-content:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd{max-width:revert;width:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form .required{display:revert;width:revert;height:revert;text-align:revert} :where(body:has(.yse-p-recruitform)) .form_text_dt{position:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit{width:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit input{width:revert} :where(body:has(.yse-p-privacy)) .h1,:where(body:has(.yse-p-privacy)) .h2,:where(body:has(.yse-p-privacy)) .h3,:where(body:has(.yse-p-privacy)) .h4,:where(body:has(.yse-p-privacy)) .h5,:where(body:has(.yse-p-privacy)) .h6,:where(body:has(.yse-p-privacy)) h1,:where(body:has(.yse-p-privacy)) h2,:where(body:has(.yse-p-privacy)) h3,:where(body:has(.yse-p-privacy)) h4,:where(body:has(.yse-p-privacy)) h5,:where(body:has(.yse-p-privacy)) h6{margin-top:revert;margin-bottom:revert;font-weight:revert;line-height:revert} :where(body:has(.yse-p-privacy)) .h2,:where(body:has(.yse-p-privacy)) h2{font-size:revert} :where(body:has(.yse-p-privacy)) a{text-decoration-line:revert;text-decoration-thickness:revert;text-decoration-style:revert;text-decoration-color:revert} :where(body:has(.yse-p-privacy)) .container,:where(body:has(.yse-p-privacy)) .container-fluid,:where(body:has(.yse-p-privacy)) .container-lg,:where(body:has(.yse-p-privacy)) .container-md,:where(body:has(.yse-p-privacy)) .container-sm,:where(body:has(.yse-p-privacy)) .container-xl,:where(body:has(.yse-p-privacy)) .container-xxl{margin-right:revert;margin-left:revert} :where(body:has(.yse-p-instance)) .parts228_post_wrap .parts228_post_img{height:240px} :where(body:has(.yse-p-instance)) .parts228_post_wrap .parts228_post_img img{width:100%;height:100%;object-fit:cover} :where(body:has(.yse-p-blog)) .parts222_post_wrap .parts222_post_img{height:240px} :where(body:has(.yse-p-blog)) .parts222_post_wrap .parts222_post_img img{width:100%;height:100%;object-fit:cover} :where(body:has(.yse-p-blog)) .category_post_count ul li a{padding-top:12px;padding-right:0px;padding-bottom:12px;padding-left:0px} :where(body:has([class*="_single_article"])) .parts166_single_article article h1{font-size:clamp(22px, 3.2vw, 34px);line-height:1.5;margin-top:0px;margin-bottom:14px;color:rgb(43, 35, 40);letter-spacing:-0.01em} :where(body:has([class*="_single_article"])) .article_prevnext_wrap > div > a{display:block;padding-top:18px;padding-bottom:18px} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_prev a{padding-left:20px;padding-right:20px} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_next a{padding-left:20px;padding-right:20px} :where(body:has([class*="_single_article"])) .recent_posts_wrap .recent_post_title{font-size:13px;color:rgb(158, 5, 52);padding-bottom:10px;line-height:1.75;letter-spacing:0.1em} :where(body:has([class*="_single_article"])) .recent_posts_wrap ul li a{display:block;padding-bottom:14px} :where(body:has([class*="_single_article"])) .recent_posts_wrap ul li a .recent_post_date{font-size:11.5px;color:rgb(114, 94, 104);letter-spacing:0.1em} :where(body:has([class*="_single_article"])) .recent_posts_wrap ul li a h3{font-size:13.5px;margin-bottom:0px;line-height:1.7} :where(body:has(.yse-p-inquiry)) [type="button"]:not(:disabled),:where(body:has(.yse-p-inquiry)) [type="reset"]:not(:disabled),:where(body:has(.yse-p-inquiry)) [type="submit"]:not(:disabled),:where(body:has(.yse-p-inquiry)) button:not(:disabled){cursor:pointer} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd label{margin-right:18px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[type="checkbox"]{width:18px;height:18px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd textarea{width:100%;min-height:200px} :where(body:has(.yse-p-inquiry)) .parts213_section_form .required{background-color:rgb(216, 49, 84);color:rgb(255, 253, 252);font-size:11px;padding-top:3px;padding-right:9px;padding-bottom:3px;padding-left:9px} :where(body:has(.yse-p-inquiry)) .form_text_dt span.attention{color:rgb(114, 94, 104);display:block} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit{display:flex;margin-top:clamp(28px, 4vw, 44px)} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit input{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;color:rgb(255, 253, 252);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;padding-top:0px;padding-bottom:0px} :where(body:has(.yse-p-recruitform)) [type="button"]:not(:disabled),:where(body:has(.yse-p-recruitform)) [type="reset"]:not(:disabled),:where(body:has(.yse-p-recruitform)) [type="submit"]:not(:disabled),:where(body:has(.yse-p-recruitform)) button:not(:disabled){cursor:pointer} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd label{margin-right:18px} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd textarea{width:100%;min-height:200px} :where(body:has(.yse-p-recruitform)) .parts213_section_form .required{background-color:rgb(216, 49, 84);color:rgb(255, 253, 252);font-size:11px;padding-top:3px;padding-right:9px;padding-bottom:3px;padding-left:9px} :where(body:has(.yse-p-recruitform)) .form_text_dt span.attention{color:rgb(114, 94, 104);display:block} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit{display:flex;margin-top:clamp(28px, 4vw, 44px)} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit input{border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none;border-top-color:currentcolor;border-right-color:currentcolor;border-bottom-color:currentcolor;border-left-color:currentcolor;border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch;color:rgb(255, 253, 252);border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;padding-top:0px;padding-bottom:0px} :where(body:has(.yse-p-top)) *.container{box-sizing:revert} :where(body:has(.yse-p-top)) *.content.d-flex.mx-auto{box-sizing:revert} :where(body:has(.yse-p-top)) *.banner-area{box-sizing:revert} :where(body:has(.yse-p-top)) .banner-area *{box-sizing:revert} :where(body:has(.yse-p-top)) *.mb-0{box-sizing:revert} :where(body:has(.yse-p-top)) *.parts-52-textarea{box-sizing:revert} :where(body:has(.yse-p-top)) *.date{box-sizing:revert} :where(body:has(.yse-p-top)) *.d-inline-block{box-sizing:revert} :where(body:has(.yse-p-top)) *.container-fluid.parts131415_blog_preview.parts131415_blog.bg-img{box-sizing:revert} :where(body:has(.yse-p-top)) *.container-lg{box-sizing:revert} :where(body:has(.yse-p-top)) *.parts131415_blog_title_wrap{box-sizing:revert} :where(body:has(.yse-p-top)) .parts131415_blog_title_wrap *{box-sizing:revert} :where(body:has(.yse-p-top)) *.row.row-cols-1.row-cols-sm-2.row-cols-lg-3.g-4{box-sizing:revert} :where(body:has(.yse-p-top)) *.col{box-sizing:revert} :where(body:has(.yse-p-top)) *.card.border-0.rounded-0{box-sizing:revert} :where(body:has(.yse-p-top)) *.card-body{box-sizing:revert} :where(body:has(.yse-p-top)) *.card-title.text-center.fw-bold{box-sizing:revert} :where(body:has(.yse-p-top)) .card-body *{box-sizing:revert} :where(body:has(.yse-p-top)) *.card-text.fw-bold{box-sizing:revert} :where(body:has(.yse-p-top)) *.parts131415_blog_thumbnail{box-sizing:revert} :where(body:has(.yse-p-top)) .parts131415_blog_thumbnail *{box-sizing:revert} :where(body:has(.yse-p-top)) .parts131415_blog_title_wrap h2{margin-top:revert;margin-bottom:revert;font-weight:revert;line-height:revert} :where(body:has(.yse-p-top)) .parts131415_blog_title_wrap p{margin-top:revert;margin-bottom:revert} :where(body:has(.yse-p-instance)) .parts228_pagenation span.current.current{display:flex;font-size:14px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(216, 49, 84);border-right-color:rgb(216, 49, 84);border-bottom-color:rgb(216, 49, 84);border-left-color:rgb(216, 49, 84);border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch} :where(body:has(.yse-p-blog)) h2.f_meiryo.f_bold{font-weight:revert;line-height:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar_wrap h3.f_meiryo.f_bold{line-height:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar_wrap.category_post_count h3.f_meiryo.f_bold{line-height:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar_date.parts222_sidebar_date.f_yugothic{letter-spacing:revert} :where(body:has(.yse-p-blog)) .parts222_pagenation span.current.current{display:flex;font-size:14px;border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(216, 49, 84);border-right-color:rgb(216, 49, 84);border-bottom-color:rgb(216, 49, 84);border-left-color:rgb(216, 49, 84);border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch} :where(body:has([class*="_single_article"])) .article_wrap thead{border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert} :where(body:has([class*="_single_article"])) .article_wrap tr{border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert} :where(body:has([class*="_single_article"])) .article_wrap tbody{border-top-color:revert;border-right-color:revert;border-bottom-color:revert;border-left-color:revert;border-top-style:revert;border-right-style:revert;border-bottom-style:revert;border-left-style:revert;border-top-width:revert;border-right-width:revert;border-bottom-width:revert;border-left-width:revert} :where(body:has([class*="_single_article"])) .container.container{margin-right:revert;margin-left:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article h1.card-title.text-left.f_meiryo.f_bold{font-weight:700;color:rgb(43, 35, 40);margin-top:0px;margin-bottom:14px} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .prev_post_title.prev_post_title.f_meiryo{font-size:13.5px;line-height:1.75;display:block} :where(body:has(.yse-p-inquiry)) input[name="name"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-inquiry)) input[name="email"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-inquiry)) input[name="tel"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-inquiry)) textarea[name="qualification"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-inquiry)) .label_file_upload button{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-inquiry)) .contact_submit input{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-inquiry)) input.file_upload{font-family:revert;font-size:revert;line-height:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd textarea[name="qualification"]{background-color:rgb(255, 253, 252);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(229, 203, 208);border-right-color:rgb(229, 203, 208);border-bottom-color:rgb(229, 203, 208);border-left-color:rgb(229, 203, 208);border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input.file_upload{background-color:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="name"]{height:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="email"]{height:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="tel"]{height:revert} :where(body:has(.yse-p-recruitform)) input[name="name"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) input[name="kana"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) input[name="email"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) input[name="email_confirm"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) input[name="tel"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) input[name="zip"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) input[name="address"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) .label_file_upload button{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-recruitform)) textarea[name="message"]{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-recruitform)) .contact_submit input{margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-recruitform)) input.file_upload{font-family:revert;font-size:revert;line-height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input.file_upload{background-color:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd textarea[name="message"]{background-color:rgb(255, 253, 252);border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-color:rgb(229, 203, 208);border-right-color:rgb(229, 203, 208);border-bottom-color:rgb(229, 203, 208);border-left-color:rgb(229, 203, 208);border-image-source:none;border-image-slice:100%;border-image-width:1;border-image-outset:0;border-image-repeat:stretch} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="name"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="kana"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="email"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="email_confirm"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="tel"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="zip"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="address"]{height:revert} :where(body:has(.yse-p-privacy)) p.subtitle{margin-top:revert;margin-bottom:revert} @media (min-width: 1200px){ :where(body:has(.yse-p-top)) .h2,:where(body:has(.yse-p-top)) h2{font-size:revert} :where(body:has(.yse-p-blog)) .h2,:where(body:has(.yse-p-blog)) h2{font-size:revert} :where(body:has(.yse-p-privacy)) .h2,:where(body:has(.yse-p-privacy)) h2{font-size:revert} } @media screen and (min-width: 521px){ :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit{width:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit{width:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit{justify-content:center} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit{justify-content:center} } @media screen and (min-width: 521px) and (max-width: 991px){ :where(body:has(.yse-p-instance)) .parts228_wrap{display:revert;max-width:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;margin-top:revert} :where(body:has(.yse-p-instance)) .parts228_post_wrap .parts228_post_img{margin-bottom:revert} :where(body:has(.yse-p-blog)) .parts222_wrap{max-width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar{max-width:revert;width:revert;display:revert;flex-wrap:revert;justify-content:revert;margin-top:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar_wrap,:where(body:has(.yse-p-blog)) .parts222_sidebar .parts222_sidebar_wrap:nth-child(n+2){max-width:revert;display:revert;width:revert;margin-top:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article h2,:where(body:has([class*="_single_article"])) .parts166_single_article article h3,:where(body:has([class*="_single_article"])) .parts166_single_article article h4,:where(body:has([class*="_single_article"])) .parts166_single_article article h5,:where(body:has([class*="_single_article"])) .parts-blog-ex-single-wrap .parts-blog-ex_text h3,:where(body:has([class*="_single_article"])) .parts-blog-ex-single-wrap .parts-blog-ex_text h4,:where(body:has([class*="_single_article"])) .parts-blog-ex-single-wrap .parts-blog-ex_text h5{letter-spacing:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article p{letter-spacing:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_prev a,:where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_next a{justify-content:revert} :where(body:has([class*="_single_article"])) .recent_posts_wrap .recent_post_title{padding-top:revert;padding-right:revert;padding-left:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form{padding-bottom:revert} :where(body:has(.yse-p-inquiry)) .parts213_form_wrap{max-width:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dt{letter-spacing:revert;margin-bottom:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd label{margin-bottom:revert;width:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form .required{width:revert;height:revert;margin-left:revert} :where(body:has(.yse-p-inquiry)) .form_text_dt .required{position:revert;top:revert;right:revert;left:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form{padding-bottom:revert} :where(body:has(.yse-p-recruitform)) .parts213_form_wrap{max-width:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dt{letter-spacing:revert;margin-bottom:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd label{margin-bottom:revert;width:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form .required{width:revert;height:revert;margin-left:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap > div > a{padding-top:18px;padding-bottom:18px} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_prev a,:where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_next a{padding-left:20px;padding-right:20px} :where(body:has([class*="_single_article"])) .recent_posts_wrap .recent_post_title{padding-bottom:10px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[type="checkbox"]{width:18px;height:18px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd textarea{min-height:200px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd label{margin-right:18px} :where(body:has(.yse-p-inquiry)) .parts213_section_form .required{font-size:11px;padding-top:3px;padding-right:9px;padding-bottom:3px;padding-left:9px} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit{margin-top:clamp(28px, 4vw, 44px)} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd textarea{min-height:200px} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd label{margin-right:18px} :where(body:has(.yse-p-recruitform)) .parts213_section_form .required{font-size:11px;padding-top:3px;padding-right:9px;padding-bottom:3px;padding-left:9px} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit{margin-top:clamp(28px, 4vw, 44px)} :where(body:has(.yse-p-blog)) .parts222_sidebar h3.f_meiryo.f_bold{padding-top:revert;padding-right:revert;padding-left:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar .category_post_count ul li a{padding-top:12px;padding-right:0px;padding-bottom:12px;padding-left:0px} :where(body:has(.yse-p-inquiry)) .contact_section .parts213_section_form dd{display:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="name"]{height:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="email"]{height:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="tel"]{height:revert} :where(body:has(.yse-p-recruitform)) .contact_section .parts213_section_form dd{display:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="name"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="kana"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="email"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="email_confirm"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="tel"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="zip"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="address"]{height:revert} } @media screen and (max-width: 520px){ :where(body:has(.yse-p-instance)) .parts228_wrap{display:revert;max-width:revert;margin-right:revert;margin-bottom:revert;margin-left:revert;margin-top:revert} :where(body:has(.yse-p-instance)) .parts228_main{display:revert;width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-instance)) .parts228_post_wrap .parts228_post_img{margin-bottom:revert} :where(body:has(.yse-p-blog)) .parts222_wrap{max-width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-blog)) .parts222_main{display:revert;width:revert;margin-top:revert;margin-right:revert;margin-bottom:revert;margin-left:revert} :where(body:has(.yse-p-blog)) .parts222_section h2{font-size:revert} :where(body:has(.yse-p-blog)) .parts222_post_status{margin-bottom:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar{margin-top:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article h2,:where(body:has([class*="_single_article"])) .parts166_single_article article h3,:where(body:has([class*="_single_article"])) .parts166_single_article article h4,:where(body:has([class*="_single_article"])) .parts166_single_article article h5,:where(body:has([class*="_single_article"])) .parts-blog-ex-single-wrap .parts-blog-ex_text h3,:where(body:has([class*="_single_article"])) .parts-blog-ex-single-wrap .parts-blog-ex_text h4,:where(body:has([class*="_single_article"])) .parts-blog-ex-single-wrap .parts-blog-ex_text h5{letter-spacing:revert} :where(body:has([class*="_single_article"])) .parts166_single_article article p{letter-spacing:revert} :where(body:has([class*="_single_article"])) .article_status{line-height:revert} :where(body:has([class*="_single_article"])) .article_category_wrap{background-image:revert;background-position-x:revert;background-position-y:revert;background-size:revert;background-repeat:revert;background-attachment:revert;background-origin:revert;background-clip:revert;background-color:revert;padding-top:revert;padding-right:revert;padding-bottom:revert;padding-left:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_prev a{justify-content:revert} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_next a{justify-content:revert} :where(body:has([class*="_single_article"])) .recent_posts_wrap .recent_post_title{padding-top:revert;padding-right:revert;padding-left:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form{padding-bottom:revert} :where(body:has(.yse-p-inquiry)) .parts213_form_wrap{max-width:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dt{letter-spacing:revert;margin-bottom:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd label{margin-bottom:revert;width:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form .required{width:revert;height:revert;margin-left:revert} :where(body:has(.yse-p-inquiry)) .form_text_dt .required{position:revert;top:revert;right:revert;left:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit{flex-direction:revert;width:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form{padding-bottom:revert} :where(body:has(.yse-p-recruitform)) .parts213_form_wrap{max-width:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dt{letter-spacing:revert;margin-bottom:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd label{margin-bottom:revert;width:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form .required{width:revert;height:revert;margin-left:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit{flex-direction:revert;width:revert} :where(body:has(.yse-p-instance)) .parts228_post_wrap .parts228_post_img{height:240px} :where(body:has([class*="_single_article"])) .parts166_single_article article h1{font-size:clamp(22px, 3.2vw, 34px);line-height:1.5;margin-bottom:14px} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_prev a{padding-left:20px;padding-right:20px} :where(body:has([class*="_single_article"])) .article_prevnext_wrap .article_next a{padding-left:20px;padding-right:20px} :where(body:has([class*="_single_article"])) .recent_posts_wrap .recent_post_title{padding-bottom:10px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[type="checkbox"]{width:18px;height:18px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd textarea{min-height:200px} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd label{margin-right:18px} :where(body:has(.yse-p-inquiry)) .parts213_section_form .required{font-size:11px;padding-top:3px;padding-right:9px;padding-bottom:3px;padding-left:9px} :where(body:has(.yse-p-inquiry)) .parts213_section_form .contact_submit{margin-top:clamp(28px, 4vw, 44px)} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd textarea{min-height:200px} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd label{margin-right:18px} :where(body:has(.yse-p-recruitform)) .parts213_section_form .required{font-size:11px;padding-top:3px;padding-right:9px;padding-bottom:3px;padding-left:9px} :where(body:has(.yse-p-recruitform)) .parts213_section_form .contact_submit{margin-top:clamp(28px, 4vw, 44px)} :where(body:has(.yse-p-blog)) .parts222_sidebar.parts222_sidebar{max-width:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar h3.f_meiryo.f_bold{padding-top:revert;padding-right:revert;padding-left:revert} :where(body:has(.yse-p-blog)) .parts222_sidebar .category_post_count ul li a{padding-top:12px;padding-right:0px;padding-bottom:12px;padding-left:0px} :where(body:has(.yse-p-inquiry)) .contact_section .parts213_section_form dd{display:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="name"]{height:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="email"]{height:revert} :where(body:has(.yse-p-inquiry)) .parts213_section_form dd input[name="tel"]{height:revert} :where(body:has(.yse-p-recruitform)) .contact_section .parts213_section_form dd{display:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="name"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="kana"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="email"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="email_confirm"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="tel"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="zip"]{height:revert} :where(body:has(.yse-p-recruitform)) .parts213_section_form dd input[name="address"]{height:revert} } /* ===== 29_override.css ===== */ /* ============================================================ O01836 株式会社ワイエスエンジニア — 29_override.css（手書き・20_site.css の後に結合） ここに書くのは次の4種類だけ。受領に無い装飾は足さない。 ①CueZillaの器（テーマCSS・ブロック分割）に受領の見た目を合わせる手当て ②受領ランタイムの state が出し分けていたもの（ハンバーガー・フッターCTA・ヒーロー写真の収め方） ③受領のモック（インラインstyle）が持っていたCMSパーツの見た目を、CueZillaの実パーツのクラスへ写したもの ④デザイナー納品メモ④②のブログ署名CTAの追加CSS ・値はすべて受領の実値（出典を各所に書いた）。実パーツの自前 style に勝つため !important（CSS安全契約 4）。 ・追加CSS欄はコメント内のタグ形の記号でMIMEが text/html に化ける（R-31）ので、タグ形の記号は書かない。 ============================================================ */ /* KEEP: ① CueZillaテーマの html,body{height:100%} を打ち消す（sticky ヘッダーが1画面で剥がれる）。 受領のヘッダーは position:sticky。テーマの height:100% が残ると body の箱が1画面で止まり、 そこから先でヘッダーが流れて消える（教訓 cuezilla-theme-html-body-height-100-kills-sticky ／ sticky-header-needs-containing-block-room）。 html の overflow-x は visible のまま（html に clip を当てると body の overflow の伝播が止まり sticky が死ぬ／ 教訓 html-overflow-clip-stops-body-overflow-propagation-and-kills-sticky）。 */ html{overflow-x:visible !important} html,body{height:auto !important} body{min-height:100dvh} /* /KEEP */ /* ① テーマ（Bootstrap reboot）の body{line-height:1.5} を受領（素のブラウザ既定＝normal）へ戻す。 納品ブロックの中の要素既定は 20_site.css の先頭で revert している（line-height は body から継ぐので、ここで根を戻す）。 ★納品ブロック（.yse-top／.yse-body）が載っているページだけ＝CueZillaが描く記事詳細などはテーマ既定のまま。 */ body:has(.yse-top, .yse-body){line-height:normal} /* ① サイトの地（灰 #EDE6E4）を全ページの既定にする。受領は各ページの helmet が body{background:#EDE6E4} を持っていた （20_site.css ではページに閉じ込めてある）。CueZillaが描くページ（フォームの確認・完了、404 など＝本文ブロックが無いページ）で テーマ既定の白へ落ちないよう、閉じ込めの外にも置く（ゲート dynamic 2026-09-29 の指摘）。トップは下の規則で主色に上書き。 */ body{background-color:#EDE6E4} /* ① ヘッダーの根：受領は .sc-host の中の div を display:contents にして、sticky の包含ブロックをページ全体にしていた。 同じことを納品の根 .yse-hdr-root で行う（20_site.css では .sc-host の規則を落としてある）。 */ .yse-hdr-root{display:contents} /* ① CueZillaが自動挿入するパンくず（parts231）は非表示（R-10a）。 受領の各下層ページはページヒーローの中に自前のパンくずを持っている＝放置すると二重に出る。 */ [class*="parts"][class*="_breadcrumb"]{display:none !important} /* ① R-24 で包んだ電話番号のリンク（表示は受領の素の文字と同じ） */ a.yse-tel{color:inherit;text-decoration:none} /* ② ハンバーガーの中身：受領は開いたときだけ描かれていた（sc-if menuOpen）。BODY内JS が header の data-menu を 1/0 で切り替える */ .yse-header:not([data-menu="1"]) #yse-menu{display:none !important} /* ② フッター上段の赤帯CTA：受領で SiteFooter に cta="0" を渡していた8ページ（桜のCTAを本文に持つページ）では出さない */ body:has(.yse-p-top, .yse-p-work, .yse-p-recruit, .yse-p-job, .yse-p-welfare, .yse-p-beginner, .yse-p-experienced, .yse-p-information) .yse-fcta{display:none !important} /* ② ページヒーローの写真：受領 PageHero は 560px 以下で fit を contain に切り替えていた（matchMedia で監視して属性を渡す作り） */ @media (max-width: 560px){ img.yse-slot-herofit{object-fit:contain !important} } /* ① トップの桜の動画（受領 TOP の .yse-sakura-film：position:fixed・z-index:-1・mix-blend-mode:screen） 受領は1枚の .yse-top（主色の地・isolation:isolate）の中で「地の上・パネルの下」に合成していた。 CueZillaでは本文が 05a／05b とパーツに割れる＝.yse-top が2枚になり、05b の地が動画を覆う・パーツの間に地が無い。 → 地（主色）は body に移し、各ブロックの .yse-top は地を塗らず重なりの基準も作らない。 動画は枠自身に主色を敷き、映像だけを枠の中で screen 合成する（見た目は受領と同じ「主色＋花びら」）。 */ body:has(.yse-p-top){background:#D83154 !important} .yse-top.yse-p-top{background:transparent !important;isolation:auto !important;z-index:auto !important} .yse-p-top .yse-sakura-film{background:#D83154;mix-blend-mode:normal !important} .yse-p-top .yse-sakura-film > video, .yse-p-top .yse-sakura-film > img{mix-blend-mode:screen} /* ★トップのフッターが桜の枠に隠れる（2026-09-29 実機で発生）。 .yse-top は表示直後のフェードイン（opacity のアニメーション・fill both）で重なりの単位を作る＝05a の中にある桜の枠（fixed・z-index:-1）が 05a ごと、後ろに続く「位置指定の無い」フッターより上に描かれる。受領はフッターも同じ .yse-top の中だったので起きなかった。 フッターを位置指定＋z-index:0 にして、05a より後の層に出す（CMSパーツの section は position:relative で既に後の層）。 ★動きを減らす設定（アニメ停止）では再現しない＝ローカルの計測（reducedMotion）で見落とした。 */ body:has(.yse-p-top) footer.yse-footer{position:relative;z-index:0} /* ★オープニングの幕（.yse-opening・fixed・z-index:9999）をヘッダーより上に出す（2026-09-29 ディレクター指示「幕の上にヘッダーナビを出さない」）。 同じ理由（05a が重なりの単位を作る）で幕が 05a の中に閉じ込められ、別の枠のヘッダー（sticky・z-index:50）が幕の上に出ていた。 幕が出ている間（html[data-yse-open="1"]＝オープニングのJSが立て、終わると外す）だけ、幕を持つ 05a をヘッダーより上の層へ上げる。 */ html[data-yse-open="1"] .yse-top.yse-p-top:has(> .yse-opening){z-index:10000 !important} /* ============================================================ ③ トップ：お知らせ（design-parts-52）＝受領の黒帯 NEWS のモックの値 受領: section.yse-sec style="position:relative;background:#2B2328;padding-block:clamp(14px,1.8vw,20px);margin-bottom:clamp(48px,7vw,96px)" ＞ div（flex・wrap・gap 0 clamp(16px,2.4vw,28px)）＞ span NEWS（11.5px/700/.2em/#FFA0B1）＋ a（日付 12.5px #CEB4BA ／ 題 14px/700 #FFFDFC・hover #FFA0B1） ★パーツは採番CSSで高さを固定して吐く（PC 60px／タブ 85px・教訓 cuezilla-part-fixed-height-and-prefix-class-overmatch）＝高さを外す。 ============================================================ */ section[class*="design-parts-52"]{position:relative !important;background:#2B2328 !important;margin:0 0 clamp(48px,7vw,96px) !important;padding:clamp(14px,1.8vw,20px) max(clamp(20px,4vw,48px),(100% - 1280px) / 2) !important;height:auto !important;min-height:0 !important;box-sizing:border-box !important;font-family:'IBM Plex Sans JP',sans-serif !important} section[class*="design-parts-52"] > .container, section[class*="design-parts-52"] .content, section[class*="design-parts-52"] h4.banner-area{height:auto !important;max-height:none !important} section[class*="design-parts-52"] > .container{max-width:none !important;width:auto !important;margin:0 !important;padding:0 !important} section[class*="design-parts-52"] .content{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:0 clamp(16px,2.4vw,28px) !important;max-width:none !important;width:auto !important;margin:0 !important;padding:0 !important;background:transparent !important} section[class*="design-parts-52"] h4.banner-area{flex:0 0 auto !important;display:block !important;margin:0 !important;padding:0 !important;background:transparent !important;width:auto !important;font-size:11.5px !important;font-weight:700 !important;letter-spacing:.2em !important;line-height:normal !important;color:#FFA0B1 !important} section[class*="design-parts-52"] h4.banner-area *{color:inherit !important;font:inherit !important;letter-spacing:inherit !important} section[class*="design-parts-52"] ul{flex:1 1 300px !important;list-style:none !important;margin:0 !important;padding:0 !important;min-width:0 !important} section[class*="design-parts-52"] li{margin:0 !important;padding:0 !important;border:0 !important;background:transparent !important} section[class*="design-parts-52"] li > a{display:flex !important;flex-wrap:wrap !important;align-items:center !important;box-sizing:content-box !important;min-height:44px !important;padding:4px 0 !important;text-decoration:none !important;color:#FFFDFC !important;background:transparent !important} section[class*="design-parts-52"] .parts-52-textarea{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:6px 20px !important;width:auto !important;margin:0 !important;padding:0 !important} section[class*="design-parts-52"] .date{font-size:12.5px !important;color:#CEB4BA !important;letter-spacing:.06em !important;font-variant-numeric:tabular-nums !important;line-height:normal !important;font-family:inherit !important} section[class*="design-parts-52"] .parts-52-textarea > span:not(.date){font-size:14px !important;font-weight:700 !important;color:inherit !important;line-height:normal !important;font-family:inherit !important} @media (hover: hover){ section[class*="design-parts-52"] li > a:hover{color:#FFA0B1 !important} } /* ============================================================ ③ トップ：ブログ一覧（parts131415_blog）＝受領の BLOG 節の白いパネル（.yse-sec.yse-panel-sec --panel:#FFFDFC）のカード3枚 見出し（BLOG／現場の日常／ブログ一覧→）は 05b の末尾の帯（.yse-cut-bottom＝下余白なし）。このパーツはその続き＝上余白なし・下余白 clamp(56px,8vw,110px)。 カード: a（ブロック・hover で translateY(-4px)＋影）＞ 写真枠 高さ240px ＞ 黒の文字枠（#2B2328・padding 16px clamp(14px,1.8vw,20px)） 分類 12px/.14em/700/#FFA0B1（下 8px）・題 14.5px/700/1.75/#FFFDFC ============================================================ */ /* flow-root：見出しの div の margin-bottom（42px）が帯の外へ抜けると、白い面の途中に主色の隙間が出る（教訓 dc-export-multipage… §4） */ .yse-sec.yse-cut-bottom{padding-bottom:0 !important;display:flow-root} section[class*="parts131415_blog"]{position:relative !important;margin:0 !important;padding:0 calc(max(clamp(20px,4vw,48px),(100% - 1280px) / 2) + clamp(20px,5.55vw,80px)) clamp(56px,8vw,110px) !important;background:linear-gradient(#FFFDFC,#FFFDFC) 50% 0 / min(1280px, 100% - 2 * clamp(20px,4vw,48px)) 100% no-repeat !important;color:#2B2328 !important;font-family:'IBM Plex Sans JP',sans-serif !important;display:flow-root !important;max-width:none !important;width:auto !important} /* ★受領から変更（2026-09-29 ディレクター指示「ブログの白い面の下に余白が無く変。受領と異なるが直して」）。 受領は白い面がフッターに直接つながる（隙間0）。他の面と面の間と同じ地の余白（受領 .yse-band-red の margin-block と同じ式）を下に足す。 ＝トップの高さは受領より この余白ぶん（PC 96px・SP 48px）長くなる。 */ section[class*="parts131415_blog"]{margin:0 0 clamp(48px,7vw,96px) !important} section[class*="parts131415_blog"] .parts131415_blog_title_wrap{display:none !important} section[class*="parts131415_blog"] :is(.container,.container-lg,.container-fluid){max-width:none !important;width:auto !important;margin:0 !important;padding:0 !important} section[class*="parts131415_blog"] .row{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:clamp(16px,2.2vw,26px) !important;margin:0 !important;padding:0 !important;width:auto !important;max-width:none !important;--bs-gutter-x:0 !important;--bs-gutter-y:0 !important} section[class*="parts131415_blog"] .row > *{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important;flex:none !important} /* ★実機のパーツは採番CSSでカードに padding:45px 30px 40px と固定の高さ（中身420px）を当てる（2026-09-29 実機で実測・受領モックには無い値）。 採番クラス（parts131415_blog_＜ID＞）より強くするため [class*="_blog_"] と .col を足して詳細度を上げる */ section[class*="parts131415_blog"][class*="_blog_"] .row .col .card{padding:0 !important;height:auto !important;min-height:0 !important} section[class*="parts131415_blog"][class*="_blog_"] .row .col .card .card-body{height:auto !important;min-height:0 !important;flex:1 1 auto !important} /* 分類（card-title）が空の投稿は、空の余白を出さない。そのときは上の余白（16px）をタイトルが持つ。 ★実機はタイトル（card-text）に固定の高さ 55px を当てる＝1行のタイトルだと下が空く（2026-09-29 実機・「タイトルの下が空いている」の指摘） */ section[class*="parts131415_blog"] .row .card .card-title:empty{display:none !important} section[class*="parts131415_blog"] .row .card .card-title:empty ~ a .card-text{padding-top:16px !important} section[class*="parts131415_blog"][class*="_blog_"] .row .col .card .card-text{height:auto !important;min-height:0 !important} section[class*="parts131415_blog"] .row .card{height:100% !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:transparent !important;transition:transform .3s ease,box-shadow .3s ease} @media (hover: hover){ section[class*="parts131415_blog"] .row .card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(43,35,40,.1)} } section[class*="parts131415_blog"] .row .card .card-body{display:flex !important;flex-direction:column !important;height:100% !important;margin:0 !important;padding:0 !important;background:#2B2328 !important} section[class*="parts131415_blog"] .row .card .card-body > a{display:contents !important;text-decoration:none !important;color:#FFFDFC !important} section[class*="parts131415_blog"] .row .card .parts131415_blog_thumbnail{order:-1;height:240px !important;margin:0 !important;padding:0 !important;border-radius:0 !important;overflow:hidden !important;background:#EDE6E4 !important} section[class*="parts131415_blog"] .row .card .parts131415_blog_thumbnail img{display:block !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important} section[class*="parts131415_blog"] .row .card .card-title{order:0;margin:0 !important;padding:16px clamp(14px,1.8vw,20px) 8px !important;background:transparent !important;text-align:left !important;font-family:inherit !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.14em !important;line-height:normal !important;color:#FFA0B1 !important} section[class*="parts131415_blog"] .row .card .card-text{order:1;margin:0 !important;padding:0 clamp(14px,1.8vw,20px) 16px !important;font-family:inherit !important;font-size:14.5px !important;font-weight:700 !important;line-height:1.75 !important;color:#FFFDFC !important;text-wrap:pretty} /* 受領 .yse-grid3 は DesignBase で 1 列に畳む（下の幅は DesignBase の @media と同じ値） */ @media (max-width: 899px){ section[class*="parts131415_blog"] .row{grid-template-columns:minmax(0,1fr) !important} } /* ============================================================ ③ 動的ページ：CMSパーツを包んでいた白い面（受領 .yse-band-white ＞ .yse-canvas の中にCueZillaの実DOMの再現） 受領: .yse-band-white＝padding-block clamp(56px,8vw,110px)・padding-inline calc(max(gutter,(100% - 1280px)/2) + inset)・ 面は ::before（中央 min(1280px, 100% - 2*gutter)・#FFFDFC）。外側の margin はページごとのインライン値。 CueZillaではパーツを包めない＝パーツの section 自身に同じ余白と面（背景の帯で描く）を持たせる。 ============================================================ */ /* ★記事詳細は CueZilla ではブログ一覧の下層ヘッダー（04b＝.yse-p-blog）が出る（2026-09-29 実機で確認）＝記事本文パーツそのもので判定する */ :where(body:has(.yse-p-blog, .yse-p-instance)) section.container-fluid[class*="parts"][class$="_section"], section[class*="_single_article"], :where(body:has(.yse-p-inquiry, .yse-p-recruitform)) section.contact_section, :where(body:has(.yse-p-privacy)) section[class*="privacypolicy-parts"]{ position:relative !important;box-sizing:border-box !important;width:auto !important;max-width:none !important; padding:clamp(56px,8vw,110px) calc(max(var(--yse-gutter), (100% - 1280px) / 2) + var(--yse-inset)) !important; background:linear-gradient(#FFFDFC,#FFFDFC) 50% 0 / min(1280px, 100% - 2 * var(--yse-gutter)) 100% no-repeat !important; /* 書体・文字色・行高：受領ではパーツが本文の根（.yse-body＝IBM Plex Sans JP・#2B2328）から継いでいた。 CueZillaではパーツは根の外＝body（テーマのメイリオ・line-height 1.5）から継ぐので、ここで根の値を持たせる */ font-family:'IBM Plex Sans JP',sans-serif !important;color:#2B2328;line-height:normal; } /* box-sizing：受領のパーツのCSSは素のブラウザ既定（content-box）の上で作られている（例: フォームのラベル min-height:44px＋上下 padding 4px＝52px）。 Bootstrap の *{box-sizing:border-box} を、パーツの中だけ既定へ戻す。詳細度0＝受領が box-sizing を明示した要素（入力欄など）はそちらが勝つ。 ★28_theme-guard.css は「受領が一部の要素で指定している」混在として自動では戻さない（theme-guard の未解決一覧に出る）ので、ここで持つ。 */ :where(body:has(.yse-p-blog, .yse-p-instance, .yse-p-inquiry, .yse-p-recruitform, .yse-p-privacy)) :where(section.container-fluid[class*="parts"][class$="_section"], section[class*="_single_article"], section.contact_section, section[class*="privacypolicy-parts"]) *{box-sizing:revert} /* 外側の余白：ブログ・施工実績は margin-block:clamp(28px,4vw,56px) clamp(48px,7vw,96px)、記事・フォーム・プライバシーは clamp(56px,8vw,110px) clamp(48px,7vw,96px)（受領のインライン値） */ :where(body:has(.yse-p-blog, .yse-p-instance)) section.container-fluid[class*="parts"][class$="_section"]{margin:clamp(28px,4vw,56px) 0 clamp(48px,7vw,96px) !important} section[class*="_single_article"], :where(body:has(.yse-p-inquiry, .yse-p-recruitform)) section.contact_section, :where(body:has(.yse-p-privacy)) section[class*="privacypolicy-parts"]{margin:clamp(56px,8vw,110px) 0 clamp(48px,7vw,96px) !important} /* 受領の .yse-canvas（版面 1280px・中央）にあたる器：パーツ直下の器の幅を面の内側に揃える */ /* ★:is() の詳細度は「一致した引数」ではなく「引数の最大」。一覧用と読み物用を1つの :is() にまとめると、読み物側（下の 1024px）が負ける（2026-09-29 実測）＝分けて書く */ :where(body:has(.yse-p-blog, .yse-p-instance)) section.container-fluid[class*="parts"][class$="_section"] > :is(.container,.container-lg,.container-fluid){max-width:1280px !important;width:auto !important;margin-inline:auto !important;padding-inline:0 !important} :where(body:has(.yse-p-inquiry, .yse-p-recruitform, .yse-p-privacy, [class*="_single_article"])) :is(section[class*="_single_article"], section.contact_section, section[class*="privacypolicy-parts"]) > :is(.container,.container-lg,.container-fluid){padding-inline:0 !important} /* 記事・フォーム・プライバシーは受領の器が .yse-read（読み物の幅 1024px・中央）だった（ブログ・施工実績の一覧は .yse-canvas＝1280px）。 パーツの section 直下の子をその幅に揃える（上の 1280px の規則より後に置く＝同じ詳細度なら後勝ち） */ :where(body:has(.yse-p-inquiry, .yse-p-recruitform, .yse-p-privacy, [class*="_single_article"])) :is(section[class*="_single_article"], section.contact_section, section[class*="privacypolicy-parts"]) > :is(.container,.container-lg,.container-fluid,*){max-width:1024px !important;width:auto !important;margin-inline:auto !important} /* フォームのチェック・ラジオ：受領はブラウザ既定の余白（左右 約7px）のまま。テーマが margin を消すので既定へ戻す（受領CSSは margin を書いていない） */ :where(body:has(.yse-p-inquiry, .yse-p-recruitform)) section.contact_section :is(input[type="checkbox"], input[type="radio"]){margin:revert !important} /* ★応募フォームは実機では parts219（受領のモックは parts213 の形）。テーマが parts219 に当てる 灰色の面（section.parts219_section_form：背景 #EDE6E4・余白 30px 25px 60px）と大きな「必須」（14px・#DD4444・幅50px・dt 両端揃え）を、 受領の .required（11px・#D83154・3px 9px）とお問い合わせ（parts213）と同じ並びへ戻す（2026-09-29 実機で注入して確認） */ section.contact_section section[class*="parts219_section_form"]{background:transparent !important;padding:0 !important} section.contact_section section[class*="parts219_section_form"] [class*="_form_wrap"] dt{justify-content:flex-start !important} section.contact_section [class*="_section_form"] .required{flex:0 0 auto !important;display:inline-block !important;width:auto !important;height:auto !important;margin:0 !important;white-space:nowrap !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.08em !important;line-height:normal !important;color:#FFFDFC !important;background:#D83154 !important;padding:3px 9px !important;border-radius:0 !important} /* ★一覧のカードの並び（2026-09-29 実機で確認） 受領のスキンは auto-fit＝余った列を潰して残りのカードを広げる。受領のモックは2件（ブログ）・3件（施工実績）で埋まっていたので 問題が出ないが、実機は投稿が少ないとカード1枚が本文の幅いっぱい（764px）に伸びる。auto-fill で列の幅を保つ（受領2件の時と同じ 369px）。 施工実績の3列（1099px以下2列・599px以下1列）とカード内の並び（1行目 日付＋タグ／2行目 タイトル）は、受領では 「タグの付いた投稿がある」ことを目印にしていた（:has(.parts-blog-ex-tag_wrap)）＝タグの無い投稿では効かない。ページで効かせる。 */ :where(body:has(.yse-p-blog)) [class*="_post_list"]{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr)) !important} :where(body:has(.yse-p-instance)) [class*="_post_list"]{grid-template-columns:repeat(3,minmax(0,1fr)) !important} @media (max-width: 1099px){ :where(body:has(.yse-p-instance)) [class*="_post_list"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important} } @media (max-width: 599px){ :where(body:has(.yse-p-instance)) [class*="_post_list"]{grid-template-columns:1fr !important} } :where(body:has(.yse-p-instance)) [class*="_post_wrap"] [class*="_post_status"]{display:grid !important;grid-template-columns:auto 1fr;gap:6px 10px;align-items:center;padding:16px clamp(14px,1.8vw,20px) 18px !important} :where(body:has(.yse-p-instance)) [class*="_post_wrap"] [class*="_post_status"] > [class*="_post_title-excerpt"]{display:contents !important} :where(body:has(.yse-p-instance)) [class*="_post_wrap"] [class*="_post_status"] > [class*="_post_date"]{grid-column:1;grid-row:1} :where(body:has(.yse-p-instance)) [class*="_post_wrap"] [class*="_post_status"] [class*="_post_title"]{grid-column:1 / -1;grid-row:2} /* ★応募フォーム（parts219）の住所・ファイル添付・自己PR・送信（2026-09-29 実機に注入して確認） 実機: 住所は dd の中に「〒」の文字＋input.zip＋input[name=address]、ファイルは素の input[type=file]（テーマの灰色の地）、 textarea はテーマの #EEE、送信ボタンはテーマの角丸・左寄り。 受領（FormRecruit のモック）: 〒＋12em の郵便番号を横並び／枠付きの「ファイルを選択」ボタン（.label_file_upload button の値）／ textarea は白・罫 #E5CBD0／送信は高さ66px・角丸なし・中央（.contact_submit の値）。 */ :where(body:has(.yse-p-recruitform)) section.contact_section .form_address dd{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:10px !important;font-size:15px;color:#725E68} :where(body:has(.yse-p-recruitform)) section.contact_section .form_address dd input.zip{flex:0 0 auto !important;width:12em !important;max-width:100% !important;min-width:0 !important;margin:0 !important} :where(body:has(.yse-p-recruitform)) section.contact_section .form_address dd input[name="address"]{flex:1 1 100% !important;width:100% !important;margin:0 !important} :where(body:has(.yse-p-recruitform)) section.contact_section .form_address dd .error{flex:1 1 100%;margin:0} section.contact_section [class*="_form_wrap"] input[type="file"]{width:auto !important;max-width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important;border:0 !important;background:transparent !important;font:inherit !important;font-size:12.5px !important;color:#725E68 !important} section.contact_section [class*="_form_wrap"] input[type="file"]::file-selector-button{box-sizing:border-box;min-height:44px;padding:0 20px;margin:0 12px 0 0;font:inherit;font-size:13.5px;font-weight:700;color:#D83154;background:#FFFDFC;border:1px solid #D83154;border-radius:0;cursor:pointer;transition:background-color .3s ease,color .3s ease} @media (hover: hover){ section.contact_section [class*="_form_wrap"] input[type="file"]:hover::file-selector-button{background:#D83154;color:#FFFDFC} } section.contact_section [class*="_form_wrap"] textarea{background:#FFFDFC !important;border:1px solid #E5CBD0 !important;border-radius:0 !important} section.contact_section .contact_submit{display:flex !important;justify-content:center !important;margin:clamp(28px,4vw,44px) 0 0 !important;padding:0 !important;width:auto !important} section.contact_section .contact_submit :is(input,button){box-sizing:border-box !important;min-height:66px !important;height:auto !important;width:auto !important;margin:0 !important;padding:0 clamp(28px,5vw,64px) !important;font:inherit !important;font-size:14.5px !important;font-weight:700 !important;letter-spacing:.06em !important;color:#FFFDFC !important;background:#D83154 !important;border:0 !important;border-radius:0 !important} /* 記事：分類の無い記事は、空の分類の札（枠だけ）を出さない（2026-09-29 実機 /blog/112368） */ section[class*="_single_article"] .article_category:empty{display:none !important} /* ============================================================ ④ ブログ署名CTA（デザイナー納品メモ④②・1.5_デザイン調整途中/ブログ署名CTA.html の「追加CSS欄に足す分」そのまま） ロゴのURLだけ CueZilla のメディアURLへ差し替えた（貼り付けHTMLは 13_ブログ署名CTA_投稿用.html）。 ============================================================ */ .yse-sign-mark{background:url(https://cdn.cuezilla-cms.com/enjoyworks-test27.tech/images/1567/yse-logo.svg) center / contain no-repeat} .yse-sign a{text-decoration:none} .yse-sign p a{text-decoration:underline} @media (hover: hover){ .yse-sign-btns > a:hover{background:#9E0534 !important;color:#FFFDFC !important;border-color:#9E0534 !important} } .yse-sign, .yse-sign *{line-height:normal} .yse-sign p{line-height:inherit} /* ============================================================ ⑤ 未回収で一旦非表示（2026-09-29 ディレクター指示「TikTok、LINEのURLは回収できていないので一旦非表示」） URLが届いたらこのブロックを消すだけで元に戻る（本文HTMLは受領どおりのまま）。→ 00★申し送り★ A-1・A-3 ・TikTok：トップ／仕事と人を知る の「TikTokで職場のリアルを公開中！」セクションごと ・LINE：「LINEで相談する」ボタン（受領の LINE 緑 #06C755 の地のボタン。6ページ・どれも仮に /form/inquiry） ============================================================ */ section:has(> .yse-tt-grid), section:has(> * > .yse-tt-grid){display:none !important} a[href][style*="background: rgb(6, 199, 85)"]{display:none !important} /* ============================================================ ⑥ 記事詳細：SNSシェアとカテゴリ（2026-09-29 実機 /blog/112368「表示が崩れて見える」） 受領のモックは各ボタンを素の a／div として描き、「枠付きの文字ボタン」を当てていた。 実機はどれも各社の公式ウィジェット（iframe）に置き換わる＝その枠がウィジェットの外側に二重にかかり、 さらに Facebook が差し込む空の #fb-root（中身0×0）にも枠がかかって「空の箱」が1つ出ていた。 → ウィジェットの外枠は外し、公式の見た目のまま横一列に並べる（上の罫線と余白は受領のまま）。 ・X（旧Twitter）：公式ウィジェットが 1×1px のまま描画されない（X 側の問題。素のボタンを置いても同じ＝実測）。 見えない1pxが隙間だけ作るので畳む。 ・カテゴリ：受領は札（枠付き文字）だけ。実機はフォルダのアイコン画像を前に出す＝アイコンは外す。 分類の無い記事は行ごと出さない（空白だけ出る＝:empty が効かないので BODY内JS ⑦ で隠す）。 ============================================================ */ :where(body:has([class*="_single_article"])) .sns_button_wrap > div{min-height:0 !important;padding:0 !important;border:0 !important;background:transparent !important} :where(body:has([class*="_single_article"])) .sns_button_wrap > #fb-root{position:absolute !important;width:0 !important;height:0 !important;overflow:hidden !important} :where(body:has([class*="_single_article"])) .sns_button_wrap > iframe[style*="width: 1px"]{display:none !important} :where(body:has([class*="_single_article"])) .sns_button_wrap > :is(iframe,div){margin:0 !important;vertical-align:middle} :where(body:has([class*="_single_article"])) .article_category_wrap > img{display:none !important} :where(body:has([class*="_single_article"])) .sns_button_wrap .fb-share-button > span{margin:0 !important;vertical-align:middle !important} /* ============================================================ ⑦ 2026-09-29 総合確認の提案のうち、ディレクター承認分（2・3・5） ============================================================ */ /* 2. 記事詳細は一覧の下層ヘッダー（04b）が出る＝一覧用の紹介文「現場の日常や…」まで出ていた。詳細では紹介文を出さない */ :where(body:has([class*="_single_article"])) .yse-intro-bare{display:none !important} /* 3. フォーム：注記付きの項目（お問い合わせ内容 等）だけ「必須」が注記の下へ落ちていた。 CueZilla は見出しと注記を1つの span に包む＝その包みを外し、見出し → 必須 → 注記（次の行）の順に並べる */ section.contact_section dt:has(.attention){flex-wrap:wrap !important} section.contact_section dt > span:first-child:has(> .attention){display:contents} section.contact_section dt .attention{order:1;flex:1 1 100%} /* 5. 電話番号の文字リンク（フッター・会社概要）：見た目は変えずに押せる範囲だけ広げる（89×19px → 約101×43px） */ a.yse-tel{display:inline-block;padding:12px 6px;margin:-12px -6px} /* ============================================================ ⑧ 2026-09-29 ディレクター指示（追加分） ============================================================ */ /* 仕事と人を知る「先輩の声」：インタビュー記事・写真が未回収（受領も「※要回収」の仮文）＝一旦セクションごと非表示。 インタビューが届いたら本文を差し替えて、この1行を消す。→ 00★申し送り★ A-7 */ section:has(#yse-job-interview){display:none !important} /* よくある質問：JavaScript が止まった環境では回答を全部開いたまま見せる（開閉はJSの仕事＝JSが無ければ閉じる手段も無い）。 BODY内JS の先頭が html 要素に yse-js を付ける＝JSが動く通常の閲覧には一切効かない。 */ html:not(.yse-js) .yse-faq-item > button + div{max-height:none !important;opacity:1 !important}