@charset "UTF-8";

/*CSSDocument*/

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');


/* reset
===============================================================*/

*,
*::before,
*::after {
 margin: 0;
 padding: 0;
 box-sizing: border-box
}

:where([hidden]:not([hidden='until-found'])) {
 display: none !important
}

:where(html) {
 -webkit-text-size-adjust: none;
 color-scheme: dark light
}

@supports not (min-block-size:100dvb) {
 :where(html) {
  block-size: 100%
 }
}

@media (prefers-reduced-motion:no-preference) {
 :where(html:focus-within) {
  scroll-behavior: smooth
 }
}

:where(body) {
 block-size: 100%;
 block-size: 100dvb;
 line-height: 1.5;
 font-family: system-ui, sans-serif;
 -webkit-font-smoothing: antialiased
}

:where(input, button, textarea, select) {
 font: inherit;
 color: inherit
}

:where(textarea) {
 resize: vertical;
 resize: block
}

:where(button, label, select, summary, [role='button'], [role='option']) {
 cursor: pointer
}

:where(:disabled) {
 cursor: not-allowed
}

:where(label:has(>input:disabled), label:has(+input:disabled)) {
 cursor: not-allowed
}

:where(button) {
 border-style: solid
}

:where(a) {
 text-underline-offset: .2ex
}

:where(ul, ol) {
 list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
 display: block
}

:where(img, picture, svg) {
 max-inline-size: 100%;
 block-size: auto
}

:where(p, h1, h2, h3, h4, h5, h6) {
 overflow-wrap: break-word
}

:where(h1, h2, h3) {
 line-height: calc(1em + 0.5rem)
}

:where(hr) {
 border: none;
 border-block-start: 1px solid;
 color: inherit;
 block-size: 0;
 overflow: visible
}

:where(:focus-visible) {
 outline: 2px solid var(--focus-color, Highlight);
 outline-offset: 2px
}

:where(.visually-hidden:not(:focus, :active, :focus-within, .not-visually-hidden)) {
 clip-path: inset(50%) !important;
 height: 1px !important;
 width: 1px !important;
 overflow: hidden !important;
 position: absolute !important;
 white-space: nowrap !important;
 border: 0 !important
}

/* html body base
===============================================================*/

