@charset "utf-8";

*{box-sizing:border-box}

.news-detail-hero__copy{padding-right:24px;padding-left:24px}

.news-detail-body{padding-right:24px;padding-left:24px}

.news-detail-page{font-size:16px}

.news-detail-page h1{font-size:34px}

.news-detail-page h2{font-size:30px}

.news-detail-page h3{font-size:20px}

.news-detail-page :is(p,li,dt,dd){font-size:16px}

.news-detail-page :is(small,time,[class*="note"],[class*="caption"],[class*="eyebrow"],[class*="meta"]){font-size:14px}

.news-detail-page :is(button,[class*="btn"],[class*="button"]){font-size:16px}

@media (min-width:701px){.news-detail-hero__copy{padding-right:48px;padding-left:56px}.news-detail-body{padding-right:56px;padding-left:56px}}

@media (min-width:769px){.news-detail-page h1{font-size:40px}.news-detail-page h2{font-size:38px}}

@media (min-width:1281px){.news-detail-hero__copy{padding-left:calc(0.5*(100vw - 1180px))}.news-detail-body{padding-right:calc(0.5*(100vw - 1180px));padding-left:calc(0.5*(100vw - 1180px))}}

.news-detail-page,.news-detail-page *,.news-detail-page *::before,.news-detail-page *::after{box-sizing:border-box}

.news-detail-page{--news-detail-green: #214b37;--news-detail-cream: #f5f0e7;--news-detail-ink: #282b27;color:var(--news-detail-ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}

.news-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:142px;overflow:hidden;background:var(--news-detail-cream)}

.news-detail-hero__copy{position:relative;z-index:2;display:flex;min-height:142px;align-items:center;padding:18px 48px 18px max(9vw,72px);background:var(--news-detail-cream);clip-path:polygon(0 0,88%0,100% 50%,88% 100%,0 100%)}

.news-detail-hero__copy h1{margin:0;color:var(--news-detail-green);font-family:"Shippori Mincho","Noto Serif JP","Yu Mincho",serif;font-size:clamp(34px,3.2vw,48px);font-weight:600;line-height:1.2;letter-spacing:0.1em}

.news-detail-hero__visual{overflow:hidden}

.news-detail-hero__visual img{display:block;width:112%;object-fit:cover;object-position:54% 49%}

