@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap");
:root { --width: 1280; --mainColor: #0d70b6; --recruitColor: #39887a; --fz: 16; --fullWidth: 1280; --header: 26vw; scroll-behavior: smooth; }
@media screen and (max-width: 768px) { :root { --width: 750; --fullWidth: 750; } }
@media screen and (max-width: 768px) { :root { scroll-padding: var(--header); } }

/*------------------------------ reset
--------------------------------*/
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, pre, form, fieldset, input, textarea, blockquote, ul, ol, li, figure { margin: 0; padding: 0; }

ul, ol, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em; }

body { color: #555; font-size: calc(15 / var(--fz) * 1rem); line-height: 1.85; font-family: "BIZ UDPGothic", sans-serif; }
@media screen and (max-width: 1280px) { body { font-size: calc(15 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { body { font-size: calc(26 / var(--width) * 100vw); } }

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

@media screen and (min-width: 769px) { a[href^="tel:"] { pointer-events: none; } }

a:link, a:visited { transition: .3s; }

a:hover img { opacity: .7; transition: .3s; }

/*------------------------------ layout
--------------------------------*/
.ly_cont { margin: 0 auto; }
@media screen and (min-width: 769px) { .ly_cont { width: min(calc(900 / var(--fullWidth) * 100vw), 900px); } }
@media screen and (max-width: 768px) { .ly_cont { padding: 0 calc(80 / var(--width) * 100vw); } }

.ly_contWide { margin: 0 auto; }
@media screen and (min-width: 769px) { .ly_contWide { width: min(calc(1000 / var(--fullWidth) * 100vw), 1000px); } }
@media screen and (max-width: 768px) { .ly_contWide { padding: 0 calc(80 / var(--width) * 100vw); } }

.ly_contFull { position: relative; margin: 0 auto; }
@media screen and (min-width: 769px) { .ly_contFull { padding: 0 min(calc(75 / var(--width) * 100vw), 75px); } }

.ly_header { background: rgba(255, 255, 255, 0.7); justify-content: space-between; /*position: relative;*/ position: sticky; top: 0; z-index: 99; height: 105px; }
@media screen and (min-width: 769px) { .ly_header { backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); } }
@media screen and (max-width: 768px) { .ly_header { position: fixed; top: 0; width: 100%; height: calc(171 / var(--width) * 100vw); background: #fff; } }

@media screen and (max-width: 768px) { .ly_main { padding-top: calc(171 / var(--width) * 100vw); } }

.ly_sec { padding: calc(100 / var(--width) * 100vw) 0; }
@media screen and (max-width: 768px) { .ly_sec { padding: calc(60 / var(--width) * 100vw) 0 calc(100 / var(--width) * 100vw); } }

.ly_siteMap { position: relative; padding: min(calc(65 / var(--width) * 100vw), 65px) 0; }
@media screen and (max-width: 768px) { .ly_siteMap { padding: calc(67 / var(--width) * 100vw) 0; } }

.ly_footer { position: relative; }

.ly_footerBnr_wrap { padding: 75px 0 50px; background-color: #2a4058; color: #fff; }
@media screen and (max-width: 768px) { .ly_footerBnr_wrap { padding: calc(155 / var(--width) * 100vw) 0 calc(63 / var(--width) * 100vw); } }

.ly_footerBnr { margin-bottom: 40px; }
@media screen and (max-width: 768px) { .ly_footerBnr { margin-bottom: calc(80 / var(--width) * 100vw); } }

.ly_footerSign { padding: 70px 0; }
@media screen and (max-width: 768px) { .ly_footerSign { padding: calc(64 / var(--width) * 100vw) 0; } }

.ly_topNews { padding: min(calc(100 / var(--fullWidth) * 100vw), 100px) 0 min(calc(180 / var(--fullWidth) * 100vw), 470px); box-sizing: border-box; }
@media screen and (max-width: 768px) { .ly_topNews { padding: calc(100 / var(--width) * 100vw) 0 calc(415 / var(--width) * 100vw); } }

.ly_topBiz { position: relative; padding-bottom: min(calc(327 / var(--width) * 100vw), 327px); overflow: hidden; }
@media screen and (max-width: 768px) { .ly_topBiz { padding-bottom: calc(400 / var(--width) * 100vw); } }
.ly_topBiz::after { position: absolute; top: 392px; left: 0; z-index: 2; width: 100%; height: min(calc(60 / var(--width) * 100vw), 60px); background-image: url("../img/top/eng_business.svg"); background-size: contain; background-repeat: repeat-x; content: ""; animation: scroll-anim 40s linear infinite; }
@media screen and (max-width: 768px) { .ly_topBiz::after { top: 50%; transform: translateY(calc(-430 / 2 / var(--width) * 100vw)); } }

.ly_topBusiness { position: relative; padding: min(calc(490 / var(--width) * 100vw), 490px) 0 min(calc(320 / var(--width) * 100vw), 320px); overflow: hidden; }
@media screen and (max-width: 768px) { .ly_topBusiness { padding: 0; } }

.ly_topAbout { padding-top: min(calc(414 / var(--width) * 100vw), 414px); }
@media screen and (max-width: 768px) { .ly_topAbout { padding-top: calc(638 / var(--width) * 100vw); } }

.ly_topSign { margin: min(calc(157 / var(--width) * 100vw), 157px) 0 min(calc(43 / var(--width) * 100vw), 43px); }
@media screen and (max-width: 768px) { .ly_topSign { margin: calc(205 / var(--width) * 100vw) 0 0; } }

.ly_companyChart { background-image: url("../img/company/bg_chart.jpg"); background-image: image-set(url("../img/company/bg_chart.jpg") 1x, url("../img/company/bg_chart@2x.jpg") 2x); background-size: cover; }
@media screen and (max-width: 768px) { .ly_companyChart { background-image: url("../img/company/bg_chart-sp.jpg"); background-image: image-set(url("../img/company/bg_chart-sp.jpg") 1x, url("../img/company/bg_chart-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .ly_companyChart { background-image: url("../img/company/bg_chart-sp.jpg"); } }

.ly_companyArea { background-color: #e1f0f3; }
@media screen and (min-width: 769px) { .ly_companyArea { height: calc(846 / var(--width) * 100vw); padding-bottom: 0; } }
@media screen and (max-width: 768px) { .ly_companyArea { margin-bottom: calc(70 / var(--width) * 100vw); } }

.ly_philosophyGreeting { background-image: url("../img/philosophy/bg_greeting.jpg"); background-image: image-set(url("../img/philosophy/bg_greeting.jpg") 1x, url("../img/philosophy/bg_greeting@2x.jpg") 2x); background-position: bottom center; background-size: cover; }
@media screen and (max-width: 768px) { .ly_philosophyGreeting { background-image: url("../img/philosophy/bg_greeting-sp.jpg"); background-image: image-set(url("../img/philosophy/bg_greeting-sp.jpg") 1x, url("../img/philosophy/bg_greeting-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .ly_philosophyGreeting { background-image: url("../img/philosophy/bg_greeting-sp.jpg"); } }

.ly_philosophyPrinciple { padding: min(calc(60 / var(--width) * 100vw), 60px) 0 min(calc(90 / var(--width) * 100vw), 90px); overflow: hidden; background-color: #cadeec; }
@media screen and (max-width: 768px) { .ly_philosophyPrinciple { padding: calc(127 / var(--width) * 100vw) 0 calc(247 / var(--width) * 100vw); } }

.ly_page { padding-top: min(calc(80 / var(--width) * 100vw), 80px); }

.ly_cv { margin: min(calc(100 / var(--width) * 100vw), 100px) 0 min(calc(35 / var(--width) * 100vw), 35px); text-align: center; }

.ly_contactTel { margin: min(calc(50 / var(--width) * 100vw), 50px) 0 min(calc(130 / var(--width) * 100vw), 130px); }

.ly_mailForm { padding: min(calc(80 / var(--width) * 100vw), 80px) 0 min(calc(130 / var(--width) * 100vw), 130px); }
.ly_mailForm.ly_mailform__rctEntry { background: linear-gradient(90deg, #39887a 0%, #65a297 100%); }

.ly_rct { position: relative; overflow: hidden; }
.ly_rct::before { opacity: .7; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: linear-gradient(90deg, #cccccc 0%, #f6fafd 50%, #cccccc 100%); content: ""; mix-blend-mode: multiply; }

.ly_rct_inner { position: relative; padding-bottom: min(calc(90 / var(--width) * 100vw), 90px); }
.ly_rct_inner::before { position: absolute; top: 0; right: 0; bottom: 0; left: 50%; z-index: -1; transform: translateX(-50%); width: min(calc(1450 / var(--width) * 100vw), 1450px); background-image: url("../img/recruit/guide/bg.svg"); background-position: center -120px; background-size: 100%; background-repeat: repeat-y; content: ""; }
@media screen and (max-width: 768px) { .ly_rct_inner::before { width: calc(950 / var(--width) * 100vw); background-image: url("../img/recruit/guide/bg-sp.svg"); background-position: center calc(-170 / var(--width) * 100vw); } }

.ly_rctAboutLeadTitle { padding: min(calc(142 / var(--width) * 100vw), 142px) 0 min(calc(105 / var(--width) * 100vw), 105px); text-align: center; }
@media screen and (max-width: 768px) { .ly_rctAboutLeadTitle { padding: calc(130 / var(--width) * 100vw) 0; } }

.ly_rctAboutLead { position: relative; padding-bottom: min(calc(153 / var(--width) * 100vw), 153px); text-align: center; }
@media screen and (max-width: 768px) { .ly_rctAboutLead { padding-bottom: calc(120 / var(--width) * 100vw); } }
.ly_rctAboutLead::before { clip-path: polygon(100% 50%, 0 0, 0 100%); position: absolute; top: -296px; left: 0; z-index: -2; width: min(calc(350 / var(--width) * 100vw), 350px); height: 698px; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctAboutLead::before { height: calc(698 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctAboutLead::before { top: calc(-227 / var(--width) * 100vw); width: calc(280 / var(--width) * 100vw); height: calc(558 / var(--width) * 100vw); } }
.ly_rctAboutLead::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; background-image: url("../img/recruit/common/bg_yellow.jpg"); background-size: cover; content: ""; }

.ly_rctAboutSupport { position: relative; padding: min(calc(107 / var(--width) * 100vw), 107px) 0 min(calc(80 / var(--width) * 100vw), 80px); }
@media screen and (max-width: 768px) { .ly_rctAboutSupport { padding: calc(100 / var(--width) * 100vw) 0 0; } }
.ly_rctAboutSupport::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; background-color: #33b780; content: ""; }
.ly_rctAboutSupport::after { clip-path: polygon(0 50%, 100% 0, 100% 100%); position: absolute; top: -349px; right: 0; z-index: -2; width: min(calc(350 / var(--width) * 100vw), 350px); height: 698px; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctAboutSupport::after { top: calc(-349 / var(--width) * 100vw); height: calc(698 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctAboutSupport::after { top: calc(-279 / var(--width) * 100vw); width: calc(280 / var(--width) * 100vw); height: calc(558 / var(--width) * 100vw); } }

.ly_rctAboutIdea { position: relative; padding-top: min(calc(220 / var(--width) * 100vw), 220px); }
@media screen and (max-width: 768px) { .ly_rctAboutIdea { padding-top: calc(190 / var(--width) * 100vw); } }
.ly_rctAboutIdea::before { clip-path: polygon(0 0, 100% 0, 0 100%); position: absolute; top: 0; left: 0; z-index: -2; width: min(calc(350 / var(--width) * 100vw), 350px); height: min(calc(350 / var(--width) * 100vw), 350px); background-color: #ffed00; content: ""; }

.ly_rctTop { position: relative; }
.ly_rctTop::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; background-color: #39887a; content: ""; }

.ly_rctTop_inner { position: relative; color: #fff; }

.ly_rctTopFv { position: relative; }
.ly_rctTopFv::before { clip-path: polygon(100% 0, 0 0, 0 100%); position: absolute; top: -10px; left: 0; z-index: -2; width: min(calc(814 / var(--width) * 100vw), 814px); aspect-ratio: 1 / 1; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctTopFv::before { top: calc(-10 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctTopFv::before { top: 0; width: calc(480 / var(--width) * 100vw); } }
.ly_rctTopFv::after { clip-path: polygon(100% 0, 0 50%, 100% 100%); position: absolute; right: 0; bottom: 57px; z-index: -2; width: min(calc(560 / var(--width) * 100vw), 560px); aspect-ratio: 1 / 2; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctTopFv::after { bottom: calc(57 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctTopFv::after { bottom: calc(150 / var(--width) * 100vw); width: calc(247 / var(--width) * 100vw); } }
.ly_rctTopFv .bl_pageNav { position: absolute; }

.ly_rctTopFv_inner { position: relative; }
.ly_rctTopFv_inner::before { clip-path: polygon(0 0, 100% 100%, 100% 0); position: absolute; top: -10px; right: 0; z-index: -2; width: min(calc(214 / var(--width) * 100vw), 214px); aspect-ratio: 1 / 1; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctTopFv_inner::before { top: calc(-10 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctTopFv_inner::before { top: 0; width: calc(126 / var(--width) * 100vw); } }

.ly_rctTopIntro1 { position: relative; padding-bottom: min(calc(52 / var(--width) * 100vw), 52px); }
@media screen and (max-width: 768px) { .ly_rctTopIntro1 { padding-top: calc(158 / var(--width) * 100vw); padding-bottom: calc(200 / var(--width) * 100vw); } }
.ly_rctTopIntro1::before { position: absolute; bottom: calc(-130 / var(--width) * 100vw); left: calc(-63 / var(--width) * 100vw); width: calc(205 / var(--width) * 100vw); aspect-ratio: 205 / 261; background-image: url("../img/recruit/top/shape_line.svg"); background-size: cover; content: ""; }
@media screen and (min-width: 769px) { .ly_rctTopIntro1::before { display: none; } }

.ly_rctTopIntro2 { position: relative; padding-bottom: min(calc(105 / var(--width) * 100vw), 105px); }
@media screen and (max-width: 768px) { .ly_rctTopIntro2 { padding-bottom: calc(380 / var(--width) * 100vw); } }
.ly_rctTopIntro2::before { clip-path: polygon(0 0, 0% 100%, 100% 100%); position: absolute; bottom: 0; left: 0; z-index: -2; width: min(calc(595 / var(--width) * 100vw), 595px); aspect-ratio: 1 / 1; background-color: #ffed00; content: ""; }
@media screen and (max-width: 768px) { .ly_rctTopIntro2::before { width: calc(400 / var(--width) * 100vw); } }
.ly_rctTopIntro2::after { position: absolute; bottom: 0; left: 151px; width: min(calc(423 / var(--width) * 100vw), 423px); aspect-ratio: 423 / 523; overflow: hidden; background-image: url("../img/recruit/top/pic_intro2.png"); background-image: image-set(url("../img/recruit/top/pic_intro2.png") 1x, url("../img/recruit/top/pic_intro2@2x.png") 2x); background-size: cover; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctTopIntro2::after { left: calc(151 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctTopIntro2::after { bottom: calc(-46 / var(--width) * 100vw); left: calc(35 / var(--width) * 100vw); width: calc(388 / var(--width) * 100vw); aspect-ratio: 388 / 564; background-image: url("../img/recruit/top/pic_intro2-sp.png"); background-image: image-set(url("../img/recruit/top/pic_intro2-sp.png") 1x, url("../img/recruit/top/pic_intro2-sp@2x.png") 2x); } }
@media screen and (max-width: 420px) { .ly_rctTopIntro2::after { background-image: url("../img/recruit/top/pic_intro2-sp.png"); } }

.ly_rctTopIntro2_inner { position: relative; }
.ly_rctTopIntro2_inner::before { position: absolute; right: calc(-50 / var(--width) * 100vw); bottom: calc(-330 / var(--width) * 100vw); width: calc(205 / var(--width) * 100vw); aspect-ratio: 205 / 261; background-image: url("../img/recruit/top/shape_line.svg"); background-size: cover; content: ""; }
@media screen and (min-width: 769px) { .ly_rctTopIntro2_inner::before { display: none; } }

.ly_rctTopIntro3 { position: relative; padding: min(calc(135 / var(--width) * 100vw), 135px) 0 min(calc(100 / var(--width) * 100vw), 100px); background-image: url("../img/recruit/top/intro3_bg.jpg"); background-image: image-set(url("../img/recruit/top/intro3_bg.jpg") 1x, url("../img/recruit/top/intro3_bg@2x.jpg") 2x); background-size: cover; background-color: #555; }
@media screen and (max-width: 768px) { .ly_rctTopIntro3 { padding: calc(330 / var(--width) * 100vw) 0 calc(245 / var(--width) * 100vw); background-image: url("../img/recruit/top/intro3_bg-sp.jpg"); background-image: image-set(url("../img/recruit/top/intro3_bg-sp.jpg") 1x, url("../img/recruit/top/intro3_bg-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .ly_rctTopIntro3 { background-image: url("../img/recruit/top/intro3_bg-sp.jpg"); } }
.ly_rctTopIntro3::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #9e9e9e; content: ""; mix-blend-mode: multiply; }
.ly_rctTopIntro3::after { clip-path: polygon(0 0, 0% 100%, 100% 100%); position: absolute; bottom: 0; left: 0; width: min(calc(488 / var(--width) * 100vw), 488px); aspect-ratio: 1 / 1; background-color: rgba(57, 136, 122, 0.3); content: ""; }
@media screen and (min-width: 769px) { .ly_rctTopIntro3::after { display: none; } }

.ly_rctTopIntro4 { position: relative; padding: min(calc(130 / var(--width) * 100vw), 130px) 0; }
@media screen and (max-width: 768px) { .ly_rctTopIntro4 { padding: calc(588 / var(--width) * 100vw) 0 calc(200 / var(--width) * 100vw); } }
.ly_rctTopIntro4::before { clip-path: polygon(0 0, 100% 0, 0 100%); position: absolute; top: 0; left: 0; width: min(calc(595 / var(--width) * 100vw), 595px); height: min(calc(595 / var(--width) * 100vw), 595px); background-image: url("../img/recruit/top/intro4_bg.jpg"); background-image: image-set(url("../img/recruit/top/intro4_bg.jpg") 1x, url("../img/recruit/top/intro4_bg@2x.jpg") 2x); background-position: top left; background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .ly_rctTopIntro4::before { background-image: url("../img/recruit/top/intro4_bg.jpg"); background-image: image-set(url("../img/recruit/top/intro4_bg.jpg") 1x, url("../img/recruit/top/intro4_bg@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .ly_rctTopIntro4::before { background-image: url("../img/recruit/top/intro4_bg.jpg"); } }
@media screen and (max-width: 768px) { .ly_rctTopIntro4::before { width: calc(489 / var(--width) * 100vw); height: calc(489 / var(--width) * 100vw); } }
.ly_rctTopIntro4::after { clip-path: polygon(100% 0, 0 50%, 100% 100%); position: absolute; top: 569px; right: 0; z-index: -2; width: min(calc(452 / var(--width) * 100vw), 452px); height: min(calc(904 / var(--width) * 100vw), 904px); background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctTopIntro4::after { top: calc(569 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctTopIntro4::after { top: calc(100 / var(--width) * 100vw); width: calc(340 / var(--width) * 100vw); height: calc(680 / var(--width) * 100vw); } }

.ly_rctTopIntro5 { position: relative; padding-bottom: min(calc(116 / var(--width) * 100vw), 116px); }
.ly_rctTopIntro5::before { position: absolute; top: calc(-240 / var(--width) * 100vw); left: calc(-63 / var(--width) * 100vw); width: calc(174 / var(--width) * 100vw); aspect-ratio: 1 / 1; background-image: url("../img/recruit/top/shape_line2.svg"); background-size: cover; content: ""; }
@media screen and (min-width: 769px) { .ly_rctTopIntro5::before { display: none; } }

.ly_rctTopIntro6 { position: relative; background-image: url("../img/recruit/top/intro6_bg.jpg?20240215"); background-image: image-set(url("../img/recruit/top/intro6_bg.jpg?20240215") 1x, url("../img/recruit/top/intro6_bg@2x.jpg?20240215") 2x); background-size: cover; background-color: #555; }
@media screen and (max-width: 768px) { .ly_rctTopIntro6 { background-image: url("../img/recruit/top/intro6_bg-sp.jpg?20240215"); background-image: image-set(url("../img/recruit/top/intro6_bg-sp.jpg?20240215") 1x, url("../img/recruit/top/intro6_bg-sp@2x.jpg?20240215") 2x); } }
@media screen and (max-width: 420px) { .ly_rctTopIntro6 { background-image: url("../img/recruit/top/intro6_bg-sp.jpg?20240215"); } }
@media screen and (max-width: 768px) { .ly_rctTopIntro6 { padding: calc(300 / var(--width) * 100vw) 0 calc(315 / var(--width) * 100vw); } }
.ly_rctTopIntro6::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #0d70b6; content: ""; mix-blend-mode: multiply; }
@media screen and (max-width: 768px) { .ly_rctTopIntro6::before { display: none; } }
.ly_rctTopIntro6::after { position: absolute; top: 0; left: 50%; z-index: 2; transform: translateX(-50%); width: calc(1280 / var(--width) * 100vw); height: 100%; background-image: url("../img/recruit/top/intro6_layer.png"); background-size: cover; content: ""; pointer-events: none; }
@media screen and (max-width: 768px) { .ly_rctTopIntro6::after { display: none; } }

.ly_rctTopButtons { position: relative; padding: min(calc(57 / var(--width) * 100vw), 57px) 0; }
@media screen and (max-width: 768px) { .ly_rctTopButtons { padding: calc(93 / var(--width) * 100vw) 0 calc(84 / var(--width) * 100vw); } }
.ly_rctTopButtons::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #ffed00; content: ""; }

.ly_rctGuide { padding: min(calc(85 / var(--width) * 100vw), 85px) min(calc(50 / var(--width) * 100vw), 50px) min(calc(70 / var(--width) * 100vw), 70px); background-color: #fff; }
@media screen and (max-width: 768px) { .ly_rctGuide { padding: calc(80 / var(--width) * 100vw) calc(40 / var(--width) * 100vw) calc(70 / var(--width) * 100vw); } }
.ly_rctGuide + .ly_rctGuide { margin-top: 100px; }

.ly_bizMgmt { padding-bottom: min(calc(230 / var(--width) * 100vw), 230px); }
@media screen and (max-width: 768px) { .ly_bizMgmt { padding-bottom: calc(60 / var(--width) * 100vw); } }

.ly_bizFw { padding: min(calc(150 / var(--width) * 100vw), 150px) 0 min(calc(100 / var(--width) * 100vw), 100px); background-color: #f3f3f3; }
@media screen and (max-width: 768px) { .ly_bizFw { padding: calc(60 / var(--width) * 100vw) 0; } }

.ly_workEnv { position: relative; padding: min(calc(115 / var(--width) * 100vw), 115px) 0 min(calc(150 / var(--width) * 100vw), 150px); overflow: hidden; }
@media screen and (max-width: 768px) { .ly_workEnv { padding: calc(80 / var(--width) * 100vw) 0; } }
.ly_workEnv::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-color: #b6d4e9; content: ""; }

.ly_rctContNav { padding: min(calc(40 / var(--width) * 100vw), 40px) 0 min(calc(90 / var(--width) * 100vw), 90px); }
@media screen and (max-width: 768px) { .ly_rctContNav { padding: calc(20 / var(--width) * 100vw) 0 calc(175 / var(--width) * 100vw); } }

.ly_rctCaTarget { padding: min(calc(90 / var(--width) * 100vw), 90px) 0 min(calc(140 / var(--width) * 100vw), 140px); }
@media screen and (max-width: 768px) { .ly_rctCaTarget { padding: calc(20 / var(--width) * 100vw) 0 calc(160 / var(--width) * 100vw); } }

.ly_rctCaGoal { padding: min(calc(140 / var(--width) * 100vw), 140px) 0 min(calc(133 / var(--width) * 100vw), 133px); }
@media screen and (max-width: 768px) { .ly_rctCaGoal { padding: calc(160 / var(--width) * 100vw) 0 calc(200 / var(--width) * 100vw); } }

.ly_rctCaSupport_inner { padding: min(calc(60 / var(--width) * 100vw), 60px) 0 min(calc(128 / var(--width) * 100vw), 128px); background-color: #d9f1e7; }

.ly_rctCaNewComer { position: relative; margin-bottom: min(calc(532 / var(--width) * 100vw), 532px); padding-top: min(calc(77 / var(--width) * 100vw), 77px); }
@media screen and (max-width: 768px) { .ly_rctCaNewComer { margin-bottom: calc(305 / var(--width) * 100vw); } }
.ly_rctCaNewComer::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; background-image: url("../img/recruit/career/bg_newface.jpg"); content: ""; }

.ly_rctCaNcReport { position: relative; bottom: -164px; width: min(calc(1071 / var(--width) * 100vw), 1071px); height: min(calc(2116 / var(--width) * 100vw), 2116px); margin: -164px auto 164px; padding-top: min(calc(68 / var(--width) * 100vw), 68px); box-sizing: border-box; background-image: url("../img/recruit/career/report_bg@2x.png"); background-position: -4px -4px; background-size: 100%; background-repeat: no-repeat; color: #fff; font-weight: bold; }
@media screen and (max-width: 1280px) { .ly_rctCaNcReport { bottom: calc(-164 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctCaNcReport { width: 100%; height: calc(11597 / var(--width) * 100vw); margin: 0 auto calc(160 / var(--width) * 100vw); padding-top: calc(122 / var(--width) * 100vw); background: none; }
  .ly_rctCaNcReport::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-image: url("../img/recruit/career/report_bg-sp.jpg"); background-size: contain; content: ""; } }

.ly_rctCaNcReport_line { position: absolute; bottom: 17px; left: 0; width: min(calc(1071 / var(--width) * 100vw), 1071px); height: min(calc(2116 / var(--width) * 100vw), 2116px); background-image: url("../img/recruit/career/report_line.svg"); background-position: left bottom; background-size: min(calc(972 / var(--width) * 100vw), 972px) min(calc(1580 / var(--width) * 100vw), 1580px); background-repeat: no-repeat; }
@media screen and (max-width: 1280px) { .ly_rctCaNcReport_line { bottom: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctCaNcReport_line { top: 0; bottom: auto; width: 100%; height: calc(11597 / var(--width) * 100vw); background-image: url("../img/recruit/career/report_line-sp.svg"); background-position: calc(25 / var(--width) * 100vw) top; background-size: calc(686 / var(--width) * 100vw) calc(10908 / var(--width) * 100vw); } }

.ly_rctVoiceNav { padding: min(calc(65 / var(--width) * 100vw), 65px) 0 min(calc(300 / var(--width) * 100vw), 300px); }
@media screen and (max-width: 768px) { .ly_rctVoiceNav { padding: calc(80 / var(--width) * 100vw) 0 calc(365 / var(--width) * 100vw); } }

.ly_rctQa { margin-bottom: min(calc(60 / var(--width) * 100vw), 60px); padding: min(calc(50 / var(--width) * 100vw), 50px); box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); background-color: #fff; }
@media screen and (max-width: 768px) { .ly_rctQa { padding: calc(46 / var(--width) * 100vw); } }

.ly_rctCultureP1 { padding-top: min(calc(60 / var(--width) * 100vw), 60px); }
@media screen and (max-width: 768px) { .ly_rctCultureP1 { padding-top: 0; padding-bottom: calc(137 / var(--width) * 100vw); } }

.ly_rctCultureP2 { position: relative; padding: min(calc(93 / var(--width) * 100vw), 93px) 0 min(calc(110 / var(--width) * 100vw), 110px); }
@media screen and (max-width: 768px) { .ly_rctCultureP2 { padding: calc(110 / var(--width) * 100vw) 0 calc(94 / var(--width) * 100vw); } }
.ly_rctCultureP2::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #fffbcc; content: ""; }

.ly_rctCultureP3 { padding: min(calc(120 / var(--width) * 100vw), 120px) 0 min(calc(100 / var(--width) * 100vw), 100px); text-align: right; }
@media screen and (max-width: 768px) { .ly_rctCultureP3 { padding: calc(100 / var(--width) * 100vw) 0; } }

.ly_rctCultureP3_inner { display: inline-block; }

.ly_rctCultureP4 { position: relative; padding: min(calc(120 / var(--width) * 100vw), 120px) 0 min(calc(100 / var(--width) * 100vw), 100px); }
@media screen and (max-width: 768px) { .ly_rctCultureP4 { padding: calc(100 / var(--width) * 100vw) 0; } }
.ly_rctCultureP4::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #d6f1e6; content: ""; }

.ly_rctCultureP5 { padding-top: min(calc(20 / var(--width) * 100vw), 20px); }
@media screen and (max-width: 768px) { .ly_rctCultureP5 { padding-top: calc(200 / var(--width) * 100vw); } }

.ly_rctCultureP6 { position: relative; padding: min(calc(55 / var(--width) * 100vw), 55px) 0 min(calc(90 / var(--width) * 100vw), 90px); color: #fff; }
@media screen and (max-width: 768px) { .ly_rctCultureP6 { padding: 0 0 calc(160 / var(--width) * 100vw); } }
.ly_rctCultureP6::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #39887a; content: ""; }

.ly_rctCultureP5_point { position: relative; padding: min(calc(127 / var(--width) * 100vw), 127px) 0 min(calc(220 / var(--width) * 100vw), 220px); }
.ly_rctCultureP5_point::before { position: absolute; top: 127px; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #fffbcc; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctCultureP5_point::before { top: calc(127 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctCultureP5_point::before { top: calc(-500 / var(--width) * 100vw); } }

.ly_rctData { position: relative; padding: min(calc(80 / var(--width) * 100vw), 80px) 0 min(calc(100 / var(--width) * 100vw), 100px); }
@media screen and (max-width: 768px) { .ly_rctData { padding: calc(100 / var(--width) * 100vw) 0 calc(200 / var(--width) * 100vw); } }
.ly_rctData::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #39887a; content: ""; }
.ly_rctData::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background-image: url("../img/recruit/data/bg.png"); background-size: cover; content: ""; mix-blend-mode: multiply; }
@media screen and (max-width: 768px) { .ly_rctData::after { background-image: url("../img/recruit/data/bg-sp.png"); } }

.ly_rctWorksLink { position: relative; padding: min(calc(40 / var(--width) * 100vw), 40px) 0; text-align: center; }
.ly_rctWorksLink::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #eee; content: ""; }

.ly_rctWorksLink__wh { padding-top: min(calc(100 / var(--width) * 100vw), 100px); background-color: #fff; }
.ly_rctWorksLink__wh::before { display: none; }

.ly_rctWorksMgmt { position: relative; padding: min(calc(170 / var(--width) * 100vw), 170px) 0 min(calc(113 / var(--width) * 100vw), 113px); color: #fff; }
@media screen and (max-width: 768px) { .ly_rctWorksMgmt { padding: calc(133 / var(--width) * 100vw) 0 calc(200 / var(--width) * 100vw); } }
.ly_rctWorksMgmt::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -4; background-color: #39887a; content: ""; }
.ly_rctWorksMgmt::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; background-image: url("../img/recruit/works/bg.png"); background-position: center min(calc(1130 / var(--width) * 100vw), 1130px); background-size: contain; background-repeat: no-repeat; content: ""; mix-blend-mode: multiply; }
@media screen and (max-width: 768px) { .ly_rctWorksMgmt::after { background-image: url("../img/recruit/works/bg-sp.png"); } }

.ly_rctWorksMaint { position: relative; padding: min(calc(150 / var(--width) * 100vw), 150px) 0 min(calc(100 / var(--width) * 100vw), 100px); color: #fff; }
.ly_rctWorksMaint::before { clip-path: polygon(100% 0, 0 50%, 100% 100%); position: absolute; top: -349px; right: 0; z-index: -2; width: min(calc(349 / var(--width) * 100vw), 349px); aspect-ratio: 1 / 2; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctWorksMaint::before { top: calc(-349 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctWorksMaint::before { top: calc(-222 / var(--width) * 100vw); width: calc(222 / var(--width) * 100vw); } }
.ly_rctWorksMaint::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; background-image: url("../img/recruit/works/bg_maint.jpg"); content: ""; }

.ly_rctWorksOrg { position: relative; padding-top: min(calc(150 / var(--width) * 100vw), 150px); }
@media screen and (max-width: 768px) { .ly_rctWorksOrg { padding-top: calc(230 / var(--width) * 100vw); } }
.ly_rctWorksOrg::before { clip-path: polygon(0 0, 100% 50%, 0 100%); position: absolute; top: -254px; left: 0; z-index: -2; width: min(calc(254 / var(--width) * 100vw), 254px); aspect-ratio: 1 / 2; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .ly_rctWorksOrg::before { top: calc(-254 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .ly_rctWorksOrg::before { top: calc(-258 / var(--width) * 100vw); width: calc(258 / var(--width) * 100vw); } }

.ly_rctWorksOrg_illust { padding: min(calc(86 / var(--width) * 100vw), 86px) 0 min(calc(142 / var(--width) * 100vw), 142px); background-color: #d6eaf3; }
@media screen and (max-width: 768px) { .ly_rctWorksOrg_illust { padding: calc(50 / var(--width) * 100vw) 0 calc(100 / var(--width) * 100vw); } }

/*------------------------------ block
--------------------------------*/
.bl_headerLogo { position: absolute; top: 50%; left: min(calc(40 / var(--fullWidth) * 100vw), 40px); }
@media screen and (min-width: 769px) { .bl_headerLogo { transform: translateY(-50%); } }
@media screen and (max-width: 768px) { .bl_headerLogo { top: calc(36 / var(--width) * 100vw); left: calc(23 / var(--width) * 100vw); } }
.bl_headerLogo img { width: auto; height: 70px; }
@media screen and (max-width: 768px) { .bl_headerLogo img { width: calc(377 / var(--width) * 100vw); height: auto; } }

@media screen and (min-width: 769px) { .bl_gnav { display: flex; align-items: center; position: absolute; top: -13px; right: 0; } }
@media screen and (max-width: 768px) { .bl_gnav { padding: 0 50px; border-left: 2px solid #0d70b6; } }
@media screen and (min-width: 769px) { .bl_gnav .bl_gnav_product, .bl_gnav .bl_gnav_rct { margin-right: 0; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4)); }
  .bl_gnav .bl_gnav_product:hover, .bl_gnav .bl_gnav_rct:hover { background: none; }
  .bl_gnav .bl_gnav_product a, .bl_gnav .bl_gnav_rct a { display: grid; clip-path: polygon(0% 0%, 100% 0, 100% 85%, 48% 100%, 0 85%); width: min(calc(130 / var(--fullWidth) * 100vw), 130px); height: 140px; padding: 0; background-color: #008cc6; color: #fff; place-items: center; }
  .bl_gnav .bl_gnav_product a:hover, .bl_gnav .bl_gnav_rct a:hover { background-color: #009ee0; }
  .bl_gnav .bl_gnav_product { z-index: 1; } }
@media screen and (min-width: 769px) and (max-width: 768px) { .bl_gnav .bl_gnav_rct { margin-top: calc(20 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_gnav .bl_gnav_rct:hover { background: none; }
  .bl_gnav .bl_gnav_rct a { background-color: #39887a; }
  .bl_gnav .bl_gnav_rct a:hover { background-color: #419a8a; } }
.bl_gnav > li { position: relative; font-weight: 700; font-size: calc(17 / var(--fz) * 1rem); letter-spacing: .2em; }
@media screen and (min-width: 769px) { .bl_gnav > li:hover { background-color: #c2dbed; } }
@media screen and (max-width: 1280px) { .bl_gnav > li { font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_gnav > li { font-size: calc(34 / var(--width) * 100vw); }
  .bl_gnav > li:not(:first-child) { border-top: 1px solid currentColor; } }
.bl_gnav > li a { display: block; color: currentColor; text-decoration: none; }
@media screen and (min-width: 769px) { .bl_gnav > li a { height: min(calc(40 / var(--fullWidth) * 100vw), 40px); padding: 0 min(calc(15 / var(--fullWidth) * 100vw), 15px); } }
@media screen and (max-width: 768px) { .bl_gnav > li a::before { margin-right: calc(10 / var(--width) * 100vw); color: #0d70b6; content: "■"; } }
.bl_gnav > li > a { display: flex; align-items: center; }
@media screen and (max-width: 768px) { .bl_gnav > li > a { padding: calc(30 / var(--width) * 100vw) 0; } }
.bl_gnav > li button { display: none; }
@media screen and (max-width: 768px) { .bl_gnav > li > ul { display: none; } }
@media screen and (min-width: 769px) { .bl_gnav > li > ul { display: block; visibility: hidden; opacity: 0; position: absolute; top: 100%; z-index: 1; border: 1px solid #c2dbed; background-color: #ccc; white-space: nowrap; transition: .3s; text-overflow: ellipsis; }
  .bl_gnav > li > ul li { background: #fff; font-weight: normal; font-size: calc(15 / var(--fz) * 1rem); letter-spacing: .1em; } }
@media screen and (min-width: 769px) and (max-width: 1280px) { .bl_gnav > li > ul li { font-size: calc(15 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_gnav > li > ul li + li { border-top: 1px solid #c2dbed; }
  .bl_gnav > li > ul li a { display: flex; align-items: center; background: #fff; }
  .bl_gnav > li > ul li a:hover { background-color: #5399cb; color: #fff; } }
.bl_gnav > li > ul span { display: none; }
@media screen and (min-width: 769px) { .bl_gnav > li:hover > ul { visibility: visible; opacity: 1; } }

.bl_siteMenu_btn { position: fixed; top: calc(60 / var(--width) * 100vw); right: calc(36 / var(--width) * 100vw); width: calc(70 / var(--width) * 100vw); height: calc(40 / var(--width) * 100vw); padding: 0; border: none; background-color: transparent; text-align: center; outline: none; cursor: pointer; appearance: none; }
@media screen and (min-width: 769px) { .bl_siteMenu_btn { display: none; } }
.bl_siteMenu_btn .bar { display: block; position: absolute; top: calc(27 / var(--width) * 100vw); left: 50%; transform: translateX(-50%); width: 100%; height: max(calc(3 / var(--width) * 100vw), 1px); margin: 0 auto; background-color: #2a4058; text-align: center; transition: .3s; }
.bl_siteMenu_btn .bar::before, .bl_siteMenu_btn .bar::after { display: block; position: absolute; width: 100%; height: max(calc(3 / var(--width) * 100vw), 1px); background-color: #2a4058; content: ""; transition: .3s; }
.bl_siteMenu_btn .bar::before { top: calc(-14 / var(--width) * 100vw); left: 0; }
.bl_siteMenu_btn .bar::after { top: calc(14 / var(--width) * 100vw); left: 0; }
.bl_siteMenu_btn.is_open { z-index: 3; }
.bl_siteMenu_btn.is_open .bar { background: transparent; }
.bl_siteMenu_btn.is_open .bar::before { top: 0; transform: rotate(-135deg); }
.bl_siteMenu_btn.is_open .bar::after { top: 0; transform: rotate(135deg); }

@media screen and (max-width: 768px) { .bl_siteMenu { opacity: 0; position: fixed; top: 0; left: 0; z-index: 2; transform: translateX(100%); width: 100%; height: 100%; margin-top: calc(171 / var(--width) * 100vw); overflow-y: auto; background-color: #fff; transition: .3s; pointer-events: none; overscroll-behavior: contain; }
  .bl_siteMenu.is_open { opacity: 1; transform: none; pointer-events: all; } }

@media screen and (max-width: 768px) { .bl_siteMenu_cont { width: 100%; height: calc(100% + 1px); padding: calc(80 / var(--width) * 100vw); box-sizing: border-box; } }

.bl_footerToTop { position: relative; }
.bl_footerToTop .el_btnToTop { position: absolute; top: -50px; right: 0; }
@media screen and (max-width: 768px) { .bl_footerToTop .el_btnToTop { top: calc(-98 / var(--width) * 100vw); right: calc(50 / var(--width) * 100vw); } }

.bl_bnrLinks { display: flex; justify-content: center; gap: 18px; }
@media screen and (max-width: 768px) { .bl_bnrLinks { flex-direction: column; align-items: center; gap: calc(46 / var(--width) * 100vw); } }
.bl_bnrLinks > li { width: 209px; background-color: #fff; text-align: center; }
@media screen and (max-width: 768px) { .bl_bnrLinks > li { width: calc(522 / var(--width) * 100vw); }
  .bl_bnrLinks > li img { width: 100%; } }

.bl_policysLinks { display: flex; justify-content: center; gap: 67px; }
@media screen and (max-width: 768px) { .bl_policysLinks { flex-wrap: wrap; gap: 0; row-gap: calc(26 / var(--width) * 100vw); } }
.bl_policysLinks > li { font-size: calc(14 / var(--fz) * 1rem); text-align: center; }
@media screen and (max-width: 1280px) { .bl_policysLinks > li { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_policysLinks > li { width: 50%; font-size: calc(22 / var(--width) * 100vw); } }
.bl_policysLinks > li a { display: block; position: relative; color: currentColor; text-decoration: none; }
.bl_policysLinks > li a:hover { opacity: .7; }
.bl_policysLinks > li a::after { display: block; color: #86b7da; font-size: calc(8 / var(--fz) * 1rem); content: attr(data-eng) ""; }
@media screen and (max-width: 1280px) { .bl_policysLinks > li a::after { font-size: calc(8 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_policysLinks > li a::after { font-size: calc(13 / var(--fullWidth) * 100vw); } }

.bl_sign { display: flex; justify-content: center; margin: 0 auto; font-size: calc(13 / var(--fz) * 1rem); gap: 64px; }
@media screen and (max-width: 1280px) { .bl_sign { font-size: calc(13 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_sign { flex-direction: column; font-weight: bold; font-size: max(calc(16 / var(--width) * 100vw), 9px); text-align: center; gap: calc(46 / var(--width) * 100vw); } }

.bl_sign_ttl { display: block; margin-bottom: .5em; font-weight: bold; font-size: calc(19 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_sign_ttl { font-size: calc(19 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_sign_ttl { font-size: max(calc(25 / var(--width) * 100vw), 14px); } }

@media screen and (max-width: 768px) { .bl_sign_logo { width: calc(389 / var(--width) * 100vw); } }

.bl_copyRight { padding: 25px; background-color: #2a4058; color: #fff; font-size: calc(10 / var(--fz) * 1rem); letter-spacing: .06em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_copyRight { font-size: calc(10 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_copyRight { font-size: calc(13 / var(--width) * 100vw); } }

.bl_siteMap { display: flex; justify-content: space-between; font-weight: bold; gap: 60px; }
@media screen and (max-width: 768px) { .bl_siteMap { flex-direction: column; gap: calc(60 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_siteMap.bl_siteMap__top { margin: 0 50px 0 -50px; } }
.bl_siteMap dt { margin-bottom: .5em; padding: 8px 10px; color: #fff; font-size: calc(17 / var(--fz) * 1rem); line-height: 1; }
@media screen and (max-width: 1280px) { .bl_siteMap dt { font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_siteMap dt { padding: calc(16 / var(--width) * 100vw) calc(20 / var(--width) * 100vw); font-size: calc(32 / var(--width) * 100vw); letter-spacing: .08em; } }
.bl_siteMap dt a { color: currentColor; text-decoration: none; }
.bl_siteMap dd { font-size: calc(14 / var(--fz) * 1rem); line-height: 1.6; }
@media screen and (max-width: 1280px) { .bl_siteMap dd { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_siteMap dd { font-size: calc(24 / var(--width) * 100vw); } }
.bl_siteMap dd > ul li + li { margin-top: .5em; }
.bl_siteMap dd > ul li::before { margin-right: 5px; color: #0d70b6; content: "■"; }
.bl_siteMap dd > ul li a { color: currentColor; text-decoration: none; }
.bl_siteMap dd > ul li a:hover { opacity: .7; text-decoration: underline; }
.bl_siteMap dd > ul li span { display: block; padding-left: 17px; font-size: 90%; }

.bl_siteMap_inner { display: flex; flex-direction: column; width: 100%; gap: 25px; }
@media screen and (max-width: 768px) { .bl_siteMap_inner { gap: calc(52 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_siteMap_inner:nth-child(1) { width: calc(182 / 850 * 100%); } }
@media screen and (max-width: 768px) { .bl_siteMap_inner:nth-child(1) { flex-direction: row; justify-content: space-between; column-gap: calc(32 / var(--width) * 100vw); }
  .bl_siteMap_inner:nth-child(1) > dl { width: 100%; } }
@media screen and (min-width: 769px) { .bl_siteMap_inner:nth-child(2) { width: calc(311 / 850 * 100%); } }
@media screen and (min-width: 769px) { .bl_siteMap_inner:nth-child(3) { width: calc(269 / 850 * 100%); } }

.bl_topFv { display: grid; position: relative; width: 100%; height: min(calc(720 / var(--fullWidth) * 100vw), 720px); overflow: hidden; place-items: center; }
@media screen and (max-width: 768px) { .bl_topFv { height: calc(100vh - calc(171 / var(--width) * 100vw)); } }
.bl_topFv .video { position: absolute; top: 50%; left: 50%; z-index: -1; transform: translate(-50%, -50%); min-width: 100%; min-height: 100%; object-fit: cover; }
@media screen and (min-width: 769px) { .bl_topFv .video { width: auto; height: 100%; } }
@media screen and (max-width: 768px) { .bl_topFv .video { width: auto; height: 100%; } }

.bl_topFv_ttl { position: absolute; bottom: 62px; left: 62px; filter: drop-shadow(2px 2px 5px rgba(0, 0, 0, 0.2)) drop-shadow(-2px -2px 5px rgba(0, 0, 0, 0.2)) drop-shadow(2px -2px 5px rgba(0, 0, 0, 0.2)) drop-shadow(-2px 2px 5px rgba(0, 0, 0, 0.2)); }
@media screen and (max-width: 1280px) { .bl_topFv_ttl { bottom: calc(40 / var(--width) * 100vw); left: calc(62 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topFv_ttl { bottom: calc(40 / var(--width) * 100vw); left: calc(40 / var(--width) * 100vw); } }
.bl_topFv_ttl img { width: min(calc(455 / var(--fullWidth) * 100vw), 455px); }
@media screen and (max-width: 768px) { .bl_topFv_ttl img { width: calc(499 / var(--width) * 100vw); } }

.bl_topNews_wrap { position: relative; }

.bl_bgLine_wrap__topNews::before { position: absolute; top: 35px; left: -41px; width: min(calc(16 / var(--width) * 100vw), 16px); height: min(calc(327 / var(--width) * 100vw), 327px); background-image: url("../img/top/shape_name.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 1280px) { .bl_bgLine_wrap__topNews::before { top: calc(35 / var(--width) * 100vw); left: calc(-41 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bgLine_wrap__topNews::before { top: calc(30 / var(--width) * 100vw); left: calc(58 / var(--width) * 100vw); } }
.bl_bgLine_wrap__topNews::after { position: absolute; left: 0; z-index: -2; width: min(calc(258 / var(--width) * 100vw), 258px); height: min(calc(374 / var(--width) * 100vw), 374px); background-image: url("../img/top/shape_3arrow.svg"); background-size: cover; content: ""; animation: arrow 3.5s infinite; }
@media screen and (min-width: 769px) { .bl_bgLine_wrap__topNews::after { top: min(calc(280 / var(--width) * 100vw), 280px); } }
@media screen and (max-width: 768px) { .bl_bgLine_wrap__topNews::after { top: calc(537 / var(--width) * 100vw); left: calc(24 / var(--width) * 100vw); } }

.bl_topNews_wrap_inner { position: relative; }
.bl_topNews_wrap_inner::before { display: block; position: absolute; top: -154px; right: 55px; z-index: -2; width: min(calc(118 / var(--width) * 100vw), 118px); height: min(calc(223 / var(--width) * 100vw), 223px); background-image: url("../img/top/shape_arrow.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 1280px) { .bl_topNews_wrap_inner::before { right: calc(55 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topNews_wrap_inner::before { display: none; } }

@media screen and (min-width: 769px) { .bl_topNews { width: min(calc(885 / var(--width) * 100vw), 885px); margin-left: min(calc(115 / var(--width) * 100vw), 115px); } }
@media screen and (max-width: 768px) { .bl_topNews { width: calc(390 / var(--width) * 100vw); margin: 0 auto 0 calc(130 / var(--width) * 100vw); } }

.bl_topNews_ttl { display: flex; margin-bottom: min(calc(40 / var(--fullWidth) * 100vw), 40px); font-weight: bold; font-size: calc(33 / var(--fz) * 1rem); letter-spacing: .2em; gap: min(calc(36 / var(--width) * 100vw), 36px); }
@media screen and (max-width: 1280px) { .bl_topNews_ttl { font-size: calc(33 / var(--width) * 100vw); } }
.bl_topNews_ttl::before { width: min(calc(185 / var(--width) * 100vw), 185px); height: min(calc(44 / var(--width) * 100vw), 44px); background-image: url("../img/top/title_news.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }

.bl_topNews_list { display: grid; position: relative; border-left: 6px solid #0d70b6; font-weight: bold; column-gap: 10px; grid-template-columns: min(calc(500 / var(--width) * 100vw), 500px) min(calc(330 / var(--width) * 100vw), 330px); }
@media screen and (max-width: 768px) { .bl_topNews_list { line-height: 1.5; grid-template-columns: 1fr; } }
.bl_topNews_list a { color: currentColor; text-decoration: none; }
@media screen and (min-width: 769px) { .bl_topNews_list a { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } }
@media screen and (max-width: 768px) { .bl_topNews_list a { font-weight: normal; } }
.bl_topNews_list::before { display: block; position: absolute; left: 504px; width: 6px; height: 100%; background: #0d70b6; content: ""; }
@media screen and (max-width: 1280px) { .bl_topNews_list::before { left: calc(504 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topNews_list::before { display: none; } }
.bl_topNews_list > li { display: flex; padding: 3px 0 3px 10px; box-sizing: border-box; }
@media screen and (min-width: 769px) { .bl_topNews_list > li { gap: 1em; } }
@media screen and (max-width: 768px) { .bl_topNews_list > li { flex-direction: column; gap: 0; } }
@media screen and (max-width: 768px) { .bl_topNews_list > li + li { margin-top: .5em; } }
@media screen and (max-width: 768px) { .bl_topNews_list > li:nth-of-type(n+4) { display: none; } }
.bl_topNews_list > li:nth-child(1) { order: 1; }
.bl_topNews_list > li:nth-child(2) { order: 3; }
.bl_topNews_list > li:nth-child(3) { order: 5; }
.bl_topNews_list > li:nth-child(4) { order: 2; }
.bl_topNews_list > li:nth-child(5) { order: 4; }
.bl_topNews_list > li:nth-child(6) { order: 6; }

.bl_topNews_list_date { font-size: calc(14 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_topNews_list_date { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topNews_list_date { font-size: calc(21 / var(--width) * 100vw); } }

.bl_topNews_more { margin: min(calc(30 / var(--width) * 100vw), 30px) min(calc(40 / var(--width) * 100vw), 40px) 0 0; text-align: right; }
@media screen and (max-width: 768px) { .bl_topNews_more { margin-right: 0; } }
@media screen and (max-width: 768px) { .bl_topNews_more img { width: calc(236 / var(--width) * 100vw); } }

.bl_topRecruit { position: relative; height: calc(920 / var(--fullWidth) * 100vw); box-sizing: border-box; background-image: url("../img/top/bg_recruit.jpg"); background-image: image-set(url("../img/top/bg_recruit.jpg") 1x, url("../img/top/bg_recruit@2x.jpg") 2x); background-size: cover; }
@media screen and (min-width: 769px) { .bl_topRecruit { display: grid; padding-top: calc(100 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topRecruit { height: calc(1867 / var(--fullWidth) * 100vw); padding-top: calc(480 / var(--width) * 100vw); background-image: url("../img/top/bg_recruit-sp.jpg"); background-image: image-set(url("../img/top/bg_recruit-sp.jpg") 1x, url("../img/top/bg_recruit-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_topRecruit { background-image: url("../img/top/bg_recruit-sp.jpg"); } }
.bl_topRecruit::before { position: absolute; top: calc(-123 / var(--fullWidth) * 100vw); left: 0; width: calc(525 / var(--fullWidth) * 100vw); height: calc(648 / var(--fullWidth) * 100vw); background-image: url("../img/top/pic_rct.png?20240207"); background-image: image-set(url("../img/top/pic_rct.png?20240207") 1x, url("../img/top/pic_rct@2x.png?20240207") 2x); background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_topRecruit::before { top: calc(-140 / var(--width) * 100vw); width: calc(584 / var(--width) * 100vw); height: calc(738 / var(--width) * 100vw); background-position: center right; } }
@media screen and (max-width: 420px) { .bl_topRecruit::before { background-image: url("../img/top/pic_rct.png?20240207"); } }
.bl_topRecruit::after { position: absolute; right: 0; bottom: 0; width: calc(497 / var(--fullWidth) * 100vw); height: calc(524 / var(--fullWidth) * 100vw); background-image: url("../img/top/pic_rct2.png?20240207"); background-image: image-set(url("../img/top/pic_rct2.png?20240207") 1x, url("../img/top/pic_rct2@2x.png?20240207") 2x); background-size: cover; content: ""; pointer-events: none; }
@media screen and (max-width: 768px) { .bl_topRecruit::after { width: calc(495 / var(--width) * 100vw); height: calc(522 / var(--width) * 100vw); } }
@media screen and (max-width: 420px) { .bl_topRecruit::after { background-image: url("../img/top/pic_rct2.png?20240207"); } }

.bl_topRecruit_inner { display: flex; flex-direction: column; position: relative; z-index: 1; }

.bl_topRecruit_lead { color: #fff; font-weight: bold; font-size: calc(17 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_topRecruit_lead { font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_topRecruit_lead { order: 1; font-style: italic; text-align: right; } }
@media screen and (max-width: 768px) { .bl_topRecruit_lead { margin-bottom: calc(52 / var(--width) * 100vw); font-size: calc(28 / var(--width) * 100vw); letter-spacing: .06em; text-align: center; } }

.bl_topRecruit_copy { margin-bottom: calc(10 / var(--width) * 100vw); }
@media screen and (max-width: 768px) { .bl_topRecruit_copy { margin-bottom: calc(40 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_topRecruit_copy img { position: relative; right: -20px; max-width: min(calc(547 / var(--width) * 100vw), 547px); } }
@media screen and (max-width: 768px) { .bl_topRecruit_copy img { width: calc(587 / var(--width) * 100vw); } }

.bl_topRecruit_ttl { margin-bottom: calc(50 / var(--width) * 100vw); text-align: center; }
@media screen and (min-width: 769px) { .bl_topRecruit_ttl { order: 2; margin-top: -20px; } }
@media screen and (min-width: 769px) { .bl_topRecruit_ttl img { max-width: min(calc(851 / var(--width) * 100vw), 851px); } }

.bl_topRecruit_point { display: grid; max-width: min(calc(767 / var(--width) * 100vw), 767px); margin: 0 auto calc(48 / var(--width) * 100vw); grid-template-columns: repeat(4, 1fr); }
@media screen and (min-width: 769px) { .bl_topRecruit_point { position: relative; left: calc(-20 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topRecruit_point { margin-bottom: calc(80 / var(--width) * 100vw); column-gap: calc(10 / var(--width) * 100vw); row-gap: calc(20 / var(--width) * 100vw); grid-template-columns: repeat(2, 1fr); } }
.bl_topRecruit_point > li { font-style: italic; font-weight: bold; font-size: calc(18 / var(--fz) * 1rem); text-align: center; }
@media screen and (max-width: 1280px) { .bl_topRecruit_point > li { font-size: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topRecruit_point > li { font-size: calc(27 / var(--width) * 100vw); }
  .bl_topRecruit_point > li:nth-child(-n+2) { margin-right: calc(-17 / var(--width) * 100vw); padding-left: calc(17 / var(--width) * 100vw); } }
.bl_topRecruit_point > li a { display: grid; clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%); height: min(calc(58 / var(--width) * 100vw), 58px); padding: 5px 5px; box-sizing: border-box; background: linear-gradient(90deg, #aeffe5 0%, #7bbb82 100%); color: #037947; text-decoration: none; place-items: center; }
@media screen and (max-width: 768px) { .bl_topRecruit_point > li a { height: calc(87 / var(--width) * 100vw); } }

.bl_topRecruit_more { text-align: center; }
.bl_topRecruit_more img { width: 171px; }
@media screen and (max-width: 768px) { .bl_topRecruit_more img { width: calc(236 / var(--width) * 100vw); } }

.bl_topBiz { display: grid; gap: min(calc(100 / var(--width) * 100vw), 100px); }
@media screen and (min-width: 769px) { .bl_topBiz { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 768px) { .bl_topBiz { gap: calc(178 / var(--width) * 100vw); } }

.bl_topBizItem { display: flex; flex-direction: column; }
@media screen and (min-width: 769px) { .bl_topBizItem { grid-row: 1; } }
.bl_topBizItem::before { height: 425px; background-position: center; background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_topBizItem::before { height: calc(425 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_topBizItem:nth-child(1) { grid-column: 2; } }
@media screen and (max-width: 768px) { .bl_topBizItem:nth-child(1) { margin-left: calc(168 / var(--width) * 100vw); } }
.bl_topBizItem:nth-child(1)::before { border-radius: 70px 0 0 0; background-image: url("../img/top/pic_buisiness_2@2x.jpg?20240209"); }
.bl_topBizItem:nth-child(1) .bl_topBizItem_inner { border-radius: 0 0 0 70px; }
.bl_topBizItem:nth-child(1) .bl_topBizItem_cont { position: relative; margin-right: auto; text-align: right; }
@media screen and (min-width: 769px) { .bl_topBizItem:nth-child(1) .bl_topBizItem_cont { max-width: 380px; } }
@media screen and (max-width: 768px) { .bl_topBizItem:nth-child(1) .bl_topBizItem_cont { padding-right: calc(80 / var(--width) * 100vw); } }
.bl_topBizItem:nth-child(2) { flex-direction: column-reverse; }
@media screen and (min-width: 769px) { .bl_topBizItem:nth-child(2) { margin-top: 490px; grid-column: 1; } }
@media screen and (max-width: 768px) { .bl_topBizItem:nth-child(2) { margin-right: calc(168 / var(--width) * 100vw); } }
.bl_topBizItem:nth-child(2)::before { border-radius: 0 0 70px 0; background-image: url("../img/top/pic_product_2@2x.jpg?20240209"); }
.bl_topBizItem:nth-child(2) .bl_topBizItem_inner { border-radius: 0 70px 0 0; background: linear-gradient(-125deg, #84aeff 0%, #0d70b6 100%); }
.bl_topBizItem:nth-child(2) .bl_topBizItem_cont { margin-left: auto; }
@media screen and (min-width: 769px) { .bl_topBizItem:nth-child(2) .bl_topBizItem_cont { max-width: 450px; } }
@media screen and (max-width: 768px) { .bl_topBizItem:nth-child(2) .bl_topBizItem_cont { padding-left: calc(80 / var(--width) * 100vw); } }

.bl_topBizItem_inner { padding: min(calc(60 / var(--width) * 100vw), 60px) 0; background: linear-gradient(125deg, #84aeff 0%, #0d70b6 100%); color: #fff; }

.bl_topBizItem_ttl { margin-bottom: .6em; font-weight: bold; font-size: calc(33 / var(--fz) * 1rem); letter-spacing: .1em; }
@media screen and (max-width: 1280px) { .bl_topBizItem_ttl { font-size: calc(33 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topBizItem_ttl { font-size: calc(57 / var(--width) * 100vw); } }

.bl_topBizItem__more { margin-top: 1em; }
.bl_topBizItem__more img { width: 122px; }
@media screen and (max-width: 768px) { .bl_topBizItem__more img { width: calc(211 / var(--width) * 100vw); } }

.bl_topAbout_wrap { position: relative; }

.bl_topAbout { display: grid; position: relative; color: #fff; gap: 13px; }
@media screen and (min-width: 769px) { .bl_topAbout { grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 768px) { .bl_topAbout { gap: calc(146 / var(--width) * 100vw); } }
.bl_topAbout::before { position: absolute; width: min(calc(228 / var(--width) * 100vw), 228px); height: min(calc(44 / var(--width) * 100vw), 44px); background-image: url("../img/top/title_about.svg"); background-size: cover; content: ""; }
@media screen and (min-width: 769px) { .bl_topAbout::before { right: 0; bottom: 18px; } }
@media screen and (max-width: 768px) { .bl_topAbout::before { bottom: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topAbout::before { top: calc(-354 / var(--width) * 100vw); left: calc(452 / var(--width) * 100vw); width: calc(59 / var(--width) * 100vw); height: calc(306 / var(--width) * 100vw); background-image: url("../img/top/title_about-sp.svg"); } }

.bl_bgLine_wrap__topAbout { position: relative; }
.bl_bgLine_wrap__topAbout::before { position: absolute; top: -13px; left: 32px; z-index: -2; width: min(calc(188 / var(--width) * 100vw), 188px); height: min(calc(340 / var(--width) * 100vw), 340px); background-image: url("../img/top/shape_2arrow.svg"); background-size: cover; content: ""; animation: arrow 3.5s infinite; }
@media screen and (max-width: 768px) { .bl_bgLine_wrap__topAbout::before { left: calc(32 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bgLine_wrap__topAbout::before { top: calc(2825 / var(--width) * 100vw); left: calc(23 / var(--width) * 100vw); } }
.bl_bgLine_wrap__topAbout::after { position: absolute; top: 1010px; right: 100px; z-index: -2; width: min(calc(273 / var(--width) * 100vw), 273px); height: min(calc(356 / var(--width) * 100vw), 356px); background-image: url("../img/top/shape_3arrow3.svg"); background-size: cover; content: ""; animation: arrow 3.5s infinite; }
@media screen and (max-width: 768px) { .bl_bgLine_wrap__topAbout::after { top: calc(1010 / var(--width) * 100vw); right: calc(100 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bgLine_wrap__topAbout::after { top: calc(912 / var(--width) * 100vw); right: 0; } }

.bl_topAbout_col { display: flex; flex-direction: column; position: relative; }
@media screen and (max-width: 768px) { .bl_topAbout_col { width: calc(570 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topAbout_col:nth-child(odd) { margin-left: auto; } }
.bl_topAbout_col::after { display: block; z-index: 0; width: 100%; height: min(calc(264 / var(--width) * 100vw), 264px); border-radius: 0 0 0 min(calc(70 / var(--width) * 100vw), 70px); background-image: url("../img/top/pic_about.jpg?20240215"); background-image: image-set(url("../img/top/pic_about.jpg?20240215") 1x, url("../img/top/pic_about@2x.jpg?20240215") 2x); background-position: bottom right; background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_topAbout_col::after { height: calc(428 / var(--width) * 100vw); } }
@media screen and (max-width: 420px) { .bl_topAbout_col::after { background-image: url("../img/top/pic_about.jpg?20240215"); } }
.bl_topAbout_col:nth-child(1) .bl_topAbout_cont { border-radius: min(calc(70 / var(--width) * 100vw), 70px) 0 0 0; }
@media screen and (min-width: 769px) { .bl_topAbout_col:nth-child(2) { margin-top: min(calc(180 / var(--width) * 100vw), 180px); } }
@media screen and (max-width: 768px) { .bl_topAbout_col:nth-child(2) .bl_topAbout_cont { border-radius: 0 min(calc(70 / var(--width) * 100vw), 70px) 0 0; } }
@media screen and (max-width: 768px) { .bl_topAbout_col:nth-child(2)::after { border-radius: 0 0 min(calc(70 / var(--width) * 100vw), 70px) 0; } }
@media screen and (min-width: 769px) { .bl_topAbout_col:nth-child(3) { margin-top: min(calc(27 / var(--width) * 100vw), 27px); } }
.bl_topAbout_col:nth-child(3) .bl_topAbout_cont { border-radius: 0 min(calc(70 / var(--width) * 100vw), 70px) 0 0; }
@media screen and (max-width: 768px) { .bl_topAbout_col:nth-child(3) .bl_topAbout_cont { border-radius: min(calc(70 / var(--width) * 100vw), 70px) 0 0 0; } }
.bl_topAbout_col:nth-child(3)::after { border-radius: 0 0 min(calc(70 / var(--width) * 100vw), 70px) 0; }
@media screen and (max-width: 768px) { .bl_topAbout_col:nth-child(3)::after { border-radius: 0 0 0 min(calc(70 / var(--width) * 100vw), 70px); } }

.bl_topAbout_col__2::after { background-image: url("../img/top/pic_about2.jpg?20240215"); background-image: image-set(url("../img/top/pic_about2.jpg?20240215") 1x, url("../img/top/pic_about2@2x.jpg?20240215") 2x); }
@media screen and (max-width: 420px) { .bl_topAbout_col__2::after { background-image: url("../img/top/pic_about2.jpg?20240215"); } }

.bl_topAbout_col__3::after { background-image: url("../img/top/pic_about3.jpg?20240215"); background-image: image-set(url("../img/top/pic_about3.jpg?20240215") 1x, url("../img/top/pic_about3@2x.jpg?20240215") 2x); }
@media screen and (max-width: 420px) { .bl_topAbout_col__3::after { background-image: url("../img/top/pic_about3.jpg?20240215"); } }

.bl_topAbout_cont { position: relative; padding: min(calc(30 / var(--width) * 100vw), 30px) min(calc(25 / var(--width) * 100vw), 25px) min(calc(50 / var(--width) * 100vw), 50px); background: linear-gradient(45deg, #84aeff 0%, #0d70b6 100%); text-align: justify; }
@media screen and (max-width: 768px) { .bl_topAbout_cont { padding: calc(100 / var(--width) * 100vw) calc(60 / var(--width) * 100vw) calc(80 / var(--width) * 100vw); } }

.bl_topAbout_ttl { margin-bottom: .6em; font-weight: bold; font-size: calc(33 / var(--fz) * 1rem); letter-spacing: .1em; }
@media screen and (min-width: 769px) { .bl_topAbout_ttl { text-align: center; } }
@media screen and (max-width: 1280px) { .bl_topAbout_ttl { font-size: calc(33 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topAbout_ttl { font-size: calc(57 / var(--width) * 100vw); } }

.bl_topAbout_more { margin-top: 1em; text-align: center; }
@media screen and (max-width: 768px) { .bl_topAbout_more { text-align: right; } }
.bl_topAbout_more img { width: 122px; }
@media screen and (max-width: 768px) { .bl_topAbout_more img { width: calc(211 / var(--width) * 100vw); } }

.bl_topSign { display: flex; align-items: center; font-weight: bold; font-size: calc(13 / var(--fz) * 1rem); }
@media screen and (min-width: 769px) { .bl_topSign { margin-right: min(calc(115 / var(--width) * 100vw), 115px); gap: min(calc(40 / var(--width) * 100vw), 40px); } }
@media screen and (max-width: 1280px) { .bl_topSign { font-size: calc(13 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topSign { flex-direction: column; background-color: #fff; font-size: max(calc(16 / var(--width) * 100vw), 9px); text-align: center; } }
.bl_topSign::before { width: min(calc(250 / var(--width) * 100vw), 250px); aspect-ratio: 751 / 898; background-image: url("../img/top/pic_sign.jpg?20240209"); background-position: bottom right; background-size: 102%; background-color: #ccc; content: ""; }
@media screen and (min-width: 769px) { .bl_topSign::before { border-radius: min(calc(70 / var(--width) * 100vw), 70px) 0 0 0; } }
@media screen and (max-width: 768px) { .bl_topSign::before { width: calc(750 / var(--width) * 100vw); margin-bottom: calc(138 / var(--width) * 100vw); background-size: cover; } }
@media screen and (max-width: 420px) { .bl_topSign::before { background-size: cover; } }

.bl_topSign_logo { margin-bottom: calc(47 / var(--width) * 100vw); }

.bl_topSign_ttl { margin-bottom: .5em; font-weight: bold; font-size: calc(21 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_topSign_ttl { font-size: calc(21 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topSign_ttl { font-size: calc(25 / var(--width) * 100vw); } }

@media screen and (min-width: 769px) { .bl_topSign_btn { margin-left: auto; } }
@media screen and (max-width: 768px) { .bl_topSign_btn { width: calc(257 / var(--width) * 100vw); margin-top: calc(50 / var(--width) * 100vw); margin-bottom: calc(-46 / var(--width) * 100vw); } }

.bl_topGmap { aspect-ratio: 1280 / 453; }
@media screen and (max-width: 768px) { .bl_topGmap { aspect-ratio: 750 / 776; } }
.bl_topGmap iframe { width: 100%; height: 100%; vertical-align: bottom; }

.bl_breadcrumbs { display: flex; align-items: center; font-weight: bold; font-size: calc(16 / var(--fz) * 1rem); letter-spacing: .2em; gap: 40px; }
@media screen and (max-width: 1280px) { .bl_breadcrumbs { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_breadcrumbs { font-size: calc(24 / var(--width) * 100vw); letter-spacing: .04em; gap: calc(40 / var(--width) * 100vw); } }
.bl_breadcrumbs a { color: currentColor; text-decoration: none; }
.bl_breadcrumbs span { position: relative; }
.bl_breadcrumbs span + span::before { position: absolute; top: 50%; left: -24px; transform: translateY(-50%); width: 8px; height: 14px; background-image: url("../img/common/arrow_list.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_breadcrumbs span + span::before { left: calc(-24 / var(--width) * 100vw); width: calc(8 / var(--width) * 100vw); height: calc(14 / var(--width) * 100vw); } }
.bl_breadcrumbs .current-item { color: #0d70b6; }
.bl_breadcrumbs.bl_breadcrumbs__rctAbout a { color: #fff; }
.bl_breadcrumbs.bl_breadcrumbs__rctAbout span + span::before { background-image: url("../img/common/arrow_list_rct.svg"); }
.bl_breadcrumbs.bl_breadcrumbs__rctAbout .current-item { color: #ffed00; }
.bl_breadcrumbs.bl_breadcrumbs__rct span + span::before { background-image: url("../img/common/arrow_list_rctEntry.svg"); }
.bl_breadcrumbs.bl_breadcrumbs__rct .current-item { color: var(--recruitColor); }
.bl_breadcrumbs.bl_breadcrumbs__rctTop { color: #555; }
.bl_breadcrumbs.bl_breadcrumbs__rctTop span + span::before { background-image: url("../img/common/arrow_list_rctEntry.svg"); }
.bl_breadcrumbs.bl_breadcrumbs__rctTop .current-item { color: var(--recruitColor); }

.bl_pageTitle { position: relative; min-height: 66px; margin-bottom: 40px; padding-left: 30px; }
@media screen and (max-width: 768px) { .bl_pageTitle { min-height: calc(78 / var(--width) * 100vw); margin-bottom: calc(50 / var(--width) * 100vw); padding-left: calc(30 / var(--width) * 100vw); } }
.bl_pageTitle::before, .bl_pageTitle::after { position: absolute; left: 0; width: 10px; height: 100%; background-color: #0d70b6; content: ""; }
@media screen and (max-width: 768px) { .bl_pageTitle::before, .bl_pageTitle::after { width: calc(12 / var(--width) * 100vw); } }
.bl_pageTitle::after { top: 0; height: 10px; background-color: #000; }
.bl_pageTitle.bl_pageTitle__rct::before { background-color: var(--recruitColor); }

.bl_pageTitle__post { min-height: auto; }
.bl_pageTitle__post::after { height: 3px; }

.bl_pageTitleProduct { padding-left: min(calc(60 / var(--width) * 100vw), 60px); border-bottom: 4px solid #0d70b6; }
@media screen and (max-width: 768px) { .bl_pageTitleProduct { flex-wrap: wrap; } }
.bl_pageTitleProduct::before, .bl_pageTitleProduct::after { width: min(calc(22 / var(--width) * 100vw), 22px); }
.bl_pageTitleProduct::after { height: 50%; background-color: #2a4058; }
.bl_pageTitleProduct .bl_pageTitle_ttl { margin-bottom: .2em; color: #0d70b6; font-size: min(calc(40 / var(--width) * 100vw), calc(40 / var(--fz) * 1rem)); letter-spacing: .15em; }

.bl_pageTitleProduct_inner { display: flex; justify-content: space-between; align-items: center; }

.bl_pageTitleProduct_subTtl { color: #00a0e9; font-weight: normal; font-size: clamp(14px, calc(22 / var(--width) * 100vw), 22px); }

.bl_pageTitle_patentNum { flex-shrink: 0; padding: .5em; background-color: #ff7200; color: #fff; line-height: 1; }
@media screen and (max-width: 768px) { .bl_pageTitle_patentNum { margin-bottom: 1em; margin-left: auto; } }

.bl_pageTitle_ttl__wh { color: #fff; }

.bl_pageTitle_ttl { margin-bottom: .6em; font-weight: bold; font-size: calc(28 / var(--fz) * 1rem); line-height: 1.5; letter-spacing: .2em; }
@media screen and (max-width: 1280px) { .bl_pageTitle_ttl { font-size: calc(28 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_pageTitle_ttl { font-size: calc(32 / var(--width) * 100vw); } }
.bl_pageTitle_ttl span { margin-left: 1em; font-size: .75em; letter-spacing: .05em; }

.bl_pageTitle_ttl_s { letter-spacing: .05em; }
@media screen and (max-width: 768px) { .bl_pageTitle_ttl_s { font-size: calc(28 / var(--width) * 100vw); }
  .bl_pageTitle_ttl_s span { display: block; font-size: .75em; } }

.sup-text { color: red; }
@media screen and (max-width: 768px) { .sup-text { font-size: 13px; } }

.bl_pageTitle_txt { font-weight: bold; letter-spacing: .18em; }

.bl_pageTitle_txt__s { font-weight: normal; font-size: .9em; letter-spacing: .04em; }

.bl_pageLead { margin-top: -2em; margin-bottom: 2em; color: var(--mainColor); font-size: calc(16 / var(--fz) * 1rem); letter-spacing: .04em; }
@media screen and (max-width: 1280px) { .bl_pageLead { font-size: calc(16 / var(--width) * 100vw); } }

.bl_policy { margin: min(calc(130 / var(--width) * 100vw), 130px) 0 min(calc(100 / var(--width) * 100vw), 100px); font-weight: bold; }
.bl_policy dt { margin-bottom: .5em; padding-bottom: .3em; border-bottom: 2px solid #0d70b6; color: #0d70b6; font-size: calc(23 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_policy dt { font-size: calc(23 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_policy dt { font-size: calc(34 / var(--width) * 100vw); } }
.bl_policy dd { line-height: 2.1; }
.bl_policy dd + dt { margin-top: 100px; }
@media screen and (max-width: 768px) { .bl_policy dd + dt { margin-top: calc(100 / var(--width) * 100vw); } }
.bl_policy dd p + p { margin-top: 1em; }
.bl_policy dd > ul { margin: 1em; }
.bl_policy dd > ul > li::before { color: #0d70b6; content: "●"; }

.bl_policy__counter { counter-reset: number 0; }
.bl_policy__counter dt::before { content: counter(number) ". "; counter-increment: number 1; }

.bl_pageNav { display: flex; justify-content: space-between; align-items: center; padding: min(calc(25 / var(--width) * 100vw), 25px) 0; }
@media screen and (max-width: 768px) { .bl_pageNav { padding: calc(40 / var(--width) * 100vw); } }

.bl_toc { display: flex; justify-content: flex-end; border-left: 1px solid #ccc; font-size: calc(18 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_toc { font-size: calc(18 / var(--width) * 100vw); } }
.bl_toc > li { border-right: 1px solid #ccc; line-height: min(calc(40 / var(--width) * 100vw), 40px); }
.bl_toc > li a { padding: 0 min(calc(19 / var(--width) * 100vw), 19px); color: currentColor; text-decoration: none; }
.bl_toc > li a:hover { opacity: .7; text-decoration: underline; }

.bl_mv { position: relative; height: min(calc(490 / var(--fullWidth) * 100vw), 490px); box-sizing: border-box; background-size: cover; }
@media screen and (min-width: 769px) { .bl_mv { padding: min(calc(26 / var(--fullWidth) * 100vw), 26px) 0; } }
@media screen and (max-width: 768px) { .bl_mv { height: calc(665 / var(--width) * 100vw); text-align: center; } }
@media screen and (max-width: 768px) { .bl_mv::before, .bl_mv::after { display: none; } }
.bl_mv::before { position: absolute; top: 0; left: 0; width: min(calc(346 / var(--width) * 100vw), 346px); height: min(calc(82 / var(--width) * 100vw), 82px); background: linear-gradient(90deg, #0d70b6 50%, white 100%); content: ""; mix-blend-mode: multiply; }
.bl_mv::after { position: absolute; top: 82px; left: 0; width: min(calc(346 / var(--width) * 100vw), 346px); height: min(calc(8 / var(--width) * 100vw), 8px); background: linear-gradient(90deg, white 50%, rgba(255, 255, 255, 0) 100%); content: ""; }
@media screen and (max-width: 1280px) { .bl_mv::after { top: calc(82 / var(--width) * 100vw); } }

.bl_mv__company { background-image: url("../img/company/mv.jpg"); background-image: image-set(url("../img/company/mv.jpg") 1x, url("../img/company/mv@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_mv__company { background-image: url("../img/company/mv-sp.jpg"); background-image: image-set(url("../img/company/mv-sp.jpg") 1x, url("../img/company/mv-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_mv__company { background-image: url("../img/company/mv-sp.jpg"); } }

.bl_mv__philosophy { background-image: url("../img/philosophy/mv.jpg?20240207"); background-image: image-set(url("../img/philosophy/mv.jpg?20240207") 1x, url("../img/philosophy/mv@2x.jpg?20240207") 2x); }
@media screen and (max-width: 768px) { .bl_mv__philosophy { background-image: url("../img/philosophy/mv-sp.jpg?20240207"); background-image: image-set(url("../img/philosophy/mv-sp.jpg?20240207") 1x, url("../img/philosophy/mv-sp@2x.jpg?20240207") 2x); } }
@media screen and (max-width: 420px) { .bl_mv__philosophy { background-image: url("../img/philosophy/mv-sp.jpg?20240207"); } }

.bl_mv__product { background-image: url("../img/product/mv.jpg"); background-image: image-set(url("../img/product/mv.jpg") 1x, url("../img/product/mv@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_mv__product { background-image: url("../img/product/mv-sp.jpg"); background-image: image-set(url("../img/product/mv-sp.jpg") 1x, url("../img/product/mv-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_mv__product { background-image: url("../img/product/mv-sp.jpg"); } }

.bl_mv__business { background-image: url("../img/business/mv.jpg"); background-image: image-set(url("../img/business/mv.jpg") 1x, url("../img/business/mv@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_mv__business { background-image: url("../img/business/mv-sp.jpg"); background-image: image-set(url("../img/business/mv-sp.jpg") 1x, url("../img/business/mv-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_mv__business { background-image: url("../img/business/mv-sp.jpg"); } }

.bl_mv__safety-csr { background-image: url("../img/safety-csr/mv.jpg?20240215"); background-image: image-set(url("../img/safety-csr/mv.jpg?20240215") 1x, url("../img/safety-csr/mv@2x.jpg?20240215") 2x); }
@media screen and (max-width: 768px) { .bl_mv__safety-csr { background-image: url("../img/safety-csr/mv-sp.jpg?20240215"); background-image: image-set(url("../img/safety-csr/mv-sp.jpg?20240215") 1x, url("../img/safety-csr/mv-sp@2x.jpg?20240215") 2x); } }
@media screen and (max-width: 420px) { .bl_mv__safety-csr { background-image: url("../img/safety-csr/mv-sp.jpg?20240215"); } }

@media screen and (max-width: 768px) { .bl_mv_ttl { display: block; position: relative; padding: calc(20 / var(--width) * 100vw); }
  .bl_mv_ttl::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--mainColor); content: ""; mix-blend-mode: multiply; } }
.bl_mv_ttl img { width: auto; height: min(calc(35 / var(--fullWidth) * 100vw), 35px); vertical-align: middle; filter: brightness(0) invert(1); }

.bl_pageSign { width: 100%; height: min(calc(62 / var(--width) * 100vw), 62px); margin: min(calc(40 / var(--width) * 100vw), 40px) 0 min(calc(76 / var(--width) * 100vw), 76px); background-image: url("../img/company/title_eng.svg?20240208"); background-size: contain; background-repeat: repeat-x; animation: scroll-anim 40s linear infinite; }
@media screen and (max-width: 768px) { .bl_pageSign { margin: calc(126 / var(--width) * 100vw) 0 calc(10 / var(--width) * 100vw); background-size: auto calc(62 / var(--width) * 100vw); } }

@keyframes scroll-anim { 100% { background-position: -1168px 0; } }
.bl_pageSign__philosophy { background-image: url("../img/philosophy/title_eng.svg"); }

.bl_pageSign__product { background-image: url("../img/product/title_eng.svg"); }

.bl_pageSign__business { background-image: url("../img/business/title_eng.svg"); }

.bl_pageSign__safety-csr { background-image: url("../img/safety-csr/title_eng.svg"); }

.bl_pageSign_topBusiness { position: absolute; bottom: 0; left: 0; z-index: -2; margin: 0; background-image: url("../img/top/eng_mc.svg"); }
@media screen and (max-width: 768px) { .bl_pageSign_topBusiness { height: calc(134 / var(--width) * 100vw); background-size: auto calc(134 / var(--width) * 100vw); } }

.bl_companyProfile { display: grid; border-top: 2px solid #0d70b6; border-bottom: 2px solid #0d70b6; }
@media screen and (min-width: 769px) { .bl_companyProfile { grid-template-columns: 150px 1fr; } }
@media screen and (min-width: 769px) { .bl_companyProfile dt, .bl_companyProfile dd { padding: 20px 30px; border-top: 1px solid #ccc; } }
@media screen and (min-width: 769px) { .bl_companyProfile dt { border-right: 1px solid #ccc; } }
@media screen and (max-width: 768px) { .bl_companyProfile dt { margin-bottom: 5px; padding-top: calc(36 / var(--width) * 100vw); font-weight: bold; font-size: calc(24 / var(--width) * 100vw); letter-spacing: .2em; } }
@media screen and (min-width: 769px) { .bl_companyProfile dt span { display: block; text-align-last: justify; } }
.bl_companyProfile dt:first-child { border-top: none; }
.bl_companyProfile dt:first-child + dd { border-top: none; }
@media screen and (max-width: 768px) { .bl_companyProfile dd { padding-bottom: calc(36 / var(--width) * 100vw); font-size: calc(22 / var(--width) * 100vw); letter-spacing: .04em; } }
@media screen and (max-width: 768px) { .bl_companyProfile dd + dt { border-top: 1px solid #ccc; } }
.bl_companyProfile dd ul li + li { margin-top: 1em; }

.bl_companyArea { margin-top: -150px; text-align: center; }
@media screen and (max-width: 768px) { .bl_companyArea { margin-top: -50px; } }

.bl_companyOffice_nav { display: grid; margin: calc(70 / var(--width) * 100vw) 0 calc(100 / var(--width) * 100vw); row-gap: calc(40 / var(--width) * 100vw); grid-template-columns: repeat(5, 1fr); place-items: center; }
.bl_companyOffice_nav > li { font-size: calc(22 / var(--width) * 100vw); letter-spacing: .2em; }
.bl_companyOffice_nav > li:first-child { position: relative; }
.bl_companyOffice_nav > li:first-child::before { position: absolute; top: calc(-26 / var(--width) * 100vw); width: calc(71 / var(--width) * 100vw); height: calc(9 / var(--width) * 100vw); background-image: url("../img/company/title_contents.svg"); content: ""; }
.bl_companyOffice_nav > li a { position: relative; padding-left: calc(26 / var(--width) * 100vw); color: currentColor; text-decoration: none; }
.bl_companyOffice_nav > li a::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: calc(17 / var(--width) * 100vw); height: calc(13 / var(--width) * 100vw); background-image: url("../img/company/arrow_nav.svg"); background-size: cover; content: ""; }
.bl_companyOffice_nav > li a::after { position: absolute; bottom: calc(-16 / var(--width) * 100vw); left: 0; width: 100%; height: 1px; background-color: currentColor; content: ""; }

.bl_companyOffice { display: grid; gap: 10px; }
@media screen and (min-width: 769px) { .bl_companyOffice { min-height: min(calc(1008 / var(--width) * 100vw), 1008px); grid-template-columns: repeat(4, 1fr); } }
@media screen and (max-width: 768px) { .bl_companyOffice { padding: calc(80 / var(--width) * 100vw); background: #0d70b6; gap: calc(90 / var(--width) * 100vw); } }
.bl_companyOffice > li { background-color: #0d70b6; color: #fff; }
@media screen and (min-width: 769px) { .bl_companyOffice > li { line-height: 1.4; } }
@media screen and (min-width: 769px) { .bl_companyOffice > li:nth-child(1) { grid-column: 1 / 3; } }
.bl_companyOffice > li dl { display: flex; flex-direction: column; padding: 5px; }
.bl_companyOffice > li dl dt { order: 2; padding: 10px 6px 0; font-weight: bold; font-size: calc(22 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_companyOffice > li dl dt { font-size: calc(22 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_companyOffice > li dl dt { padding: calc(30 / var(--width) * 100vw) 6px calc(20 / var(--width) * 100vw); font-size: calc(45 / var(--width) * 100vw); } }
.bl_companyOffice > li dl dt::after { margin-left: 1em; color: #86b7da; font-size: calc(8 / var(--fz) * 1rem); letter-spacing: .01em; content: attr(data-eng) ""; }
@media screen and (max-width: 1280px) { .bl_companyOffice > li dl dt::after { font-size: calc(8 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_companyOffice > li dl dt::after { font-size: calc(17 / var(--fullWidth) * 100vw); } }
.bl_companyOffice > li dl dd { order: 3; padding: 5px 0 10px 6px; font-size: calc(14 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_companyOffice > li dl dd { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_companyOffice > li dl dd { font-size: calc(25 / var(--width) * 100vw); } }
.bl_companyOffice > li dl .bl_companyOffice_map { order: 1; padding: 0; }
@media screen and (min-width: 769px) { .bl_companyOffice .bl_companyOffice_main { display: grid; height: 100%; box-sizing: border-box; grid-template-columns: repeat(2, 1fr); }
  .bl_companyOffice .bl_companyOffice_main dt { align-self: flex-end; order: 1; margin-bottom: 10px; }
  .bl_companyOffice .bl_companyOffice_main dd { align-self: flex-start; order: 2; grid-column: 1; }
  .bl_companyOffice .bl_companyOffice_main .bl_companyOffice_map { order: 3; height: 100%; grid-column: 2; grid-row: 1 / 3; }
  .bl_companyOffice .bl_companyOffice_main .bl_companyOffice_map img { height: 100%; object-fit: cover; } }

.bl_companyOffice_tel { display: block; margin-top: 5px; }
@media screen and (min-width: 769px) { .bl_companyOffice_tel { font-size: calc(11 / var(--fz) * 1rem); } }
@media screen and (max-width: 1280px) { .bl_companyOffice_tel { font-size: calc(11 / var(--width) * 100vw); } }
.bl_companyOffice_tel strong { font-weight: normal; font-size: calc(14 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_companyOffice_tel strong { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_companyOffice_tel { font-size: 13px; }
  .bl_companyOffice_tel strong { font-size: 13px; }
  .bl_companyOffice_tel br { /*display: none;*/ } }
.bl_companyOffice_tel a { color: #fff; text-decoration: none; }

.bl_companyOffice_update { font-size: calc(14 / var(--fz) * 1rem); text-align: right; }
@media screen and (max-width: 1280px) { .bl_companyOffice_update { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_companyOffice_update { margin-top: 5px; } }
@media screen and (max-width: 768px) { .bl_companyOffice_update { padding-bottom: calc(80 / var(--width) * 100vw); background: #0d70b6; color: #fff; font-size: calc(18 / var(--width) * 100vw); text-align: center; } }

.bl_companyOffice_map img { width: 100%; }

.bl_companyPersonList { display: grid; gap: min(calc(60 / var(--width) * 100vw), 60px); }
@media screen and (min-width: 769px) { .bl_companyPersonList { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 768px) { .bl_companyPersonList { gap: calc(140 / var(--width) * 100vw); } }
.bl_companyPersonList table { padding: 10px; background-color: #fff; border-collapse: collapse; }
.bl_companyPersonList thead th { position: relative; padding: 9px 1em; color: #fff; font-weight: bold; letter-spacing: .3em; }
.bl_companyPersonList thead th:first-child { text-align: left; }
.bl_companyPersonList thead th:last-child { width: 73px; box-sizing: border-box; }
.bl_companyPersonList thead th span { position: relative; z-index: 1; }
.bl_companyPersonList thead th::before { position: absolute; top: 3px; right: 3px; width: calc(100% - 6px); height: calc(100% - 6px); content: ""; }
.bl_companyPersonList tbody td { position: relative; padding: 1em; font-size: calc(16 / var(--fz) * 1rem); text-align: center; }
@media screen and (max-width: 1280px) { .bl_companyPersonList tbody td { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_companyPersonList tbody td { font-size: calc(25 / var(--width) * 100vw); } }
.bl_companyPersonList tbody td:first-child { font-size: calc(17 / var(--fz) * 1rem); letter-spacing: .05em; }
@media screen and (max-width: 1280px) { .bl_companyPersonList tbody td:first-child { font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_companyPersonList tbody td:first-child { font-size: calc(25 / var(--width) * 100vw); } }
.bl_companyPersonList tbody td::before { position: absolute; top: 0; right: 0; width: calc(100% - 5px); height: 1px; background-color: #ccc; content: ""; }
.bl_companyPersonList tbody td:first-child { border-right: 1px solid #ccc; text-align: left; }
.bl_companyPersonList tbody td:first-child::before { position: absolute; top: 0; right: auto; left: 0; width: calc(100% - 5px); height: 1px; background-color: #ccc; content: ""; }
.bl_companyPersonList tbody tr:first-child td::before { display: none; }

.bl_philosophyGreeting { display: grid; gap: min(calc(60 / var(--width) * 100vw), 60px); }
@media screen and (min-width: 769px) { .bl_philosophyGreeting { margin-right: -30px; grid-template-columns: 1fr min(calc(250 / var(--width) * 100vw), 250px); } }
@media screen and (max-width: 768px) { .bl_philosophyGreeting { gap: calc(20 / var(--width) * 100vw); } }

.bl_philosophyGreeting_cont { letter-spacing: .04em; }
@media screen and (max-width: 768px) { .bl_philosophyGreeting_cont { font-size: calc(20 / var(--width) * 100vw); letter-spacing: .02em; } }
.bl_philosophyGreeting_cont p + p { margin-top: 1em; }

.bl_philosophyGreeting_daihyou { position: relative; text-align: center; }
@media screen and (min-width: 769px) { .bl_philosophyGreeting_daihyou { margin-top: -50px; } }
@media screen and (max-width: 768px) { .bl_philosophyGreeting_daihyou img { width: calc(300 / var(--width) * 100vw); } }

.bl_philosophyGreeting_sign { margin-top: 1em; font-weight: bold; letter-spacing: .18em; }
@media screen and (max-width: 768px) { .bl_philosophyGreeting_sign { position: absolute; top: 60%; right: calc(50 / var(--width) * 100vw); font-size: max(8px, calc(15 / var(--width) * 100vw)); text-align: left; } }
.bl_philosophyGreeting_sign span { font-size: calc(25 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_philosophyGreeting_sign span { font-size: calc(25 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_philosophyGreeting_sign span { font-size: calc(25 / var(--width) * 100vw); } }

.bl_philosophyPrinciple { margin-right: calc(50% - 50vw); padding: min(calc(50 / var(--width) * 100vw), 50px) 0 min(calc(50 / var(--width) * 100vw), 50px) min(calc(46 / var(--width) * 100vw), 46px); overflow: hidden; box-sizing: border-box; background-color: #fff; }
@media screen and (min-width: 769px) { .bl_philosophyPrinciple { margin-left: -46px; } }

@media screen and (min-width: 769px) { .bl_philosophyprinciple_inner { width: min(calc(900 / var(--width) * 100vw), 900px); margin: 0 auto 0 0; } }
@media screen and (max-width: 768px) { .bl_philosophyprinciple_inner { padding-right: calc(80 / var(--width) * 100vw); } }
.bl_philosophyprinciple_inner dl { display: flex; margin-bottom: min(calc(45 / var(--width) * 100vw), 45px); padding-bottom: min(calc(26 / var(--width) * 100vw), 26px); border-bottom: 1px solid var(--mainColor); gap: min(calc(50 / var(--width) * 100vw), 50px); }
@media screen and (max-width: 768px) { .bl_philosophyprinciple_inner dl { flex-direction: column; margin-right: calc(-80 / var(--width) * 100vw); padding-right: calc(80 / var(--width) * 100vw); gap: min(calc(20 / var(--width) * 100vw), 20px); } }
.bl_philosophyprinciple_inner dl dt { color: var(--mainColor); font-weight: bold; font-size: calc(28 / var(--fz) * 1rem); letter-spacing: .2em; }
@media screen and (max-width: 1280px) { .bl_philosophyprinciple_inner dl dt { font-size: calc(28 / var(--width) * 100vw); } }
.bl_philosophyprinciple_inner dl dd { letter-spacing: .04em; }
@media screen and (max-width: 768px) { .bl_philosophyprinciple_inner dl dd { font-size: calc(20 / var(--width) * 100vw); } }

.bl_philosophyList { font-size: calc(18 / var(--fz) * 1rem); counter-reset: number 0; }
@media screen and (max-width: 1280px) { .bl_philosophyList { font-size: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_philosophyList { font-size: calc(24 / var(--width) * 100vw); } }
.bl_philosophyList > li { letter-spacing: .04em; }
@media screen and (max-width: 768px) { .bl_philosophyList > li { position: relative; padding-left: calc(83 / var(--width) * 100vw); line-height: 1.6; } }
.bl_philosophyList > li + li { margin-top: 10px; }
@media screen and (max-width: 768px) { .bl_philosophyList > li + li { margin-top: 1.2em; } }
.bl_philosophyList > li::before { display: inline-block; width: min(calc(32 / var(--width) * 100vw), 32px); height: min(calc(32 / var(--width) * 100vw), 32px); margin-right: 10px; border-radius: 50%; background-color: var(--mainColor); color: #fff; text-align: center; content: counter(number) ""; counter-increment: number 1; }
@media screen and (max-width: 768px) { .bl_philosophyList > li::before { display: grid; position: absolute; left: 0; width: calc(63 / var(--width) * 100vw); height: calc(63 / var(--width) * 100vw); font-size: calc(33 / var(--width) * 100vw); place-items: center; } }

.bl_philosophyAgenda { position: relative; margin-top: min(calc(120 / var(--width) * 100vw), 120px); color: var(--mainColor); text-align: center; }
@media screen and (max-width: 768px) { .bl_philosophyAgenda { margin-top: calc(100 / var(--width) * 100vw); } }
.bl_philosophyAgenda dt { display: inline-block; padding: min(calc(20 / var(--width) * 100vw), 20px); border: 1px solid currentColor; font-weight: bold; font-size: calc(29 / var(--fz) * 1rem); line-height: 1; letter-spacing: .3em; }
@media screen and (min-width: 769px) { .bl_philosophyAgenda dt { position: absolute; top: -20px; left: 0; } }
@media screen and (max-width: 1280px) { .bl_philosophyAgenda dt { font-size: calc(29 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_philosophyAgenda dt { margin-bottom: calc(30 / var(--width) * 100vw); font-size: calc(26 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_philosophyAgenda dd { padding: 0 calc(40 / var(--width) * 100vw); } }

.bl_philosophyAgenda__fieldPower { color: #ed6c00; }

.bl_copanyName { position: sticky; top: 0; z-index: 2; }
.bl_copanyName::before { position: absolute; top: calc(100 / var(--width) * 100vw); width: min(calc(16 / var(--width) * 100vw), 16px); height: min(calc(327 / var(--width) * 100vw), 327px); background-image: url("../img/top/shape_name.svg"); background-size: cover; content: ""; }

.bl_copanyName__top::before { top: calc(32 / var(--width) * 100vw); }

.bl_produtItemNav_wrap { display: grid; gap: min(calc(20 / var(--width) * 100vw), 20px); }
@media screen and (min-width: 769px) { .bl_produtItemNav_wrap { padding-top: min(calc(40 / var(--width) * 100vw), 40px); grid-template-columns: min(calc(315 / var(--width) * 100vw), 315px) 1fr; } }
@media screen and (max-width: 768px) { .bl_produtItemNav_wrap { gap: calc(100 / var(--width) * 100vw); } }

.bl_produtItemNav { display: flex; flex-direction: column; position: relative; padding-left: min(calc(36 / var(--width) * 100vw), 36px); column-gap: min(calc(10 / var(--width) * 100vw), 10px); row-gap: min(calc(20 / var(--width) * 100vw), 20px); }
@media screen and (max-width: 768px) { .bl_produtItemNav { margin-top: calc(-36 / var(--width) * 100vw); padding-top: calc(20 / var(--width) * 100vw); } }
.bl_produtItemNav::before { position: absolute; top: -26px; width: min(calc(71 / var(--width) * 100vw), 71px); height: min(calc(9 / var(--width) * 100vw), 9px); background-image: url("../img/company/title_contents.svg"); content: ""; }
@media screen and (max-width: 1280px) { .bl_produtItemNav::before { top: calc(-26 / var(--width) * 100vw); } }
.bl_produtItemNav > li { letter-spacing: .2em; }
@media screen and (max-width: 768px) { .bl_produtItemNav > li { font-size: calc(22 / var(--width) * 100vw); letter-spacing: .06em; } }
.bl_produtItemNav > li span { font-size: calc(12 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_produtItemNav > li span { font-size: calc(12 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_produtItemNav > li span { margin-left: 1em; font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_produtItemNav > li span { display: block; } }
.bl_produtItemNav > li a { display: block; position: relative; padding-left: calc(26 / var(--width) * 100vw); color: currentColor; text-decoration: none; }
@media screen and (max-width: 768px) { .bl_produtItemNav > li a { padding-left: 0; } }
.bl_produtItemNav > li a::before, .bl_produtItemNav > li a::after { transition: .3s; }
.bl_produtItemNav > li a::before { opacity: 0; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: min(calc(17 / var(--width) * 100vw), 17px); height: min(calc(13 / var(--width) * 100vw), 13px); background-image: url("../img/company/arrow_nav.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_produtItemNav > li a::before { display: none; } }
.bl_produtItemNav > li a::after { opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; content: ""; }
@media screen and (max-width: 768px) { .bl_produtItemNav > li a::after { opacity: 1; } }
.bl_produtItemNav > li a:hover::before, .bl_produtItemNav > li a:hover::after { opacity: 1; }

@media screen and (min-width: 769px) { .bl_produtItemNav__materials { flex-direction: row; flex-wrap: wrap; }
  .bl_produtItemNav__materials > li { width: calc(50% - 10px); } }

.bl_produtItem { padding: min(calc(80 / var(--width) * 100vw), 80px) 0; background-color: #f3f3f3; }

.bl_produtItem_inner { padding: min(calc(50 / var(--width) * 100vw), 50px); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); background-color: #fff; }
@media screen and (min-width: 769px) { .bl_produtItem_inner { border-radius: 10px; } }
.bl_produtItem_inner + .bl_produtItem_inner { margin-top: min(calc(100 / var(--width) * 100vw), 100px); }

.bl_produtItem_ttl { margin-bottom: 1em; color: var(--mainColor); font-weight: bold; font-size: calc(28 / var(--fz) * 1rem); letter-spacing: .12em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_produtItem_ttl { font-size: calc(28 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_produtItem_ttl { font-size: calc(33 / var(--width) * 100vw); } }

.bl_produtItem_list { display: grid; column-gap: min(calc(30 / var(--width) * 100vw), 30px); row-gap: min(calc(50 / var(--width) * 100vw), 50px); }
@media screen and (min-width: 769px) { .bl_produtItem_list { grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 768px) { .bl_produtItem_list { row-gap: calc(90 / var(--width) * 100vw); } }
.bl_produtItem_list > li a { color: currentColor; text-decoration: none; }
.bl_produtItem_list > li dl { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.bl_produtItem_list > li dt { order: 1; margin-top: .6em; color: var(--mainColor); font-weight: bold; font-size: calc(18 / var(--fz) * 1rem); letter-spacing: .1em; }
@media screen and (max-width: 1280px) { .bl_produtItem_list > li dt { font-size: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_produtItem_list > li dt { font-size: calc(30 / var(--width) * 100vw); } }
.bl_produtItem_list > li dd { font-size: calc(12 / var(--fz) * 1rem); letter-spacing: .152em; }
@media screen and (max-width: 1280px) { .bl_produtItem_list > li dd { font-size: calc(12 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_produtItem_list > li dd { font-size: calc(20 / var(--width) * 100vw); } }

.bl_produtItem_thumb { order: 0; }
.bl_produtItem_thumb img { aspect-ratio: 280 / 202; border: 1px solid #bec5cc; border-radius: 6px; object-fit: cover; }

.bl_produtItem_com { order: 2; margin-bottom: 1em; }

.bl_produtItem_btn { order: 3; margin-top: auto; text-align: right; }
@media screen and (max-width: 768px) { .bl_produtItem_btn img { width: calc(120 / var(--width) * 100vw); } }

.bl_contactTel { padding: min(calc(20 / var(--width) * 100vw), 20px) min(calc(38 / var(--width) * 100vw), 38px) min(calc(30 / var(--width) * 100vw), 30px); border-radius: 10px; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); background-color: #f3f3f3; }
@media screen and (max-width: 768px) { .bl_contactTel { padding: calc(30 / var(--width) * 100vw); } }
.bl_contactTel + .bl_contactTel { margin-top: min(calc(60 / var(--width) * 100vw), 60px); }

.bl_contactTel_ttl { margin-bottom: min(calc(20 / var(--width) * 100vw), 20px); padding-bottom: min(calc(10 / var(--width) * 100vw), 10px); border-bottom: 2px solid currentColor; color: var(--mainColor); font-weight: bold; font-size: calc(24 / var(--fz) * 1rem); letter-spacing: .06em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_contactTel_ttl { font-size: calc(24 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_contactTel_ttl { border-width: 1px; } }
.bl_contactTel_ttl span { font-size: .8em; }
.bl_contactTel_ttl.bl_contactTel_ttl__rctEntry { color: var(--recruitColor); }

.bl_contactTel_cont { display: flex; align-items: center; font-size: calc(16 / var(--fz) * 1rem); gap: min(calc(30 / var(--width) * 100vw), 30px); }
@media screen and (max-width: 1280px) { .bl_contactTel_cont { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_contactTel_cont { flex-direction: column; font-size: calc(26 / var(--width) * 100vw); gap: calc(30 / var(--width) * 100vw); } }

.bl_contactTel_name { font-weight: bold; letter-spacing: .1em; }
@media screen and (max-width: 768px) { .bl_contactTel_name { letter-spacing: .04em; } }
.bl_contactTel_name span { display: block; margin-top: 5px; padding: 10px; border-radius: 6px; color: #fff; font-size: .9em; line-height: 1.5; text-align: center; }
.bl_contactTel_name.bl_contactTel_name__rctEntry span { background: linear-gradient(90deg, #39887a 0%, #4db56e 100%); }

.bl_contactTel_tel { line-height: 1; text-align: right; }
@media screen and (max-width: 768px) { .bl_contactTel_tel { width: 100%; line-height: 2; text-align: center; } }
.bl_contactTel_tel img { width: min(calc(461 / var(--width) * 100vw), 461px); margin-bottom: min(calc(13 / var(--width) * 100vw), 13px); }
@media screen and (max-width: 768px) { .bl_contactTel_tel img { width: 100%; } }

.bl_mailForm_ttl { margin-bottom: 1em; color: #fff; font-weight: bold; font-size: calc(35 / var(--fz) * 1rem); letter-spacing: .15em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_mailForm_ttl { font-size: calc(35 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_mailForm_ttl { font-size: calc(38 / var(--width) * 100vw); } }
.bl_mailForm_ttl.bl_mailForm_ttl__rctEntry { letter-spacing: .05em; }

.bl_mailForm_wrap { padding: min(calc(72 / var(--width) * 100vw), 72px); background: #fff; }
@media screen and (max-width: 768px) { .bl_mailForm_wrap { margin: 0 calc(40 / var(--width) * 100vw); padding: calc(40 / var(--width) * 100vw); } }
.bl_mailForm_wrap * { box-sizing: border-box; }
.bl_mailForm_wrap input[type="text"], .bl_mailForm_wrap input[type="email"], .bl_mailForm_wrap input[type="tel"], .bl_mailForm_wrap textarea { border: none; border-radius: 0; background: transparent; color: inherit; font: inherit; outline: none; appearance: none; }
.bl_mailForm_wrap input[type="submit"], .bl_mailForm_wrap label, .bl_mailForm_wrap select { cursor: pointer; }
.bl_mailForm_wrap input[type="text"], .bl_mailForm_wrap input[type="email"], .bl_mailForm_wrap input[type="tel"], .bl_mailForm_wrap select, .bl_mailForm_wrap textarea { min-width: min(calc(360 / var(--width) * 100vw), 360px); min-height: min(calc(41 / var(--width) * 100vw), 41px); padding: 10px; border: 1px solid #b3b3b3; border-radius: 4px; font-size: min(calc(15 / var(--width) * 100vw), 15px); line-height: 1; }
@media screen and (max-width: 768px) { .bl_mailForm_wrap input[type="text"], .bl_mailForm_wrap input[type="email"], .bl_mailForm_wrap input[type="tel"], .bl_mailForm_wrap select, .bl_mailForm_wrap textarea { width: 100%; min-height: calc(60 / var(--width) * 100vw); font-size: calc(26 / var(--width) * 100vw); } }
.bl_mailForm_wrap select { width: auto; min-width: min(calc(112 / var(--width) * 100vw), 112px); }
@media screen and (max-width: 768px) { .bl_mailForm_wrap select { min-width: 40%; } }
.bl_mailForm_wrap textarea { width: 100%; height: min(calc(187 / var(--width) * 100vw), 187px); }
@media screen and (max-width: 768px) { .bl_mailForm_wrap textarea { height: calc(400 / var(--width) * 100vw); } }

.bl_mailForm_flow { display: grid; font-weight: bold; font-size: calc(20 / var(--fz) * 1rem); gap: 12px; grid-template-columns: repeat(3, 1fr); }
@media screen and (max-width: 1280px) { .bl_mailForm_flow { font-size: calc(20 / var(--width) * 100vw); } }
.bl_mailForm_flow li { display: grid; align-items: center; position: relative; height: 49px; margin-bottom: min(calc(40 / var(--width) * 100vw), 40px); padding: 0 1em; }
.bl_mailForm_flow li::after { clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); position: absolute; top: 1px; left: -1px; width: 100%; height: 47px; background: #fff; content: ""; }
.bl_mailForm_flow li::before { clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ccc; content: ""; }
.bl_mailForm_flow li:last-child::after { clip-path: none; right: 1px; left: 1px; width: auto; }
.bl_mailForm_flow li:last-child::before { clip-path: none; }
.bl_mailForm_flow li span { position: relative; z-index: 2; }
.bl_mailForm_flow li.is_current::after { background: #b4dded; }
.bl_mailForm_flow.bl_mailForm_flow__rctEntry li.is_current::after { background: #def3ea; }

.mw_wp_form_input .bl_mailForm_flow__step2, .mw_wp_form_input .bl_mailForm_flow__step3 { display: none; }

.mw_wp_form_confirm .bl_mailForm_flow__step1, .mw_wp_form_confirm .bl_mailForm_flow__step3 { display: none; }

.mw_wp_form_complete .bl_mailForm_flow__step1, .mw_wp_form_complete .bl_mailForm_flow__step2 { display: none; }

.bl_mailForm_caution { margin-bottom: min(calc(50 / var(--width) * 100vw), 50px); font-weight: bold; letter-spacing: .1em; }
@media screen and (max-width: 768px) { .bl_mailForm_caution { letter-spacing: .04em; } }

.bl_mailForm { display: grid; gap: min(calc(20 / var(--width) * 100vw), 20px); }
@media screen and (min-width: 769px) { .bl_mailForm { line-height: 41px; grid-template-columns: 1fr min(calc(630 / var(--width) * 100vw), 630px); } }
@media screen and (max-width: 768px) { .bl_mailForm { gap: calc(16 / var(--width) * 100vw); } }
.bl_mailForm dt { font-weight: bold; font-size: calc(16 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_mailForm dt { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_mailForm dt { font-size: calc(26 / var(--width) * 100vw); line-height: 1; } }
.bl_mailForm dt span { font-size: .8em; }
@media screen and (max-width: 768px) { .bl_mailForm dd label { display: block; } }
@media screen and (min-width: 769px) { .bl_mailForm dd label + label { margin-left: 1em; } }
@media screen and (max-width: 768px) { .bl_mailForm dd + dt { margin-top: 1em; } }
.bl_mailForm + .bl_mailForm { margin-top: min(calc(20 / var(--width) * 100vw), 20px); padding: min(calc(20 / var(--width) * 100vw), 20px) 0 0; border-top: 1px solid #b3b3b3; }
.bl_mailForm.bl_mailForm__agree { display: flex; }
@media screen and (max-width: 768px) { .bl_mailForm.bl_mailForm__agree { flex-direction: column; } }
.bl_mailForm.bl_mailForm__agree .bl_mailForm_must { gap: min(calc(40 / var(--width) * 100vw), 40px); }
@media screen and (min-width: 769px) { .bl_mailForm.bl_mailForm__agree dd { margin-left: min(calc(86 / var(--width) * 100vw), 86px); } }
@media screen and (max-width: 768px) { .bl_mailForm.bl_mailForm__agree dd { text-align: center; } }

.bl_mailForm_must { display: flex; }
.bl_mailForm_must::after { display: grid; position: relative; top: min(calc(10 / var(--width) * 100vw), 10px); width: min(calc(42 / var(--width) * 100vw), 42px); height: min(calc(21 / var(--width) * 100vw), 21px); margin-left: auto; background-color: #ed0000; color: #fff; font-size: calc(14 / var(--fz) * 1rem); line-height: 1; content: "必須"; place-items: center; }
@media screen and (min-width: 769px) { .bl_mailForm_must::after { width: min(calc(42 / var(--width) * 100vw), 42px); height: min(calc(21 / var(--width) * 100vw), 21px); } }
@media screen and (max-width: 1280px) { .bl_mailForm_must::after { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_mailForm_must::after { top: 0; padding: calc(6 / var(--width) * 100vw); font-size: calc(20 / var(--width) * 100vw); } }

.bl_mailForm_must__mail { position: relative; }
@media screen and (min-width: 769px) { .bl_mailForm_must__mail::before { display: grid; position: absolute; right: 0; bottom: 10px; width: 42px; height: 21px; background-color: #ed0000; color: #fff; font-size: calc(14 / var(--fz) * 1rem); line-height: 1; content: "必須"; place-items: center; } }

.bl_mailForm_ex { color: #bec5cc; font-size: calc(14 / var(--fz) * 1rem); }
@media screen and (min-width: 769px) { .bl_mailForm_ex { margin-left: 10px; } }
@media screen and (max-width: 1280px) { .bl_mailForm_ex { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_mailForm_ex { display: block; font-size: calc(20 / var(--width) * 100vw); } }

.bl_mailForm_policy { margin-top: min(calc(60 / var(--width) * 100vw), 60px); font-size: calc(14 / var(--fz) * 1rem); letter-spacing: .1em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_mailForm_policy { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_mailForm_policy { font-size: calc(22 / var(--width) * 100vw); } }

.bl_mailForm_send { display: flex; justify-content: center; align-items: center; margin-top: min(calc(20 / var(--width) * 100vw), 20px); text-align: center; gap: 10px; }
@media screen and (max-width: 768px) { .bl_mailForm_send { flex-direction: column-reverse; } }

.bl_rctTopFv { position: relative; z-index: 1; background-image: url("../img/recruit/top/fv_line.svg"); background-size: contain; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .bl_rctTopFv { background-image: url("../img/recruit/top/fv_line-sp.svg"); } }

.bl_rctTopFv_inner { position: relative; height: min(calc(2253 / var(--width) * 100vw), 2072px); text-align: center; }
@media screen and (min-width: 769px) { .bl_rctTopFv_inner { width: min(calc(1280 / var(--width) * 100vw), 1280px); margin: 0 auto; } }
@media screen and (max-width: 768px) { .bl_rctTopFv_inner { height: calc(2981 / var(--width) * 100vw); } }

.youtube { margin: 0 auto 4rem; width: 90%; max-width: 800px; aspect-ratio: 16 / 9; }
@media screen and (max-width: 768px) { .youtube { margin: 0 auto 2rem; } }
.youtube iframe { width: 100%; height: 100%; }

.bl_rctTopFv_cont { position: relative; top: 703px; z-index: 3; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_cont { top: calc(703 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_cont { top: calc(685 / var(--width) * 100vw); } }

.bl_rctTopFv_ttl { margin-bottom: min(calc(20 / var(--width) * 100vw), 20px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_ttl { margin-bottom: calc(890 / var(--width) * 100vw); } }
.bl_rctTopFv_ttl img { width: min(calc(920 / var(--width) * 100vw), 920px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_ttl img { width: calc(700 / var(--width) * 100vw); } }

.bl_rctTopFv_copy { margin-bottom: min(calc(70 / var(--width) * 100vw), 70px); filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.5)); }

.bl_rctTopFv_txt { font-size: calc(14 / var(--fz) * 1rem); line-height: 1.9; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_txt { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_txt { font-weight: bold; font-size: calc(26 / var(--width) * 100vw); letter-spacing: .06em; }
  .bl_rctTopFv_txt p + p { margin-top: 2em; } }
.bl_rctTopFv_txt span { color: #ffed00; font-size: 1.7em; }

.bl_rctTopFv_btn { position: absolute; top: 158px; right: 180px; z-index: 3; filter: drop-shadow(7px 7px 4px rgba(0, 0, 0, 0.3)); }
@media screen and (max-width: 1280px) { .bl_rctTopFv_btn { top: calc(158 / var(--width) * 100vw); right: calc(50 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_btn { top: calc(922 / var(--width) * 100vw); right: calc(30 / var(--width) * 100vw); } }
.bl_rctTopFv_btn img { width: min(calc(234 / var(--width) * 100vw), 234px); }

.bl_rctTopFv_scroll { display: none; position: absolute; bottom: 195px; left: 50%; z-index: 3; transform: translateX(-50%); width: min(calc(62 / var(--width) * 100vw), 62px); height: min(calc(12 / var(--width) * 100vw), 12px); background-image: url("../img/recruit/top/scroll.svg"); background-size: cover; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_scroll { bottom: calc(195 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_scroll { top: calc(1153 / var(--width) * 100vw); bottom: auto; } }
.bl_rctTopFv_scroll::before { position: absolute; top: 22px; left: 50%; width: min(calc(19 / var(--width) * 100vw), 19px); height: min(calc(294 / var(--width) * 100vw), 294px); background-image: url("../img/recruit/top/scroll_arrow.svg"); background-size: cover; content: ""; animation: scroll_arrow 2.6s ease-in infinite; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_scroll::before { top: calc(22 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_scroll::before { height: calc(432 / var(--width) * 100vw); } }

@keyframes scroll_arrow { 0% { clip-path: inset(0 0 100% 0); }
  40% { clip-path: inset(0 0 0 0); }
  70% { opacity: 1; }
  100% { opacity: 0; } }
.bl_rctTopFv_img { position: absolute; z-index: 2; }

.bl_rctTopFv_img__1 { top: 105px; left: 329px; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_img__1 { top: calc(105 / var(--width) * 100vw); /*left: calc(236 / var(--width) * 100vw);*/ left: calc(316 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__1 { top: calc(164 / var(--width) * 100vw); left: calc(158 / var(--width) * 100vw); } }
.bl_rctTopFv_img__1 img { width: min(calc(504 / var(--width) * 100vw), 504px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__1 img { width: calc(380 / var(--width) * 100vw); } }

.bl_rctTopFv_img__2 { top: 7px; left: 487px; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_img__2 { top: calc(7 / var(--width) * 100vw); left: calc(487 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__2 { top: calc(39 / var(--width) * 100vw); left: calc(296 / var(--width) * 100vw); } }
.bl_rctTopFv_img__2 img { width: min(calc(579 / var(--width) * 100vw), 579px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__2 img { width: calc(437 / var(--width) * 100vw); } }
.bl_rctTopFv_img__2.js_trig.js_fadeInUp.is_on { animation-delay: .6s; }

.bl_rctTopFv_img__3 { top: 325px; left: -45px; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_img__3 { top: calc(410 / var(--width) * 100vw); left: calc(-45 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__3 { top: calc(400 / var(--width) * 100vw); left: calc(-20 / var(--width) * 100vw); } }
.bl_rctTopFv_img__3 img { width: min(calc(536 / var(--width) * 100vw), 536px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__3 img { transform: rotate(-4deg); width: calc(434 / var(--width) * 100vw); } }
.bl_rctTopFv_img__3.js_trig.js_fadeInUp.is_on { animation-delay: 1.2s; }

.bl_rctTopFv_img__4 { top: 270px; left: 593px; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_img__4 { top: calc(447 / var(--width) * 100vw); left: calc(593 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__4 { top: calc(340 / var(--width) * 100vw); right: calc(-40 / var(--width) * 100vw); left: auto; } }
.bl_rctTopFv_img__4 img { width: min(calc(689 / var(--width) * 100vw), 698px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__4 img { width: calc(520 / var(--width) * 100vw); } }
.bl_rctTopFv_img__4.js_trig.js_fadeInUp.is_on { animation-delay: 1.8s; }

.bl_rctTopFv_img__5 { top: 935px; left: -140px; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_img__5 { top: calc(935 / var(--width) * 100vw); left: calc(-140 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__5 { top: calc(960 / var(--width) * 100vw); left: calc(-90 / var(--width) * 100vw); } }
.bl_rctTopFv_img__5 img { width: min(calc(750 / var(--width) * 100vw), 750px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__5 img { width: calc(575 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctTopFv_img__5.js_trig.js_fadeInUp.is_on { animation-delay: 2.6s; } }

.bl_rctTopFv_img__6 { top: 1076px; left: 812px; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_img__6 { top: calc(1076 / var(--width) * 100vw); left: calc(812 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__6 { top: calc(1138 / var(--width) * 100vw); right: calc(23 / var(--width) * 100vw); left: auto; } }
.bl_rctTopFv_img__6 img { width: min(calc(427 / var(--width) * 100vw), 427px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__6 img { width: calc(345 / var(--width) * 100vw); } }
.bl_rctTopFv_img__6.js_trig.js_fadeInUp.is_on { animation-delay: .6s; }

.bl_rctTopFv_img__7 { top: 1446px; left: 512px; }
@media screen and (max-width: 1280px) { .bl_rctTopFv_img__7 { top: calc(1446 / var(--width) * 100vw); left: calc(512 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__7 { top: auto; bottom: calc(-55 / var(--width) * 100vw); left: calc(176 / var(--width) * 100vw); } }
.bl_rctTopFv_img__7 img { width: min(calc(624 / var(--width) * 100vw), 624px); }
@media screen and (max-width: 768px) { .bl_rctTopFv_img__7 img { width: calc(493 / var(--width) * 100vw); } }

.bl_rctTopIntroNav > ul { display: grid; gap: calc(10 / var(--width) * 100vw); grid-template-columns: repeat(2, 1fr); }
.bl_rctTopIntroNav > ul > li { background-image: url("../img/recruit/top/bg_introNav.svg"); background-size: cover; }

.bl_rctTopIntro { position: relative; z-index: 1; }

.bl_rctTopIntro_inner { display: inline-block; position: relative; z-index: 1; font-weight: bold; font-size: calc(18 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctTopIntro_inner { font-size: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopIntro_inner { display: block; font-size: calc(29 / var(--width) * 100vw); } }
.bl_rctTopIntro_inner::before { display: inline-block; width: min(calc(300 / var(--width) * 100vw), 300px); height: min(calc(113 / var(--width) * 100vw), 113px); margin-bottom: min(calc(83 / var(--width) * 100vw), 83px); background-size: contain; background-repeat: no-repeat; content: ""; }
@media screen and (max-width: 768px) { .bl_rctTopIntro_inner::before { width: calc(250 / var(--width) * 100vw); height: calc(97 / var(--width) * 100vw); margin-bottom: calc(90 / var(--width) * 100vw); } }
.bl_rctTopIntro_inner::after { clip-path: polygon(0% 0%, 100% 0%, 99.6% 100%, 0% 100%); position: absolute; top: 148px; left: 0; width: 100%; height: 10px; background-color: #fff; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctTopIntro_inner::after { top: calc(148 / var(--width) * 100vw); height: calc(10 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopIntro_inner::after { top: calc(146 / var(--width) * 100vw); height: calc(8 / var(--width) * 100vw); } }
.bl_rctTopIntro_inner .el_rctMoreBtn { margin-top: min(calc(26 / var(--width) * 100vw), 26px); }
@media screen and (max-width: 768px) { .bl_rctTopIntro_inner .el_rctMoreBtn { margin-top: calc(77 / var(--width) * 100vw); } }

.bl_rctTopIntro__1 .bl_rctTopIntro_inner { margin-left: calc(50% - 50vw); padding-right: min(calc(100 / var(--width) * 100vw), 100px); padding-left: calc((100vw - 100%) / 2); }
@media screen and (max-width: 768px) { .bl_rctTopIntro__1 .bl_rctTopIntro_inner { padding-right: 0; padding-left: calc(55 / var(--width) * 100vw); } }
.bl_rctTopIntro__1 .bl_rctTopIntro_inner::before { background-image: url("../img/recruit/top/num.svg"); }

.bl_rctTopIntro__2 { position: relative; text-align: right; }
.bl_rctTopIntro__2 .bl_rctTopIntro_inner { margin-right: calc(50% - 50vw); padding-right: calc((100vw - 100%) / 2); padding-left: min(calc(42 / var(--width) * 100vw), 42px); }
@media screen and (max-width: 768px) { .bl_rctTopIntro__2 .bl_rctTopIntro_inner { padding-right: calc(55 / var(--width) * 100vw); padding-left: 0; } }
.bl_rctTopIntro__2 .bl_rctTopIntro_inner::before { background-image: url("../img/recruit/top/num2.svg"); }
.bl_rctTopIntro__2 .bl_rctTopIntro_inner::after { clip-path: polygon(0.4% 0%, 100% 0%, 100% 100%, 0% 100%); }

.bl_rctTopIntro__3 { text-align: center; }
.bl_rctTopIntro__3 .bl_rctTopIntro_inner::before { margin-bottom: min(calc(42 / var(--width) * 100vw), 42px); background-image: url("../img/recruit/top/num3.svg"); }
@media screen and (max-width: 768px) { .bl_rctTopIntro__3 .bl_rctTopIntro_inner::before { margin-bottom: calc(65 / var(--width) * 100vw); } }
.bl_rctTopIntro__3 .bl_rctTopIntro_inner::after { display: none; }

.bl_rctTopIntro__4 { text-align: right; }
.bl_rctTopIntro__4 .bl_rctTopIntro_inner { margin-right: calc(50% - 50vw); padding-right: calc((100vw - 100%) / 2); padding-left: min(calc(42 / var(--width) * 100vw), 42px); }
@media screen and (max-width: 768px) { .bl_rctTopIntro__4 .bl_rctTopIntro_inner { padding-right: calc(55 / var(--width) * 100vw); padding-left: 0; } }
.bl_rctTopIntro__4 .bl_rctTopIntro_inner::before { margin-right: calc(30 / var(--width) * 100vw); background-image: url("../img/recruit/top/num4.svg"); }

.bl_rctTopIntro__5 { padding-top: min(calc(72 / var(--width) * 100vw), 72px); background-image: url("../img/recruit/top/member.svg"); background-position: top center; background-size: 841px auto; background-repeat: no-repeat; text-align: center; }
@media screen and (max-width: 768px) { .bl_rctTopIntro__5 { padding-top: calc(80 / var(--width) * 100vw); background-position: 0 80px; background-size: calc(610 / var(--width) * 100vw) auto; } }
.bl_rctTopIntro__5 .bl_rctTopIntro_inner { display: block; }
.bl_rctTopIntro__5 .bl_rctTopIntro_inner::before { position: absolute; top: calc(390 / var(--width) * 100vw); bottom: 0; left: 0; z-index: 2; margin-bottom: min(calc(42 / var(--width) * 100vw), 42px); background-image: url("../img/recruit/top/num5.svg"); }
@media screen and (max-width: 1280px) { .bl_rctTopIntro__5 .bl_rctTopIntro_inner::before { top: calc(390 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctTopIntro__5 .bl_rctTopIntro_inner::before { display: none; } }
@media screen and (max-width: 768px) { .bl_rctTopIntro__5 .bl_rctTopIntro_inner::before { top: calc(-80 / var(--width) * 100vw); left: auto; transform: translateX(-50%); } }
.bl_rctTopIntro__5 .bl_rctTopIntro_inner::after { display: none; }
@media screen and (max-width: 768px) { .bl_rctTopIntro__5 .bl_rctTopIntro_ttl { padding-top: calc(50 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopIntro__5 .bl_rctTopIntro_ttl img { height: calc(68 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopIntro__5 .el_rctMoreBtn { margin-top: 0; } }

.bl_rctTopIntroStaff { position: relative; margin: min(calc(50 / var(--width) * 100vw), 50px) calc(50% - 50vw) 0; padding-bottom: min(calc(120 / var(--width) * 100vw), 120px); }
@media screen and (max-width: 768px) { .bl_rctTopIntroStaff { margin: calc(80 / var(--width) * 100vw) calc(50% - 50vw) 0; } }
.bl_rctTopIntroStaff::before { position: absolute; bottom: 60px; left: min(calc(130 / var(--width) * 100vw), 130px); z-index: 2; width: min(calc(287 / var(--width) * 100vw), 287px); height: min(calc(113 / var(--width) * 100vw), 113px); background-image: url("../img/recruit/top/num5.svg"); background-size: contain; background-repeat: no-repeat; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctTopIntroStaff::before { bottom: calc(60 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopIntroStaff::before { display: none; } }
.bl_rctTopIntroStaff ul li { background: linear-gradient(90deg, #8fc8b9 0%, #2ca67f 100%); }
.bl_rctTopIntroStaff ul li:nth-child(even) { background: linear-gradient(90deg, #4db56e 0%, #a7d6bf 100%); }
.bl_rctTopIntroStaff .swiper-wrapper { transition-timing-function: linear; }
.bl_rctTopIntroStaff .swiper-pagination { bottom: 57px; }
@media screen and (max-width: 1280px) { .bl_rctTopIntroStaff .swiper-pagination { bottom: calc(57 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctTopIntroStaff .swiper-pagination { bottom: calc(36 / var(--width) * 100vw); } }
.bl_rctTopIntroStaff .swiper-pagination .swiper-pagination-bullet { width: 9px; height: 9px; margin: 0 9px; border-radius: 0; }
@media screen and (max-width: 768px) { .bl_rctTopIntroStaff .swiper-pagination .swiper-pagination-bullet { width: calc(13 / var(--width) * 100vw); height: calc(13 / var(--width) * 100vw); margin: 0 calc(13 / var(--width) * 100vw); } }
.bl_rctTopIntroStaff .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #ffed00; }

.bl_rctTopIntro__6 { text-align: center; }
.bl_rctTopIntro__6 .bl_rctTopIntro_inner { display: block; }
@media screen and (min-width: 769px) { .bl_rctTopIntro__6 .bl_rctTopIntro_inner { display: flex; flex-direction: column; justify-content: center; align-items: center; width: min(calc(476 / var(--width) * 100vw), 476px); height: calc(669 / var(--width) * 100vw); margin: 0 auto; padding: min(calc(115 / var(--width) * 100vw), 115px) min(calc(20 / var(--width) * 100vw), 20px) min(calc(90 / var(--width) * 100vw), 90px); box-sizing: border-box; background: linear-gradient(-61deg, #84aeff 0%, #0d70b6 100%); } }
.bl_rctTopIntro__6 .bl_rctTopIntro_inner::before { height: min(calc(94 / var(--width) * 100vw), 94px); margin-bottom: min(calc(42 / var(--width) * 100vw), 42px); background-image: url("../img/recruit/top/num6.svg"); background-position: center; }
.bl_rctTopIntro__6 .bl_rctTopIntro_inner::after { display: none; }
.bl_rctTopIntro__6 .bl_rctTopIntro_ttl { margin-bottom: min(calc(40 / var(--width) * 100vw), 40px); }
.bl_rctTopIntro__6 .bl_rctTopIntro_ttl img { height: min(calc(123 / var(--width) * 100vw), 123px); }
@media screen and (max-width: 768px) { .bl_rctTopIntro__6 .bl_rctTopIntro_ttl img { height: calc(155 / var(--width) * 100vw); } }
.bl_rctTopIntro__6 .el_rctMoreBtn::before { background-image: url("../img/recruit/top/more2.svg"); }

.bl_rctTopIntro_ttl { position: relative; margin-bottom: min(calc(28 / var(--width) * 100vw), 28px); }
@media screen and (max-width: 768px) { .bl_rctTopIntro_ttl { margin-bottom: calc(58 / var(--width) * 100vw); } }
.bl_rctTopIntro_ttl img { width: auto; height: min(calc(58 / var(--width) * 100vw), 58px); }
@media screen and (max-width: 768px) { .bl_rctTopIntro_ttl img { height: calc(155 / var(--width) * 100vw); } }

.bl_rctTopButtons { margin: 0 auto; }
@media screen and (max-width: 768px) { .bl_rctTopButtons { max-width: calc(526 / var(--width) * 100vw); } }
.bl_rctTopButtons img { width: 100%; }
.bl_rctTopButtons ul { display: grid; gap: min(calc(56 / var(--width) * 100vw), 24px); }
@media screen and (min-width: 769px) { .bl_rctTopButtons ul { grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 768px) { .bl_rctTopButtons ul { gap: calc(42 / var(--width) * 100vw); } }
.bl_rctTopButtons .mynavi { display: flex; justify-content: center; margin-top: min(calc(36 / var(--width) * 100vw), 36px); }

.bl_rctTopButtons_guide { margin: auto; max-width: min(calc(710 / var(--width) * 100vw), 710px); margin-bottom: min(calc(36 / var(--width) * 100vw), 36px); }
@media screen and (max-width: 768px) { .bl_rctTopButtons_guide { margin-right: calc(-60 / var(--width) * 100vw); margin-bottom: calc(60 / var(--width) * 100vw); margin-left: calc(-115 / var(--width) * 100vw); } }

.bl_rctMv_wrap { position: relative; }
.bl_rctMv_wrap .bl_breadcrumbs { position: absolute; top: 22px; left: 75px; z-index: 2; }
@media screen and (max-width: 1280px) { .bl_rctMv_wrap .bl_breadcrumbs { top: calc(22 / var(--width) * 100vw); left: calc(75 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctMv_wrap .bl_breadcrumbs { display: none; } }
.bl_rctMv_wrap::before, .bl_rctMv_wrap::after { position: absolute; z-index: 1; width: min(calc(212 / var(--width) * 100vw), 212px); height: min(calc(247 / var(--width) * 100vw), 247px); background-image: url("../img/recruit/common/shape.svg"); background-size: cover; content: ""; }
.bl_rctMv_wrap::before { bottom: -82px; left: -26px; }
@media screen and (max-width: 1280px) { .bl_rctMv_wrap::before { bottom: calc(-82 / var(--width) * 100vw); left: calc(-26 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctMv_wrap::before { bottom: calc(24 / var(--width) * 100vw); left: calc(-70 / var(--width) * 100vw); } }
.bl_rctMv_wrap::after { top: -73px; right: -58px; }
@media screen and (max-width: 1280px) { .bl_rctMv_wrap::after { top: calc(-73 / var(--width) * 100vw); right: calc(-58 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctMv_wrap::after { top: calc(-29 / var(--width) * 100vw); right: calc(-46 / var(--width) * 100vw); } }

.bl_rctMv { position: relative; height: min(calc(403 / var(--width) * 100vw), 403px); color: #fff; }
@media screen and (max-width: 768px) { .bl_rctMv { height: calc(955 / var(--width) * 100vw); } }
.bl_rctMv::before, .bl_rctMv::after { position: absolute; z-index: -2; background-color: #ffed00; content: ""; }
.bl_rctMv::before { clip-path: polygon(0 0, 100% 0, 100% 100%); top: 0; right: 0; width: min(calc(237 / var(--width) * 100vw), 237px); height: min(calc(237 / var(--width) * 100vw), 237px); }
.bl_rctMv::after { clip-path: polygon(0 0, 0 100%, 100% 100%); bottom: 0; left: 0; width: min(calc(165 / var(--width) * 100vw), 165px); height: min(calc(165 / var(--width) * 100vw), 165px); }

.bl_rctMv_inner { display: grid; position: relative; width: 100%; height: 100%; place-items: center; }
.bl_rctMv_inner::before { position: absolute; z-index: -3; width: 100%; height: 100%; background-image: url("../img/recruit/about/mv_bg.jpg"); background-image: image-set(url("../img/recruit/about/mv_bg.jpg") 1x, url("../img/recruit/about/mv_bg@2x.jpg") 2x); background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_rctMv_inner::before { background-image: url("../img/recruit/about/mv_bg-sp.jpg"); background-image: image-set(url("../img/recruit/about/mv_bg-sp.jpg") 1x, url("../img/recruit/about/mv_bg-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_rctMv_inner::before { background-image: url("../img/recruit/about/mv_bg-sp.jpg"); } }

.bl_rctMv_ttl { display: flex; flex-direction: column; justify-content: center; font-size: calc(16 / var(--fz) * 1rem); letter-spacing: .05em; text-align: center; gap: min(calc(30 / var(--width) * 100vw), 30px); }
@media screen and (max-width: 1280px) { .bl_rctMv_ttl { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctMv_ttl { font-size: calc(23 / var(--width) * 100vw); gap: calc(50 / var(--width) * 100vw); } }
.bl_rctMv_ttl::before { display: block; width: min(calc(63 / var(--width) * 100vw), 63px); height: min(calc(38 / var(--width) * 100vw), 38px); margin: 0 auto; background-image: url("../img/recruit/about/mv_num.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_rctMv_ttl::before { width: calc(127 / var(--width) * 100vw); height: calc(76 / var(--width) * 100vw); } }
.bl_rctMv_ttl img { width: min(calc(895 / var(--width) * 100vw), 895px); }
@media screen and (max-width: 768px) { .bl_rctMv_ttl img { width: calc(686 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctMv_ttl p { margin-top: 1em; } }

.bl_rctMv__career .bl_rctMv_inner::before { background-image: url("../img/recruit/career/mv_bg.jpg"); background-image: image-set(url("../img/recruit/career/mv_bg.jpg") 1x, url("../img/recruit/career/mv_bg@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_rctMv__career .bl_rctMv_inner::before { background-image: url("../img/recruit/career/mv_bg-sp.jpg"); background-image: image-set(url("../img/recruit/career/mv_bg-sp.jpg") 1x, url("../img/recruit/career/mv_bg-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_rctMv__career .bl_rctMv_inner::before { background-image: url("../img/recruit/career/mv_bg-sp.jpg"); } }
.bl_rctMv__career .bl_rctMv_ttl::before { background-image: url("../img/recruit/career/mv_num.svg"); }
.bl_rctMv__career .bl_rctMv_ttl img { width: min(calc(516 / var(--width) * 100vw), 516px); }
@media screen and (max-width: 768px) { .bl_rctMv__career .bl_rctMv_ttl img { width: calc(345 / var(--width) * 100vw); } }

.bl_rctMv__culture::before, .bl_rctMv__culture::after { background-color: #037964; }
.bl_rctMv__culture .bl_rctMv_inner::before { background-image: url("../img/recruit/culture/mv_bg.jpg"); background-image: image-set(url("../img/recruit/culture/mv_bg.jpg") 1x, url("../img/recruit/culture/mv_bg@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_rctMv__culture .bl_rctMv_inner::before { background-image: url("../img/recruit/culture/mv_bg-sp.jpg"); background-image: image-set(url("../img/recruit/culture/mv_bg-sp.jpg") 1x, url("../img/recruit/culture/mv_bg-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_rctMv__culture .bl_rctMv_inner::before { background-image: url("../img/recruit/culture/mv_bg-sp.jpg"); } }
.bl_rctMv__culture .bl_rctMv_ttl { color: #037964; }
@media screen and (min-width: 769px) { .bl_rctMv__culture .bl_rctMv_ttl { font-weight: bold; } }
.bl_rctMv__culture .bl_rctMv_ttl::before { background-image: url("../img/recruit/culture/mv_num.svg"); }
.bl_rctMv__culture .bl_rctMv_ttl img { width: min(calc(677 / var(--width) * 100vw), 677px); }
@media screen and (max-width: 768px) { .bl_rctMv__culture .bl_rctMv_ttl img { width: calc(345 / var(--width) * 100vw); } }

.bl_rctMv__works::before, .bl_rctMv__works::after { background-color: #037964; }
.bl_rctMv__works .bl_rctMv_inner::before { background-image: url("../img/recruit/works/mv_bg.jpg"); background-image: image-set(url("../img/recruit/works/mv_bg.jpg") 1x, url("../img/recruit/works/mv_bg@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_rctMv__works .bl_rctMv_inner::before { background-image: url("../img/recruit/works/mv_bg-sp.jpg"); background-image: image-set(url("../img/recruit/works/mv_bg-sp.jpg") 1x, url("../img/recruit/works/mv_bg-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_rctMv__works .bl_rctMv_inner::before { background-image: url("../img/recruit/works/mv_bg-sp.jpg"); } }
.bl_rctMv__works .bl_rctMv_ttl { color: #037964; }
@media screen and (min-width: 769px) { .bl_rctMv__works .bl_rctMv_ttl { font-weight: bold; } }
.bl_rctMv__works .bl_rctMv_ttl::before { background-image: url("../img/recruit/works/mv_num.svg"); }
.bl_rctMv__works .bl_rctMv_ttl img { width: min(calc(554 / var(--width) * 100vw), 554px); }
@media screen and (max-width: 768px) { .bl_rctMv__works .bl_rctMv_ttl img { width: calc(341 / var(--width) * 100vw); } }

.bl_rctMv__data::before, .bl_rctMv__data::after { background-color: #037964; }
.bl_rctMv__data .bl_rctMv_inner::before { background-image: url("../img/recruit/data/mv_bg.jpg"); background-image: image-set(url("../img/recruit/data/mv_bg.jpg") 1x, url("../img/recruit/data/mv_bg@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_rctMv__data .bl_rctMv_inner::before { background-image: url("../img/recruit/data/mv_bg-sp.jpg"); background-image: image-set(url("../img/recruit/data/mv_bg-sp.jpg") 1x, url("../img/recruit/data/mv_bg-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_rctMv__data .bl_rctMv_inner::before { background-image: url("../img/recruit/data/mv_bg-sp.jpg"); } }
.bl_rctMv__data .bl_rctMv_inner::after { position: absolute; z-index: -1; width: 100%; height: 100%; background-image: url("../img/recruit/data/mv_bg2.png"); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
@media screen and (max-width: 768px) { .bl_rctMv__data .bl_rctMv_inner::after { background-image: url("../img/recruit/data/mv_bg2-sp.png"); } }
.bl_rctMv__data .bl_rctMv_ttl { color: #037964; }
@media screen and (min-width: 769px) { .bl_rctMv__data .bl_rctMv_ttl { font-weight: bold; } }
.bl_rctMv__data .bl_rctMv_ttl::before { background-image: url("../img/recruit/data/mv_num.svg"); }
.bl_rctMv__data .bl_rctMv_ttl img { width: min(calc(758 / var(--width) * 100vw), 758px); }
@media screen and (max-width: 768px) { .bl_rctMv__data .bl_rctMv_ttl img { width: calc(550 / var(--width) * 100vw); } }

.bl_rctMv__voice .bl_rctMv_inner::before { background-image: url("../img/recruit/voice/mv_bg.jpg"); background-image: image-set(url("../img/recruit/voice/mv_bg.jpg") 1x, url("../img/recruit/voice/mv_bg@2x.jpg") 2x); }
@media screen and (max-width: 768px) { .bl_rctMv__voice .bl_rctMv_inner::before { background-image: url("../img/recruit/voice/mv_bg-sp.jpg"); background-image: image-set(url("../img/recruit/voice/mv_bg-sp.jpg") 1x, url("../img/recruit/voice/mv_bg-sp@2x.jpg") 2x); } }
@media screen and (max-width: 420px) { .bl_rctMv__voice .bl_rctMv_inner::before { background-image: url("../img/recruit/voice/mv_bg-sp.jpg"); } }
.bl_rctMv__voice .bl_rctMv_ttl::before { background-image: url("../img/recruit/voice/mv_num.svg"); }
.bl_rctMv__voice .bl_rctMv_ttl img { width: min(calc(246 / var(--width) * 100vw), 246px); }
@media screen and (max-width: 768px) { .bl_rctMv__voice .bl_rctMv_ttl img { width: calc(300 / var(--width) * 100vw); } }

.bl_rctAboutLeadTitle_balloon { display: inline-block; position: relative; min-width: min(calc(354 / var(--width) * 100vw), 354px); padding: 20px; border: 5px solid #9ac9c1; border-radius: 60px; background-color: #fff; color: #037964; font-weight: bold; font-size: calc(20 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctAboutLeadTitle_balloon { font-size: calc(20 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctAboutLeadTitle_balloon { min-width: calc(456 / var(--width) * 100vw); margin-bottom: calc(10 / var(--width) * 100vw); border-width: calc(5 / var(--width) * 100vw); border-radius: calc(160 / var(--width) * 100vw); font-size: calc(25 / var(--width) * 100vw); } }
.bl_rctAboutLeadTitle_balloon::before, .bl_rctAboutLeadTitle_balloon::after { position: absolute; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-width: 30px 26px 0 26px; border-style: solid; content: ""; }
@media screen and (max-width: 768px) { .bl_rctAboutLeadTitle_balloon::before, .bl_rctAboutLeadTitle_balloon::after { border-width: calc(40 / var(--width) * 100vw) calc(37 / var(--width) * 100vw) 0 calc(37 / var(--width) * 100vw); } }
.bl_rctAboutLeadTitle_balloon::before { bottom: -30px; border-color: #9ac9c1 transparent transparent transparent; }
@media screen and (max-width: 768px) { .bl_rctAboutLeadTitle_balloon::before { bottom: calc(-40 / var(--width) * 100vw); } }
.bl_rctAboutLeadTitle_balloon::after { bottom: -22px; border-color: #fff transparent transparent transparent; }
@media screen and (max-width: 768px) { .bl_rctAboutLeadTitle_balloon::after { bottom: calc(-32 / var(--width) * 100vw); } }

.bl_rctAboutLeadTitle_ttl img { width: min(calc(817 / var(--width) * 100vw), 817px); }
@media screen and (max-width: 768px) { .bl_rctAboutLeadTitle_ttl img { width: calc(690 / var(--width) * 100vw); } }

.bl_rctAboutLead { position: relative; z-index: 1; }

.bl_rctAboutLead_ttl { display: inline-block; clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%); position: relative; top: -50px; width: 100%; padding: min(calc(20 / var(--width) * 100vw), 20px); background-color: #037964; color: #fff; font-style: italic; font-weight: bold; font-size: calc(26 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctAboutLead_ttl { top: calc(-50 / var(--width) * 100vw); font-size: calc(26 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctAboutLead_ttl { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); top: calc(-70 / var(--width) * 100vw); padding: calc(70 / var(--width) * 100vw) 0; font-size: calc(32 / var(--width) * 100vw); } }
.bl_rctAboutLead_ttl + p { font-size: calc(18 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctAboutLead_ttl + p { font-size: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctAboutLead_ttl + p { font-size: calc(26 / var(--width) * 100vw); text-align: justify; } }

.bl_rctAboutLead_area { display: flex; flex-direction: column; margin-top: min(calc(74 / var(--width) * 100vw), 74px); gap: min(calc(40 / var(--width) * 100vw), 40px); }
@media screen and (max-width: 768px) { .bl_rctAboutLead_area { margin-top: calc(100 / var(--width) * 100vw); gap: calc(30 / var(--width) * 100vw); } }
.bl_rctAboutLead_area dt img { width: min(calc(441 / var(--width) * 100vw), 441px); }
@media screen and (max-width: 768px) { .bl_rctAboutLead_area dt img { width: calc(564 / var(--width) * 100vw); } }

.bl_rctAboutLead_com { font-size: calc(14 / var(--fz) * 1rem); letter-spacing: .1em; }
@media screen and (max-width: 1280px) { .bl_rctAboutLead_com { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctAboutLead_com { font-size: calc(18 / var(--width) * 100vw); } }
.bl_rctAboutLead_com a { position: relative; margin: 0 .5em; color: var(--recruitColor); font-size: 1.5em; text-decoration: none; }
.bl_rctAboutLead_com a::before { position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; background-color: currentColor; content: ""; }
.bl_rctAboutLead_com a:hover { opacity: .7; }

.bl_rctAboutSupport { margin-bottom: 65px; color: #fff; font-size: calc(18 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctAboutSupport { font-size: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctAboutSupport { margin-bottom: calc(90 / var(--width) * 100vw); font-size: calc(26 / var(--width) * 100vw); } }

.bl_rctAboutSupport_ttl { display: inline-block; clip-path: polygon(0 1%, 100% 0%, 98% 100%, 0% 100%); margin-left: calc(50% - 50vw); padding: min(calc(10 / var(--width) * 100vw), 10px) min(calc(70 / var(--width) * 100vw), 70px) min(calc(10 / var(--width) * 100vw), 10px) calc((100vw - 100%) / 2); background-color: #fff; }
@media screen and (max-width: 768px) { .bl_rctAboutSupport_ttl { clip-path: polygon(0 5%, 100% 0%, 95% 100%, 0% 100%); padding: calc(40 / var(--width) * 100vw) calc(90 / var(--width) * 100vw) calc(40 / var(--width) * 100vw) calc((100vw - 100%) / 2); } }
.bl_rctAboutSupport_ttl img { width: min(calc(652 / var(--width) * 100vw), 652px); }
@media screen and (max-width: 768px) { .bl_rctAboutSupport_ttl img { width: calc(460 / var(--width) * 100vw); } }

.bl_rctAboutSupport_text { margin: min(calc(46 / var(--width) * 100vw), 46px) 0; }
@media screen and (max-width: 768px) { .bl_rctAboutSupport_text { margin: calc(72 / var(--width) * 100vw) 0 calc(60 / var(--width) * 100vw); } }
.bl_rctAboutSupport_text img { width: min(calc(504 / var(--width) * 100vw), 504px); }
@media screen and (max-width: 768px) { .bl_rctAboutSupport_text img { width: calc(514 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctAboutSupport_text + p { text-align: justify; } }

.bl_rctAboutIdea { position: relative; z-index: 1; margin-bottom: 68px; color: var(--recruitColor); font-size: calc(18 / var(--fz) * 1rem); text-align: center; }
@media screen and (max-width: 1280px) { .bl_rctAboutIdea { font-size: calc(18 / var(--width) * 100vw); } }

.bl_rctAboutIdea_point { margin-bottom: min(calc(56 / var(--width) * 100vw), 56px); }
@media screen and (max-width: 768px) { .bl_rctAboutIdea_point { margin-bottom: calc(50 / var(--width) * 100vw); } }
.bl_rctAboutIdea_point img { width: min(calc(704 / var(--width) * 100vw), 704px); }
@media screen and (max-width: 768px) { .bl_rctAboutIdea_point img { width: 100%; } }

.bl_rctAboutIdea_ttl { margin-bottom: min(calc(96 / var(--width) * 100vw), 96px); }
@media screen and (max-width: 768px) { .bl_rctAboutIdea_ttl { margin-bottom: calc(182 / var(--width) * 100vw); } }
.bl_rctAboutIdea_ttl img { width: min(calc(545 / var(--width) * 100vw), 545px); }
@media screen and (max-width: 768px) { .bl_rctAboutIdea_ttl img { width: calc(605 / var(--width) * 100vw); } }

.bl_rctAboutIdea_copy { margin-bottom: min(calc(38 / var(--width) * 100vw), 38px); }
@media screen and (max-width: 768px) { .bl_rctAboutIdea_copy { margin-bottom: calc(60 / var(--width) * 100vw); } }
.bl_rctAboutIdea_copy img { width: min(calc(364 / var(--width) * 100vw), 364px); }
@media screen and (max-width: 768px) { .bl_rctAboutIdea_copy img { width: calc(360 / var(--width) * 100vw); } }

.bl_rctAboutIdea_text { line-height: 2.3; }
@media screen and (max-width: 768px) { .bl_rctAboutIdea_text { font-weight: bold; } }

.bl_rctAboutImages { width: 100%; height: calc(414 / var(--width) * 100vw); background-image: url("../img/recruit/about/support_img.jpg?20240215"); background-image: image-set(url("../img/recruit/about/support_img.jpg?20240215") 1x, url("../img/recruit/about/support_img@2x.jpg?20240215") 2x); background-position: bottom center; background-size: contain; background-repeat: repeat-x; animation: scroll-recruitAboutImages 40s linear infinite; }
@media screen and (max-width: 768px) { .bl_rctAboutImages { height: calc(561 / var(--width) * 100vw); background-image: url("../img/recruit/about/support_img-sp.jpg?20240215"); background-image: image-set(url("../img/recruit/about/support_img-sp.jpg?20240215") 1x, url("../img/recruit/about/support_img-sp@2x.jpg?20240215") 2x); background-size: auto calc(561 / var(--width) * 100vw); animation: scroll-recruitAboutImages-sp 40s linear infinite; } }
@media screen and (max-width: 420px) { .bl_rctAboutImages { background-image: url("../img/recruit/about/support_img-sp.jpg?20240215"); } }

.bl_rctAboutImages__idea { background-image: url("../img/recruit/about/idea_img.jpg?20250401"); background-image: image-set(url("../img/recruit/about/idea_img.jpg?20250401") 1x, url("../img/recruit/about/idea_img@2x.jpg?20250401") 2x); }
@media screen and (max-width: 768px) { .bl_rctAboutImages__idea { background-image: url("../img/recruit/about/idea_img-sp.jpg?20250401"); background-image: image-set(url("../img/recruit/about/idea_img-sp.jpg?20250401") 1x, url("../img/recruit/about/idea_img-sp@2x.jpg?20250401") 2x); } }
@media screen and (max-width: 420px) { .bl_rctAboutImages__idea { background-image: url("../img/recruit/about/idea_img-sp.jpg?20250401"); } }

@keyframes scroll-recruitAboutImages { 100% { background-position: calc(-1280 / var(--width) * 100vw) 0; } }
@keyframes scroll-recruitAboutImages-sp { 100% { background-position: calc(-2520 / var(--width) * 100vw) 0; } }
.bl_rctGuideHeading { margin: min(calc(80 / var(--width) * 100vw), 80px) 0 min(calc(70 / var(--width) * 100vw), 70px); text-align: center; }
@media screen and (max-width: 768px) { .bl_rctGuideHeading { margin: calc(95 / var(--width) * 100vw) 0 calc(70 / var(--width) * 100vw); } }
.bl_rctGuideHeading img { width: min(calc(224 / var(--width) * 100vw), 224px); }

.bl_rctGuide { display: grid; border-top: 1px solid #39887a; border-bottom: 1px solid #39887a; line-height: 2; }
@media screen and (min-width: 769px) { .bl_rctGuide { grid-template-columns: 150px 1fr; } }
@media screen and (max-width: 768px) { .bl_rctGuide { line-height: 1.7; } }
.bl_rctGuide dt, .bl_rctGuide dd { padding: min(calc(13 / var(--width) * 100vw), 13px) min(calc(30 / var(--width) * 100vw), 30px); }
@media screen and (max-width: 768px) { .bl_rctGuide dt, .bl_rctGuide dd { padding: calc(30 / var(--width) * 100vw) 0; } }
.bl_rctGuide dt { display: grid; align-items: center; font-weight: bold; }
@media screen and (min-width: 769px) { .bl_rctGuide dt { text-align: justify; text-align-last: justify; } }
@media screen and (max-width: 768px) { .bl_rctGuide dt { padding-bottom: 0; font-size: 1.1em; } }
.bl_rctGuide dt:not(:first-child) { border-top: 1px solid #ccc; }
@media screen and (min-width: 769px) { .bl_rctGuide dt:not(:first-child) + dd { border-top: 1px solid #ccc; } }
.bl_rctGuide dd { letter-spacing: .04em; }
@media screen and (min-width: 769px) { .bl_rctGuide dd { border-left: 1px solid #ccc; } }
@media screen and (max-width: 768px) { .bl_rctGuide dd { padding-top: 0; } }

.bl_rctGuide_contact { line-height: 1.7; }

@media screen and (min-width: 769px) { .bl_rctGuide_moreMap { margin-left: 1em; } }
@media screen and (max-width: 768px) { .bl_rctGuide_moreMap { display: block; margin-top: calc(10 / var(--width) * 100vw); }
  .bl_rctGuide_moreMap img { width: calc(300 / var(--width) * 100vw); } }

.bl_topicsList { margin: 0 min(calc(30 / var(--width) * 100vw), 30px) min(calc(60 / var(--width) * 100vw), 60px); font-weight: bold; font-size: calc(16 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_topicsList { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topicsList { font-size: calc(23 / var(--width) * 100vw); } }
.bl_topicsList a { color: currentColor; text-decoration: none; }
.bl_topicsList a:hover { opacity: .7; text-decoration: underline; }
.bl_topicsList li { display: flex; gap: min(calc(26 / var(--width) * 100vw), 26px); }
.bl_topicsList li + li { margin-top: .5em; }

.bl_topicsList_date { font-size: calc(14 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_topicsList_date { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_topicsList_date { font-size: calc(21 / var(--width) * 100vw); } }

.bl_post { margin-bottom: 100px; }

.bl_postDate { margin-top: -30px; margin-bottom: 50px; padding-left: 30px; font-size: calc(12 / var(--fz) * 1rem); }
@media screen and (max-width: 768px) { .bl_postDate { font-size: calc(12 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_postDate { margin-top: calc(-30 / var(--width) * 100vw); margin-bottom: calc(50 / var(--width) * 100vw); padding-left: calc(30 / var(--width) * 100vw); font-size: calc(22 / var(--width) * 100vw); } }

.bl_postCont p { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0; margin-inline-end: 0; }

.bl_postBtn { margin-top: 3em; text-align: center; }
.bl_postBtn a { display: flex; justify-content: center; align-items: center; color: #0d70b6; font-weight: bold; font-size: calc(16 / var(--fz) * 1rem); letter-spacing: .2em; text-decoration: none; gap: 1em; }
@media screen and (max-width: 768px) { .bl_postBtn a { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_postBtn a { font-size: calc(28 / var(--width) * 100vw); } }
.bl_postBtn a::after { display: inline-block; width: min(calc(40 / var(--width) * 100vw), 40px); height: min(calc(40 / var(--width) * 100vw), 40px); background-image: url("../img/common/btn_arrow.svg"); background-size: cover; content: ""; }
.bl_postBtn a:hover { opacity: .7; }

.bl_bizNav_wrap { padding: 0 min(calc(36 / var(--width) * 100vw), 36px); }
.bl_bizNav_wrap + .bl_bizNav_wrap { margin-top: min(calc(63 / var(--width) * 100vw), 63px); }

.bl_bizNav_ttl { display: flex; align-items: center; margin-bottom: min(calc(26 / var(--width) * 100vw), 26px); color: var(--mainColor); font-weight: bold; font-size: calc(24 / var(--fz) * 1rem); letter-spacing: .2em; gap: 10px; }
.bl_bizNav_ttl::before { display: block; width: min(calc(17 / var(--width) * 100vw), 17px); height: min(calc(13 / var(--width) * 100vw), 13px); background-image: url("../img/company/arrow_nav.svg"); background-size: cover; content: ""; }

.bl_bizNav { display: flex; flex-wrap: wrap; position: relative; padding-top: min(calc(26 / var(--width) * 100vw), 26px); font-weight: bold; letter-spacing: .2em; column-gap: 2em; row-gap: 1em; }
.bl_bizNav::before { position: absolute; top: 0; width: min(calc(71 / var(--width) * 100vw), 71px); height: min(calc(9 / var(--width) * 100vw), 9px); background-image: url("../img/company/title_contents.svg"); content: ""; }
.bl_bizNav a { display: flex; align-items: center; position: relative; color: currentColor; text-decoration: none; gap: 10px; }
.bl_bizNav a::before, .bl_bizNav a::after { transition: .3s; }
.bl_bizNav a::before { display: block; opacity: 0; width: min(calc(17 / var(--width) * 100vw), 17px); height: min(calc(13 / var(--width) * 100vw), 13px); background-image: url("../img/company/arrow_nav.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .bl_bizNav a::before { display: none; } }
.bl_bizNav a::after { opacity: 0; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: currentColor; content: ""; }
@media screen and (max-width: 768px) { .bl_bizNav a::after { opacity: 1; } }
.bl_bizNav a:hover::before, .bl_bizNav a:hover::after { opacity: 1; }

@media screen and (min-width: 769px) { .bl_bizNav__rct { justify-content: center; } }
@media screen and (max-width: 768px) { .bl_bizNav__rct { font-weight: normal; font-size: calc(22 / var(--width) * 100vw); letter-spacing: .06em; row-gap: 2em; } }
.bl_bizNav__rct::before { display: none; }
.bl_bizNav__rct a::before { background-image: url("../img/recruit/career/arrow_nav.svg"); }
.bl_bizNav__rct a::after { background-color: #037964; }

.bl_bizNav__rctCul, .bl_bizNav__rctWorks { justify-content: center; }

.bl_bizTitle_wrap { margin-bottom: min(calc(150 / var(--width) * 100vw), 150px); }
@media screen and (max-width: 768px) { .bl_bizTitle_wrap { margin-bottom: calc(90 / var(--width) * 100vw); } }

.bl_bizTitle { margin-bottom: 1em; color: #fff; font-weight: bold; font-size: calc(28 / var(--fz) * 1rem); letter-spacing: .2em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_bizTitle { font-size: calc(28 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bizTitle { padding: .5em; } }
.bl_bizTitle + p { letter-spacing: .04em; }
@media screen and (min-width: 769px) { .bl_bizTitle + p { text-align: center; } }
@media screen and (max-width: 768px) { .bl_bizTitle + p { font-size: calc(22 / var(--width) * 100vw); } }

.bl_bizItem { display: flex; flex-direction: column; letter-spacing: .04em; gap: min(calc(30 / var(--fullWidth) * 100vw), 30px); }
.bl_bizItem + .bl_bizItem { margin-top: min(calc(100 / var(--width) * 100vw), 100px); }

.bl_bizItem_ttl { padding-bottom: .5em; border-bottom: 3px solid currentColor; color: var(--mainColor); font-weight: bold; font-size: calc(28 / var(--fz) * 1rem); letter-spacing: .12em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_bizItem_ttl { font-size: calc(28 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_bizItem_ttl + p { text-align: center; } }
@media screen and (max-width: 768px) { .bl_bizItem_ttl + p { font-size: calc(20 / var(--width) * 100vw); } }

.bl_bizItem_ttl__safe { margin-bottom: -.5em; padding-bottom: 0; border: none; letter-spacing: .1em; }

.bl_bizItem_imgs { display: flex; justify-content: center; gap: 5px; }
@media screen and (max-width: 768px) { .bl_bizItem_imgs { flex-direction: column; gap: calc(45 / var(--width) * 100vw); } }
.bl_bizItem_imgs img { border-radius: 6px; }
@media screen and (max-width: 768px) { .bl_bizItem_imgs img { width: 100%; } }
.bl_bizItem_imgs figcaption { margin-top: 1em; font-size: calc(14 / var(--fz) * 1rem); text-align: center; }
@media screen and (max-width: 1280px) { .bl_bizItem_imgs figcaption { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bizItem_imgs figcaption { font-size: calc(24 / var(--width) * 100vw); } }

.bl_bizItem_imgs__safePoster { gap: min(calc(100 / var(--width) * 100vw), 100px); }
@media screen and (max-width: 768px) { .bl_bizItem_imgs__safePoster { gap: calc(80 / var(--width) * 100vw); } }
.bl_bizItem_imgs__safePoster img { border: 1px solid #bec5cc; border-radius: 0; }
@media screen and (max-width: 768px) { .bl_bizItem_imgs__safePoster img { max-width: calc(463 / var(--width) * 100vw) !important; } }

.bl_bizItem_imgs__p3 { flex-direction: column; align-items: center; gap: min(calc(100 / var(--width) * 100vw), 100px); }

.bl_bizItem_cloud { margin-top: -130px; padding: min(calc(130 / var(--width) * 100vw), 130px) 0 min(calc(78 / var(--width) * 100vw), 78px); background-color: #ddedf7; }
@media screen and (min-width: 769px) { .bl_bizItem_cloud { border-radius: 50px; } }
@media screen and (max-width: 768px) { .bl_bizItem_cloud { margin-top: calc(-250 / var(--width) * 100vw); padding: calc(240 / var(--width) * 100vw) 0 calc(85 / var(--width) * 100vw); } }
.bl_bizItem_cloud figure { margin: 0 -65px; }
@media screen and (max-width: 1280px) { .bl_bizItem_cloud figure { margin: 0 calc(-65 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bizItem_cloud figure { margin: 0 calc(10 / var(--width) * 100vw) 0 calc(-10 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bizItem_cloud figure img { max-width: 100% !important; } }

.bl_bizItem_imgs__csr { display: grid; gap: min(calc(20 / var(--width) * 100vw), 20px); }
@media screen and (min-width: 769px) { .bl_bizItem_imgs__csr { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 768px) { .bl_bizItem_imgs__csr { gap: calc(80 / var(--width) * 100vw); } }

.bl_bizItem_cont { display: flex; flex-direction: row-reverse; justify-content: flex-end; gap: min(calc(30 / var(--width) * 100vw), 30px); }
@media screen and (max-width: 768px) { .bl_bizItem_cont { flex-direction: column; font-size: calc(20 / var(--width) * 100vw); gap: calc(45 / var(--width) * 100vw); } }
.bl_bizItem_cont img { border-radius: 6px; }
@media screen and (max-width: 768px) { .bl_bizItem_cont img { width: 100%; } }
.bl_bizItem_cont figure { flex-shrink: 0; }
.bl_bizItem_cont .bl_bizItem_works { justify-content: flex-start; margin-top: 2em; }

.bl_bizItem_works { display: flex; justify-content: center; align-items: center; gap: 1em; }
@media screen and (max-width: 768px) { .bl_bizItem_works { flex-direction: column; font-size: calc(22 / var(--width) * 100vw); text-align: center; } }
.bl_bizItem_works dt { padding: 0 1.5em; border-radius: 1em; background-color: #777; color: #fff; font-size: calc(12 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_bizItem_works dt { font-size: calc(12 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bizItem_works dt { font-size: calc(22 / var(--width) * 100vw); } }

.bl_workEnvCont_wrap { margin-top: min(calc(70 / var(--width) * 100vw), 70px); }

.bl_workEnvCont { position: relative; }
.bl_workEnvCont + .bl_workEnvCont { margin-top: min(calc(200 / var(--width) * 100vw), 240px); }
@media screen and (max-width: 768px) { .bl_workEnvCont + .bl_workEnvCont { margin-top: calc(280 / var(--width) * 100vw); } }

.bl_workEnvTitle { margin-bottom: .5em; color: var(--mainColor); font-weight: bold; font-size: calc(28 / var(--fz) * 1rem); letter-spacing: .1em; }
@media screen and (max-width: 1280px) { .bl_workEnvTitle { font-size: calc(28 / var(--width) * 100vw); } }
.bl_workEnvTitle + p { margin-bottom: 5em; letter-spacing: .04em; }

.bl_workEnvSubTitle { margin-bottom: 4em; }

.bl_workEnvCont_ttl { position: relative; margin-bottom: 1em; letter-spacing: .04em; text-align: center; }
.bl_workEnvCont_ttl span { position: relative; z-index: 2; padding: .5em 2em; border-radius: 2em; background-color: var(--mainColor); color: #fff; }
.bl_workEnvCont_ttl::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; height: 3px; background-color: var(--mainColor); content: ""; }

.bl_workEnvCont_date { color: var(--mainColor); font-size: calc(17 / var(--fz) * 1rem); letter-spacing: .04em; text-align: center; }
@media screen and (max-width: 1280px) { .bl_workEnvCont_date { font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvCont_date { font-size: calc(22 / var(--width) * 100vw); } }

.bl_workEnvPlan { display: grid; position: relative; color: var(--mainColor); gap: min(calc(90 / var(--width) * 100vw), 90px); }
@media screen and (min-width: 769px) { .bl_workEnvPlan { grid-template-columns: min(calc(290 / var(--width) * 100vw), 290px) 1fr; } }
@media screen and (max-width: 768px) { .bl_workEnvPlan { gap: calc(120 / var(--width) * 100vw); } }
.bl_workEnvPlan + .bl_workEnvPlan { margin-top: min(calc(73 / var(--width) * 100vw), 73px); }
@media screen and (max-width: 768px) { .bl_workEnvPlan + .bl_workEnvPlan { margin-top: calc(200 / var(--width) * 100vw); } }
.bl_workEnvPlan > div { position: relative; z-index: 1; border: 3px solid currentColor; border-radius: 20px; background-image: url("../img/safety-csr/bg_plan.jpg"); background-size: cover; }
@media screen and (min-width: 769px) { .bl_workEnvPlan > div { min-height: 200px; } }
.bl_workEnvPlan > div:first-child::after { position: absolute; top: 50%; right: -78px; z-index: -1; transform: translateY(-50%); width: min(calc(78 / var(--width) * 100vw), 78px); height: min(calc(57 / var(--width) * 100vw), 57px); background-image: url("../img/safety-csr/arrow_plan.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 1280px) { .bl_workEnvPlan > div:first-child::after { right: calc(-78 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvPlan > div:first-child::after { top: auto; right: auto; bottom: calc(-80 / var(--width) * 100vw); left: 50%; transform: translateX(-50%); width: calc(74 / var(--width) * 100vw); height: calc(80 / var(--width) * 100vw); background-image: url("../img/safety-csr/arrow_plan-sp.svg"); } }
.bl_workEnvPlan dt { display: grid; margin-top: -20px; font-weight: bold; font-size: calc(23 / var(--fz) * 1rem); letter-spacing: .1em; text-align: center; place-items: center; }
@media screen and (max-width: 1280px) { .bl_workEnvPlan dt { font-size: calc(23 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvPlan dt { font-size: calc(30 / var(--width) * 100vw); } }
.bl_workEnvPlan dt span { display: grid; min-width: 130px; height: 45px; padding: 0 1.5em; border-radius: 1em; box-sizing: border-box; background-color: var(--mainColor); color: #fff; place-items: center; }
@media screen and (max-width: 768px) { .bl_workEnvPlan dt span { height: calc(59 / var(--width) * 100vw); } }
.bl_workEnvPlan dd { padding: 25px; font-size: calc(18 / var(--fz) * 1rem); line-height: 1.5; }
@media screen and (max-width: 1280px) { .bl_workEnvPlan dd { font-size: calc(18 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvPlan dd { padding: calc(30 / var(--width) * 100vw) calc(50 / var(--width) * 100vw) calc(50 / var(--width) * 100vw); font-size: calc(22 / var(--width) * 100vw); line-height: 1.6; } }
.bl_workEnvPlan dd > ul > li { position: relative; padding-left: 1em; }
.bl_workEnvPlan dd > ul > li::before { position: absolute; top: 0; left: 0; content: "●"; }

.bl_workEnvPlan__t1 { color: #477b97; }
.bl_workEnvPlan__t1 > div:first-child::after { background-image: url("../img/safety-csr/arrow_plan_t1.svg"); }
@media screen and (max-width: 768px) { .bl_workEnvPlan__t1 > div:first-child::after { background-image: url("../img/safety-csr/arrow_plan_t1-sp.svg"); } }
.bl_workEnvPlan__t1 > div { background-image: url("../img/safety-csr/bg_plan_t1.jpg"); }
.bl_workEnvPlan__t1 dt span { background-color: #477b97; }

.bl_workEnvPlan__t2 { color: #4c7dad; }
.bl_workEnvPlan__t2 > div:first-child::after { background-image: url("../img/safety-csr/arrow_plan_t2.svg"); }
@media screen and (max-width: 768px) { .bl_workEnvPlan__t2 > div:first-child::after { background-image: url("../img/safety-csr/arrow_plan_t2-sp.svg"); } }
.bl_workEnvPlan__t2 > div { background-image: url("../img/safety-csr/bg_plan_t2.jpg"); }
.bl_workEnvPlan__t2 dt span { background-color: #4c7dad; }

.bl_workEnvPlan__t3 { color: #b250a3; }
.bl_workEnvPlan__t3 > div:first-child::after { background-image: url("../img/safety-csr/arrow_plan_t3.svg"); }
@media screen and (max-width: 768px) { .bl_workEnvPlan__t3 > div:first-child::after { background-image: url("../img/safety-csr/arrow_plan_t3-sp.svg"); } }
.bl_workEnvPlan__t3 > div { background-image: url("../img/safety-csr/bg_plan_t3.jpg"); }
.bl_workEnvPlan__t3 dt span { background-color: #b250a3; }

.bl_workEnvPlan__1col { display: block; }
.bl_workEnvPlan__1col > div:first-child::after { background-image: none; }
.bl_workEnvPlan__1col > div { background-image: none; background-color: #fff; }

.bl_workEnvPlan_date { display: block; margin-bottom: 1em; padding-bottom: .5em; border-bottom: 2px solid currentColor; }

.bl_workEnvData_wrap { margin-top: 8em; }
@media screen and (max-width: 768px) { .bl_workEnvData_wrap { margin-top: 4em; } }

.bl_workEnvData { display: grid; margin-top: 4em; gap: min(calc(60 / var(--width) * 100vw), 60px); }
@media screen and (min-width: 769px) { .bl_workEnvData { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 768px) { .bl_workEnvData { margin-top: 2em; } }

.bl_workEnvDataTable { width: 100%; background-color: #eaf7fb; line-height: 1.5; border-collapse: collapse; }
.bl_workEnvDataTable caption { position: relative; margin-bottom: .5em; padding-left: 1em; color: var(--mainColor); text-align: left; }
@media screen and (max-width: 768px) { .bl_workEnvDataTable caption { font-size: calc(22 / var(--width) * 100vw); } }
.bl_workEnvDataTable caption::before { position: absolute; top: 0; left: 0; content: "●"; }
.bl_workEnvDataTable caption span { margin-left: 1em; font-size: .8em; }
.bl_workEnvDataTable th { background-color: #6792c4; color: #fff; font-weight: normal; }
.bl_workEnvDataTable td { color: #6792c4; font-weight: bold; text-align: center; }

.bl_workEnvDataTable__main { font-size: calc(16 / var(--fz) * 1rem); table-layout: fixed; }
@media screen and (max-width: 1280px) { .bl_workEnvDataTable__main { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvDataTable__main { font-size: calc(23 / var(--width) * 100vw); } }
.bl_workEnvDataTable__main th, .bl_workEnvDataTable__main td { padding: .5em 0; }
.bl_workEnvDataTable__main tr:not(:last-child) th { border-bottom: 1px solid #fff; }
.bl_workEnvDataTable__main th { border-right: 1px solid #fff; background-color: #5275c3; text-align: center; }
.bl_workEnvDataTable__main th span { display: inline-block; width: 6em; text-align-last: justify; }
.bl_workEnvDataTable__main th + td { border-right: 1px solid #fff; background-color: #5597cb; color: #fff; letter-spacing: .4em; }
.bl_workEnvDataTable__main td { border-bottom: 1px solid #fff; font-weight: normal; }
.bl_workEnvDataTable__main td:first-child { border-right: 1px solid #fff; background-color: #a6bff1; color: #fff; letter-spacing: .4em; }
.bl_workEnvDataTable__main td:last-child { padding-right: 1em; border-color: #6792c4; background-color: #edf2f3; font-weight: bold; text-align: right; }
.bl_workEnvDataTable__main td span { margin-left: 5px; }

.bl_workEnvDataTable__main_all th { background-color: #798d9b; }
.bl_workEnvDataTable__main_all th + td { letter-spacing: 0; }
.bl_workEnvDataTable__main_all td:last-child { border-color: #fff; background-color: #fffce3; color: #5597cb; }

.bl_workEnvDataTable__main_ratio th { background-color: #ccb600; }
.bl_workEnvDataTable__main_ratio th + td { letter-spacing: 0; }
.bl_workEnvDataTable__main_ratio td:last-child { padding-right: 0; border: none; background-color: #ffe400; color: #5597cb; text-align: center; }

.bl_workEnvData_sub { display: flex; flex-direction: column; justify-content: space-between; gap: 2em; }

.bl_workEnvDataTable__ot th, .bl_workEnvDataTable__ot td { padding: 1em 0; }
.bl_workEnvDataTable__ot th { font-size: calc(20 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_workEnvDataTable__ot th { font-size: calc(20 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvDataTable__ot th { font-size: calc(29 / var(--width) * 100vw); } }
.bl_workEnvDataTable__ot th span { display: inline-block; width: 4em; text-align-last: justify; }
.bl_workEnvDataTable__ot td { font-size: calc(22 / var(--fz) * 1rem); letter-spacing: .04em; }
@media screen and (max-width: 1280px) { .bl_workEnvDataTable__ot td { font-size: calc(22 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvDataTable__ot td { font-size: calc(38 / var(--width) * 100vw); } }
.bl_workEnvDataTable__ot td span { font-size: 1.5em; }

.bl_workEnvDataTable__sub { font-size: calc(17 / var(--fz) * 1rem); table-layout: fixed; }
@media screen and (max-width: 1280px) { .bl_workEnvDataTable__sub { font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_workEnvDataTable__sub { font-size: calc(24 / var(--width) * 100vw); } }
.bl_workEnvDataTable__sub th { padding: .3em 0; }
.bl_workEnvDataTable__sub th:not(:last-child) { border-right: 1px solid #fff; }
.bl_workEnvDataTable__sub td { padding: .5em; }
.bl_workEnvDataTable__sub td:not(:last-child) { border-right: 1px solid currentColor; }
.bl_workEnvDataTable__sub td span { font-size: 1.3em; }

.bl_bizFooterLink { padding: min(calc(140 / var(--width) * 100vw), 140px) 0; text-align: center; }

.bl_bizFooterLinkBtn { display: flex; justify-content: center; align-items: center; max-width: 616px; margin: 0 auto; padding: 1em; border: 3px solid currentColor; border-radius: 2em; color: var(--mainColor); font-weight: bold; font-size: calc(22 / var(--fz) * 1rem); letter-spacing: .2em; text-decoration: none; gap: 10px; }
@media screen and (max-width: 1280px) { .bl_bizFooterLinkBtn { font-size: calc(22 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_bizFooterLinkBtn { font-size: calc(26 / var(--width) * 100vw); letter-spacing: .04em; } }
.bl_bizFooterLinkBtn::after { display: inline-block; width: min(calc(28 / var(--width) * 100vw), 28px); height: min(calc(18 / var(--width) * 100vw), 18px); background-image: url("../img/business/arrow.svg"); background-size: cover; content: ""; }

.bl_safetyLead { margin-bottom: min(calc(10 / var(--width) * 100vw), 10px); letter-spacing: .04em; }
@media screen and (min-width: 769px) { .bl_safetyLead { margin-top: -40px; padding-left: min(calc(40 / var(--width) * 100vw), 40px); } }
@media screen and (max-width: 768px) { .bl_safetyLead { margin-bottom: calc(160 / var(--width) * 100vw); font-size: calc(22 / var(--width) * 100vw); text-align: justify; } }

.bl_safetyItem_wrap .bl_bizItem { position: relative; padding-top: min(calc(100 / var(--width) * 100vw), 100px); }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem { padding-top: calc(230 / var(--width) * 100vw); text-align: center; } }
.bl_safetyItem_wrap .bl_bizItem + .bl_bizItem { margin-top: min(calc(100 / var(--width) * 100vw), 100px); }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem + .bl_bizItem { margin-top: calc(190 / var(--width) * 100vw); } }
.bl_safetyItem_wrap .bl_bizItem::after { position: absolute; z-index: -1; background-size: cover; content: ""; }
.bl_safetyItem_wrap .bl_bizItem:nth-child(1)::after { top: 20px; left: 180px; width: min(calc(88 / var(--width) * 100vw), 88px); height: min(calc(211 / var(--width) * 100vw), 211px); background-image: url("../img/safety-csr/num1.svg"); }
@media screen and (max-width: 1280px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(1)::after { top: calc(20 / var(--width) * 100vw); left: calc(180 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(1)::after { top: 0; left: 50%; transform: translateX(-50%); } }
.bl_safetyItem_wrap .bl_bizItem:nth-child(2)::after { top: -5px; right: 130px; width: min(calc(134 / var(--width) * 100vw), 134px); height: min(calc(214 / var(--width) * 100vw), 214px); background-image: url("../img/safety-csr/num2.svg"); }
@media screen and (max-width: 1280px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(2)::after { top: calc(-5 / var(--width) * 100vw); right: calc(130 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(2)::after { top: 0; right: auto; left: 50%; transform: translateX(-50%); } }
.bl_safetyItem_wrap .bl_bizItem:nth-child(3)::after { top: 20px; left: 30px; width: min(calc(137 / var(--width) * 100vw), 137px); height: min(calc(218 / var(--width) * 100vw), 218px); background-image: url("../img/safety-csr/num3.svg"); }
@media screen and (max-width: 1280px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(3)::after { top: calc(20 / var(--width) * 100vw); left: calc(30 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(3)::after { top: 0; left: 50%; transform: translateX(-50%); } }
.bl_safetyItem_wrap .bl_bizItem:nth-child(4)::after { top: 30px; right: 20px; z-index: 1; width: min(calc(163 / var(--width) * 100vw), 163px); height: min(calc(211 / var(--width) * 100vw), 211px); background-image: url("../img/safety-csr/num4.svg"); }
@media screen and (max-width: 1280px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(4)::after { top: calc(30 / var(--width) * 100vw); right: calc(20 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem:nth-child(4)::after { top: 0; right: auto; left: 50%; transform: translateX(-50%); } }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem img { display: block; max-width: calc(500 / var(--width) * 100vw); margin: 0 auto; } }
@media screen and (max-width: 768px) { .bl_safetyItem_wrap .bl_bizItem_imgs { margin-top: calc(40 / var(--width) * 100vw); gap: calc(80 / var(--width) * 100vw); } }

@media screen and (max-width: 768px) { .bl_csrItem_wrap { margin-top: calc(160 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_csrItem_wrap .bl_bizItem + .bl_bizItem { margin-top: calc(160 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_csrItem_wrap img { display: block; max-width: calc(500 / var(--width) * 100vw); margin: 0 auto; } }
@media screen and (max-width: 768px) { .bl_csrItem_wrap .bl_bizItem_ttl + p { margin-bottom: 2em; text-align: justify; } }

.bl_safetyImg3 { position: relative; }
.bl_safetyImg3::before { position: absolute; top: -118px; right: -74px; width: min(calc(242 / var(--width) * 100vw), 242px); height: min(calc(262 / var(--width) * 100vw), 262px); background-image: url("../img/safety-csr/pic_safe3b.png?20240215"); background-image: image-set(url("../img/safety-csr/pic_safe3b.png?20240215") 1x, url("../img/safety-csr/pic_safe3b@2x.png?20240215") 2x); background-size: cover; content: ""; }
@media screen and (max-width: 1280px) { .bl_safetyImg3::before { top: calc(-118 / var(--width) * 100vw); right: calc(-74 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_safetyImg3::before { top: calc(-74 / var(--width) * 100vw); right: calc(-35 / var(--width) * 100vw); width: calc(351 / var(--width) * 100vw); height: calc(325 / var(--width) * 100vw); background-image: url("../img/safety-csr/pic_safe3b-sp.png?20240215"); background-image: image-set(url("../img/safety-csr/pic_safe3b-sp.png?20240215") 1x, url("../img/safety-csr/pic_safe3b-sp@2x.png?20240215") 2x); } }
@media screen and (max-width: 420px) { .bl_safetyImg3::before { background-image: url("../img/safety-csr/pic_safe3b-sp.png?20240215"); } }

.bl_safetyImg9 { position: relative; }
.bl_safetyImg9::before { position: absolute; top: -48px; right: -139px; width: min(calc(319 / var(--width) * 100vw), 319px); height: min(calc(211 / var(--width) * 100vw), 211px); background-image: url("../img/safety-csr/pic_safe9b.png"); background-image: image-set(url("../img/safety-csr/pic_safe9b.png") 1x, url("../img/safety-csr/pic_safe9b@2x.png") 2x); background-size: cover; content: ""; }
@media screen and (max-width: 1280px) { .bl_safetyImg9::before { top: calc(-48 / var(--width) * 100vw); right: calc(-139 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_safetyImg9::before { top: calc(-56 / var(--width) * 100vw); right: calc(-18 / var(--width) * 100vw); width: calc(298 / var(--width) * 100vw); height: calc(262 / var(--width) * 100vw); background-image: url("../img/safety-csr/pic_safe9b-sp.png"); background-image: image-set(url("../img/safety-csr/pic_safe9b-sp.png") 1x, url("../img/safety-csr/pic_safe9b-sp@2x.png") 2x); } }
@media screen and (max-width: 420px) { .bl_safetyImg9::before { background-image: url("../img/safety-csr/pic_safe9b-sp.png"); } }

.bl_rctCaTarget { position: relative; padding: min(calc(60 / var(--width) * 100vw), 60px) min(calc(50 / var(--width) * 100vw), 50px) min(calc(36 / var(--width) * 100vw), 36px); }
@media screen and (max-width: 768px) { .bl_rctCaTarget { padding: calc(180 / var(--width) * 100vw) calc(68 / var(--width) * 100vw) 0; } }
.bl_rctCaTarget::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #fffbcc; content: ""; }

.bl_rctCaTarget_ttl { display: grid; clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%); position: absolute; top: -44px; left: 50%; transform: translateX(-50%); width: min(calc(700 / var(--width) * 100vw), 700px); height: min(calc(88 / var(--width) * 100vw), 88px); margin: 0 auto; background-color: #037964; }
@media screen and (min-width: 769px) { .bl_rctCaTarget_ttl { place-items: center; } }
@media screen and (max-width: 1280px) { .bl_rctCaTarget_ttl { top: calc(-44 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaTarget_ttl { align-items: center; clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%); top: calc(-117 / var(--width) * 100vw); left: 0; transform: none; width: calc(680 / var(--width) * 100vw); height: calc(234 / var(--width) * 100vw); padding-left: calc(68 / var(--width) * 100vw); box-sizing: border-box; } }
.bl_rctCaTarget_ttl img { width: min(calc(609 / var(--width) * 100vw), 609px); }
@media screen and (max-width: 768px) { .bl_rctCaTarget_ttl img { width: calc(518 / var(--width) * 100vw); } }

.bl_rctCaTarget_copy { margin-bottom: 1em; color: #037964; font-weight: bold; font-size: calc(35 / var(--fz) * 1rem); line-height: 1.57; letter-spacing: .08em; }
@media screen and (max-width: 1280px) { .bl_rctCaTarget_copy { font-size: calc(35 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaTarget_copy { font-size: calc(45 / var(--width) * 100vw); } }

.bl_rctCaTarget_cont { display: flex; justify-content: space-between; align-items: center; line-height: 2; }
@media screen and (max-width: 768px) { .bl_rctCaTarget_cont { flex-direction: column; gap: calc(20 / var(--width) * 100vw); } }

@media screen and (max-width: 768px) { .bl_rctCaTarget_illust { margin-bottom: calc(-100 / var(--width) * 100vw); } }
.bl_rctCaTarget_illust img { width: min(calc(315 / var(--width) * 100vw), 315px); }
@media screen and (max-width: 768px) { .bl_rctCaTarget_illust img { width: calc(354 / var(--width) * 100vw); } }

.bl_rctCaGoalIllust { position: relative; text-align: center; }
.bl_rctCaGoalIllust .swiper { padding-bottom: calc(50 / var(--width) * 100vw); }
.bl_rctCaGoalIllust .swiper-scrollbar { position: absolute; top: auto; bottom: 0; left: 50%; transform: translateX(-50%); width: calc(302 / var(--width) * 100vw); height: calc(7 / var(--width) * 100vw); }
.bl_rctCaGoalIllust .swiper-scrollbar-drag { background-color: #daaf35; }

.bl_rctCaTitle { margin-bottom: 2em; text-align: center; }
.bl_rctCaTitle.bl_rctCaTitle__5 img { width: min(calc(597 / var(--width) * 100vw), 597px); }
@media screen and (max-width: 768px) { .bl_rctCaTitle.bl_rctCaTitle__5 img { width: calc(395 / var(--width) * 100vw); } }
.bl_rctCaTitle.bl_rctCaTitle__4 img { width: min(calc(690 / var(--width) * 100vw), 690px); }
@media screen and (max-width: 768px) { .bl_rctCaTitle.bl_rctCaTitle__4 img { width: calc(464 / var(--width) * 100vw); } }
.bl_rctCaTitle.bl_rctCaTitle__6 img { width: min(calc(664 / var(--width) * 100vw), 664px); }
@media screen and (max-width: 768px) { .bl_rctCaTitle.bl_rctCaTitle__6 img { width: calc(596 / var(--width) * 100vw); } }

.bl_rctCaLead { margin-bottom: 4em; text-align: center; }
@media screen and (max-width: 768px) { .bl_rctCaLead { font-size: calc(23 / var(--width) * 100vw); text-align: justify; } }
@media screen and (max-width: 768px) { .bl_rctCaLead.bl_rctCaLead__4 { line-height: 2.5; letter-spacing: .04em; text-align: right; } }

.bl_rctCaSupportIllust_wrap { margin-bottom: min(calc(200 / var(--width) * 100vw), 200px); }
@media screen and (max-width: 768px) { .bl_rctCaSupportIllust_wrap { margin-bottom: calc(280 / var(--width) * 100vw); } }

.bl_rctCaSupportIllust img { display: block; width: min(calc(937 / var(--width) * 100vw), 937px); margin-right: min(calc(50 / var(--width) * 100vw), 50px); margin-left: auto; }

.bl_rctCaLicenceSupport { display: grid; margin-top: min(calc(70 / var(--width) * 100vw), 70px); gap: min(calc(20 / var(--width) * 100vw), 20px); row-gap: min(calc(40 / var(--width) * 100vw), 40px); }
@media screen and (min-width: 769px) { .bl_rctCaLicenceSupport { grid-template-columns: repeat(2, 1fr); } }

.bl_rctCaLicenceSupport_lic { position: relative; padding: min(calc(57 / var(--width) * 100vw), 57px) min(calc(40 / var(--width) * 100vw), 40px); border-top: 2px solid #9a8cb7; border-bottom: 2px solid #9a8cb7; background-color: #fff; }
@media screen and (min-width: 769px) { .bl_rctCaLicenceSupport_lic { grid-row: 1; } }
@media screen and (max-width: 768px) { .bl_rctCaLicenceSupport_lic { padding: calc(80 / var(--width) * 100vw) calc(40 / var(--width) * 100vw); } }
.bl_rctCaLicenceSupport_lic dt { display: grid; position: absolute; top: -28px; left: 50%; transform: translateX(-50%); width: min(calc(272 / var(--width) * 100vw), 272px); height: min(calc(56 / var(--width) * 100vw), 56px); border-radius: 2em; background-color: #9a8cb7; color: #fff; font-size: calc(30 / var(--fz) * 1rem); place-items: center; }
@media screen and (max-width: 1280px) { .bl_rctCaLicenceSupport_lic dt { top: calc(-28 / var(--width) * 100vw); font-size: calc(30 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaLicenceSupport_lic dt { width: calc(354 / var(--width) * 100vw); height: calc(74 / var(--width) * 100vw); font-size: calc(39 / var(--width) * 100vw); } }
.bl_rctCaLicenceSupport_lic dd { font-size: calc(20 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctCaLicenceSupport_lic dd { font-size: calc(20 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaLicenceSupport_lic dd { font-size: calc(26 / var(--width) * 100vw); } }
.bl_rctCaLicenceSupport_lic dd li { position: relative; padding-left: 26px; line-height: 1.5; }
.bl_rctCaLicenceSupport_lic dd li + li { margin-top: .5em; }
.bl_rctCaLicenceSupport_lic dd li::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-width: 9px 0 9px 17px; border-style: solid; border-color: transparent transparent transparent #9a8cb7; content: ""; }

.bl_rctCaLicenceSupport_lic__2 { border-color: #4db56e; }
@media screen and (max-width: 768px) { .bl_rctCaLicenceSupport_lic__2 { margin-top: calc(180 / var(--width) * 100vw); } }
.bl_rctCaLicenceSupport_lic__2 dt { background-color: #4db56e; }
.bl_rctCaLicenceSupport_lic__2 dd li::before { border-color: transparent transparent transparent #4db56e; }

.bl_rctCaLicenceSupport_com { position: relative; padding: min(calc(60 / var(--width) * 100vw), 60px) min(calc(30 / var(--width) * 100vw), 30px) min(calc(30 / var(--width) * 100vw), 30px); border-radius: min(calc(40 / var(--width) * 100vw), 40px); background-color: #fff; color: #9a8cb7; font-size: calc(16 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctCaLicenceSupport_com { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaLicenceSupport_com { padding: calc(95 / var(--width) * 100vw) calc(20 / var(--width) * 100vw); font-size: calc(26 / var(--width) * 100vw); } }
.bl_rctCaLicenceSupport_com::before { position: absolute; top: 16px; left: 16px; width: 100%; height: 100%; border-radius: min(calc(40 / var(--width) * 100vw), 40px); background-color: rgba(154, 140, 183, 0.15); content: ""; }
@media screen and (max-width: 1280px) { .bl_rctCaLicenceSupport_com::before { top: calc(16 / var(--width) * 100vw); left: calc(16 / var(--width) * 100vw); } }
.bl_rctCaLicenceSupport_com dt, .bl_rctCaLicenceSupport_com dd { position: relative; z-index: 1; }
.bl_rctCaLicenceSupport_com dt { display: grid; position: absolute; top: -70px; left: 50%; transform: translateX(-50%); width: min(calc(107 / var(--width) * 100vw), 107px); height: min(calc(107 / var(--width) * 100vw), 107px); border: 3px solid currentColor; border-radius: 50%; background-color: #fff; font-weight: bold; font-size: calc(20 / var(--fz) * 1rem); line-height: 1.3; text-align: center; place-items: center; }
@media screen and (max-width: 1280px) { .bl_rctCaLicenceSupport_com dt { top: calc(-70 / var(--width) * 100vw); font-size: calc(20 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaLicenceSupport_com dt { top: calc(-107 / var(--width) * 100vw); width: calc(178 / var(--width) * 100vw); height: calc(178 / var(--width) * 100vw); font-size: calc(30 / var(--width) * 100vw); } }
.bl_rctCaLicenceSupport_com dd span { display: block; width: min(calc(307 / var(--width) * 100vw), 307px); margin: 0 auto; text-align: justify; }
@media screen and (max-width: 768px) { .bl_rctCaLicenceSupport_com dd span { width: calc(468 / var(--width) * 100vw); } }

.bl_rctCaLicenceSupport_com__2 { color: #4db56e; }
.bl_rctCaLicenceSupport_com__2::before { background-color: rgba(77, 181, 110, 0.15); }

.bl_rctCaSupportIllust_slide .swiper-slide img { width: 100%; }

.bl_rctCaNewComerFirst_ttl { display: grid; clip-path: polygon(2% 0%, 100% 0%, 98% 100%, 0% 100%); width: min(calc(796 / var(--width) * 100vw), 796px); height: min(calc(88 / var(--width) * 100vw), 88px); margin: 0 auto 2em; background-color: #fff; }
@media screen and (min-width: 769px) { .bl_rctCaNewComerFirst_ttl { place-items: center; } }
@media screen and (max-width: 768px) { .bl_rctCaNewComerFirst_ttl { align-items: center; clip-path: polygon(0% 0%, 100% 0%, 92% 100%, 0% 100%); width: calc(576 / var(--width) * 100vw); height: calc(234 / var(--width) * 100vw); margin-left: calc(-80 / var(--width) * 100vw); padding-left: calc(68 / var(--width) * 100vw); box-sizing: border-box; } }
.bl_rctCaNewComerFirst_ttl img { width: min(calc(655 / var(--width) * 100vw), 609px); }
@media screen and (max-width: 768px) { .bl_rctCaNewComerFirst_ttl img { width: calc(396 / var(--width) * 100vw); } }

.bl_rctCaNewComerFirst_img { margin: -3em 0 min(calc(164 / var(--width) * 100vw), 164px); text-align: center; }

.bl_rctCaNewComerSpCal_wrap { position: relative; margin-bottom: calc(90 / var(--width) * 100vw); padding: calc(25 / var(--width) * 100vw) calc(20 / var(--width) * 100vw); }
.bl_rctCaNewComerSpCal_wrap::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #fffcd4; content: ""; }

.bl_rctCaNewComerSpCal { height: calc(1500 / var(--width) * 100vw); margin: 0 auto; overflow-y: scroll; }
.bl_rctCaNewComerSpCal::-webkit-scrollbar { width: calc(7 / var(--width) * 100vw); border-radius: calc(7 / var(--width) * 100vw); background: #e3e6e9; }
.bl_rctCaNewComerSpCal::-webkit-scrollbar-thumb { border-radius: calc(7 / var(--width) * 100vw); background-color: #daaf35; }

.bl_rctCaNewComerSpCal_inner { padding: calc(36 / var(--width) * 100vw) calc(20 / var(--width) * 100vw) calc(36 / var(--width) * 100vw) 0; }

.bl_rctCaNcReportImgs li { position: absolute; }
.bl_rctCaNcReportImgs li:nth-child(1) { top: 244px; left: 54px; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(1) { top: calc(244 / var(--width) * 100vw); left: calc(54 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(1) { top: calc(982 / var(--width) * 100vw); left: calc(76 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(1) img { width: min(calc(476 / var(--width) * 100vw), 476px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(1) img { width: calc(618 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(2) { top: 334px; left: 611px; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(2) { top: calc(334 / var(--width) * 100vw); left: calc(611 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(2) { top: calc(2636 / var(--width) * 100vw); right: calc(-83 / var(--width) * 100vw); left: auto; } }
.bl_rctCaNcReportImgs li:nth-child(2) img { width: min(calc(465 / var(--width) * 100vw), 465px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(2) img { width: calc(696 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(3) { top: 711px; left: 480px; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(3) { top: calc(711 / var(--width) * 100vw); left: calc(480 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(3) { top: calc(4102 / var(--width) * 100vw); left: calc(-90 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(3) img { width: min(calc(406 / var(--width) * 100vw), 406px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(3) img { width: calc(702 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(4) { top: 867px; left: -42px; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(4) { top: calc(867 / var(--width) * 100vw); left: calc(-42 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(4) { top: calc(5815 / var(--width) * 100vw); left: calc(40 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(4) img { width: min(calc(385 / var(--width) * 100vw), 385px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(4) img { width: calc(618 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(5) { top: 1136px; left: 358px; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(5) { top: calc(1136 / var(--width) * 100vw); left: calc(358 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(5) { top: calc(6937 / var(--width) * 100vw); right: calc(-98 / var(--width) * 100vw); left: auto; } }
.bl_rctCaNcReportImgs li:nth-child(5) img { width: min(calc(356 / var(--width) * 100vw), 356px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(5) img { width: calc(708 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(6) { top: 1476px; left: 724px; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(6) { top: calc(1476 / var(--width) * 100vw); left: calc(724 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(6) { top: calc(8542 / var(--width) * 100vw); left: calc(57 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(6) img { width: min(calc(386 / var(--width) * 100vw), 386px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(6) img { width: calc(618 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(7) { top: 1682px; left: 440px; filter: none; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(7) { top: calc(1682 / var(--width) * 100vw); left: calc(440 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(7) { top: calc(10004 / var(--width) * 100vw); left: calc(208 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(7) img { width: min(calc(234 / var(--width) * 100vw), 234px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(7) img { width: calc(334 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(8) { top: 1573px; left: 26px; }
@media screen and (max-width: 1280px) { .bl_rctCaNcReportImgs li:nth-child(8) { top: calc(1573 / var(--width) * 100vw); left: calc(26 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(8) { top: calc(10360 / var(--width) * 100vw); left: calc(62 / var(--width) * 100vw); } }
.bl_rctCaNcReportImgs li:nth-child(8) img { width: min(calc(366 / var(--width) * 100vw), 366px); }
@media screen and (max-width: 768px) { .bl_rctCaNcReportImgs li:nth-child(8) img { width: calc(619 / var(--width) * 100vw); } }

.bl_rctVoiceNav { display: grid; color: #39887a; font-size: calc(13 / var(--fz) * 1rem); letter-spacing: .012em; column-gap: min(calc(30 / var(--width) * 100vw), 30px); row-gap: min(calc(48 / var(--width) * 100vw), 48px); grid-template-columns: repeat(4, 1fr); }
@media screen and (max-width: 1280px) { .bl_rctVoiceNav { font-size: calc(13 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctVoiceNav { font-size: calc(16 / var(--width) * 100vw); grid-template-columns: repeat(2, 1fr); } }
.bl_rctVoiceNav > li a { display: flex; align-items: center; position: relative; height: min(calc(64 / var(--width) * 100vw), 64px); border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; color: currentColor; line-height: 1.23; text-decoration: none; gap: 18px; }
@media screen and (max-width: 768px) { .bl_rctVoiceNav > li a { height: calc(79 / var(--width) * 100vw); } }
.bl_rctVoiceNav > li a::after { clip-path: polygon(0 0, 50% 100%, 100% 0); position: absolute; bottom: -13px; left: 50%; transform: translateX(-50%); width: min(calc(54 / var(--width) * 100vw), 54px); aspect-ratio: 54 / 12; background-color: #9cc3bc; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctVoiceNav > li a::after { bottom: calc(-13 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctVoiceNav > li a::after { bottom: calc(-16 / var(--width) * 100vw); width: calc(67 / var(--width) * 100vw); } }
.bl_rctVoiceNav > li:nth-child(2) .bl_rctVoiceNav_num::before { background-image: url("../img/recruit/voice/num2.svg"); }
.bl_rctVoiceNav > li:nth-child(3) .bl_rctVoiceNav_num::before { background-image: url("../img/recruit/voice/num3.svg"); }
.bl_rctVoiceNav > li:nth-child(4) .bl_rctVoiceNav_num::before { background-image: url("../img/recruit/voice/num4.svg"); }
.bl_rctVoiceNav > li:nth-child(5) .bl_rctVoiceNav_num::before { background-image: url("../img/recruit/voice/num5.svg"); }
.bl_rctVoiceNav > li:nth-child(6) .bl_rctVoiceNav_num::before { background-image: url("../img/recruit/voice/num6.svg"); }
.bl_rctVoiceNav > li:nth-child(7) .bl_rctVoiceNav_num::before { background-image: url("../img/recruit/voice/num7.svg"); }
.bl_rctVoiceNav > li:nth-child(8) .bl_rctVoiceNav_num::before { background-image: url("../img/recruit/voice/num8.svg"); }

.bl_rctVoiceNav_num { display: flex; flex-direction: column; justify-content: center; width: min(calc(80 / var(--width) * 100vw), 80px); height: 100%; background-color: currentColor; gap: 10px; }
@media screen and (max-width: 768px) { .bl_rctVoiceNav_num { width: calc(99 / var(--width) * 100vw); } }
.bl_rctVoiceNav_num::before, .bl_rctVoiceNav_num::after { display: block; width: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; filter: brightness(0) invert(1); }
.bl_rctVoiceNav_num::before { height: min(calc(25 / var(--width) * 100vw), 25px); background-image: url("../img/recruit/voice/num1.svg"); }
@media screen and (max-width: 768px) { .bl_rctVoiceNav_num::before { height: calc(31 / var(--width) * 100vw); } }
.bl_rctVoiceNav_num::after { height: min(calc(7 / var(--width) * 100vw), 7px); background-image: url("../img/recruit/voice/voice.svg"); }
@media screen and (max-width: 768px) { .bl_rctVoiceNav_num::after { height: calc(9 / var(--width) * 100vw); } }

.bl_rctVoice { position: relative; }
.bl_rctVoice + .bl_rctVoice { margin-top: min(calc(130 / var(--width) * 100vw), 130px); }
@media screen and (max-width: 768px) { .bl_rctVoice + .bl_rctVoice { margin-top: calc(300 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctVoice:nth-child(odd)::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -3; background-color: rgba(174, 255, 229, 0.3); content: ""; } }
.bl_rctVoice:nth-child(odd)::after { clip-path: polygon(100% 0, 0% 100%, 100% 100%); position: absolute; right: 0; bottom: 0; z-index: -2; width: min(calc(244 / var(--width) * 100vw), 244px); aspect-ratio: 1 / 1; background-color: #ffed00; content: ""; }
@media screen and (min-width: 769px) { .bl_rctVoice:nth-child(even) .ly_cont { border-bottom: 1px dashed #ccc; } }
@media screen and (min-width: 769px) { .bl_rctVoice:nth-child(even) .bl_rctVoice_cont { flex-direction: row-reverse; margin-right: auto; margin-left: calc(50% - 50vw); } }
@media screen and (max-width: 768px) { .bl_rctVoice:nth-child(even) .bl_rctVoice_cont { padding-bottom: 0; } }
@media screen and (min-width: 769px) { .bl_rctVoice:nth-child(even) .bl_rctVoice_ttl_wrap { justify-content: flex-start; margin-bottom: 30px; }
  .bl_rctVoice:nth-child(even) .bl_rctVoice_ttl_wrap::before, .bl_rctVoice:nth-child(even) .bl_rctVoice_ttl_wrap::after { right: -40px; left: auto; } }
@media screen and (min-width: 769px) and (max-width: 1280px) { .bl_rctVoice:nth-child(even) .bl_rctVoice_ttl_wrap::before, .bl_rctVoice:nth-child(even) .bl_rctVoice_ttl_wrap::after { right: calc(-40 / var(--width) * 100vw); } }

@media screen and (min-width: 769px) { .bl_rctVoice:nth-child(even) .bl_rctVoice_txt { padding-bottom: 50px; } }
.bl_rctVoice:nth-child(even) .bl_rctVoice_txt::before { display: none; }
.bl_rctVoice:nth-child(2) .bl_rctVoice_ttl_wrap::before { background-image: url("../img/recruit/voice/num2.svg"); }
.bl_rctVoice:nth-child(3) .bl_rctVoice_ttl_wrap::before { background-image: url("../img/recruit/voice/num3.svg"); }
.bl_rctVoice:nth-child(4) .bl_rctVoice_ttl_wrap::before { background-image: url("../img/recruit/voice/num4.svg"); }
.bl_rctVoice:nth-child(5) .bl_rctVoice_ttl_wrap::before { background-image: url("../img/recruit/voice/num5.svg"); }
.bl_rctVoice:nth-child(6) .bl_rctVoice_ttl_wrap::before { background-image: url("../img/recruit/voice/num6.svg"); }
.bl_rctVoice:nth-child(7) .bl_rctVoice_ttl_wrap::before { background-image: url("../img/recruit/voice/num7.svg"); }
.bl_rctVoice:nth-child(8) .bl_rctVoice_ttl_wrap::before { background-image: url("../img/recruit/voice/num8.svg"); }
@media screen and (min-width: 769px) { .bl_rctVoice:nth-child(3), .bl_rctVoice:nth-child(7) { margin-top: min(calc(183 / var(--width) * 100vw), 183px); }
  .bl_rctVoice:nth-child(3)::before, .bl_rctVoice:nth-child(7)::before { clip-path: polygon(0 0, 0% 100%, 100% 50%); position: absolute; top: -380px; left: 0; z-index: -2; width: min(calc(349 / var(--width) * 100vw), 349px); aspect-ratio: 1 / 2; background-color: #ffed00; content: ""; } }
@media screen and (min-width: 769px) and (max-width: 1280px) { .bl_rctVoice:nth-child(3)::before, .bl_rctVoice:nth-child(7)::before { top: calc(-380 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) and (max-width: 768px) { .bl_rctVoice:nth-child(3)::before, .bl_rctVoice:nth-child(7)::before { top: calc(-520 / var(--width) * 100vw); } }

@media screen and (max-width: 768px) { .bl_rctVoice:nth-child(even):not(:last-child) { margin-top: min(calc(183 / var(--width) * 100vw), 183px); }
  .bl_rctVoice:nth-child(even):not(:last-child)::before { clip-path: polygon(0 0, 0% 100%, 100% 50%); position: absolute; bottom: calc(-480 / var(--width) * 100vw); left: 0; z-index: -2; width: min(calc(349 / var(--width) * 100vw), 349px); aspect-ratio: 1 / 2; background-color: #ffed00; content: ""; } }

.bl_rctVoice_cont { display: flex; justify-content: space-between; align-items: flex-end; position: relative; min-height: min(calc(494 / var(--width) * 100vw), 494px); margin-right: calc(50% - 50vw); padding: 0 0 min(calc(65 / var(--width) * 100vw), 65px); gap: min(calc(60 / var(--width) * 100vw), 60px); }
@media screen and (max-width: 768px) { .bl_rctVoice_cont { flex-direction: column; margin-right: 0; padding-bottom: calc(83 / var(--width) * 100vw); } }

.bl_rctVoice_txt { position: relative; line-height: 1.8; text-align: justify; }
@media screen and (max-width: 768px) { .bl_rctVoice_txt { font-size: calc(23 / var(--width) * 100vw); } }
.bl_rctVoice_txt::before { position: absolute; top: -30px; right: 0; bottom: -65px; left: 0; z-index: -3; margin: 0 calc(50% - 100vw); background-color: rgba(174, 255, 229, 0.3); content: ""; }
@media screen and (max-width: 1280px) { .bl_rctVoice_txt::before { bottom: calc(-65 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctVoice_txt::before { display: none; } }

.bl_rctVoice_img { flex-shrink: 0; position: relative; width: min(calc(569 / var(--width) * 100vw), 569px); }
@media screen and (max-width: 768px) { .bl_rctVoice_img { width: 100%; } }
.bl_rctVoice_img figure { position: absolute; bottom: 0; left: 0; z-index: -3; }
@media screen and (max-width: 768px) { .bl_rctVoice_img figure { position: relative; } }
.bl_rctVoice_img figure img { width: 100%; height: min(calc(494 / var(--width) * 100vw), 494px); object-fit: cover; }
@media screen and (max-width: 768px) { .bl_rctVoice_img figure img { height: auto; } }

.bl_rctVoice_ttl_wrap { display: flex; justify-content: flex-end; position: relative; margin-bottom: 46px; color: #037964; font-size: calc(37 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .bl_rctVoice_ttl_wrap { font-size: calc(37 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctVoice_ttl_wrap { flex-direction: column; justify-content: center; align-items: center; margin-top: calc(-72 / var(--width) * 100vw); padding-top: calc(276 / var(--width) * 100vw); font-size: calc(53 / var(--width) * 100vw); text-align: center; } }
.bl_rctVoice_ttl_wrap .bl_rctVoice_ttl { transform: skew(-7deg, 0); font-weight: bold; line-height: 1.3; letter-spacing: .08em; }
@media screen and (max-width: 768px) { .bl_rctVoice_ttl_wrap .bl_rctVoice_ttl { letter-spacing: .1em; } }
.bl_rctVoice_ttl_wrap .bl_rctVoice_ttl_type { display: block; padding-left: .3em; font-size: .54em; }
@media screen and (max-width: 768px) { .bl_rctVoice_ttl_wrap .bl_rctVoice_ttl_type { padding-left: 0; } }
.bl_rctVoice_ttl_wrap .bl_rctVoice_ttl_join { display: block; margin-top: 1em; padding-left: .8em; font-size: .43em; letter-spacing: .02em; }
@media screen and (max-width: 768px) { .bl_rctVoice_ttl_wrap .bl_rctVoice_ttl_join { padding-left: 0; } }
.bl_rctVoice_ttl_wrap::before, .bl_rctVoice_ttl_wrap::after { display: block; position: absolute; bottom: 0; left: -40px; width: min(calc(150 / var(--width) * 100vw), 150px); background-position: center; background-size: contain; background-repeat: no-repeat; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctVoice_ttl_wrap::before, .bl_rctVoice_ttl_wrap::after { left: calc(-40 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctVoice_ttl_wrap::before, .bl_rctVoice_ttl_wrap::after { bottom: auto; left: 50%; transform: translateX(-50%); width: calc(250 / var(--width) * 100vw); } }
.bl_rctVoice_ttl_wrap::before { bottom: 26px; height: min(calc(113 / var(--width) * 100vw), 113px); background-image: url("../img/recruit/voice/num1.svg"); }
@media screen and (max-width: 1280px) { .bl_rctVoice_ttl_wrap::before { bottom: calc(26 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctVoice_ttl_wrap::before { top: 0; bottom: auto; height: calc(170 / var(--width) * 100vw); } }
.bl_rctVoice_ttl_wrap::after { height: min(calc(16 / var(--width) * 100vw), 16px); background-image: url("../img/recruit/voice/voice.svg"); }
@media screen and (max-width: 768px) { .bl_rctVoice_ttl_wrap::after { top: calc(180 / var(--width) * 100vw); } }

.bl_rctQaHeading { margin: min(calc(80 / var(--width) * 100vw), 80px) 0 min(calc(70 / var(--width) * 100vw), 70px); text-align: center; }
@media screen and (max-width: 768px) { .bl_rctQaHeading { margin: calc(95 / var(--width) * 100vw) 0 calc(70 / var(--width) * 100vw); } }
.bl_rctQaHeading img { width: min(calc(293 / var(--width) * 100vw), 293px); }
@media screen and (max-width: 768px) { .bl_rctQaHeading img { width: calc(292 / var(--width) * 100vw); } }

.bl_rctQaTitle { margin-bottom: 1.2em; color: #037964; font-weight: bold; font-size: calc(30 / var(--fz) * 1rem); letter-spacing: .15em; }
@media screen and (max-width: 1280px) { .bl_rctQaTitle { font-size: calc(30 / var(--width) * 100vw); text-align: center; } }

.bl_rctQa { position: relative; color: #888; font-size: calc(16 / var(--fz) * 1rem); letter-spacing: .04em; }
@media screen and (max-width: 1280px) { .bl_rctQa { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctQa { font-size: calc(26 / var(--width) * 100vw); } }
.bl_rctQa dt, .bl_rctQa dd { padding: .7em 0; line-height: 1.6; }
.bl_rctQa dt { font-weight: bold; font-size: 1.125em; }
@media screen and (max-width: 768px) { .bl_rctQa dt { display: block; position: relative; padding-left: calc(70 / var(--width) * 100vw); font-size: 1em; }
  .bl_rctQa dt::before, .bl_rctQa dt::after { display: block; position: absolute; top: 50%; left: 0; width: calc(40 / var(--width) * 100vw); height: calc(3 / var(--width) * 100vw); background-color: #79b8ad; content: ""; transition: .3s; }
  .bl_rctQa dt::after { transform: rotate(90deg); }
  .bl_rctQa dt.is_active::after { transform: rotate(0); } }
.bl_rctQa dd { border-top: 2px solid #79b8ad; }
@media screen and (max-width: 768px) { .bl_rctQa dd { opacity: 0; position: absolute; transform: translateY(-20px); transition: .3s; pointer-events: none; }
  .bl_rctQa dd.is_visible { opacity: 1; position: relative; transform: translateY(0); pointer-events: all; } }
.bl_rctQa dd + dt { margin-top: 1.2em; }
@media screen and (max-width: 768px) { .bl_rctQa dd + dt { margin-top: .5em; } }

.bl_rctCultureList_wrap { display: inline-block; position: relative; margin: min(calc(16 / var(--width) * 100vw), 16px) 0 0 calc(50% - 50vw); padding: min(calc(36 / var(--width) * 100vw), 36px) min(calc(20 / var(--width) * 100vw), 20px) 0 calc((100vw - 100%) / 2); }
.bl_rctCultureList_wrap::before { clip-path: polygon(0 0, 100% 0%, 99.8% 100%, 0% 100%); position: absolute; top: 0; left: 0; width: 100%; height: min(calc(14 / var(--width) * 100vw), 14px); background-color: #037964; content: ""; }

.bl_rctCultureList_wrap__r { margin-right: calc(50% - 50vw); margin-left: 0; padding-right: calc((100vw - 100%) / 2); padding-left: min(calc(10 / var(--width) * 100vw), 10px); }
.bl_rctCultureList_wrap__r::before { clip-path: polygon(0.2% 0, 100% 0%, 100% 100%, 0% 100%); }

.bl_rctCultureList li { position: relative; padding: .58em 0; padding-left: min(calc(30 / var(--width) * 100vw), 30px); font-size: calc(20 / var(--fz) * 1rem); line-height: 1.3; }
@media screen and (max-width: 1280px) { .bl_rctCultureList li { font-size: calc(20 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureList li { font-size: calc(26 / var(--width) * 100vw); } }
.bl_rctCultureList li span { font-size: .8em; }
.bl_rctCultureList li::before { clip-path: polygon(100% 50%, 0 0, 0 100%); position: absolute; top: 18px; left: 3px; width: 17px; aspect-ratio: 1 / 1; background-color: #39887a; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctCultureList li::before { top: calc(18 / var(--width) * 100vw); left: calc(3 / var(--width) * 100vw); width: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureList li::before { top: calc(22 / var(--width) * 100vw); } }
.bl_rctCultureList li + li { border-top: 1px solid #999; }

.bl_rctCultureP1 { position: relative; height: min(calc(767 / var(--width) * 100vw), 767px); }
@media screen and (max-width: 768px) { .bl_rctCultureP1 { height: auto; } }

.bl_rctCultureP1_ttl { position: relative; margin-left: calc(50% - 50vw); padding-left: calc((100vw - 100%) / 2); }
@media screen and (min-width: 769px) { .bl_rctCultureP1_ttl { margin-right: min(calc(550 / var(--width) * 100vw), 550px); } }
.bl_rctCultureP1_ttl::after { clip-path: polygon(0 0, 100% 0%, 99.8% 100%, 0% 100%); position: absolute; bottom: -30px; left: 0; width: 100%; height: min(calc(14 / var(--width) * 100vw), 14px); background-color: #037964; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctCultureP1_ttl::after { bottom: calc(-30 / var(--width) * 100vw); } }
.bl_rctCultureP1_ttl img { width: min(calc(250 / var(--width) * 100vw), 250px); }
@media screen and (max-width: 768px) { .bl_rctCultureP1_ttl img { width: calc(300 / var(--width) * 100vw); } }

.bl_rctCultureList__p1 { position: absolute; top: 160px; left: 402px; width: min(calc(521 / var(--width) * 100vw), 521px); }
@media screen and (max-width: 1280px) { .bl_rctCultureList__p1 { top: calc(160 / var(--width) * 100vw); left: calc(402 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureList__p1 { position: relative; top: auto; left: auto; width: 100%; margin-top: calc(800 / var(--width) * 100vw); } }

.bl_rctCultureP1_point > li { position: absolute; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.3)); }
.bl_rctCultureP1_point > li:nth-child(1) { top: 153px; left: -44px; }
@media screen and (max-width: 1280px) { .bl_rctCultureP1_point > li:nth-child(1) { top: calc(153 / var(--width) * 100vw); left: calc(-44 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP1_point > li:nth-child(1) { top: calc(215 / var(--width) * 100vw); left: calc(-115 / var(--width) * 100vw); } }
.bl_rctCultureP1_point > li:nth-child(1) img { width: min(calc(398 / var(--width) * 100vw), 398px); }
@media screen and (max-width: 768px) { .bl_rctCultureP1_point > li:nth-child(1) img { width: calc(544 / var(--width) * 100vw); } }
.bl_rctCultureP1_point > li:nth-child(2) { top: -55px; right: -63px; }
@media screen and (max-width: 1280px) { .bl_rctCultureP1_point > li:nth-child(2) { top: calc(-55 / var(--width) * 100vw); right: calc(-63 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP1_point > li:nth-child(2) { top: calc(-122 / var(--width) * 100vw); right: calc(-150 / var(--width) * 100vw); } }
.bl_rctCultureP1_point > li:nth-child(2) img { width: min(calc(338 / var(--width) * 100vw), 338px); }
@media screen and (max-width: 768px) { .bl_rctCultureP1_point > li:nth-child(2) img { width: calc(389 / var(--width) * 100vw); } }
.bl_rctCultureP1_point > li:nth-child(3) { top: 561px; left: 559px; }
@media screen and (max-width: 1280px) { .bl_rctCultureP1_point > li:nth-child(3) { top: calc(561 / var(--width) * 100vw); left: calc(559 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP1_point > li:nth-child(3) { top: calc(702 / var(--width) * 100vw); right: calc(-30 / var(--width) * 100vw); left: auto; } }
.bl_rctCultureP1_point > li:nth-child(3) img { width: min(calc(229 / var(--width) * 100vw), 229px); }
@media screen and (max-width: 768px) { .bl_rctCultureP1_point > li:nth-child(3) img { width: calc(313 / var(--width) * 100vw); } }

.bl_rctCultureP1_point li img { opacity: 0; }
.bl_rctCultureP1_point li.is_on img { animation: bound-anim 1s forwards; }

@keyframes bound-anim { 0% { opacity: 0; top: 0; transform: scale(0); }
  30% { top: -60%; transform: scale(0); }
  60% { transform: scale(1); }
  90% { transform: scale(1.15, 0.9); }
  100% { opacity: 1; top: 0; transform: scale(1); } }
.bl_rctCultureP2_ttl { margin-bottom: min(calc(40 / var(--width) * 100vw), 40px); text-align: center; }
@media screen and (max-width: 768px) { .bl_rctCultureP2_ttl { margin-bottom: calc(55 / var(--width) * 100vw); } }
.bl_rctCultureP2_ttl img { width: min(calc(881 / var(--width) * 100vw), 881px); }
@media screen and (max-width: 768px) { .bl_rctCultureP2_ttl img { width: calc(495 / var(--width) * 100vw); } }

.bl_rctCultureP2_cont { display: flex; justify-content: center; margin: 0 min(calc(50 / var(--width) * 100vw), 50px) min(calc(40 / var(--width) * 100vw), 40px) min(calc(76 / var(--width) * 100vw), 76px); gap: min(calc(70 / var(--width) * 100vw), 70px); }
@media screen and (max-width: 768px) { .bl_rctCultureP2_cont { flex-direction: column-reverse; margin: 0 0 calc(50 / var(--width) * 100vw); gap: calc(50 / var(--width) * 100vw); } }

.bl_rctCultureList__p2 { position: relative; top: 26px; width: min(calc(242 / var(--width) * 100vw), 242px); }
@media screen and (max-width: 1280px) { .bl_rctCultureList__p2 { top: calc(26 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureList__p2 { top: auto; width: calc(314 / var(--width) * 100vw); margin: 0 auto; } }

.bl_rctCultureP2_illust { position: relative; width: 444px; height: 298px; }
@media screen and (max-width: 768px) { .bl_rctCultureP2_illust { width: calc(587 / var(--width) * 100vw); height: calc(387 / var(--width) * 100vw); } }
.bl_rctCultureP2_illust img { position: absolute; }
.bl_rctCultureP2_illust img:nth-child(1) { top: 0; left: 0; width: min(calc(203 / var(--width) * 100vw), 203px); animation: rctCultureP2Illust 3s linear infinite; }
@media screen and (max-width: 768px) { .bl_rctCultureP2_illust img:nth-child(1) { width: calc(264 / var(--width) * 100vw); } }
.bl_rctCultureP2_illust img:nth-child(2) { top: 0; right: 0; width: min(calc(204 / var(--width) * 100vw), 204px); animation: rctCultureP2Illust-2 3s linear infinite; }
@media screen and (max-width: 768px) { .bl_rctCultureP2_illust img:nth-child(2) { width: calc(267 / var(--width) * 100vw); } }
.bl_rctCultureP2_illust img:nth-child(3) { bottom: 0; left: 50%; transform: translateX(-50%); width: min(calc(248 / var(--width) * 100vw), 248px); }
@media screen and (max-width: 768px) { .bl_rctCultureP2_illust img:nth-child(3) { width: calc(322 / var(--width) * 100vw); } }

@keyframes rctCultureP2Illust { 0%, 100% { transform: rotate(10deg); }
  50% { transform: rotate(-10deg); } }
@keyframes rctCultureP2Illust-2 { 0%, 100% { transform: rotate(-10deg); }
  50% { transform: rotate(10deg); } }
.bl_rctCultureP2_data { width: 100%; letter-spacing: .04em; border-collapse: collapse; }
@media screen and (max-width: 768px) { .bl_rctCultureP2_data { font-size: calc(20 / var(--width) * 100vw); line-height: 1.5; } }
.bl_rctCultureP2_data * { box-sizing: border-box; }
.bl_rctCultureP2_data th, .bl_rctCultureP2_data td { padding: .6rem; text-align: center; }
.bl_rctCultureP2_data th { color: #037964; }
@media screen and (max-width: 768px) { .bl_rctCultureP2_data thead th:nth-child(2) { width: calc(100 / var(--width) * 100vw); } }
.bl_rctCultureP2_data thead th:nth-child(3) { width: min(calc(200 / var(--width) * 100vw), 200px); }
@media screen and (max-width: 768px) { .bl_rctCultureP2_data thead th:nth-child(3) { width: calc(100 / var(--width) * 100vw); } }
.bl_rctCultureP2_data thead th:nth-child(4) { width: min(calc(200 / var(--width) * 100vw), 200px); }
@media screen and (max-width: 768px) { .bl_rctCultureP2_data thead th:nth-child(4) { width: calc(162 / var(--width) * 100vw); } }
.bl_rctCultureP2_data tbody { border-top: 2px solid #037964; border-bottom: 2px solid #037964; background-color: #fff; }
.bl_rctCultureP2_data tbody tr:not(:first-child) { border-top: 1px solid #999; }
.bl_rctCultureP2_data tbody th { letter-spacing: 0; text-align: left; }
@media screen and (min-width: 769px) { .bl_rctCultureP2_data tbody th { padding-left: 55px; } }
@media screen and (max-width: 768px) { .bl_rctCultureP2_data tbody td { position: relative; }
  .bl_rctCultureP2_data tbody td::before { position: absolute; top: 10%; left: 0; width: 1px; height: 80%; background-color: #555; content: ""; } }

.bl_rctCultureP2_data_total .num { display: block; background-color: #fff24c; color: #e54e00; font-weight: bold; font-size: 1.133em; }
@media screen and (max-width: 768px) { .bl_rctCultureP2_data_total .num { padding: calc(10 / var(--width) * 100vw); font-size: calc(33 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP2_data_total .com { font-size: .7em; } }

.bl_rctCultureP3_ttl { text-align: left; }
.bl_rctCultureP3_ttl img { width: min(calc(224 / var(--width) * 100vw), 224px); }
@media screen and (max-width: 768px) { .bl_rctCultureP3_ttl img { width: calc(270 / var(--width) * 100vw); } }

.bl_rctCultureP4_ttl img { width: min(calc(229 / var(--width) * 100vw), 229px); }
@media screen and (max-width: 768px) { .bl_rctCultureP4_ttl img { width: calc(275 / var(--width) * 100vw); } }

.bl_rctCultureList__p3, .bl_rctCultureList__p4 { display: flex; text-align: left; column-gap: 2em; }
@media screen and (max-width: 768px) { .bl_rctCultureList__p3, .bl_rctCultureList__p4 { display: grid; grid-template-columns: repeat(2, auto); } }
.bl_rctCultureList__p3 li + li, .bl_rctCultureList__p4 li + li { border: none; }

.bl_rctCultureP5_ttl img { width: min(calc(224 / var(--width) * 100vw), 224px); }
@media screen and (max-width: 768px) { .bl_rctCultureP5_ttl img { width: calc(268 / var(--width) * 100vw); } }

.bl_rctCultureList__p5 { display: grid; column-gap: 2em; grid-template-columns: auto auto; }
@media screen and (max-width: 768px) { .bl_rctCultureList__p5 { column-gap: 1em; } }
.bl_rctCultureList__p5 li { text-align: left; }
.bl_rctCultureList__p5 li + li { border: none; }

.bl_rctCultureP5_lead { display: flex; justify-content: flex-end; align-items: center; margin: 0 0 min(calc(30 / var(--width) * 100vw), 30px) min(calc(20 / var(--width) * 100vw), 20px); gap: min(calc(70 / var(--width) * 100vw), 70px); }
@media screen and (max-width: 768px) { .bl_rctCultureP5_lead { flex-direction: column-reverse; } }

.bl_rctCultureP5_illust { position: relative; width: 437px; height: 424px; }
@media screen and (max-width: 768px) { .bl_rctCultureP5_illust { width: calc(644 / var(--width) * 100vw); height: calc(624 / var(--width) * 100vw); } }
.bl_rctCultureP5_illust img { position: absolute; }
.bl_rctCultureP5_illust img:nth-child(1) { top: 0; left: 252px; width: min(calc(78 / var(--width) * 100vw), 78px); animation: rctCultureP5Illust 3s infinite; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_illust img:nth-child(1) { left: calc(252 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_illust img:nth-child(1) { left: calc(371 / var(--width) * 100vw); width: calc(114 / var(--width) * 100vw); } }
.bl_rctCultureP5_illust img:nth-child(2) { top: 34px; left: 63px; width: min(calc(57 / var(--width) * 100vw), 57px); animation: rctCultureP5Illust 3s infinite; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_illust img:nth-child(2) { top: calc(34 / var(--width) * 100vw); left: calc(63 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_illust img:nth-child(2) { top: calc(50 / var(--width) * 100vw); left: calc(92 / var(--width) * 100vw); width: calc(84 / var(--width) * 100vw); } }
.bl_rctCultureP5_illust img:nth-child(3) { top: 103px; right: 0; width: min(calc(63 / var(--width) * 100vw), 63px); animation: rctCultureP5Illust 3s infinite; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_illust img:nth-child(3) { top: calc(103 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_illust img:nth-child(3) { top: calc(151 / var(--width) * 100vw); width: calc(92 / var(--width) * 100vw); } }
.bl_rctCultureP5_illust img:nth-child(4) { top: 229px; left: 0; width: min(calc(70 / var(--width) * 100vw), 70px); animation: rctCultureP5Illust 3s infinite; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_illust img:nth-child(4) { top: calc(229 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_illust img:nth-child(4) { top: calc(336 / var(--width) * 100vw); width: calc(103 / var(--width) * 100vw); } }
.bl_rctCultureP5_illust img:nth-child(5) { bottom: 0; left: 39px; width: min(calc(398 / var(--width) * 100vw), 398px); }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_illust img:nth-child(5) { left: calc(39 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_illust img:nth-child(5) { left: calc(57 / var(--width) * 100vw); width: calc(586 / var(--width) * 100vw); } }

@keyframes rctCultureP5Illust { 0%, 100% { transform: rotate(-45deg); }
  50% { transform: rotate(45deg); } }
.bl_rctCultureP5_point { display: grid; position: relative; margin-top: -127px; margin-bottom: min(calc(100 / var(--width) * 100vw), 100px); gap: 5px; }
@media screen and (min-width: 769px) { .bl_rctCultureP5_point { grid-template-columns: 1fr min(calc(398 / var(--width) * 100vw), 398px) 1fr; } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_point { margin-bottom: calc(240 / var(--width) * 100vw); gap: calc(20 / var(--width) * 100vw); } }
.bl_rctCultureP5_point::after { position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); width: min(calc(36 / var(--width) * 100vw), 36px); aspect-ratio: 36 / 52; background-image: url("../img/recruit/culture/arrow.svg"); background-size: contain; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_point::after { bottom: calc(-80 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_point::after { bottom: calc(-170 / var(--width) * 100vw); width: calc(70 / var(--width) * 100vw); } }
.bl_rctCultureP5_point > li { padding: 1.5em; border: 5px solid #39887a; background-color: #fff; }
.bl_rctCultureP5_point > li:nth-child(3) dl dd { text-align: center; }
.bl_rctCultureP5_point dl dt { margin-bottom: 1em; color: #39887a; font-weight: bold; font-size: 1.25em; line-height: 1.3; text-align: center; }
@media screen and (max-width: 768px) { .bl_rctCultureP5_point dl dt { font-size: calc(34 / var(--width) * 100vw); } }
.bl_rctCultureP5_point dl dd { text-align: justify; }
@media screen and (max-width: 768px) { .bl_rctCultureP5_point dl dd { font-size: calc(22 / var(--width) * 100vw); line-height: 1.5; } }

.bl_rctCultureP5_voice { display: grid; font-size: calc(16 / var(--fz) * 1rem); gap: 10px; }
@media screen and (min-width: 769px) { .bl_rctCultureP5_voice { grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_voice { font-size: calc(16 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice { font-size: calc(22 / var(--width) * 100vw); gap: calc(142 / var(--width) * 100vw); } }
.bl_rctCultureP5_voice li { position: relative; padding: 3em; border-radius: 2em; background-color: #f08246; color: #fff; }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li { padding: 3em 2.5em; border-radius: 4em; } }
.bl_rctCultureP5_voice li::before { clip-path: polygon(100% 0, 0 0, 100% 100%); position: absolute; bottom: -50px; left: 124px; width: min(calc(50 / var(--width) * 100vw), 50px); aspect-ratio: 1 / 1; background-color: #f08246; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_voice li::before { bottom: calc(-50 / var(--width) * 100vw); left: calc(124 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li::before { bottom: calc(-86 / var(--width) * 100vw); left: calc(187 / var(--width) * 100vw); width: calc(86 / var(--width) * 100vw); } }
.bl_rctCultureP5_voice li::after { position: absolute; right: -3px; bottom: -80px; width: min(calc(162 / var(--width) * 100vw), 162px); aspect-ratio: 1 / 1; border: 6px solid #f08246; border-radius: 50%; background-image: url("../img/recruit/culture/illust5.svg"); background-size: cover; background-color: #fff24c; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_voice li::after { right: calc(-3 / var(--width) * 100vw); bottom: calc(-80 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li::after { right: calc(-21 / var(--width) * 100vw); bottom: calc(48 / var(--width) * 100vw); width: calc(206 / var(--width) * 100vw); } }
.bl_rctCultureP5_voice li:nth-child(1) .bl_rctCultureP5_voice_ttl { text-align: right; }
.bl_rctCultureP5_voice li:nth-child(1) dt { top: -45px; left: -70px; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_voice li:nth-child(1) dt { top: calc(-45 / var(--width) * 100vw); left: calc(-70 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li:nth-child(1) dt { top: calc(-109 / var(--width) * 100vw); left: calc(-31 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li:nth-child(1) .bl_rctCultureP5_voice_cont { padding-right: calc(160 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctCultureP5_voice li:nth-child(2) { top: 73px; } }
.bl_rctCultureP5_voice li:nth-child(2)::before { clip-path: polygon(100% 0, 0 0, 0 100%); left: 156px; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_voice li:nth-child(2)::before { left: calc(156 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li:nth-child(2)::before { left: calc(268 / var(--width) * 100vw); } }
.bl_rctCultureP5_voice li:nth-child(2)::after { right: -42px; bottom: -67px; background-image: url("../img/recruit/culture/illust6.svg"); }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_voice li:nth-child(2)::after { right: calc(-42 / var(--width) * 100vw); bottom: calc(-67 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li:nth-child(2)::after { right: calc(-23 / var(--width) * 100vw); bottom: calc(-52 / var(--width) * 100vw); } }
.bl_rctCultureP5_voice li:nth-child(2) dt { top: -57px; right: -56px; }
@media screen and (max-width: 1280px) { .bl_rctCultureP5_voice li:nth-child(2) dt { top: calc(-57 / var(--width) * 100vw); right: calc(-56 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice li:nth-child(2) dt { top: calc(-109 / var(--width) * 100vw); right: calc(-24 / var(--width) * 100vw); } }
.bl_rctCultureP5_voice dt { display: grid; position: absolute; width: min(calc(175 / var(--width) * 100vw), 175px); aspect-ratio: 1 / 1; border-radius: 50%; background-color: #037964; font-weight: bold; font-size: 1.3125em; line-height: 1.3; text-align: center; place-items: center; }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice dt { width: calc(272 / var(--width) * 100vw); font-size: 1.545em; line-height: 1.5; } }
@media screen and (max-width: 768px) { .bl_rctCultureP5_voice dd { letter-spacing: .04em; } }

.bl_rctCultureP5_voice_ttl { margin-bottom: 1em; font-weight: bold; font-size: 1.5625em; line-height: 1.3; }
.bl_rctCultureP5_voice_ttl span { display: inline-block; text-align: left; }

.bl_rctCultureP5_voice_cont { text-align: justify; }

.bl_rctCultureP5_voice_com { font-size: .75em; }

.bl_rctCultureList__p6 li::before { background-color: #ffed00; }
.bl_rctCultureList__p6 li + li { border-color: #fff; }

.bl_rctCultureP6_ttl { margin-bottom: min(calc(56 / var(--width) * 100vw), 56px); }
.bl_rctCultureP6_ttl img { width: min(calc(318 / var(--width) * 100vw), 318px); }
@media screen and (max-width: 768px) { .bl_rctCultureP6_ttl img { width: calc(381 / var(--width) * 100vw); } }

.bl_rctCultureP6_cont { display: grid; gap: min(calc(24 / var(--width) * 100vw), 24px); grid-template-columns: min(calc(478 / var(--width) * 100vw), 478px) min(calc(477 / var(--width) * 100vw), 477px); }
@media screen and (max-width: 768px) { .bl_rctCultureP6_cont { display: flex; flex-direction: column-reverse; gap: calc(90 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctCultureP6_cont figure { padding-bottom: min(calc(20 / var(--width) * 100vw), 20px); } }
@media screen and (max-width: 768px) { .bl_rctCultureP6_cont figure { margin-top: calc(-116 / var(--width) * 100vw); text-align: center; } }
@media screen and (max-width: 768px) { .bl_rctCultureP6_cont figure img { width: calc(677 / var(--width) * 100vw); } }

.bl_rctDataTtl { display: flex; justify-content: center; align-items: center; position: relative; margin-bottom: 2em; color: #fff; font-size: min(calc(21 / var(--width) * 100vw), 21px); line-height: 1.5; letter-spacing: .05em; text-align: center; gap: 1em; }
@media screen and (max-width: 768px) { .bl_rctDataTtl { font-size: calc(26 / var(--width) * 100vw); } }
.bl_rctDataTtl::before, .bl_rctDataTtl::after { width: 3px; height: 46px; background-color: #fff; content: ""; }
@media screen and (max-width: 768px) { .bl_rctDataTtl::before, .bl_rctDataTtl::after { width: 2px; height: calc(80 / var(--width) * 100vw); } }
.bl_rctDataTtl::before { transform: rotate(-20deg); }
.bl_rctDataTtl::after { transform: rotate(20deg); }

.bl_rctData { display: grid; gap: 20px; }
@media screen and (min-width: 769px) { .bl_rctData { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(6, auto); } }
@media screen and (max-width: 768px) { .bl_rctData { gap: calc(100 / var(--width) * 100vw); } }
.bl_rctData li { border-radius: 30px; background-color: #fff; }
@media screen and (min-width: 769px) { .bl_rctData li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
  .bl_rctData li:nth-child(2) { grid-area: 1 / 2 / 3 / 3; }
  .bl_rctData li:nth-child(3) { grid-area: 2 / 1 / 3 / 2; }
  .bl_rctData li:nth-child(4) { grid-area: 3 / 1 / 4 / 2; }
  .bl_rctData li:nth-child(5) { grid-area: 3 / 2 / 4 / 3; }
  .bl_rctData li:nth-child(6) { grid-area: 4 / 1 / 5 / 2; }
  .bl_rctData li:nth-child(7) { grid-area: 4 / 2 / 5 / 3; }
  .bl_rctData li:nth-child(8) { grid-area: 5 / 1 / 6 / 2; }
  .bl_rctData li:nth-child(9) { grid-area: 5 / 2 / 7 / 3; }
  .bl_rctData li:nth-child(10) { grid-area: 6 / 1 / 7 / 2; } }
.bl_rctData li img { min-width: 100%; }
.bl_rctData li:nth-child(5) figure { margin-right: -17px; }
.bl_rctData li:nth-child(10) { display: flex; flex-direction: column; }
.bl_rctData li:nth-child(10) .map { margin-top: auto; padding: min(calc(20 / var(--width) * 100vw), 20px) 0; border-radius: 0 0 30px 30px; background-color: #e1f0f3; }
.bl_rctData li:nth-child(10) .map figure { margin-left: -27px; }

.bl_rctWorksMgmtLead { position: relative; margin-bottom: min(calc(100 / var(--width) * 100vw), 100px); }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtLead { margin-bottom: calc(190 / var(--width) * 100vw); } }
.bl_rctWorksMgmtLead::before { clip-path: polygon(100% 0, 0 50%, 100% 100%); position: absolute; right: 0; bottom: -349px; z-index: -2; width: min(calc(349 / var(--width) * 100vw), 349px); aspect-ratio: 1 / 2; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctWorksMgmtLead::before { bottom: calc(-349 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtLead::before { display: none; } }

.bl_rctWorksTtlSet { margin-bottom: min(calc(60 / var(--width) * 100vw), 60px); font-size: min(calc(18 / var(--width) * 100vw), 18px); text-align: center; }
@media screen and (max-width: 768px) { .bl_rctWorksTtlSet { margin-bottom: calc(40 / var(--width) * 100vw); font-size: calc(22 / var(--width) * 100vw); } }

.bl_rctWorksTtlSet_ttl { position: relative; margin-bottom: min(calc(30 / var(--width) * 100vw), 30px); padding-bottom: min(calc(53 / var(--width) * 100vw), 53px); }
.bl_rctWorksTtlSet_ttl::before { position: absolute; bottom: 0; left: 0; transform: skewX(-10deg); width: 100%; height: min(calc(14 / var(--width) * 100vw), 14px); background-color: #fff; content: ""; }
@media screen and (max-width: 768px) { .bl_rctWorksTtlSet_ttl + p { margin: 0 calc(-50 / var(--width) * 100vw); } }

.bl_rctWorksTtlSet_ttl__blue::before { background-color: #0d70b6; }

.bl_rctWorksMediaBox { display: flex; font-size: min(calc(18 / var(--width) * 100vw), 18px); text-align: justify; gap: min(calc(54 / var(--width) * 100vw), 54px); }
@media screen and (max-width: 768px) { .bl_rctWorksMediaBox { flex-direction: column; font-size: calc(22 / var(--width) * 100vw); gap: calc(40 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctWorksMediaBox figure { flex-shrink: 0; width: min(calc(460 / var(--width) * 100vw), 460px); } }
@media screen and (max-width: 768px) { .bl_rctWorksMediaBox figure img { width: 100%; } }

@media screen and (min-width: 769px) { .bl_rctWorksMediaBox__r { flex-direction: row-reverse; } }

.bl_rctWorksMgmtSystem { position: relative; margin-bottom: min(calc(170 / var(--width) * 100vw), 170px); text-align: center; }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtSystem { margin-bottom: calc(190 / var(--width) * 100vw); } }
.bl_rctWorksMgmtSystem::before { clip-path: polygon(0 0, 100% 50%, 0 100%); position: absolute; bottom: -408px; left: 0; z-index: -2; width: min(calc(349 / var(--width) * 100vw), 349px); aspect-ratio: 1 / 2; background-color: #ffed00; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctWorksMgmtSystem::before { bottom: calc(-408 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtSystem::before { bottom: calc(-283 / var(--width) * 100vw); width: calc(258 / var(--width) * 100vw); } }

.bl_rctWorksMgmtSystem_illust { position: relative; margin-top: min(calc(56 / var(--width) * 100vw), 56px); }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtSystem_illust { margin-top: calc(100 / var(--width) * 100vw); } }
.bl_rctWorksMgmtSystem_illust figure.thumb { position: absolute; top: 36px; right: -60px; }
@media screen and (max-width: 1280px) { .bl_rctWorksMgmtSystem_illust figure.thumb { top: calc(36 / var(--width) * 100vw); right: calc(-60 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtSystem_illust figure.thumb { top: calc(-144 / var(--width) * 100vw); right: calc(-107 / var(--width) * 100vw); } }
.bl_rctWorksMgmtSystem_illust figure.thumb img { width: min(calc(231 / var(--width) * 100vw), 231px); aspect-ratio: 1 / 1; border-radius: 50%; object-fit: cover; }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtSystem_illust figure.thumb img { width: calc(277 / var(--width) * 100vw); } }

@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow::after { position: absolute; top: 0; right: 0; bottom: calc(-100 / var(--width) * 100vw); left: 0; z-index: -1; background-image: url("../img/recruit/works/bg-sp.png"); background-position: center bottom; background-size: contain; background-repeat: no-repeat; content: ""; mix-blend-mode: multiply; } }

.bl_rctWorksMgmtFlow_ttl { margin-bottom: min(calc(54 / var(--width) * 100vw), 54px); text-align: center; }

.bl_rctWorksMgmtFlow_list { margin-top: min(calc(45 / var(--width) * 100vw), 45px); }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list { margin-top: calc(100 / var(--width) * 100vw); } }
.bl_rctWorksMgmtFlow_list > li { position: relative; color: #037964; font-weight: bold; font-size: min(calc(30 / var(--width) * 100vw), 30px); letter-spacing: .1em; }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list > li { font-size: calc(35 / var(--width) * 100vw); } }
.bl_rctWorksMgmtFlow_list > li span { display: block; position: relative; transform: skewX(-6deg); padding-left: min(calc(40 / var(--width) * 100vw), 40px); background-color: #b2ecc7; }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list > li span { margin: 0 calc(40 / var(--width) * 100vw); padding: calc(10 / var(--width) * 100vw); line-height: 1.5; text-align: center; } }
.bl_rctWorksMgmtFlow_list > li span::before { clip-path: polygon(100% 0, 0 0, 0 100%); position: absolute; top: 0; left: 0; width: min(calc(45 / var(--width) * 100vw), 45px); height: min(calc(41 / var(--width) * 100vw), 41px); background-color: #ffed00; content: ""; }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list > li span::before { width: calc(54 / var(--width) * 100vw); height: calc(50 / var(--width) * 100vw); } }
.bl_rctWorksMgmtFlow_list > li + li { margin-top: min(calc(53 / var(--width) * 100vw), 53px); }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list > li + li { margin-top: calc(64 / var(--width) * 100vw); } }
.bl_rctWorksMgmtFlow_list > li + li::before { clip-path: polygon(50% 100%, 0 0, 100% 0); position: absolute; top: -36px; left: 50%; transform: translateX(-50%); width: min(calc(49 / var(--width) * 100vw), 49px); height: min(calc(20 / var(--width) * 100vw), 20px); background-color: #fff; content: ""; }
@media screen and (max-width: 1280px) { .bl_rctWorksMgmtFlow_list > li + li::before { top: calc(-36 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list > li + li::before { top: calc(-42 / var(--width) * 100vw); width: calc(58 / var(--width) * 100vw); height: calc(24 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctWorksMgmtFlow_list > li figure.thumb { position: absolute; top: 0; right: -5px; } }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list > li figure.thumb { margin-top: calc(-32 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctWorksMgmtFlow_list > li figure.thumb img { width: min(calc(248 / var(--width) * 100vw), 248px); } }

.bl_rctWorksMgmtFlow_list_thumb { min-height: min(calc(168 / var(--width) * 100vw), 168px); }

.bl_rctWorksMgmtFlow_list_sub { display: grid; margin: min(calc(27 / var(--width) * 100vw), 27px) min(calc(270 / var(--width) * 100vw), 270px) 0 0; gap: 5px; grid-template-columns: repeat(4, 1fr); }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list_sub { margin: calc(-22 / var(--width) * 100vw) calc(50 / var(--width) * 100vw) 0; gap: calc(10 / var(--width) * 100vw); grid-template-columns: repeat(2, 1fr); } }
.bl_rctWorksMgmtFlow_list_sub > li { display: grid; transform: skewX(-6deg); height: min(calc(56 / var(--width) * 100vw), 56px); background: linear-gradient(45deg, #037661 0%, #025748 100%); color: #fff; font-weight: bold; font-size: min(calc(20 / var(--width) * 100vw), 20px); line-height: 1; letter-spacing: .14em; place-items: center; }
@media screen and (max-width: 768px) { .bl_rctWorksMgmtFlow_list_sub > li { height: calc(93 / var(--width) * 100vw); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); font-size: calc(34 / var(--width) * 100vw); }
  .bl_rctWorksMgmtFlow_list_sub > li:nth-child(3), .bl_rctWorksMgmtFlow_list_sub > li:nth-child(4) { position: relative; left: calc(-10 / var(--width) * 100vw); } }

.bl_rctWorksMaintDetail { display: grid; position: relative; margin: min(calc(135 / var(--width) * 100vw), 135px) calc(50% - 50vw) 0; gap: 20px; }
@media screen and (max-width: 768px) { .bl_rctWorksMaintDetail { margin: calc(135 / var(--width) * 100vw) 0; gap: calc(110 / var(--width) * 100vw); } }
@media screen and (min-width: 769px) { .bl_rctWorksMaintDetail { grid-template-columns: repeat(3, 1fr); }
  .bl_rctWorksMaintDetail > li:nth-child(1) dt { margin-left: 50%; }
  .bl_rctWorksMaintDetail > li:nth-child(2) dt { position: relative; left: min(calc(70 / var(--fullWidth) * 100vw), 70px); } }
.bl_rctWorksMaintDetail dl dt { margin-bottom: .5em; padding: 10px; border-left: 5px solid currentColor; font-weight: 700; font-size: min(calc(32 / var(--width) * 100vw), 32px); line-height: 1; white-space: nowrap; }
@media screen and (max-width: 768px) { .bl_rctWorksMaintDetail dl dt { padding: calc(10 / var(--width) * 100vw) calc(20 / var(--width) * 100vw); border-left: calc(12 / var(--width) * 100vw) solid currentColor; font-size: calc(46 / var(--width) * 100vw); } }
.bl_rctWorksMaintDetail dl dt small { display: block; margin-top: 1em; font-weight: normal; font-size: .45em; }
.bl_rctWorksMaintDetail figure img { width: 100%; }
@media screen and (min-width: 769px) { .bl_rctWorksMaintDetail figure img { height: calc(292 / var(--fullWidth) * 100vw); object-fit: cover; } }

.bl_rctWorksOrg_illust { position: relative; margin-top: min(calc(204 / var(--width) * 100vw), 204px); text-align: center; }
@media screen and (max-width: 768px) { .bl_rctWorksOrg_illust { margin-top: calc(100 / var(--width) * 100vw); padding-bottom: calc(437 / var(--width) * 100vw); } }

.bl_rctWorksOrg_illust_thumb { position: absolute; top: -50px; left: -28px; }
@media screen and (max-width: 1280px) { .bl_rctWorksOrg_illust_thumb { top: calc(-50 / var(--width) * 100vw); left: calc(-28 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctWorksOrg_illust_thumb { top: auto; bottom: 0; left: 0; width: 50%; } }
.bl_rctWorksOrg_illust_thumb img { width: min(calc(416 / var(--width) * 100vw), 416px); }
@media screen and (max-width: 768px) { .bl_rctWorksOrg_illust_thumb img { width: 100%; } }

.bl_rctWorksOrg_illust_thumb2 { position: absolute; right: -82px; top: 40px; }
@media screen and (max-width: 1280px) { .bl_rctWorksOrg_illust_thumb2 { right: calc(-82 / var(--width) * 100vw); bottom: calc(940 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .bl_rctWorksOrg_illust_thumb2 { top: auto; right: 0; bottom: 0; width: 50%; } }
.bl_rctWorksOrg_illust_thumb2 img { width: min(calc(366 / var(--width) * 100vw), 366px); }
@media screen and (max-width: 768px) { .bl_rctWorksOrg_illust_thumb2 img { width: 100%; } }

/*------------------------------ element
--------------------------------*/
.bl_bgLine_wrap { position: absolute; top: 0; z-index: -1; width: min(calc(1030 / var(--fullWidth) * 100vw), 1030px); height: 100%; }
@media screen and (min-width: 769px) { .bl_bgLine_wrap { left: 50%; transform: translateX(-50%); } }
@media screen and (max-width: 768px) { .bl_bgLine_wrap { width: 100%; } }

.el_bgLine { opacity: 0; z-index: -1; width: 100%; height: 100%; background-image: url("../img/top/shape_line.svg"); background-position: top center; background-size: cover; background-repeat: no-repeat; }
@media screen and (max-width: 768px) { .el_bgLine { background-image: url("../img/top/shape_line-sp.svg"); } }

.el_bgLine__2 { background-image: url("../img/top/shape_line2.svg"); }
@media screen and (max-width: 768px) { .el_bgLine__2 { background-image: url("../img/top/shape_line2-sp.svg"); } }

.el_bgLine__3 { background-image: url("../img/top/shape_line3.svg"); }
@media screen and (max-width: 768px) { .el_bgLine__3 { background-image: url("../img/top/shape_line-sp.svg"); } }

.el_bgLine__2_bottom { background-position: bottom center; }

.el_btnCircle { display: flex; flex-direction: column; justify-content: center; align-items: center; width: min(calc(132 / var(--width) * 100vw), 132px); height: min(calc(132 / var(--width) * 100vw), 132px); border: 7px solid #8bbadc; border-radius: 50%; box-sizing: border-box; background-color: #0d70b6; color: #fff; font-weight: bold; font-size: calc(14 / var(--fz) * 1rem); text-decoration: none; gap: 5px; }
@media screen and (max-width: 1280px) { .el_btnCircle { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .el_btnCircle { width: calc(257 / var(--width) * 100vw); height: calc(257 / var(--width) * 100vw); border: calc(10 / var(--width) * 100vw) solid #8bbadc; font-size: calc(27 / var(--width) * 100vw); } }
.el_btnCircle::after { width: 17px; height: 13px; background-image: url("../img/common/arrow_r.svg"); background-size: cover; content: ""; transition: .3s; }
@media screen and (max-width: 768px) { .el_btnCircle::after { width: calc(32 / var(--width) * 100vw); height: calc(25 / var(--width) * 100vw); } }
.el_btnCircle:hover { background-color: #0f7fce; }
.el_btnCircle:hover::after { margin-right: -10px; }

.el_btnToTop { display: block; display: grid; width: min(calc(103 / var(--width) * 100vw), 103px); height: min(calc(103 / var(--width) * 100vw), 103px); border: 7px solid #0d70b6; border-radius: 50%; box-sizing: border-box; background-color: #fff; font-weight: bold; font-size: calc(14 / var(--fz) * 1rem); place-items: center; }
@media screen and (max-width: 1280px) { .el_btnToTop { font-size: calc(14 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .el_btnToTop { width: calc(196 / var(--width) * 100vw); height: calc(196 / var(--width) * 100vw); border: calc(19 / var(--width) * 100vw) solid #0d70b6; } }
.el_btnToTop::after { width: min(calc(30 / var(--width) * 100vw), 30px); height: min(calc(38 / var(--width) * 100vw), 38px); background-image: url("../img/common/gototop.svg"); background-size: cover; content: ""; transition: .3s; }
@media screen and (max-width: 768px) { .el_btnToTop::after { width: calc(55 / var(--width) * 100vw); height: calc(73 / var(--width) * 100vw); } }
.el_btnToTop:hover::after { margin-top: -10px; }

.el_contactBtn { display: inline-block; padding: 1.6em 4em; border: none; box-sizing: border-box; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4); background-color: #008cc6; color: #fff; font-weight: bold; font-size: calc(24 / var(--fz) * 1rem); line-height: 1; text-decoration: none; outline: none; cursor: pointer; appearance: none; }
@media screen and (max-width: 1280px) { .el_contactBtn { font-size: calc(24 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .el_contactBtn { width: 100%; padding: 1em; font-size: calc(36 / var(--width) * 100vw); } }
.el_contactBtn:hover { opacity: .7; }

.el_btn { padding: 0; border: none; background-color: transparent; outline: none; cursor: pointer; appearance: none; }

.el_btn_mf { width: min(calc(338 / var(--width) * 100vw), 338px); height: min(calc(66 / var(--width) * 100vw), 66px); background-color: #0d70b6; color: #fff; font-weight: bold; font-size: calc(17 / var(--fz) * 1rem); }
@media screen and (max-width: 1280px) { .el_btn_mf { font-size: calc(17 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .el_btn_mf { width: 80%; height: auto; padding: calc(10 / var(--width) * 100vw); font-size: calc(36 / var(--width) * 100vw); } }
.el_btn_mf:hover { opacity: .7; }
.el_btn_mf.el_btn_mf__rctEntry { background-color: var(--recruitColor); }

.el_btn_mf__back { background-color: #555; }

.el_rctMoreBtn { display: inline-block; position: relative; width: min(calc(200 / var(--width) * 100vw), 200px); height: min(calc(37 / var(--width) * 100vw), 37px); border-radius: min(calc(37 / var(--width) * 100vw), 37px); background-color: #fff; vertical-align: bottom; place-items: center; }
@media screen and (max-width: 768px) { .el_rctMoreBtn { width: calc(226 / var(--width) * 100vw); height: calc(67 / var(--width) * 100vw); border-radius: calc(67 / var(--width) * 100vw); } }
.el_rctMoreBtn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /*width: min(calc(44 / var(--width) * 100vw),44px);
height: min(calc(8 / var(--width) * 100vw),8px);*/ width: 73px; height: 14px; background-image: url("../img/recruit/top/more.svg"); background-size: cover; content: ""; }
@media screen and (max-width: 768px) { .el_rctMoreBtn::before { width: calc(93 / var(--width) * 100vw); height: calc(17 / var(--width) * 100vw); } }
.el_rctMoreBtn:hover { opacity: .7; }

.el_txtLink { position: relative; margin: 0 .2em; color: var(--recruitColor); font-weight: bold; text-decoration: none; }
.el_txtLink::before { position: absolute; bottom: -6px; left: 0; width: 100%; height: 1px; background-color: currentColor; content: ""; }
.el_txtLink:hover { opacity: .7; }

/*------------------------------ helper
--------------------------------*/
.hl_txtCenter { text-align: center; }

.hl_imgFull { width: 100%; }

.hl_bgGrad, .bl_companyPerson { background: linear-gradient(0deg, #0d70b6 0%, #84aeff 100%); }

.hl_bgGrad90, .bl_siteMap dt, .bl_companyPersonList thead th::before, .bl_bizTitle { background: linear-gradient(90deg, #0d70b6 0%, #84aeff 100%); }

.hl_bgGrad180 { background: linear-gradient(180deg, #0d70b6 0%, #84aeff 100%); }

.hl_bgGrad270, .ly_mailForm, .bl_contactTel_name span { background: linear-gradient(270deg, #0d70b6 0%, #84aeff 100%); }

.hl_ofh { overflow: hidden; }

.hl_imgShadow, .ly_rctTopIntro2::after, .bl_rctTopFv_img, .bl_rctTopButtons_guide img, .bl_rctCaNcReportImgs li { filter: drop-shadow(20px 0 20px rgba(0, 0, 0, 0.5)); }

.hl_noLink { pointer-events: none; }

/*------------------------------ pc
--------------------------------*/
@media screen and (max-width: 768px) { .pc_visible { display: none; } }

.pc_flexBr { width: 100%; }
@media screen and (max-width: 768px) { .pc_flexBr { display: none; } }

/*------------------------------ sp
--------------------------------*/
@media screen and (min-width: 769px) { .sp_visible { display: none; } }

@media screen and (max-width: 768px) { .sp_fullSize { margin-right: calc(-80 / var(--width) * 100vw); margin-left: calc(-80 / var(--width) * 100vw); } }

@media screen and (max-width: 768px) { .sp_txtRight { text-align: right; } }

/*------------------------------ unique
--------------------------------*/
.un_arrow { position: relative; }
.un_arrow::before { display: block; position: absolute; background-size: cover; content: ""; animation: arrow 3.5s infinite; }

.un_arrow__safe::before { width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(449 / var(--width) * 100vw), 449px); background-image: url("../img/safety-csr/arrow2.svg"); }
.un_arrow__safe.un_arrow__safe__1::before { right: -93px; bottom: -320px; height: min(calc(338 / var(--width) * 100vw), 338px); background-image: url("../img/safety-csr/arrow.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__safe.un_arrow__safe__1::before { right: calc(-93 / var(--width) * 100vw); bottom: calc(-320 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__safe.un_arrow__safe__1::before { top: calc(-160 / var(--width) * 100vw); right: calc(-42 / var(--width) * 100vw); bottom: auto; } }
.un_arrow__safe.un_arrow__safe__2::before { bottom: -170px; left: -167px; }
@media screen and (max-width: 1280px) { .un_arrow__safe.un_arrow__safe__2::before { bottom: calc(-170 / var(--width) * 100vw); left: calc(-167 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__safe.un_arrow__safe__2::before { top: calc(-293 / var(--width) * 100vw); bottom: auto; left: calc(-76 / var(--width) * 100vw); } }
.un_arrow__safe.un_arrow__safe__3::before { right: -144px; bottom: -338px; }
@media screen and (max-width: 1280px) { .un_arrow__safe.un_arrow__safe__3::before { right: calc(-144 / var(--width) * 100vw); bottom: calc(-338 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__safe.un_arrow__safe__3::before { right: calc(-34 / var(--width) * 100vw); bottom: calc(-291 / var(--width) * 100vw); } }
.un_arrow__safe.un_arrow__safe__4::before { bottom: 0; left: -167px; }
@media screen and (max-width: 1280px) { .un_arrow__safe.un_arrow__safe__4::before { left: calc(-167 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__safe.un_arrow__safe__4::before { top: calc(-330 / var(--width) * 100vw); right: calc(-43 / var(--width) * 100vw); bottom: auto; left: auto; z-index: -1; } }

.un_arrow__biz::before { width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(338 / var(--width) * 100vw), 338px); background-image: url("../img/company/arrow.svg"); }
.un_arrow__biz.un_arrow__biz__1::before { top: -208px; left: -135px; }
@media screen and (max-width: 1280px) { .un_arrow__biz.un_arrow__biz__1::before { top: calc(-208 / var(--width) * 100vw); left: calc(-135 / var(--width) * 100vw); } }
.un_arrow__biz.un_arrow__biz__2::before { top: 170px; right: -90px; }
@media screen and (max-width: 1280px) { .un_arrow__biz.un_arrow__biz__2::before { top: calc(170 / var(--width) * 100vw); right: calc(-90 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__biz.un_arrow__biz__2::before { top: calc(430 / var(--width) * 100vw); } }
.un_arrow__biz.un_arrow__biz__3::before { top: 380px; left: -135px; }
@media screen and (max-width: 1280px) { .un_arrow__biz.un_arrow__biz__3::before { top: calc(380 / var(--width) * 100vw); left: calc(-135 / var(--width) * 100vw); } }
.un_arrow__biz.un_arrow__biz__4::before { right: -90px; bottom: -230px; }
@media screen and (max-width: 1280px) { .un_arrow__biz.un_arrow__biz__4::before { right: calc(-90 / var(--width) * 100vw); bottom: calc(-230 / var(--width) * 100vw); } }
.un_arrow__biz.un_arrow__biz__5::before { top: -162px; left: -135px; }
@media screen and (max-width: 1280px) { .un_arrow__biz.un_arrow__biz__5::before { top: calc(-162 / var(--width) * 100vw); left: calc(-135 / var(--width) * 100vw); } }
.un_arrow__biz.un_arrow__biz__6::before { right: -90px; bottom: -278px; }
@media screen and (max-width: 1280px) { .un_arrow__biz.un_arrow__biz__6::before { right: calc(-90 / var(--width) * 100vw); bottom: calc(-278 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__biz.un_arrow__biz__6::before { right: calc(-90 / var(--width) * 100vw); bottom: calc(-178 / var(--width) * 100vw); } }

.un_arrow__topBiz::before { bottom: 150px; left: 50%; width: 273px; height: 321px; background-image: url("../img/top/arrow.svg"); }
@media screen and (min-width: 769px) { .un_arrow__topBiz::before { transform: translateX(-50%); margin-left: 190px; } }
@media screen and (max-width: 768px) { .un_arrow__topBiz::before { bottom: calc(-286 / var(--width) * 100vw); left: calc(26 / var(--width) * 100vw); } }

.un_arrow__company::before { right: -93px; bottom: -211px; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(338 / var(--width) * 100vw), 338px); background-image: url("../img/company/arrow.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__company::before { right: calc(-93 / var(--width) * 100vw); bottom: calc(-211 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__company::before { display: none; } }

.un_arrow__company2::before { bottom: -190px; left: -160px; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(506 / var(--width) * 100vw), 506px); background-image: url("../img/company/arrow2.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__company2::before { bottom: calc(-190 / var(--width) * 100vw); left: calc(-160 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__company2::before { bottom: calc(-155 / var(--width) * 100vw); left: calc(-78 / var(--width) * 100vw); } }
.un_arrow__company2 > div { position: relative; z-index: 1; }

.un_arrow__company3::before { right: min(calc(95 / var(--fullWidth) * 100vw), 95px); bottom: -141px; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(338 / var(--width) * 100vw), 338px); background-image: url("../img/company/arrow.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__company3::before { bottom: calc(-141 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__company3::before { right: calc(60 / var(--width) * 100vw); bottom: calc(-300 / var(--width) * 100vw); } }

.un_arrow__philosophy::before { right: -90px; bottom: -360px; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(338 / var(--width) * 100vw), 338px); background-image: url("../img/philosophy/arrow.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__philosophy::before { right: calc(-90 / var(--width) * 100vw); bottom: calc(-360 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__philosophy::before { right: calc(-70 / var(--width) * 100vw); bottom: calc(-290 / var(--width) * 100vw); } }

.un_arrow__philosophy2::before { bottom: -62px; left: -167px; z-index: -1; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(449 / var(--width) * 100vw), 449px); background-image: url("../img/philosophy/arrow2.svg"); }
@media screen and (min-width: 769px) { .un_arrow__philosophy2::before { left: calc(-167 / var(--fullWidth) * 100vw); bottom: calc(-62 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__philosophy2::before { left: auto; right: 0; bottom: calc(-240 / var(--width) * 100vw); } }

.un_arrow__philosophy3::before { right: -180px; bottom: -62px; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(408 / var(--width) * 100vw), 408px); background-image: url("../img/philosophy/arrow3.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__philosophy3::before { right: calc(-180 / var(--fullWidth) * 100vw); bottom: calc(-62 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__philosophy3::before { display: none; } }

.un_arrow__contact::before { right: -154px; bottom: -405px; z-index: 1; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(338 / var(--width) * 100vw), 338px); background-image: url("../img/contact/arrow.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__contact::before { right: calc(-154 / var(--width) * 100vw); bottom: calc(-405 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__contact::before { right: calc(-70 / var(--width) * 100vw); bottom: calc(-290 / var(--width) * 100vw); } }

.un_arrow__contact2::before { bottom: -66px; left: -163px; width: min(calc(259 / var(--width) * 100vw), 259px); height: min(calc(500 / var(--width) * 100vw), 500px); background-image: url("../img/contact/arrow2.svg"); }
@media screen and (max-width: 1280px) { .un_arrow__contact2::before { bottom: calc(-66 / var(--width) * 100vw); left: calc(-163 / var(--width) * 100vw); } }
@media screen and (max-width: 768px) { .un_arrow__contact2::before { right: calc(-70 / var(--width) * 100vw); bottom: calc(-290 / var(--width) * 100vw); } }

/*------------------------------ animation
--------------------------------*/
@keyframes arrow { 0% { transform: translateY(0); }
  60% { transform: translateY(10px); }
  0%, 60%, 100% { opacity: 0; }
  30% { opacity: 1; } }
.js_trig.js_fadeInUp { opacity: 0; }
.js_trig.js_fadeInUp .bl_topAbout_col { opacity: 0; }
.js_trig.js_fadeInUp.is_on { animation: fadeInUp 1s ease-in forwards; }
.js_trig.js_fadeInUp.is_on .bl_topAbout_col { animation: fadeInUp 1s ease-in forwards; }
.js_trig.js_fadeInUp.is_on .bl_topAbout_col:nth-child(1) { animation-delay: 0.4s; }
.js_trig.js_fadeInUp.is_on .bl_topAbout_col:nth-child(2) { animation-delay: 0.8s; }
.js_trig.js_fadeInUp.is_on .bl_topAbout_col:nth-child(3) { animation-delay: 1.2s; }

@keyframes fadeInUp { 0% { opacity: 0; transform: translateY(30px); }
  100% { opacity: 1; transform: none; } }
body { animation: fadeInBody 1s; }

@keyframes fadeInBody { 0% { opacity: .1; }
  100% { opacity: 1; } }
/*------------------------------ mailformpro
--------------------------------*/
div#mfp_hidden { width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; }

div#mfp_overlay { display: none; position: absolute; z-index: 10001; }

div#mfp_overlay_inner { width: 640px; max-width: 90%; margin: 0 auto; padding: 15px; border-radius: 5px; box-shadow: 0 0 10px #000; background-color: #fff; }

div#mfp_overlay_background { display: none; position: absolute; z-index: 10000; background-color: #000; }

div#mfp_loading_screen { display: none; opacity: .8; position: absolute; z-index: 20000; background-color: #000; }

div#mfp_loading { display: none; position: absolute; z-index: 20001; width: 40px; height: 40px; background-image: url("../assets/img/mfp_loading.gif"); }

div.mfp_err { display: none; clear: both; margin: 5px 0 0 0; padding: 3px 0 5px 0; color: #f00; font-size: 12px; line-height: normal; text-align: left; }

#mfp_phase_confirm_inner h4, #mfp_phase_confirm_inner .mfp_buttons { display: none; }

#mfp_confirm_table { width: 100%; border-collapse: collapse; }
#mfp_confirm_table * { box-sizing: border-box; }
#mfp_confirm_table th, #mfp_confirm_table td { padding: 16px 0; border-bottom: 1px solid currentColor; box-sizing: border-box; font-weight: normal; text-align: left; }
@media screen and (max-width: 420px) { #mfp_confirm_table th, #mfp_confirm_table td { display: block; padding: 12px 0; } }
#mfp_confirm_table th { width: 280px; }
@media screen and (max-width: 420px) { #mfp_confirm_table th { width: 100%; background: #f5f5f5; } }

/*------------------------------ wordpress
--------------------------------*/
.nav-links a { color: currentColor; text-decoration: none; }

.nav-links ul { display: flex; justify-content: center; list-style: none; gap: 8px; }

.nav-links li > * { display: flex; justify-content: center; align-items: center; height: 27px; font-size: 14px; }

.nav-links li > *:not(.dots) { width: 27px; border: 1px solid #0d70b6; background: transparent; transition: .3s; }

.nav-links li > .current, .nav-links li > a:hover { background: #0d70b6; color: #fff; }

/*------------------------------ img
--------------------------------*/
.img_rctWorks_title_mgmt { width: min(calc(740 / var(--width) * 100vw), 740px); }
@media screen and (max-width: 768px) { .img_rctWorks_title_mgmt { width: calc(621 / var(--width) * 100vw); } }

.img_rctWorks_title_mgmt2 { width: min(calc(688 / var(--width) * 100vw), 688px); }
@media screen and (max-width: 768px) { .img_rctWorks_title_mgmt2 { width: calc(532 / var(--width) * 100vw); } }

.img_rctWorks_title_mgmt_flow { width: min(calc(414 / var(--width) * 100vw), 414px); }

.img_rctWorks_title_org { width: min(calc(835 / var(--width) * 100vw), 835px); }
@media screen and (max-width: 768px) { .img_rctWorks_title_org { width: calc(508 / var(--width) * 100vw); } }

.img_rctWorks_illust_org { /*width: min(calc(886 / var(--width) * 100vw),886px);*/ width: min(calc(1198 / var(--width) * 100vw), 1198px); }
@media screen and (max-width: 768px) { .img_rctWorks_illust_org { width: calc(750 / var(--width) * 100vw); } }