:root {
 --baseJIN: #00274C;
 --baseBlack: #252525;
 --baseGray: #F6F6F6;
 --baseGrayMid: #EFEFEF;
 --baseOrange: #FF4400;
 --baseOrangeHover: #E9640C;
 --borderGray: #C2C2C2;
 --placeholder: #B1B1B1;
 --marginBottomXXS: 4px;
 --marginBottomXS: 8px;
 --marginBottomS: 16px;
 --marginBottomM: 24px;
 --marginBottomL: 32px;
 --marginBottomXL: 40px;
 --marginBottomXXL: 56px;
 --marginBottomXXXL: 80px;
 --marginBottomXXXXL: 120px;
 --alert: #EB9393;
 --fontFamily: "M PLUS 1p", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
 --fontFamilyB: "M PLUS 1p", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;
 --fontFamilyM: "M PLUS 1p", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif" !important;

 --font38: min(max(34px, calc(1.75rem + ((1vw - 7.68px) * 1.1719))), 38px);
 --font32: min(max(29px, calc(1.75rem + ((1vw - 7.68px) * 1.1719))), 32px);
 --font31: min(max(28px, calc(1.75rem + ((1vw - 7.68px) * 1.1719))), 31px);
 --font30: min(max(27px, calc(1.625rem + ((1vw - 7.68px) * 1.1719))), 30px);
 --font29: min(max(26px, calc(1.625rem + ((1vw - 7.68px) * 1.1719))), 29px);
 --font28: min(max(25px, calc(1.5rem + ((1vw - 7.68px) * 1.1719))), 28px);
 --font27: min(max(24px, calc(1.5rem + ((1vw - 7.68px) * 1.1719))), 27px);
 --font26: min(max(23px, calc(1.375rem + ((1vw - 7.68px) * 1.1719))), 26px);
 --font25: min(max(22px, calc(1.375rem + ((1vw - 7.68px) * 1.1719))), 25px);
 --font24: min(max(21px, calc(1.25rem + ((1vw - 7.68px) * 1.1719))), 24px);
 --font23: min(max(19px, calc(1.125rem + ((1vw - 7.68px) * 1.1719))), 23px);
 --font22: min(max(18px, calc(1.125rem + ((1vw - 7.68px) * 1.1719))), 22px);
 --font21: min(max(18px, calc(1.0625rem + ((1vw - 7.68px) * 1.1719))), 21px);
 --font20: min(max(17px, calc(1.0625rem + ((1vw - 7.68px) * 1.1719))), 20px);
 --font19: min(max(17px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 19px);
 --font18: min(max(16px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 18px);
 --font17: min(max(15px, calc(0.875rem + ((1vw - 7.68px) * 0.7813))), 17px);
 --font16: min(max(14px, calc(0.75rem + ((1vw - 7.68px) * 0.7813))), 16px);
 --font15: min(max(13px, calc(0.8125rem + ((1vw - 7.68px) * 0.7813))), 15px);
 --font14: min(max(12px, calc(0.75rem + ((1vw - 7.68px) * 0.7813))), 14px);
 --font13: min(max(11px, calc(0.6875rem + ((1vw - 7.68px) * 0.7813))), 13px);
 --font12: min(max(10px, calc(0.625rem + ((1vw - 7.68px) * 0.7813))), 12px);
 --font11: min(max(10px, calc(0.625rem + ((1vw - 7.68px) * 0.3906))), 11px);
 --font10: min(max(9px, calc(0.5625rem + ((1vw - 7.68px) * 0.3906))), 10px);
 --normalTransition: all ease .4s;
 --JIN: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_2%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%202%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22214.092%22%20height%3D%2274.629%22%20viewBox%3D%220%200%20214.092%2074.629%22%3E%0A%20%20%3Cdefs%3E%0A%20%20%20%20%3CclipPath%20id%3D%22clip-path%22%3E%0A%20%20%20%20%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%201%22%20width%3D%22214.092%22%20height%3D%2274.629%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3C%2FclipPath%3E%0A%20%20%3C%2Fdefs%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_1%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%201%22%20clip-path%3D%22url(%23clip-path)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1%22%20data-name%3D%22%E3%83%91%E3%82%B9%201%22%20d%3D%22M72.423%2C39.788a.893.893%2C0%2C0%2C0-.525-.314l-2.448-.421q.044-.864.045-1.739t-.045-1.739l2.448-.421a.888.888%2C0%2C0%2C0%2C.525-.314l.646-.758a1.8%2C1.8%2C0%2C0%2C0-.291-2.416l-.807-.58a.888.888%2C0%2C0%2C0-.584-.179l-2.476.183a33.136%2C33.136%2C0%2C0%2C0-.824-3.377l2.277-1a.893.893%2C0%2C0%2C0%2C.435-.432l.447-.893a1.673%2C1.673%2C0%2C0%2C0%2C.015-1.306%2C1.654%2C1.654%2C0%2C0%2C0-.869-.968l-.921-.369a.886.886%2C0%2C0%2C0-.609-.032l-2.365.777a33.287%2C33.287%2C0%2C0%2C0-1.605-3.075l1.982-1.527a.9.9%2C0%2C0%2C0%2C.32-.525l.223-.975a1.672%2C1.672%2C0%2C0%2C0-.3-1.272%2C1.639%2C1.639%2C0%2C0%2C0-1.073-.73l-.981-.135a.885.885%2C0%2C0%2C0-.6.116L62.343%2C16.7a33.223%2C33.223%2C0%2C0%2C0-2.282-2.6l1.568-1.968a.907.907%2C0%2C0%2C0%2C.186-.587l-.015-1a1.664%2C1.664%2C0%2C0%2C0-.589-1.164A1.634%2C1.634%2C0%2C0%2C0%2C60%2C8.935l-.986.106a.891.891%2C0%2C0%2C0-.554.257L56.713%2C11.1a32.861%2C32.861%2C0%2C0%2C0-2.829-1.977l1.052-2.283a.906.906%2C0%2C0%2C0%2C.042-.614l-.252-.968a1.653%2C1.653%2C0%2C0%2C0-.847-.988%2C1.631%2C1.631%2C0%2C0%2C0-1.287-.143l-.932.341a.892.892%2C0%2C0%2C0-.477.384L49.925%2C7.021a32.363%2C32.363%2C0%2C0%2C0-3.22-1.237l.479-2.46a.909.909%2C0%2C0%2C0-.1-.607l-.474-.879a1.645%2C1.645%2C0%2C0%2C0-1.057-.755%2C1.63%2C1.63%2C0%2C0%2C0-1.283.172l-.824.556a.9.9%2C0%2C0%2C0-.372.488l-.708%2C2.4a32.413%2C32.413%2C0%2C0%2C0-3.42-.416L38.823%2C1.78a.907.907%2C0%2C0%2C0-.246-.564L37.909.477a1.76%2C1.76%2C0%2C0%2C0-2.41%2C0l-.668.739a.9.9%2C0%2C0%2C0-.246.564l-.119%2C2.506a32.39%2C32.39%2C0%2C0%2C0-3.42.416l-.708-2.4a.9.9%2C0%2C0%2C0-.373-.488l-.824-.556a1.629%2C1.629%2C0%2C0%2C0-1.283-.172%2C1.644%2C1.644%2C0%2C0%2C0-1.057.755l-.474.879a.909.909%2C0%2C0%2C0-.1.607l.478%2C2.46a32.4%2C32.4%2C0%2C0%2C0-3.219%2C1.237L22.224%2C4.856a.894.894%2C0%2C0%2C0-.477-.384l-.931-.341a1.629%2C1.629%2C0%2C0%2C0-1.287.143%2C1.653%2C1.653%2C0%2C0%2C0-.847.988l-.251.968a.908.908%2C0%2C0%2C0%2C.042.615l1.052%2C2.283A32.924%2C32.924%2C0%2C0%2C0%2C16.7%2C11.1L14.95%2C9.3a.887.887%2C0%2C0%2C0-.554-.257l-.986-.106a1.635%2C1.635%2C0%2C0%2C0-1.215.45%2C1.666%2C1.666%2C0%2C0%2C0-.588%2C1.164l-.015%2C1a.908.908%2C0%2C0%2C0%2C.187.587L13.347%2C14.1a33.34%2C33.34%2C0%2C0%2C0-2.283%2C2.6L8.942%2C15.368a.884.884%2C0%2C0%2C0-.6-.116l-.981.135a1.64%2C1.64%2C0%2C0%2C0-1.074.73%2C1.67%2C1.67%2C0%2C0%2C0-.3%2C1.272l.223.975a.9.9%2C0%2C0%2C0%2C.32.525l1.982%2C1.527a33.236%2C33.236%2C0%2C0%2C0-1.605%2C3.075l-2.365-.778a.886.886%2C0%2C0%2C0-.609.032l-.921.369a1.652%2C1.652%2C0%2C0%2C0-.869.968%2C1.676%2C1.676%2C0%2C0%2C0%2C.015%2C1.307l.448.893a.9.9%2C0%2C0%2C0%2C.435.432l2.277%2C1A33.137%2C33.137%2C0%2C0%2C0%2C4.5%2C31.091L2.02%2C30.908a.891.891%2C0%2C0%2C0-.584.179l-.807.58a1.8%2C1.8%2C0%2C0%2C0-.291%2C2.416l.646.758a.89.89%2C0%2C0%2C0%2C.525.314l2.448.421q-.044.864-.045%2C1.739t.045%2C1.739l-2.448.421a.89.89%2C0%2C0%2C0-.525.314l-.646.758a1.8%2C1.8%2C0%2C0%2C0%2C.291%2C2.415l.807.581a.888.888%2C0%2C0%2C0%2C.584.178L4.5%2C43.538a33.137%2C33.137%2C0%2C0%2C0%2C.824%2C3.377l-2.277%2C1a.9.9%2C0%2C0%2C0-.435.432l-.448.893a1.674%2C1.674%2C0%2C0%2C0-.015%2C1.307%2C1.652%2C1.652%2C0%2C0%2C0%2C.869.968l.921.369a.883.883%2C0%2C0%2C0%2C.609.032l2.365-.777a33.171%2C33.171%2C0%2C0%2C0%2C1.605%2C3.075L6.535%2C55.74a.9.9%2C0%2C0%2C0-.32.524l-.223.975a1.671%2C1.671%2C0%2C0%2C0%2C.3%2C1.272%2C1.644%2C1.644%2C0%2C0%2C0%2C1.074.73l.981.135a.886.886%2C0%2C0%2C0%2C.6-.116l2.122-1.333a33.134%2C33.134%2C0%2C0%2C0%2C2.282%2C2.6l-1.568%2C1.968a.91.91%2C0%2C0%2C0-.186.587l.015%2C1a1.664%2C1.664%2C0%2C0%2C0%2C.588%2C1.164%2C1.635%2C1.635%2C0%2C0%2C0%2C1.215.45l.985-.106a.887.887%2C0%2C0%2C0%2C.554-.257l1.744-1.807A32.966%2C32.966%2C0%2C0%2C0%2C19.524%2C65.5l-1.052%2C2.282a.908.908%2C0%2C0%2C0-.042.615l.251.968a1.655%2C1.655%2C0%2C0%2C0%2C.847.988%2C1.629%2C1.629%2C0%2C0%2C0%2C1.287.143l.932-.341a.894.894%2C0%2C0%2C0%2C.477-.384l1.259-2.165A32.4%2C32.4%2C0%2C0%2C0%2C26.7%2C68.845l-.479%2C2.46a.912.912%2C0%2C0%2C0%2C.105.607l.473.879a1.763%2C1.763%2C0%2C0%2C0%2C2.34.582l.824-.556a.9.9%2C0%2C0%2C0%2C.373-.488l.708-2.4a32.511%2C32.511%2C0%2C0%2C0%2C3.42.416l.119%2C2.506a.9.9%2C0%2C0%2C0%2C.246.564l.668.739a1.76%2C1.76%2C0%2C0%2C0%2C2.41%2C0l.668-.739a.907.907%2C0%2C0%2C0%2C.246-.564l.118-2.506a32.511%2C32.511%2C0%2C0%2C0%2C3.42-.416l.709%2C2.4a.9.9%2C0%2C0%2C0%2C.372.488l.824.556a1.762%2C1.762%2C0%2C0%2C0%2C2.34-.582l.473-.879a.907.907%2C0%2C0%2C0%2C.105-.607l-.479-2.46a32.365%2C32.365%2C0%2C0%2C0%2C3.22-1.237l1.259%2C2.165a.889.889%2C0%2C0%2C0%2C.477.384l.932.341a1.631%2C1.631%2C0%2C0%2C0%2C1.287-.143%2C1.654%2C1.654%2C0%2C0%2C0%2C.847-.988l.252-.967a.907.907%2C0%2C0%2C0-.042-.615L53.884%2C65.5a32.967%2C32.967%2C0%2C0%2C0%2C2.829-1.978l1.744%2C1.807a.893.893%2C0%2C0%2C0%2C.555.257l.985.106a1.635%2C1.635%2C0%2C0%2C0%2C1.215-.45%2C1.664%2C1.664%2C0%2C0%2C0%2C.588-1.164l.015-1a.908.908%2C0%2C0%2C0-.187-.587l-1.567-1.968a33.323%2C33.323%2C0%2C0%2C0%2C2.282-2.6l2.122%2C1.332a.884.884%2C0%2C0%2C0%2C.6.116l.982-.135a1.642%2C1.642%2C0%2C0%2C0%2C1.073-.73%2C1.673%2C1.673%2C0%2C0%2C0%2C.3-1.272l-.223-.975a.9.9%2C0%2C0%2C0-.32-.524l-1.982-1.527a33.329%2C33.329%2C0%2C0%2C0%2C1.6-3.074l2.365.777a.883.883%2C0%2C0%2C0%2C.609-.032l.921-.369a1.655%2C1.655%2C0%2C0%2C0%2C.869-.968%2C1.674%2C1.674%2C0%2C0%2C0-.015-1.307l-.447-.893a.894.894%2C0%2C0%2C0-.435-.432l-2.277-1a33.107%2C33.107%2C0%2C0%2C0%2C.824-3.377l2.476.183a.887.887%2C0%2C0%2C0%2C.584-.179l.807-.58a1.8%2C1.8%2C0%2C0%2C0%2C.291-2.415ZM40.785%2C49.466H32.623l2.266-8.348a5.391%2C5.391%2C0%2C1%2C1%2C3.53.032Z%22%20transform%3D%22translate(0%200)%22%20fill%3D%22%23f40%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_2%22%20data-name%3D%22%E3%83%91%E3%82%B9%202%22%20d%3D%22M208.91%2C82.468q-11.69%2C0-17.161-9.515l8.971-6.728q2.481%2C4.791%2C6.32%2C4.826a4.981%2C4.981%2C0%2C0%2C0%2C4.214-1.767q1.359-1.733%2C1.36-6.287v-31.7h13.321V64.084q0%2C8.053-4.384%2C13.219T208.91%2C82.468%22%20transform%3D%22translate(-104.823%20-17.106)%22%20fill%3D%22%230c284c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_3%22%20data-name%3D%22%E3%83%91%E3%82%B9%203%22%20d%3D%22M382.237%2C81.55V31.292H395.83L406.976%2C53.72%2C411.767%2C65h.306q-1.7-14.85-1.7-19.166V31.292h12.675V81.55H409.456l-11.146-22.5-4.791-11.214h-.306q.17%2C1.223.51%2C4.418.34%2C3.16.578%2C5.131t.408%2C4.723q.2%2C2.753.2%2C4.893V81.55Z%22%20transform%3D%22translate(-208.957%20-17.106)%22%20fill%3D%22%230c284c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_4%22%20data-name%3D%22%E3%83%91%E3%82%B9%204%22%20d%3D%22M317.689%2C35.433c0-5.351-7.03-9.688-15.7-9.688s-15.7%2C4.337-15.7%2C9.688c0%2C4.185%2C4.309%2C7.74%2C10.333%2C9.095v34h10.736v-6.05h6.482V65.925h-6.482V61.372h6.482V54.819h-6.482V44.527c6.024-1.354%2C10.333-4.909%2C10.333-9.094m-15.7-.045a2.984%2C2.984%2C0%2C1%2C1%2C2.984-2.984%2C2.984%2C2.984%2C0%2C0%2C1-2.984%2C2.984%22%20transform%3D%22translate(-156.504%20-14.074)%22%20fill%3D%22%230c284c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_5%22%20data-name%3D%22%E3%83%91%E3%82%B9%205%22%20d%3D%22M208.91%2C82.468q-11.69%2C0-17.161-9.515l8.971-6.728q2.481%2C4.791%2C6.32%2C4.826a4.981%2C4.981%2C0%2C0%2C0%2C4.214-1.767q1.359-1.733%2C1.36-6.287v-31.7h13.321V64.084q0%2C8.053-4.384%2C13.219T208.91%2C82.468%22%20transform%3D%22translate(-104.823%20-17.106)%22%20fill%3D%22%230c284c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_6%22%20data-name%3D%22%E3%83%91%E3%82%B9%206%22%20d%3D%22M382.237%2C81.55V31.292H395.83L406.976%2C53.72%2C411.767%2C65h.306q-1.7-14.85-1.7-19.166V31.292h12.675V81.55H409.456l-11.146-22.5-4.791-11.214h-.306q.17%2C1.223.51%2C4.418.34%2C3.16.578%2C5.131t.408%2C4.723q.2%2C2.753.2%2C4.893V81.55Z%22%20transform%3D%22translate(-208.957%20-17.106)%22%20fill%3D%22%2300274c%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_7%22%20data-name%3D%22%E3%83%91%E3%82%B9%207%22%20d%3D%22M317.689%2C35.433c0-5.351-7.03-9.688-15.7-9.688s-15.7%2C4.337-15.7%2C9.688c0%2C4.185%2C4.309%2C7.74%2C10.333%2C9.095v34h10.736v-6.05h6.482V65.925h-6.482V61.372h6.482V54.819h-6.482V44.527c6.024-1.354%2C10.333-4.909%2C10.333-9.094m-15.7-.045a2.984%2C2.984%2C0%2C1%2C1%2C2.984-2.984%2C2.984%2C2.984%2C0%2C0%2C1-2.984%2C2.984%22%20transform%3D%22translate(-156.504%20-14.074)%22%20fill%3D%22%2300274c%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A') no-repeat center center / contain;
}




/*
html ----------------------------------------------------------*/


html {
 font-size: 62.5%;
}


* {
 margin: 0px;
 padding: 0px;
}

body {
 color: #252525;
 margin: 0;
 padding: 0;
 background: #fff;
 font-family: var(--fontFamily);
 text-align: center;
 font-size: 1.6rem;
 line-height: 1.6;
 -webkit-text-size-adjust: 100%;
 font-feature-setting: "palt";
 min-width: 320px;
 position: relative;
 transition: var(--normalTransition);
}


body.openMenu {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 transition: var(--normalTransition);
 overflow-y: scroll;
}

body.fixed {
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 transition: var(--normalTransition);
 overflow-y: scroll;
}



a {
 color: #195c9e;
 text-decoration: none;
}

a:visited {
 color: #195c9e;
 text-decoration: none;
}

a:hover {
 color: #195c9e;
 text-decoration: none;
}

a:active {
 color: #195c9e;
 text-decoration: underline;
}

ul {
 list-style: none;
}

a:hover img {
 opacity: 0.70 !important;
 transition: all .2s linear;
}

img {
 margin: 0;
 padding: 0;
 vertical-align: top;
 max-width: 100%;
 height: auto;
 image-rendering: -webkit-optimize-contrast;
}



@media screen and (max-width: 767px) {

 a:hover img {
  opacity: 1 !important;
 }


}





.sp {
 display: none;
}

.pc {
 display: block;
}

img {
 max-width: 100%;
 height: auto;
}


@media screen and (max-width: 767px) {

 body.openMenu:before {
  top: 80px;
 }

 .sp {
  display: block;
 }

 .pc {
  display: none;
 }

}



/* share master
===============================================================*/

.lyInner {
 max-width: 1100px;
 margin: 0 auto;
 position: relative;
}

main {}

.breadCrumbs {
 width: 100%;
 margin-bottom: var(--marginBottomM);
 padding: var(--marginBottomL) 0;
}

.breadCrumbs ul {
 display: flex;
 overflow-x: auto;
 word-break: keep-all;
 white-space: nowrap;
 max-width: 1024px;
 margin: 0 auto;
}

.breadCrumbs li {
 font-size: var(--font14);
}

.breadCrumbs li:after {
 content: ">";
 display: inline-block;
 margin: 0 .5em;
 color: var(--baseGray);
}

.breadCrumbs li:last-child:after {
 display: none;
}


.breadCrumbs li a {
 color: var(--baseGray);
}


@media screen and (max-width: 1160px) {

 .lyInner {
  padding: 0 5%;
  box-sizing: border-box;
 }

}


@media screen and (max-width: 767px) {

 main {}

}




/* header
===============================================================*/


header {
 box-sizing: border-box;
 position: fixed;
 left: 0;
 width: 100%;
 top: 0;
 background: #fff;
 z-index: 100;
 transition: var(--normalTransition);
}

.index header {
 background: none;
}

.index header .logo {
 visibility: hidden;
 z-index: -100;
 opacity: 0;
 transform: translateY(-10px);
}

.index header.active {
 background: #fff;
 transition: var(--normalTransition);
}

.index header.active .logo {
 opacity: 1;
 visibility: visible;
 z-index: 100;
 transition: var(--normalTransition);
 transform: translateY(0);
}


header .lyInner {
 max-width: 100%;
 box-sizing: border-box;
 padding: 0 20px;
 display: flex;
 align-items: center;
 box-sizing: border-box;
 justify-content: space-between;
 height: 60px;
}

header .logo {
 display: block;
 height: 44px;
 width: 127px;
 visibility: visible;
}

header .logo a {
 background: var(--JIN);
 display: block;
 height: 100%;
}

header .logo span {
 visibility: hidden;
 font-size: 10px;
}


.openMenu header .logo {
 visibility: hidden;
}


.toggleNav {
 width: 70px;
 height: 30px;
 vertical-align: middle;
 display: flex;
 z-index: 999;
 margin-left: 20px;
 cursor: pointer;
 margin-top: 10px;
}

.toggleNav div.toggleNavInner {
 position: relative;
 z-index: 9999;
}

.toggleNav span {
 height: 2px;
 width: 70px;
 left: 0;
 display: block;
 background: var(--baseOrange);
 transition: transform .6s ease-in-out, top .5s ease;
 z-index: 1000;
 position: absolute;
}

.toggleNav span:nth-child(1) {
 top: 0;
}

.toggleNav span:nth-child(2) {
 top: 10px;
}

.toggleNav span:nth-child(3) {
 top: 20px;
}



.openMenu .toggleNav span {
 background: var(--baseJIN);
 -webkit-box-shadow: none;
 box-shadow: none;
 transition: transform .6s ease-in-out, top .5s ease;
}

.openMenu .toggleNav span:nth-child(1) {
 transform: rotate(15deg);
 top: 10px;
}

.openMenu .toggleNav span:nth-child(2) {
 top: 10px;
 width: 0;
 left: 50%;
}

.openMenu .toggleNav span:nth-child(3) {
 transform: rotate(-15deg);
 top: 10px;
}

.globalNav {
 z-index: -100;
 background: rgba(255, 255, 255, 0.95);
 position: fixed;
 width: 100%;
 height: 100vh;
 top: -100vh;
 opacity: 0;
 visibility: hidden;
 transition: var(--normalTransition);
}

.openMenu .globalNav {
 position: fixed;
 left: 0;
 top: 0;
 bottom: auto;
 opacity: 1;
 z-index: 99;
 visibility: visible;
 transition: var(--normalTrantision);
}

.globalNav h2 {
 max-width: 900px;
 margin: 0 auto;
 text-align: right;
 background: var(--JIN);
 background-size: 80px;
 background-position: left bottom;
 box-sizing: border-box;
 margin: 0 auto;
 margin-bottom: 2em;
 padding-top: 100px;
}

.openMenu .globalNav li {
 font-size: var(--font24);
 font-weight: 600;
 letter-spacing: 0.08em;
 padding: .5em;
}

.openMenu .globalNav li a {
 color: var(--baseJIN);
}


@media screen and (max-width: 940px) {
 .globalNav h2 {
  margin: 0 5% 2em;
 }
}


@media screen and (max-width: 767px) {

 header {
  box-sizing: border-box;
  height: 50px;
 }

 header .lyInner {
  height: 50px;
 }

 header .logo {
  display: block;
  height: 30px;
  width: 87px;
 }

 .toggleNav {
  width: 50px;
  margin-top: 6px;
 }

 .toggleNav span {
  width: 50px;
 }

 .toggleNav span:nth-child(1) {
  top: 0;
 }

 .toggleNav span:nth-child(2) {
  top: 8px;
 }

 .toggleNav span:nth-child(3) {
  top: 16px;
 }

 .openMenu .toggleNav span:nth-child(1) {
  transform: rotate(15deg);
  top: 8px;
 }

 .openMenu .toggleNav span:nth-child(3) {
  transform: rotate(-15deg);
  top: 8px;
 }

 .globalNav h2 {
  margin: 0 5% 2em;
  padding-top: 70px;
 }

}






/* footer
===============================================================*/

.gotoTop {
 background: #00274C url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.123%22%20height%3D%2210%22%20viewBox%3D%220%200%2010.123%2010%22%3E%0A%20%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_9%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%209%22%20transform%3D%22translate(-1536.5%20-2081)%22%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_13%22%20data-name%3D%22%E3%83%91%E3%82%B9%2013%22%20d%3D%22M4.821-9.528.672-2.342h8.3Z%22%20transform%3D%22translate(1536.741%202093.342)%22%20fill%3D%22%23fff%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_14%22%20data-name%3D%22%E3%83%91%E3%82%B9%2014%22%20d%3D%22M0%2C0H10.123%22%20transform%3D%22translate(1536.5%202081.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A') no-repeat left 8px top 50%;
 height: 30px;
 width: 70px;
 position: fixed;
 bottom: 20px;
 right: 0;
 z-index: 100;
 color: #fff;
 font-size: 10px;
 box-sizing: border-box;
 padding-right: 5px;
 display: flex;
 align-items: center;
 justify-content: flex-end;
 border-radius: 10px 0 0 5px;
 transition: var(--normalTransition);
}

.gotoTop:hover {
 background-position: left 8px top 30%;
 text-decoration: none;
 color: #fff;
 transition: var(--normalTransition);
}

.gotoTop:visited {
 color: #fff;
}


footer {
 background: var(--baseGrayMid);
 box-sizing: border-box;
 position: relative;
}

footer small {
 font-size: var(--font12);
 color: var(--baseBlack);
 letter-spacing: 0.1em;
 display: block;
 padding: 2em 0;
}

footer .lyInner {
 display: flex;
 padding: 3% 0;
 text-align: left;
}

footer .lyInner dl {
 width: calc(100% / 5);
 padding: 0 2%;
 box-sizing: border-box;
}

footer .lyInner dl dt {
 font-size: var(--font16);
 margin-bottom: .5em;
 margin-top: 1em;
 font-weight: 700;
}

footer .lyInner dl dd {
 font-size: var(--font14);
 margin-left: .6em;
 margin-bottom: .5em;
 position: relative;
 padding-left: 1em;
}

footer .lyInner dl dd:before {
 content: "";
 height: 1px;
 width: 8px;
 background: var(--baseJIN);
 position: absolute;
 left: 0;
 top: .8em;
}


@media screen and (max-width: 767px) {

 .gotoTop {
  right: 0;
 }

 footer .lyInner {
  padding: 3%;
  flex-wrap: wrap;
 }

 footer .lyInner dl {
  width: calc(100% / 2);
  padding: 0 2%;
  box-sizing: border-box;
 }


}





/* top page
===============================================================*/

.kv {
 aspect-ratio: 16 / 9;
 background: var(--baseGray);
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}

.kvLogo {
 position: relative;
 z-index: 10;
}

.kvLogo h1 {
 font-size: var(--font18);
 color: var(--baseJIN);
 margin-bottom: .5em;
}

.kvLogo h1 span {
 color: var(--baseOrange);
}

.kvLogo h1 + .JIN {
 background: var(--JIN);
 height: 74px;
}

.kvLogo h1 + .JIN span {
 visibility: hidden;
}

.kv video {
 width: 100%;
 aspect-ratio: 16 / 9;
 opacity: 0.76
}

#videoContainer {
 display: flex;
 align-items: flex-end;
 position: absolute;
 opacity: 0.76;
 height: 100%;
 width: 100%;
 aspect-ratio: 16 / 9;
 transition: var(--normalTransition);
}

@media screen and (max-width: 767px) {

 .kv {
  aspect-ratio: 5 / 4;
 }


 .kv video {
  aspect-ratio: 5 / 2.8;
  bottom: 0;
  width: 150%;
 }

 .kvLogo h1 + .JIN {
  background: var(--JIN);
  height: 40px;
 }

}


.topNews {
 padding: 5% 0;
}

h2 {
 font-size: var(--font28);
 font-weight: 800;
 color: var(--baseJIN);
 text-align: left;
 margin-bottom: 2em;
 letter-spacing: 0.03em;
}
h3 {
 font-size: var(--font22);
 font-weight: 600;
 color: var(--baseJIN);
 text-align: left;
 margin-bottom: 1em;
 letter-spacing: 0.03em;
 position: relative;
 padding-left: 1em;
}
h3:before {
 content: "";
 left: 0;
 width: 4px;
 height: 1em;
 background: var(--baseOrange);
 top: 0;
 position: absolute;
}


.contentItem p + h3{
 margin-top: 2.5em;
}
.contentItem table + h3{
 margin-top: 2.5em;
}

.newsList {
 display: flex;
 flex-wrap: wrap;
}

.newsList li {
 width: calc(100% / 3);
 box-sizing: border-box;
 padding: 0 1% 5%;
}

.newsList li a {
 color: var(--baseBlack);
}

.newsList figure {}

.newsList li a:hover {
 text-decoration: none;
}

.newsList li a:hover .img img {
 transform: scale(1.1);
 transition: var(--normalTransition);
}

.newsList li a:hover figcaption {
 text-decoration: none;
 opacity: 0.6;
}


.newsList .img {
 display: flex;
 justify-content: center;
 align-items: center;
 aspect-ratio: 4 / 2.5;
 overflow: hidden;
 border-radius: 5px;
}

.newsList img {
 height: 100%;
 object-fit: cover;
 transition: var(--normalTransition);
}

.newsList figcaption {
 text-align: left;
 padding: .5em;
}

.newsList figcaption span {
 display: block;
 font-size: var(--font14);
 margin-bottom: .2em;
}

.newsList figcaption strong {
 display: block;
 font-size: var(--font17);
 line-height: 1.6;
}


@media screen and (max-width: 767px) {
 h2 {
  font-size: var(--font22);
  margin-bottom: 1.5em;
 }
 h3 {
  font-size: var(--font19);
  margin-bottom: 1em;
 }
 .topNews {
  padding: 10% 0;
 }


 .newsList {
  flex-direction: column;
 }

 .newsList li {
  width: calc(100%);
  padding: 1% 1% 5%;
 }

}





.topAbout {
 background: var(--baseGray);
 padding: 5% 0;
}

.topAbout ul {
 display: flex;
}

.topAbout ul li {
 width: calc((100% / 3) - 1%);
 box-sizing: border-box;
 margin: 0 1%;
}

.topAbout ul li a {
 color: #fff;
 display: flex;
 background-color: rgba(2, 41, 78, 0.3);
 color: #fff;
 border-radius: 5px;
 aspect-ratio: 4 / 2.2;
 justify-content: center;
 align-items: center;
 box-sizing: border-box;
 padding-top: 28%;
 font-weight: 700;
 letter-spacing: 0.1em;
 transition: var(--normalTransition);
}

.topAbout ul li a:hover {
 text-decoration: none;
 background-color: var(--baseJIN);
 transition: var(--normalTransition);
}

.topAbout .about01 {}

.topAbout .about01 a {
 background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2297.706%22%20height%3D%2299.332%22%20viewBox%3D%220%200%2097.706%2099.332%22%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_10%22%20data-name%3D%22%E3%83%91%E3%82%B9%2010%22%20d%3D%22M96.4%2C52.959a1.188%2C1.188%2C0%2C0%2C0-.7-.418l-3.259-.56q.059-1.149.06-2.315t-.06-2.315l3.259-.56a1.182%2C1.182%2C0%2C0%2C0%2C.7-.418l.86-1.009a2.4%2C2.4%2C0%2C0%2C0-.387-3.215l-1.074-.772a1.181%2C1.181%2C0%2C0%2C0-.778-.238l-3.3.244a44.1%2C44.1%2C0%2C0%2C0-1.1-4.495l3.03-1.331a1.188%2C1.188%2C0%2C0%2C0%2C.579-.575l.6-1.188a2.226%2C2.226%2C0%2C0%2C0%2C.02-1.739%2C2.2%2C2.2%2C0%2C0%2C0-1.157-1.289l-1.226-.491a1.179%2C1.179%2C0%2C0%2C0-.811-.043l-3.148%2C1.035a44.305%2C44.305%2C0%2C0%2C0-2.137-4.093l2.639-2.032a1.2%2C1.2%2C0%2C0%2C0%2C.425-.7l.3-1.3a2.225%2C2.225%2C0%2C0%2C0-.393-1.693%2C2.182%2C2.182%2C0%2C0%2C0-1.429-.972L86.6%2C20.3a1.177%2C1.177%2C0%2C0%2C0-.8.154l-2.825%2C1.774a44.219%2C44.219%2C0%2C0%2C0-3.037-3.457l2.087-2.62a1.208%2C1.208%2C0%2C0%2C0%2C.248-.781l-.019-1.331a2.215%2C2.215%2C0%2C0%2C0-.784-1.549%2C2.175%2C2.175%2C0%2C0%2C0-1.617-.6l-1.312.141a1.186%2C1.186%2C0%2C0%2C0-.738.343l-2.322%2C2.4a43.738%2C43.738%2C0%2C0%2C0-3.765-2.632l1.4-3.039a1.206%2C1.206%2C0%2C0%2C0%2C.056-.818L72.841%2C7a2.2%2C2.2%2C0%2C0%2C0-1.127-1.315A2.171%2C2.171%2C0%2C0%2C0%2C70%2C5.5l-1.24.454a1.187%2C1.187%2C0%2C0%2C0-.635.51L66.45%2C9.345A43.075%2C43.075%2C0%2C0%2C0%2C62.165%2C7.7L62.8%2C4.425a1.21%2C1.21%2C0%2C0%2C0-.139-.808l-.631-1.169a2.19%2C2.19%2C0%2C0%2C0-1.407-1%2C2.169%2C2.169%2C0%2C0%2C0-1.708.229l-1.1.74a1.2%2C1.2%2C0%2C0%2C0-.5.65l-.942%2C3.2a43.142%2C43.142%2C0%2C0%2C0-4.553-.553l-.157-3.336a1.207%2C1.207%2C0%2C0%2C0-.327-.751L50.457.635a2.343%2C2.343%2C0%2C0%2C0-3.208%2C0l-.889.984a1.2%2C1.2%2C0%2C0%2C0-.327.751l-.158%2C3.336a43.112%2C43.112%2C0%2C0%2C0-4.552.553l-.942-3.2a1.2%2C1.2%2C0%2C0%2C0-.5-.65l-1.1-.74a2.169%2C2.169%2C0%2C0%2C0-1.708-.229%2C2.189%2C2.189%2C0%2C0%2C0-1.406%2C1l-.631%2C1.169a1.21%2C1.21%2C0%2C0%2C0-.139.808L35.541%2C7.7a43.123%2C43.123%2C0%2C0%2C0-4.285%2C1.646L29.58%2C6.463a1.19%2C1.19%2C0%2C0%2C0-.635-.51L27.705%2C5.5a2.168%2C2.168%2C0%2C0%2C0-1.713.19A2.2%2C2.2%2C0%2C0%2C0%2C24.864%2C7L24.53%2C8.292a1.208%2C1.208%2C0%2C0%2C0%2C.056.818l1.4%2C3.038a43.822%2C43.822%2C0%2C0%2C0-3.765%2C2.632l-2.322-2.4a1.181%2C1.181%2C0%2C0%2C0-.737-.343l-1.312-.141a2.176%2C2.176%2C0%2C0%2C0-1.618.6%2C2.217%2C2.217%2C0%2C0%2C0-.783%2C1.549l-.02%2C1.331a1.208%2C1.208%2C0%2C0%2C0%2C.249.781l2.087%2C2.62a44.376%2C44.376%2C0%2C0%2C0-3.038%2C3.457L11.9%2C20.455a1.176%2C1.176%2C0%2C0%2C0-.8-.154l-1.306.18a2.183%2C2.183%2C0%2C0%2C0-1.429.972%2C2.223%2C2.223%2C0%2C0%2C0-.393%2C1.693l.3%2C1.3a1.2%2C1.2%2C0%2C0%2C0%2C.426.7l2.638%2C2.032A44.237%2C44.237%2C0%2C0%2C0%2C9.2%2C31.267L6.051%2C30.232a1.179%2C1.179%2C0%2C0%2C0-.811.043l-1.226.491a2.2%2C2.2%2C0%2C0%2C0-1.157%2C1.289%2C2.231%2C2.231%2C0%2C0%2C0%2C.019%2C1.74l.6%2C1.188a1.192%2C1.192%2C0%2C0%2C0%2C.579.575l3.03%2C1.33a44.105%2C44.105%2C0%2C0%2C0-1.1%2C4.495l-3.3-.244a1.186%2C1.186%2C0%2C0%2C0-.778.238l-1.074.772A2.4%2C2.4%2C0%2C0%2C0%2C.45%2C45.364l.86%2C1.009a1.184%2C1.184%2C0%2C0%2C0%2C.7.418l3.259.56q-.059%2C1.15-.06%2C2.315t.06%2C2.315l-3.259.56a1.184%2C1.184%2C0%2C0%2C0-.7.418L.45%2C53.968a2.4%2C2.4%2C0%2C0%2C0%2C.387%2C3.215l1.074.773a1.182%2C1.182%2C0%2C0%2C0%2C.778.237l3.3-.243a44.106%2C44.106%2C0%2C0%2C0%2C1.1%2C4.495l-3.03%2C1.33a1.192%2C1.192%2C0%2C0%2C0-.579.575l-.6%2C1.188a2.228%2C2.228%2C0%2C0%2C0-.019%2C1.74%2C2.2%2C2.2%2C0%2C0%2C0%2C1.157%2C1.289l1.226.491a1.175%2C1.175%2C0%2C0%2C0%2C.811.042L9.2%2C68.065a44.15%2C44.15%2C0%2C0%2C0%2C2.137%2C4.093L8.7%2C74.19a1.2%2C1.2%2C0%2C0%2C0-.426.7l-.3%2C1.3a2.224%2C2.224%2C0%2C0%2C0%2C.393%2C1.694%2C2.188%2C2.188%2C0%2C0%2C0%2C1.429.972l1.306.18a1.18%2C1.18%2C0%2C0%2C0%2C.8-.154L14.727%2C77.1a44.1%2C44.1%2C0%2C0%2C0%2C3.037%2C3.457l-2.087%2C2.62a1.211%2C1.211%2C0%2C0%2C0-.248.781l.02%2C1.332a2.214%2C2.214%2C0%2C0%2C0%2C.783%2C1.549%2C2.176%2C2.176%2C0%2C0%2C0%2C1.618.6l1.311-.141a1.181%2C1.181%2C0%2C0%2C0%2C.738-.343l2.322-2.4a43.879%2C43.879%2C0%2C0%2C0%2C3.765%2C2.633l-1.4%2C3.037a1.208%2C1.208%2C0%2C0%2C0-.056.818l.334%2C1.288a2.2%2C2.2%2C0%2C0%2C0%2C1.128%2C1.315%2C2.168%2C2.168%2C0%2C0%2C0%2C1.713.19l1.24-.454a1.189%2C1.189%2C0%2C0%2C0%2C.635-.511l1.676-2.881a43.127%2C43.127%2C0%2C0%2C0%2C4.285%2C1.646L34.9%2C94.906a1.214%2C1.214%2C0%2C0%2C0%2C.14.808l.63%2C1.17a2.346%2C2.346%2C0%2C0%2C0%2C3.115.775l1.1-.74a1.2%2C1.2%2C0%2C0%2C0%2C.5-.649l.942-3.2a43.273%2C43.273%2C0%2C0%2C0%2C4.552.554l.158%2C3.336a1.2%2C1.2%2C0%2C0%2C0%2C.327.751l.889.984a2.343%2C2.343%2C0%2C0%2C0%2C3.208%2C0l.889-.984a1.207%2C1.207%2C0%2C0%2C0%2C.327-.751l.157-3.336a43.272%2C43.272%2C0%2C0%2C0%2C4.552-.554l.943%2C3.2a1.2%2C1.2%2C0%2C0%2C0%2C.5.65l1.1.74a2.345%2C2.345%2C0%2C0%2C0%2C3.115-.775l.63-1.17a1.207%2C1.207%2C0%2C0%2C0%2C.14-.808l-.637-3.274a43.079%2C43.079%2C0%2C0%2C0%2C4.285-1.646l1.676%2C2.882a1.184%2C1.184%2C0%2C0%2C0%2C.635.51l1.24.454a2.17%2C2.17%2C0%2C0%2C0%2C1.713-.19%2C2.2%2C2.2%2C0%2C0%2C0%2C1.127-1.315l.335-1.288a1.208%2C1.208%2C0%2C0%2C0-.056-.818l-1.4-3.038a43.88%2C43.88%2C0%2C0%2C0%2C3.765-2.633l2.321%2C2.4a1.189%2C1.189%2C0%2C0%2C0%2C.739.343l1.311.141a2.176%2C2.176%2C0%2C0%2C0%2C1.618-.6%2C2.214%2C2.214%2C0%2C0%2C0%2C.783-1.549l.02-1.331a1.208%2C1.208%2C0%2C0%2C0-.249-.781L79.942%2C80.56A44.354%2C44.354%2C0%2C0%2C0%2C82.979%2C77.1L85.8%2C78.876a1.176%2C1.176%2C0%2C0%2C0%2C.8.154l1.307-.18a2.186%2C2.186%2C0%2C0%2C0%2C1.429-.971%2C2.227%2C2.227%2C0%2C0%2C0%2C.393-1.694l-.3-1.3a1.2%2C1.2%2C0%2C0%2C0-.426-.7L86.37%2C72.157a44.361%2C44.361%2C0%2C0%2C0%2C2.136-4.092L91.655%2C69.1a1.176%2C1.176%2C0%2C0%2C0%2C.811-.043l1.226-.491a2.2%2C2.2%2C0%2C0%2C0%2C1.157-1.289%2C2.228%2C2.228%2C0%2C0%2C0-.02-1.74l-.6-1.188a1.189%2C1.189%2C0%2C0%2C0-.579-.574l-3.03-1.331a44.064%2C44.064%2C0%2C0%2C0%2C1.1-4.495l3.3.244a1.181%2C1.181%2C0%2C0%2C0%2C.778-.238l1.074-.772a2.4%2C2.4%2C0%2C0%2C0%2C.387-3.215ZM54.285%2C65.84H43.421l3.016-11.111a7.176%2C7.176%2C0%2C1%2C1%2C4.7.042Z%22%20transform%3D%22translate(0)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A');
 background-repeat: no-repeat;
 background-size: 80px;
 background-position: top 40% center;
}

.topAbout .about02 a {
 background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22_9024060_user_focus_fill_icon%22%20data-name%3D%229024060_user_focus_fill_icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22111%22%20height%3D%22111%22%20viewBox%3D%220%200%20111%20111%22%3E%0A%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_36%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%2036%22%20width%3D%22111%22%20height%3D%22111%22%20fill%3D%22none%22%2F%3E%0A%20%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011%22%20d%3D%22M115.083%2C38.924V51.04a3.462%2C3.462%2C0%2C0%2C1-6.924%2C0V38.924H96.043a3.462%2C3.462%2C0%2C1%2C1%2C0-6.924h12.116A6.924%2C6.924%2C0%2C0%2C1%2C115.083%2C38.924Zm-3.462%2C53.658a3.462%2C3.462%2C0%2C0%2C0-3.462%2C3.462v12.116H96.043a3.462%2C3.462%2C0%2C0%2C0%2C0%2C6.924h12.116a6.924%2C6.924%2C0%2C0%2C0%2C6.924-6.924V96.043A3.462%2C3.462%2C0%2C0%2C0%2C111.621%2C92.581ZM51.04%2C108.159H38.924V96.043a3.462%2C3.462%2C0%2C0%2C0-6.924%2C0v12.116a6.924%2C6.924%2C0%2C0%2C0%2C6.924%2C6.924H51.04a3.462%2C3.462%2C0%2C0%2C0%2C0-6.924ZM35.462%2C54.5a3.462%2C3.462%2C0%2C0%2C0%2C3.462-3.462V38.924H51.04a3.462%2C3.462%2C0%2C0%2C0%2C0-6.924H38.924A6.924%2C6.924%2C0%2C0%2C0%2C32%2C38.924V51.04A3.462%2C3.462%2C0%2C0%2C0%2C35.462%2C54.5ZM61.9%2C79.383a29.9%2C29.9%2C0%2C0%2C0-14.41%2C13.328%2C3.375%2C3.375%2C0%2C0%2C0%2C.13%2C3.375%2C3.419%2C3.419%2C0%2C0%2C0%2C2.943%2C1.688H96.519a3.419%2C3.419%2C0%2C0%2C0%2C2.943-1.688%2C3.375%2C3.375%2C0%2C0%2C0%2C.13-3.375%2C29.9%2C29.9%2C0%2C0%2C0-14.41-13.328A17.093%2C17.093%2C0%2C0%2C0%2C90.85%2C66.618a17.309%2C17.309%2C0%2C0%2C0-34.618%2C0A17.093%2C17.093%2C0%2C0%2C0%2C61.9%2C79.383Z%22%20transform%3D%22translate(-18.153%20-18.153)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A');
 background-repeat: no-repeat;
 background-size: 80px;
 background-position: top 40% center;
}

.topAbout .about03 {}

.topAbout .about03 a {
 background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2277%22%20height%3D%2277%22%20viewBox%3D%220%200%2077%2077%22%3E%0A%20%20%3Cpath%20id%3D%22_9055294_bxs_comment_detail_icon%22%20data-name%3D%229055294_bxs_comment_detail_icon%22%20d%3D%22M71.3%2C2H9.7A7.708%2C7.708%2C0%2C0%2C0%2C2%2C9.7V79L17.4%2C63.6H71.3A7.708%2C7.708%2C0%2C0%2C0%2C79%2C55.9V9.7A7.708%2C7.708%2C0%2C0%2C0%2C71.3%2C2ZM48.2%2C44.349H21.25v-7.7H48.2Zm11.55-15.4H21.25v-7.7h38.5Z%22%20transform%3D%22translate(-2%20-1.999)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A');
 background-repeat: no-repeat;
 background-size: 60px;
 background-position: top 45% center;
}



@media screen and (max-width: 767px) {

 .topAbout {
  padding: 10% 0;
 }

 .topAbout ul {
  flex-direction: column;
 }

 .topAbout ul li {
  width: calc((100%) - 1%);
  box-sizing: border-box;
  margin: 1%;
 }


}




/*
detail
----------------------------------------------------*/


.titleArea {
 background: var(--baseGray);
 margin-top: 60px;
 padding: 5% 0 5%;
 text-align: left;
}

.titleArea .lyInner {}

.titleArea h1 {
 font-size: var(--font38);
 letter-spacing: 0.05em;
 font-weight: 800;
}

.contentArea {
 padding: 5% 0 8%;
}

.contentArea .lyInner {}

.contentArea h2 {
 margin-bottom: 1.5em;
}


@media screen and (max-width: 767px) {

 .titleArea {
  margin-top: 50px;
  padding: 12% 0;
 }

 .titleArea h1 {
  font-size: var(--font28);
 }

 .contentArea {
  padding: 8% 0 12%;
 }

 .contentArea h2 {
  margin-bottom: 1em;
 }

}



.contentArea .contentItem {
 margin-bottom: 5%;
 text-align: left;
 padding: 0 10px;
}
.contentArea .contentItem.lvl2 {
 margin-bottom: 50px;
}

.contentArea .contentItem {
 margin-bottom: 8%;
 text-align: left;
}

.contentArea p {
 font-size: var(--font16);
 line-height: 1.8;
}

figure.president {
 width: 250px;
 float: right;
}

.visionCopy {
 background: var(--baseGray);
 padding: .5em;
 text-align: center;
 border-radius: 5px;
 margin-bottom: 1em;
 font-size: var(--font28);
 font-weight: 800;
 letter-spacing: 0.08em;
 color: var(--baseOrange);
}

.contentItem table {
 width: 100%;
 font-size: var(--font16);
 border-collapse: separate;
 border-spacing: 5px;

}

.contentItem table th {
 width: 15%;
 padding: 1em .4em;
 border-bottom: 2px solid var(--baseOrange);
}

.contentItem table td {
 width: 85%;
 padding: 1em .4em;
 border-bottom: 2px solid var(--borderGray);
}

.contentItem ul.normal{
 
}

.contentItem ul.normal li{
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22Page-1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%0A%20%20%3Cg%20id%3D%22Core%22%20transform%3D%22translate(-465%20-45)%22%3E%0A%20%20%20%20%3Cg%20id%3D%22check-box%22%20transform%3D%22translate(465%2045)%22%3E%0A%20%20%20%20%20%20%3Cpath%20id%3D%22Shape%22%20d%3D%22M16%2C0H2A2.006%2C2.006%2C0%2C0%2C0%2C0%2C2V16a2.006%2C2.006%2C0%2C0%2C0%2C2%2C2H16a2.006%2C2.006%2C0%2C0%2C0%2C2-2V2a2.006%2C2.006%2C0%2C0%2C0-2-2ZM7%2C14%2C2%2C9%2C3.4%2C7.6%2C7%2C11.2l7.6-7.6L16%2C5%2C7%2C14Z%22%20fill%3D%22%23f40%22%20fill-rule%3D%22evenodd%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A') no-repeat top 7px left;
 
 padding: .2em 0 .2em 1.8em;
}

@media screen and (max-width: 767px) {


 .contentArea .contentItem {
  margin-bottom: 12%;
  text-align: left;
 }

 figure.president {
  width: 80%;
  margin: 0 auto;
 }

 .visionCopy {
  font-size: var(--font22);
 }

 .contentItem table {
  width: 100%;
  font-size: var(--font16);
  border-collapse: separate;
  border-spacing: 5px;

 }

 .contentItem table th {
  width: 25%;
  padding: 1em .4em;
  border-bottom: 2px solid var(--baseOrange);
 }

 .contentItem table td {
  width: 75%;
  padding: 1em .4em;
  border-bottom: 2px solid var(--borderGray);
 }


}



.imgInText {
 display: flex;
 flex-direction: row-reverse;
 align-items: center;
 justify-content: space-between;
}

.imgInText figure.presidentImg {
 width: 300px;
}

.imgInText figure.presidentImg + p {
 width: calc(100% - 340px);
}


.imgInText p .sign {
 display: flex;
 justify-content: flex-end;
 padding-top: 2em;
 text-align: right;
}


@media screen and (max-width: 767px) {

 .imgInText {
  flex-direction: column-reverse;
 }

 .imgInText figure.presidentImg {
  width: 80%;
  margin: 5% auto;
 }

 .imgInText figure.presidentImg + p {
  width: calc(100%);
 }


}



.solutionItem {
 display: flex;
 align-items: center;
 text-align: center;
 gap: 20px;
 width: 100%;
 box-sizing: border-box;
 justify-content: space-between;
 margin-bottom: 10%;
}

.solutionItem.left {
 flex-direction: row-reverse;
}

a .solutionItem {
 text-decoration: none;
 color: var(--baseBlack);
}


.solutionItem .imageBox {
 aspect-ratio: 660 / 415;
 background: var(--baseGray);
 overflow: hidden;
 border-radius: 5px;
 max-width: 53%;
 display: block;
 transition: var(--normalTransition);
}

.solutionItem .imageBox img {
 width: 100%;
 height: auto;
 transition: var(--normalTransition);
}

a:hover .solutionItem .imageBox img {
 transform: scale(1.06);
 transition: var(--normalTransition);
}

.solutionItem .content {
 width: 52%;
 text-align: left;
}

.solutionItem h2 {
 margin-bottom: 20px;
}


.classHead {
 font-size: var(--font14);
 background: url(../images/kana_logo.png) no-repeat left 50% / 50px;
 text-align: left;
 padding: 1em 0 1em 5em;
 margin-bottom: 10px;
}

.solutionItem .content .detailsButton {
 background: var(--baseJIN) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M7%2C0l7%2C12H0Z%22%20transform%3D%22translate(12)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat 10px 50% / 8px;
 display: inline-block;
 border-radius: 5px;
 color: #fff;
 font-size: var(--font16);
 margin-top: 1em;
 line-height: 1;
 padding: .5em 1em .5em 2em;
 transition: var(--normalTransition)
}

a:hover .solutionItem .content .detailsButton {
 background-position: 15px 50%;
 transition: var(--normalTransition)
}


@media screen and (max-width: 767px) {

 .solutionItem {
  flex-direction: column;
  margin-bottom: 8%;
  padding-bottom: 8%;
  border-bottom: 1px solid var(--borderGray);
 }
.classHead {
 font-size: var(--font14);
 background-size: 40px;
 text-align: left;
 padding: .5em 0 .5em 4em;
 margin-bottom: 10px;
}

 .solutionItem .imageBox {
  max-width: 100%;
  margin-bottom: 20px;
 }

 .solutionItem .content {
  width: 100%;
 }



}

.solutionKv{
 margin-bottom: 8%;
}

.facilityList{
 width: 100%;
 border-collapse: separate;
 border-spacing: 3px;
 font-size: var(--font16);
}
.facilityList th {
 padding: .6em .4em;
 border-bottom: 2px solid var(--baseOrange);
}

.facilityList td {
 padding: .6em .4em;
 text-align: left;
 border-bottom: 2px solid var(--borderGray);
}
.facilityList td.num {
 text-align: center;
}


@media screen and (max-width: 767px) {
 
 .facilityList{
 font-size: var(--font12);
}
 
}

.youtubeWrap{
 width: 80%;
 margin: 3% auto 5%;
}

.youtubeWrapIn {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
 margin: 0 auto 4%;
}
.youtubeWrapIn iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


.column1Img{
 margin: 2% 2% 4%;
}



.column2Img{
 margin: 2% 2% 6%;
 display: flex;
 justify-content: space-between;
}
.column2Img figure{
 width: 48%;
}
.column2Img.lvl2 figure img{
 width: auto;
 height: 100%;
}

.column2Img figure figcaption{
 font-size: var(--font14);
 margin-top: .5em;
}

.column2Txt{
 margin: 2% 2% 6%;
 display: flex;
 justify-content: space-between;
}
.column2Txt figure{
 width: 30%;
}

.column2Txt p{
 width: 68%;
 text-align: left;
}



.nanoResult{
 
}

.nanoResult ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.nanoResult ul li{
 margin-bottom: 20px;
 width: 48%;
 display: flex;
 justify-content: space-between;
}
.nanoResult ul li figure{
 width: 70px;
 height: 70px;
 background: #020200;
 border-radius: 50px;
 box-sizing: border-box;
 padding: 14px;
}
.nanoResult ul li .nanoResultContent{
 width: calc(100% - 90px);
}
.nanoResult ul li h4{
 font-size: var(--font18);
 margin-bottom: .5em;
 color: var(--baseOrange);
}
.nanoResult ul li p{
 font-size: var(--font15);
 margin-bottom: .8em;
}



@media screen and (max-width: 767px) {
 
 .column2Img{
 margin: 2% 2% 15%;
}
 
.column1Img{
 margin: 3% 2% 6%;
}

 
.nanoResult ul{
 flex-direction: column;
}
.nanoResult ul li{
 width: 100%;
 margin-bottom: 10px;
}
 .nanoResult ul li figure{
 width: 50px;
 height: 50px;
}
.nanoResult ul li .nanoResultContent{
 width: calc(100% - 60px);
}

 .nanoResult ul li h4{
 font-size: var(--font16);
 margin-bottom: 0;
}
.nanoResult ul li p{
 font-size: var(--font13);
 line-height: 1.5;
}

 
 
.column2Txt{
 margin: 2% 2% 6%;
 display: flex;
 justify-content: space-between;
 flex-direction: column;
}
.column2Txt figure{
 width: 60%;
 margin: 3% auto;
}

.column2Txt p{
 width: 100%;
 text-align: left;
}
 
 
}





.recruitStaff {
 display: flex;
 justify-content: space-between;
}
.recruitStaff figure {
 width: 46%;
}
.recruitStaff figure img{
 width: 80%;
 margin: 0 auto 4%;
}

.recruitStaff figcaption {
 font-size: var(--font16);
}
.recruitStaff figcaption strong {
 font-size: var(--font18);
}

.recruitStaff figcaption em {
 font-style: normal;
 display: inline-block;
 background: var(--baseJIN);
 color: #fff;
 border-radius: 5px;
 padding: .5em .8em;
 line-height: 1;
 margin-top: .8em;
 margin-bottom: .3em;
}



.recruitMenu {
 margin-top: 2em;
 display: flex;
 justify-content: space-around;
}
.recruitMenu li {
 width: 30%;
}
.recruitMenu a {
 display: flex;
 justify-content: center;
 align-items: center;
 padding: 1em;
 box-sizing: border-box;
 border-radius: 5px;
 background: var(--baseOrange) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2212%22%20viewBox%3D%220%200%2014%2012%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_2%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%202%22%20d%3D%22M7%2C0l7%2C12H0Z%22%20transform%3D%22translate(14%2012)%20rotate(180)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat 20px 50%;
 color: #fff;
 transition: var(--normalTransition);
}

.recruitMenu a:hover {
 background-color: rgba(2,41,78,0.3);
 background-position: left 20px top 60%;
 transition: var(--normalTransition);
}

.recruitList{
 margin: 0 1em 3%;
 font-size: var(--font15);
}

.recruitList dt{
 font-style: normal;
 display: inline-block;
 background: var(--baseJIN);
 color: #fff;
 border-radius: 5px;
 padding: .5em .8em;
 line-height: 1;
 margin-top: .8em;
 margin-bottom: .3em;
}

.recruitContent h4{
 font-size: var(--font17);
}
.recruitContent p{
 font-size: var(--font15);
}


@media screen and (max-width: 767px) {
 
 
 
.recruitStaff {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
}
.recruitStaff figure {
 width: 100%;
 margin-bottom: 8%;
 padding-bottom: 8%;
 border-bottom:1px solid var(--borderGray);
}
.recruitStaff figure img{
 width: 80%;
 margin: 0 auto 4%;
}


.recruitStaff figcaption {
 font-size: var(--font14);
}
.recruitStaff figcaption strong {
 font-size: var(--font16);
}


.recruitMenu {
 flex-direction: column;
}
.recruitMenu li {
 width: 90%;
 margin: 2% auto;
}
.recruitMenu a {
 font-size: var(--font16);
}

.recruitList dt{
 font-size: var(--font15);
}
 .recruitList dd{
 font-size: var(--font14);
}
 
.recruitContent h4{
 font-size: var(--font16);
}
.recruitContent p{
 font-size: var(--font14);
}
 
}

.newsDate{
 font-size: var(--font14);
 text-align: left;
}

.backBtn a {
 background: var(--baseJIN) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M7%2C0l7%2C12H0Z%22%20transform%3D%22translate(12)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat 10px 50% / 8px;
 display: inline-block;
 border-radius: 5px;
 color: #fff;
 font-size: var(--font16);
 margin-top: 1em;
 line-height: 1;
 padding: .5em 1em .5em 2em;
 transition: var(--normalTransition)
}

.backBtn a:hover{
 background-color: rgba(2,41,78,0.3);
 background-position: 15px 50%;
 transition: var(--normalTransition)
}



a .detailsButton{
 background: var(--baseJIN) url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2214%22%20viewBox%3D%220%200%2012%2014%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_1%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%201%22%20d%3D%22M7%2C0l7%2C12H0Z%22%20transform%3D%22translate(12)%20rotate(90)%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat 10px 50% / 8px;
 display: inline-block;
 border-radius: 5px;
 color: #fff;
 font-size: var(--font18);
 line-height: 1;
 padding: 1em 2em 1em 4em;
 transition: var(--normalTransition);
 margin: 1em auto 2.5em;
}

a:hover .detailsButton{
 background-color: rgba(2,41,78,0.3);
 background-position: 15px 50%;
 transition: var(--normalTransition)
}


.fukushima_facilyty{
 display: flex;
 margin-top: 30px;
}
.fukushima_facilyty img{
 padding: 5px;
}

@media screen and (max-width: 767px) {
 
.fukushima_facilyty{
 display: flex;
 margin-top: 30px;
 flex-wrap: wrap;
}
 .fukushima_facilyty figure{
 padding: 5px;
  width: 50%;
  box-sizing: border-box;
}
 
}

.right{
 display: flex;
 justify-content: flex-end;
}

.moreBtn{
 background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227%22%20height%3D%229%22%20viewBox%3D%220%200%207%209%22%3E%0A%20%20%3Cpath%20id%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2_3%22%20data-name%3D%22%E5%A4%9A%E8%A7%92%E5%BD%A2%203%22%20d%3D%22M4.5%2C0%2C9%2C7H0Z%22%20transform%3D%22translate(7)%20rotate(90)%22%20fill%3D%22%2300274c%22%2F%3E%0A%3C%2Fsvg%3E%0A') no-repeat left 50%;
 padding-left: 1.5em;
 font-size: var(--font14);
 text-align: right;
}

a.moreBtn{
 color: var(--baseJIN);
}