:root{--color-white: #ffffff;--color-black: #000000;--color-sub-black: #353535;--color-sub-black-2: #9b9b9b;--color-main: #16304a;--color-sub: #8fb7bf;--color-text: #1d2529;--color-label: #16304a;--color-label-text: #ffffff;--color-button: #16304a;--color-button-text: #ffffff;--color-label-new: #16304a;--color-bg-emph: rgba(22, 48, 74, 0.06);--color-background: #f4f7f7;--color-mask: rgba(29, 37, 41, 0.4);--color-surface: #ffffff;--color-surface-quiet: color-mix(in srgb, var(--color-main) 7%, transparent);--color-line: color-mix(in srgb, var(--color-text) 14%, transparent);--color-line-quiet: color-mix(in srgb, var(--color-text) 8%, transparent);--color-line-accent: color-mix(in srgb, var(--color-main) 55%, transparent);--color-text-quiet: color-mix(in srgb, var(--color-text) 62%, transparent);--color-text-faint: color-mix(in srgb, var(--color-text) 40%, transparent);--color-veil: color-mix(in srgb, var(--color-background) 62%, transparent);--gradient-main: linear-gradient( 90deg, #7c0000 0%, #cc0000 50%, #7c0000 100% );--shadow-white: 0 0 4px #ffffff;--shadow-black: 0 0 5px #000000;--shadow-box: rgba(255, 255, 255, 1);--shadow-soft: 0 10px 30px color-mix(in srgb, var(--color-text) 7%, transparent)}@font-face{font-family:"Cinzel";font-weight:400;src:url("../fonts/Cinzel-Regular.woff2") format("woff2");font-display:swap}.recruit__section{margin-top:8.3333333333vw}@media(min-width: 1920px){.recruit__section{margin-top:160px}}@media(max-width: 767px){.recruit__section{margin-top:15.6453715776vw}}.recruit__section .recruitment__list{width:59.7222222222vw}@media(min-width: 1920px){.recruit__section .recruitment__list{width:1146.6666666667px}}@media(max-width: 767px){.recruit__section .recruitment__list{width:96.479791395vw}}.recruit__section .recruitment__list{margin:0 auto;display:flex;justify-content:flex-start;flex-wrap:wrap}@media not screen and (min-width: 768px){.recruit__section .recruitment__list{flex-direction:column}}.recruit__section .recruitment__list li{padding:10px 20px;margin-bottom:1.3888888889vw}@media not screen and (min-width: 768px){.recruit__section .recruitment__list li{margin-bottom:0}}.recruit__section .recruitment__list li.recruitment__title{width:calc(35% - 80px);background-color:var(--color-label);position:relative;display:flex;align-items:center}@media not screen and (min-width: 768px){.recruit__section .recruitment__list li.recruitment__title{width:calc(100% - 10.4302477184vw)}}.recruit__section .recruitment__list li.recruitment__title::after{position:absolute;content:"";top:50%;right:-20px;border:solid rgba(0,0,0,0);height:0;width:0;border-style:solid;pointer-events:none;border-left-color:var(--color-label);border-width:10px;margin-top:-10px}@media not screen and (min-width: 768px){.recruit__section .recruitment__list li.recruitment__title::after{border-width:5px;margin-top:-5px;transform:translateX(-50%) rotate(90deg);top:unset;bottom:-10px;left:50%}}.recruit__section .recruitment__list li.recruitment__title span{color:var(--color-label-text);font-size:.9722222222vw}@media(min-width: 1920px){.recruit__section .recruitment__list li.recruitment__title span{font-size:18.6666666667px}}@media(max-width: 767px){.recruit__section .recruitment__list li.recruitment__title span{font-size:3.6505867014vw}}.recruit__section .recruitment__list li.recruitment__title span{letter-spacing:.0694444444vw}@media(min-width: 1920px){.recruit__section .recruitment__list li.recruitment__title span{letter-spacing:1.3333333333px}}@media(max-width: 767px){.recruit__section .recruitment__list li.recruitment__title span{letter-spacing:.1303780965vw}}.recruit__section .recruitment__list li.recruitment__content{width:65%;background-color:var(--color-surface)}@media not screen and (min-width: 768px){.recruit__section .recruitment__list li.recruitment__content{width:calc(100% - 10.4302477184vw)}}.recruit__section .recruitment__list li.recruitment__content span{color:var(--color-text);font-size:.9722222222vw}@media(min-width: 1920px){.recruit__section .recruitment__list li.recruitment__content span{font-size:18.6666666667px}}@media(max-width: 767px){.recruit__section .recruitment__list li.recruitment__content span{font-size:3.6505867014vw}}.recruit__section .recruitment__list li.recruitment__content span{line-height:1.9}@media not screen and (min-width: 768px){.recruit__section .recruitment__list li:nth-child(even){margin-bottom:5.2151238592vw}}