.news-detail-body{padding:52px 28px 68px;background:#fff}

.news-detail-body>.webgene-detail>span{display:block;padding:210px 24px;color:#77766f}

.news-detail-style-contract{display:none}

.news-detail-body>.webgene-blog,.news-detail-card{width:min(100%,800px)}

.news-detail-card__meta{display:flex;gap:18px}

.news-detail-card__category{display:inline-flex;min-width:120px;min-height:28px;align-items:center;justify-content:center;padding:4px 16px;color:#fff;background:var(--news-detail-green);border-radius:999px;font-size:13px;line-height:1.4}

.news-detail-card__category[data-category="お知らせ"]{background:#4d4c47}

.news-detail-card__category[data-category="採用情報"]{background:#cc5518}

.news-detail-card__date{color:#77766f;font-size:14px;font-variant-numeric:tabular-nums}

.news-detail-card__title{margin:22px 0 0;color:var(--news-detail-green);font-family:"Shippori Mincho","Noto Serif JP","Yu Mincho",serif;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.5;letter-spacing:0.035em}

.news-detail-card__image{display:block;width:min(100%,600px);aspect-ratio:3/2;object-fit:cover}

.news-detail-card__image[src=""]{display:none}

.news-detail-card__content{color:#20221f;font-size:16px}

.news-detail-card__content ul,.news-detail-card__content ol{padding-left:1.45em}

.news-detail-card__content strong{font-weight:700}

.news-detail-card__back{display:flex;width:min(100%,270px);min-height:50px;align-items:center;justify-content:center;margin:52px auto 0;color:var(--news-detail-green);border:1px solid var(--news-detail-green);border-radius:4px;font-family:"Shippori Mincho","Noto Serif JP","Yu Mincho",serif;font-size:16px;letter-spacing:0.04em;text-decoration:none;transition:color 160ms ease,background-color 160ms ease}

.news-detail-card__back:hover{color:#fff;background:var(--news-detail-green)}

.news-detail-hero{grid-template-columns:58% 42%}

.news-detail-hero__copy{padding-left:28px;clip-path:polygon(0 0,82%0,100% 50%,82% 100%,0 100%)}

.news-detail-hero__copy h1{font-size:34px}

.news-detail-body{padding:38px 20px 56px}

.news-detail-card__meta{gap:12px}

.news-detail-card__category{min-width:100px;font-size:12px}

.news-detail-card__title{font-size:25px}

.news-detail-card__content{font-size:15px}

@media (min-width:701px){.news-detail-hero{grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:142px}.news-detail-hero__copy{min-height:142px;padding:18px 48px 18px max(9vw,72px);clip-path:polygon(0 0,88%0,100% 50%,88% 100%,0 100%)}.news-detail-hero__copy h1{font-size:clamp(34px,3.2vw,48px)}.news-detail-hero__visual{height:auto;min-height:142px}.news-detail-hero__visual img{height:142px}.news-detail-body{padding:52px 28px 68px}.news-detail-card__meta{gap:18px}.news-detail-card__category{min-width:120px;font-size:13px}.news-detail-card__title{margin-top:22px;font-size:clamp(27px,3vw,38px)}.news-detail-card__image{margin-top:48px}.news-detail-card__content{margin-top:42px;font-size:16px}.news-detail-card__back{margin-top:52px}}

.news-detail-hero__copy{padding-right:24px;padding-left:24px}

.news-detail-body{padding-right:24px;padding-left:24px}

.news-detail-page{font-size:16px}

@media (min-width:701px){.news-detail-hero__copy{padding-right:48px;padding-left:56px}.news-detail-body{padding-right:56px;padding-left:56px}}

@media (min-width:769px){}

@media (min-width:1281px){}

.news-detail-page{--news-detail-green: #214b37;--news-detail-cream: #f5f0e7;--news-detail-ink: #282b27;color:var(--news-detail-ink);background:#fff;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}

.news-detail-hero{position:relative;display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:142px;overflow:hidden;background:var(--news-detail-cream)}

.news-detail-hero__copy{position:relative;z-index:2;display:flex;min-height:142px;align-items:center;padding:18px 48px 18px max(9vw,72px);background:var(--news-detail-cream);clip-path:polygon(0 0,88%0,100% 50%,88% 100%,0 100%)}

.news-detail-hero__copy h1{margin:0;color:var(--news-detail-green);font-family:"Shippori Mincho","Noto Serif JP","Yu Mincho",serif;font-size:clamp(34px,3.2vw,48px);font-weight:600;line-height:1.2;letter-spacing:0.1em}

.news-detail-body{padding:52px 28px 68px;background:#fff}

.news-detail-card__meta{display:flex;gap:18px}

.news-detail-card__category{display:inline-flex;min-width:120px;min-height:28px;align-items:center;justify-content:center;padding:4px 16px;color:#fff;background:var(--news-detail-green);border-radius:999px;font-size:13px;line-height:1.4}

.news-detail-card__title{margin:22px 0 0;color:var(--news-detail-green);font-family:"Shippori Mincho","Noto Serif JP","Yu Mincho",serif;font-size:clamp(27px,3vw,38px);font-weight:500;line-height:1.5;letter-spacing:0.035em}

.news-detail-card__content{color:#20221f;font-size:16px}

.news-detail-hero{grid-template-columns:58% 42%}

.news-detail-hero__copy{padding-left:28px;clip-path:polygon(0 0,82%0,100% 50%,82% 100%,0 100%)}

.news-detail-hero__copy h1{font-size:34px}

.news-detail-body{padding:38px 20px 56px}

.news-detail-card__meta{gap:12px}

.news-detail-card__category{min-width:100px;font-size:12px}

.news-detail-card__title{font-size:25px}

.news-detail-card__content{font-size:15px}

@media (min-width:701px){.news-detail-hero__copy{min-height:142px;padding:18px 48px 18px max(9vw,72px);clip-path:polygon(0 0,88%0,100% 50%,88% 100%,0 100%)}.news-detail-body{padding:52px 28px 68px}}