@charset "UTF-8";

.content-items-02 .content-01 .inner-item .item-01 .jp,
.content-items-02 .content-02 .inner-item .item-01 .jp { font-size:20px;}
.content-items-02 .content-01 .inner-item .more a,
.content-items-02 .content-02 .inner-item .more a { font-size:16px;}
.content-items-01 .news-items .date,
.content-items-01 .news-items .title { font-size:16px;}
.content-items-03 .item-01 .ttl { font-size:20px;}
.content-items-01 .news-items .item-01,
.content-items-01 .news-items .news { font-size:20px;}
.content-items-02 .content-01 .inner-item .item-02>*,
.content-items-02 .content-02 .inner-item .item-02>* { font-size:24px;}
.content-items-02 .title-01 { font-size:30px;}
.content-items-01 { font-size:45px;}
.content-items-02 .content-01 .inner-item .item-01,
.content-items-02 .content-02 .inner-item .item-01,
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02,
.content-items-02 .content-01 .inner-item .more,
.content-items-02 .content-02 .inner-item .more { font-size:103px;}
.content-items-03 .item-01 .exp { font-size:16px;}
.content-items-01 .news-items .title a { text-decoration:underline; transition:text-decoration-color 400ms; text-decoration-thickness:.8px; text-underline-offset:.3em;}
.content-items-01 .recruit,
.content-items-02 .content-01 .inner-item .item-01 .en,
.content-items-02 .content-02 .inner-item .item-01 .en { font-family:"Oswald","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:700;}
.content-items-01 .recruit *,
.content-items-02 .content-01 .inner-item .item-01 .en *,
.content-items-02 .content-02 .inner-item .item-01 .en * { font-family:"Oswald","游ゴシック Medium","Yu Gothic Medium","游ゴシック",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif; font-weight:700;}
.page-top { width:100%; overflow-x:hidden;}
.top-main-visual-wrap { width:100%; position:relative;}
.top-main-visual { width:100%;}
.swiper-pagination-bullets.top-main-visual-pagination { z-index:1; transform:translateX(-50%); position:absolute; left:50%; bottom:0; max-width:100%; display:flex; justify-content:center; flex-wrap:wrap; padding-bottom:25px; user-select:none;}
.swiper-pagination-bullets .pagination-bullet { width:0.6875em; height:0.6875em; border-radius:1.25em; transition:background-color 400ms; background-color:#fff; display:block; cursor:pointer;}
.swiper-pagination-bullets .pagination-bullet+.pagination-bullet { margin-left:1.5em;}
.swiper-pagination-bullets .pagination-bullet.active { background-color:#008f5c;}
.content-items-01 { max-width:1355px; width:90%; margin-left:auto; margin-right:auto; min-height:282px; padding-bottom:130px; position:relative; z-index:1;}
.content-items-01 .news-items { width:calc(100% - 265px); margin-top:0.9556em;}
.content-items-01 .news-items .item-01 { font-weight:700; display:block; position:absolute; left:0; top:0; width:8em; text-indent:.25em;}
.content-items-01 .news-items .news { margin-left:auto; padding-top:.17em; width:calc(100% - 9em); display:flex;}
.content-items-01 .news-items .news+.news { padding-top:0; margin-top:.7em;}
.content-items-01 .news-items .news * { line-height:1.8;}
.content-items-01 .news-items .date { font-style:normal;}
.content-items-01 .news-items .title { width:calc(100% - 1.8em - 5.5625em); margin-left:auto; letter-spacing:.1em;}
.content-items-01 .news-items .title a { text-decoration-color:#000;}
.content-items-01 .recruit { width:5.4222em; height:5.4222em; text-align:center; position:absolute; border-radius:6.6667em; right:0; top:0; transform:translateY(-44%);}
.content-items-01 .recruit a { position:absolute; width:100%; height:100%; left:0; top:0; display:flex; justify-content:center; align-items:center; border-radius:6.6667em; background-color:#000;}
.content-items-01 .recruit a::before { content:""; display:block; background-color:rgba(255,255,255,
.2); width:0; height:0; position:absolute; left:50%; top:50%; border-radius:6.6667em; transform:translate(-50%, -50%); transition:width 400ms,height 400ms,opacity 200ms;}
.content-items-01 .recruit strong { display:block; line-height:1.1; color:#fff; font-weight:700;}
.content-items-02 { width:100%; padding-bottom:280px;}
.content-items-02 .title-01 { max-width:1355px; width:100%; margin-left:auto; margin-right:auto; background-color:#000; padding-top:.5em; padding-bottom:.5em; padding-left:2em; position:relative;}
.content-items-02 .title-01 strong { position:relative; letter-spacing:.1em; color:#fff; font-weight:700; display:block;}
.content-items-02 .title-01::before { content:""; display:block; background-color:#000; position:absolute; right:0; top:0; height:100%; width:calc((100vw - var(--scroll-bar-w) - 1355px) / 2 + 1px); transform:translateX(calc(100% - 1px));}
.content-items-02 .title-01+.content-01 { padding-top:190px;}
.content-items-02 .content-01,
.content-items-02 .content-02 { max-width:1920px; width:100%; margin-left:auto; margin-right:auto; padding-top:210px; display:flex;}
.content-items-02 .content-01 .inner-item,
.content-items-02 .content-02 .inner-item { width:calc(100% - 1230px); position:relative;}
.content-items-02 .content-01 .inner-item .item-01,
.content-items-02 .content-02 .inner-item .item-01 { width:410px; padding-bottom:50px; position:relative;}
.content-items-02 .content-01 .inner-item .item-01 .en,
.content-items-02 .content-02 .inner-item .item-01 .en { font-style:normal; display:block; line-height:1; letter-spacing:.03em; white-space:nowrap; padding-top:60px;}
.content-items-02 .content-01 .inner-item .item-01 .en.company,
.content-items-02 .content-02 .inner-item .item-01 .en.company { margin-left:-0.05em; width:calc(100% + .05em);}
.content-items-02 .content-01 .inner-item .item-01 .en.product,
.content-items-02 .content-02 .inner-item .item-01 .en.product { margin-left:-0.07em; width:calc(100% + .1em);}
.content-items-02 .content-01 .inner-item .item-01 .en.factory,
.content-items-02 .content-02 .inner-item .item-01 .en.factory { margin-left:-0.05em; width:calc(100% + .05em);}
.content-items-02 .content-01 .inner-item .item-01 .jp,
.content-items-02 .content-02 .inner-item .item-01 .jp { padding-top:3.1707%; display:block; width:100%; font-weight:700; letter-spacing:.1em; line-height:1.5;}
.content-items-02 .content-01 .inner-item .item-01::before,
.content-items-02 .content-02 .inner-item .item-01::before { content:""; display:block; background-color:#000; width:calc(1920px - 1230px + (100vw - 1920px - var(--scroll-bar-w)) / 2); height:2px; position:absolute; bottom:0; transform:translateY(50%);}
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02 { width:410px; padding-top:50px;}
.content-items-02 .content-01 .inner-item .item-02>*,
.content-items-02 .content-02 .inner-item .item-02>* { line-height:2.0833; letter-spacing:.03em; width:100%; font-weight:700; word-break:keep-all;}
.content-items-02 .content-01 .inner-item .more,
.content-items-02 .content-02 .inner-item .more { text-align:center; width:3.9806em; padding-top:55px;}
.content-items-02 .content-01 .inner-item .more a,
.content-items-02 .content-02 .inner-item .more a { display:flex; align-items:center; justify-content:center; background-color:#000; width:10.625em; height:2.5em; position:relative; cursor:pointer;}
.content-items-02 .content-01 .inner-item .more a *,
.content-items-02 .content-02 .inner-item .more a * { cursor:pointer;}
.content-items-02 .content-01 .inner-item .more a::before,
.content-items-02 .content-02 .inner-item .more a::before { content:""; display:block; background-color:rgba(255,255,255,
.2); height:100%; position:absolute; left:auto; right:0; transition:width 400ms; width:0; animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
.content-items-02 .content-01 .inner-item .more a:active::before,
.content-items-02 .content-02 .inner-item .more a:active::before { left:0; right:auto; width:100%;}
.content-items-02 .content-01 .inner-item .more strong,
.content-items-02 .content-02 .inner-item .more strong { line-height:1.5; font-weight:700; color:#fff; letter-spacing:.15em; position:relative;}
.content-items-02 .content-01 figure,
.content-items-02 .content-02 figure { display:flow-root; width:1230px;}
.content-items-02 .content-01 figure img,
.content-items-02 .content-02 figure img { float:left;}
.content-items-02 .content-01 .inner-item .item-01 { margin-left:auto;}
.content-items-02 .content-01 .inner-item .item-01::before { right:0;}
.content-items-02 .content-01 .inner-item .item-02 { margin-left:auto;}
.content-items-02 .content-01 .inner-item .more { margin-left:auto;}
.content-items-02 .content-02 .inner-item { order:2;}
.content-items-02 .content-02 .inner-item .item-01 .en { text-align:right; display:flex; justify-content:flex-end;}
.content-items-02 .content-02 .inner-item .item-01 .jp { text-align:right;}
.content-items-02 .content-02 .inner-item .item-01::before { left:0;}
.content-items-02 .content-02 .inner-item .item-02 { text-align:right;}
.content-items-02 .content-02 .inner-item .more a { margin-left:auto;}
.content-items-02 .content-02 figure { order:1;}
.content-items-03 { width:100%; background-color:#e2e5e5; padding-top:55px; padding-bottom:55px;}
.content-items-03 .inner-item { max-width:1355px; width:90%; margin-left:auto; margin-right:auto; display:flex; justify-content:space-between;}
.content-items-03 .qds-logo { width:265px;}
.content-items-03 .qds-logo img { float:left; mix-blend-mode:multiply;}
.content-items-03 .item-01 { width:calc(100% - 265px - 80px); display:flex; justify-content:center; flex-direction:column;}
.content-items-03 .item-01 .ttl { line-height:1.6; letter-spacing:.1em; font-weight:700; width:100%; margin-top:-0.35em;}
.content-items-03 .item-01 .exp { line-height:1.875; letter-spacing:.08em; width:100%; padding-top:1.1881%; padding-bottom:2.3762%;}
.content-items-03 .item-01 .more { text-align:center; width:10.625em;}
.content-items-03 .item-01 .more a { position:relative; color:#fff; display:flex; align-items:center; justify-content:center; width:100%; height:2.5em; background-color:#6c7b64;}
.content-items-03 .item-01 .more a::before { content:""; display:block; background-color:rgba(255,255,255,
.15); height:100%; position:absolute; left:auto; right:0; transition:width 400ms; width:0; animation-timing-function:cubic-bezier(0.19, 1, 0.22, 1);}
.content-items-03 .item-01 .more a:active::before { left:0; right:auto; width:100%;}
.content-items-03 .item-01 .more strong { line-height:1.5; font-weight:700; color:#fff; letter-spacing:.15em; position:relative;}

@media (max-width:1920px) {
.content-items-02 { padding-bottom:14.5833%;}
.content-items-02 .title-01 { width:1640px; max-width:none; margin-right:0; margin-left:auto;}
.content-items-02 .title-01+.content-01 { padding-top:9.8958%;}
.content-items-02 .content-01,
.content-items-02 .content-02 { padding-top:10.9375%;}
}

@media (max-width:1726px) {
.swiper-pagination-bullets.top-main-visual-pagination { padding-bottom:1.4484%;}
.content-items-01 { min-height:6.2667em; padding-bottom:7.5319%;}
.content-items-01 .news-items { width:calc(100% - 6.2222em);}
.content-items-02 .title-01 { width:95%;}
.content-items-02 .title-01::before { content:none;}
.content-items-02 .content-01 .inner-item,
.content-items-02 .content-02 .inner-item { width:28.737%;}
.content-items-02 .content-01 .inner-item .item-01,
.content-items-02 .content-02 .inner-item .item-01 { width:82.6613%; padding-bottom:10.0806%;}
.content-items-02 .content-01 .inner-item .item-01 .en,
.content-items-02 .content-02 .inner-item .item-01 .en { padding-top:14.6341%;}
.content-items-02 .content-01 .inner-item .item-01::before,
.content-items-02 .content-02 .inner-item .item-01::before { width:120.9756%;}
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02 { width:82.6613%; padding-top:10.0806%;}
.content-items-02 .content-01 .inner-item .more,
.content-items-02 .content-02 .inner-item .more { width:82.6613%; padding-top:11.0887%;}
.content-items-02 .content-01 figure,
.content-items-02 .content-02 figure { width:71.263%;}
}

@media (max-width:1506px) {
.content-items-02 .content-01 .inner-item .item-02>*,
.content-items-02 .content-02 .inner-item .item-02>* { line-height:1.9;}
.content-items-03 { padding-top:3.6521%; padding-bottom:3.6521%;}
}

@media (max-width:1200px) {
.content-items-02 .content-01 .inner-item .item-01::before,
.content-items-02 .content-02 .inner-item .item-01::before { transform:translateY(-50%) scaleY(0.7);}
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02 { padding-top:8.5685%;}
.content-items-02 .content-01 .inner-item .more,
.content-items-02 .content-02 .inner-item .more { padding-top:8.871%;}
}

@media (max-width:1100px) {
.content-items-03 .qds-logo { width:26.7677%;}
.content-items-03 .item-01 { width:66.6667%;}
}

@media (max-width:768px) {
.swiper-pagination-bullets.top-main-visual-pagination { padding-bottom:3.2552%;}
.content-items-01 { min-height:6.1538em; padding-bottom:7.8125%;}
.content-items-01 .news-items { margin-top:1.2692em;}
.content-items-01 .news-items .item-01 { width:100%; position:relative; display:flex; align-items:center; justify-content:space-between;}
.content-items-01 .news-items .item-01+.news { padding-top:1.2em;}
.content-items-01 .news-items .item-01::after { content:""; display:block; background-color:#000; flex-grow:1; height:2px; transform:scaleY(0.5); margin-left:1em;}
.content-items-01 .news-items .news { width:calc(100% - .2em); margin-left:auto;}
.content-items-01 .news-items .news+.news { margin-top:.6em;}
.content-items-01 .news-items .title { width:calc(100% - 1.4em - 5.5625em);}
.content-items-01 .recruit { transform:translateY(-47.5%);}
.content-items-02 .title-01 { padding-left:1.3em; display:flex; align-items:center; min-height:2.6471em;}
.content-items-02 .title-01+.content-01 { padding-top:7.8125%;}
.content-items-02 .content-01,
.content-items-02 .content-02 { flex-direction:column; padding-top:13.0208%;}
.content-items-02 .content-01 .inner-item,
.content-items-02 .content-02 .inner-item { width:100%;}
.content-items-02 .content-01 .inner-item .item-01,
.content-items-02 .content-02 .inner-item .item-01 { width:90%; margin-right:auto; margin-left:auto; padding-bottom:5.2083%;}
.content-items-02 .content-01 .inner-item .item-01 .en,
.content-items-02 .content-02 .inner-item .item-01 .en { margin-top:-0.3em; padding-top:0;}
.content-items-02 .content-01 .inner-item .item-01 .en.factory,
.content-items-02 .content-02 .inner-item .item-01 .en.factory { margin-left:-0.03em;}
.content-items-02 .content-01 .inner-item .item-01 .jp,
.content-items-02 .content-02 .inner-item .item-01 .jp { padding-top:2.1701%;}
.content-items-02 .content-01 .inner-item .item-01::before,
.content-items-02 .content-02 .inner-item .item-01::before { width:calc((100vw - var(--scroll-bar-w)) * 0.95);}
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02 { width:90%; margin-right:auto; margin-left:auto; padding-top:5.8594%;}
.content-items-02 .content-01 .inner-item .more,
.content-items-02 .content-02 .inner-item .more { padding-top:5.2083%; width:90%;}
.content-items-02 .content-01 figure,
.content-items-02 .content-02 figure { width:100%;}
.content-items-02 .content-01 .inner-item { order:2;}
.content-items-02 .content-01 .inner-item .more { margin-right:auto;}
.content-items-02 .content-01 figure { order:1;}
.content-items-02 .content-02 .inner-item .more { margin-right:auto; margin-left:auto;}
.content-items-03 { padding-top:5.8594%; padding-bottom:5.8594%;}
.content-items-03 .qds-logo { display:flex; justify-content:center; flex-direction:column; width:33.2755%;}
.content-items-03 .item-01 { width:60.9375%;}
.content-items-03 .item-01 .exp { line-height:1.75; text-align:justify; text-justify:inter-ideograph; word-break:break-all; padding-top:2.1368%; padding-bottom:4.0598%;}
}

@media (max-width:600px) {
.content-items-03 { padding-top:7.5%; padding-bottom:7.5%;}
.content-items-03 .inner-item { flex-direction:column; justify-content:flex-start; align-items:center;}
.content-items-03 .qds-logo { max-width:230px; width:50%;}
.content-items-03 .item-01 { width:100%; padding-top:8.3333%;}
.content-items-03 .item-01 .ttl { text-align:center;}
.content-items-03 .item-01 .exp { text-align:center; padding-top:1.1396%; padding-bottom:2.7066%;}
.content-items-03 .item-01 .more { margin-right:auto; margin-left:auto;}
}

@media (max-width:500px) {
.content-items-01 .news-items { width:100%; margin-top:1.5385em;}
.content-items-01 .news-items .news * { line-height:1.7;}
.content-items-01 .recruit { transform:translate(6%, -65%);}
}

@media (max-width:320px) {
.content-items-01 .news-items .date,
.content-items-01 .news-items .title { font-size:11px;}
.content-items-02 .content-01 .inner-item .more a,
.content-items-02 .content-02 .inner-item .more a { font-size:11px;}
.content-items-02 .title-01 { font-size:11px;}
.content-items-02 .content-01 .inner-item .item-02>*,
.content-items-02 .content-02 .inner-item .item-02>* { font-size:11px;}
.content-items-02 .content-01 .inner-item .item-01 .jp,
.content-items-02 .content-02 .inner-item .item-01 .jp { font-size:11px;}
.content-items-01 .news-items .item-01,
.content-items-01 .news-items .news { font-size:12px;}
.content-items-03 .item-01 .ttl { font-size:12px;}
.content-items-01 { font-size:14px;}
.content-items-03 .item-01 .exp { font-size:10px;}
.content-items-02 .content-01 .inner-item .item-01,
.content-items-02 .content-02 .inner-item .item-01,
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02 { font-size:38px;}
}

@media (min-width:768.1px) and (max-width:1726px) {
.content-items-02 .content-01 .inner-item .item-01 .jp,
.content-items-02 .content-02 .inner-item .item-01 .jp { font-size:calc(11px + (1vw - 7.68px) * .9395);}
.content-items-02 .content-01 .inner-item .item-02>*,
.content-items-02 .content-02 .inner-item .item-02>* { font-size:calc(11px + (1vw - 7.68px) * 1.357);}
.content-items-02 .title-01 { font-size:calc(13px + (1vw - 7.68px) * 1.7745);}
.content-items-01 { font-size:calc(20px + (1vw - 7.68px) * 2.6096);}
.content-items-02 .content-01 .inner-item .item-01,
.content-items-02 .content-02 .inner-item .item-01,
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02,
.content-items-02 .content-01 .inner-item .more,
.content-items-02 .content-02 .inner-item .more { font-size:calc(46px + (1vw - 7.68px) * 5.9499);}
}

@media (min-width:768.1px) and (max-width:1506px) {
.content-items-02 .content-01 .inner-item .more a,
.content-items-02 .content-02 .inner-item .more a { font-size:calc(11px + (1vw - 7.68px) * .6775);}
.content-items-01 .news-items .date,
.content-items-01 .news-items .title { font-size:calc(12px + (1vw - 7.68px) * .542);}
.content-items-03 .item-01 .ttl { font-size:calc(13px + (1vw - 7.68px) * .9485);}
.content-items-01 .news-items .item-01,
.content-items-01 .news-items .news { font-size:calc(15px + (1vw - 7.68px) * .6775);}
.content-items-03 .item-01 .exp { font-size:calc(10px + (1vw - 7.68px) * .813);}
}

@media (min-width:320.1px) and (max-width:768px) {
.content-items-01 .news-items .date,
.content-items-01 .news-items .title { font-size:calc(11px + (1vw - 3.2px) * .6696);}
.content-items-02 .content-01 .inner-item .more a,
.content-items-02 .content-02 .inner-item .more a { font-size:calc(11px + (1vw - 3.2px) * 1.1161);}
.content-items-02 .title-01 { font-size:calc(11px + (1vw - 3.2px) * 1.3393);}
.content-items-02 .content-01 .inner-item .item-02>*,
.content-items-02 .content-02 .inner-item .item-02>* { font-size:calc(11px + (1vw - 3.2px) * 1.5625);}
.content-items-02 .content-01 .inner-item .item-01 .jp,
.content-items-02 .content-02 .inner-item .item-01 .jp { font-size:calc(11px + (1vw - 3.2px) * 2.0089);}
.content-items-01 .news-items .item-01,
.content-items-01 .news-items .news { font-size:calc(12px + (1vw - 3.2px) * 1.3393);}
.content-items-03 .item-01 .ttl { font-size:calc(12px + (1vw - 3.2px) * 1.7857);}
.content-items-01 { font-size:calc(14px + (1vw - 3.2px) * 2.6786);}
.content-items-03 .item-01 .exp { font-size:calc(10px + (1vw - 3.2px) * .6696);}
.content-items-02 .content-01 .inner-item .item-01,
.content-items-02 .content-02 .inner-item .item-01,
.content-items-02 .content-01 .inner-item .item-02,
.content-items-02 .content-02 .inner-item .item-02 { font-size:calc(38px + (1vw - 3.2px) * 11.6071);}
}

@media (hover:hover) and (pointer:fine) {
.content-items-01 .recruit a:hover::before { width:100%; height:100%;}
.content-items-02 .content-01 .inner-item .more a:hover::before,
.content-items-02 .content-02 .inner-item .more a:hover::before { left:0; right:auto; width:100%;}
.content-items-03 .item-01 .more a:hover::before { left:0; right:auto; width:100%;}
}