@charset "UTF-8";

#wrapper { position:relative; width:var(--vw); }
.inner { margin:0 auto; padding:0 100px; width:100%; max-width:1200px; }

#loadingScreen { position:fixed; top:0; left:0; width:100vw; height:100vh; background-color:#F1F1F0; display:flex; justify-content:center; align-items:center; z-index:9999; opacity:1; transition:opacity 0.5s ease; }
#loadingScreen.hide-on-reload { display:none!important; opacity:0!important; }
.loader-container { position:relative; width:240px; height:240px; }
.fraction-container { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); color:var(--color-blk); display:flex; flex-direction:column; align-items:center; justify-content:center; }
.numerator-text,.denominator-text { margin: 0 0 0 -20px; font-size:55px; line-height:1; font-style:italic; }
.fraction-line { margin:10px 0; width:120px; height:1px; background-color:var(--color-blk); }
.progress-ring__circle { transition:stroke-dashoffset 0.5s linear; transform:rotate(-90deg); transform-origin:50% 50%; }


#page_top { position:fixed; right:30px; bottom:30px; width:70px; height:70px; background:#F1F1F0 url('../images/pagetop.webp') center center no-repeat; background-size:15px 40px; border:solid 1px var(--color-blk); z-index:50; display:none; cursor:pointer; }
#ft_btns { display:none; }

.cookie { position:fixed; bottom:0; width:100%; padding:1em 0; color:var(--color-white); background:var(--color-blk); z-index:1000; visibility:hidden; align-items:center; }
.cookie.is-show { visibility:visible; }
.cookie-txt { color:var(--color-white); font-size:var(--font-size-S); }
.cookie a { color:var(--color-white); text-decoration:underline; }
.cookie a:hover { text-decoration:none; }
.cookie-agree { padding:0.5em 2em; color:var(--color-white); font-size:var(--font-size-R); text-align:center; line-height:1; border:solid 1px var(--color-white); }
.cookie-agree:hover { cursor:pointer; }
.cc-hide { animation:hide 1s linear 0s; animation-fill-mode:forwards; }
@keyframes hide { from {opacity:1;} to {opacity:0; visibility:hidden;} }

.btn { position:relative; margin:30px 0 0 0; display:inline-block; }
.btn a { padding:10px 0 10px 25px; width:100%; min-width:270px; max-width:100%; color:var(--color-white); font-size:var(--font-size-L); font-weight:var(--font-weight-midium); background:var(--color-blk); display:block; }
.btn::before,.btn::after { content:""; position:absolute; top:50%; right:25px; width:9px; height:1px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.btn::before { transform:rotate(45deg); }
.btn::after { transform:rotate(-45deg); }
.btn a.btn_org:hover { background:var(--color-org); }
.btn a.btn_blu:hover { background:var(--color-blu); }


/* load */
#header { position:fixed; top:0; width:var(--vw); height:74px; background:#F1F1F0; border:solid 1px var(--color-blk); opacity:0; transform:translateY(-100%); transition: transform 0.5s ease-out, opacity 0.5s ease-out; transition-delay:4s; z-index:1000; }
.loaded #header { transform:translateY(0) !important; opacity:1 !important; }

/* Header */
#header_inner { position:fixed; top:0; background:#F1F1F0; width:var(--vw); height:74px; border:solid 1px var(--color-blk); z-index:1000; }
#h_logo { padding:18px 0 0 25px; width:387px; }
#gnavi { margin:0 72px 0 0; padding:0; }
#gnavi ul.gnav { position:relative; height:72px; align-items:center; }
#gnavi ul.gnav li { margin:0 0 0 2px; height:100%; text-align:center; }
#gnavi ul.gnav li.otherlnk01 a { width:250px; background:var(--color-blk); color:var(--color-white); font-size:var(--font-size-R); display:flex; align-items:center; justify-content:center; height:100%; border-left:solid 1px var(--color-blk); border-right:solid 1px var(--color-blk); }
#gnavi ul.gnav li.otherlnk01 a::after { content:""; display:inline-block; width:19px; height:19px; margin-top:-2px; margin-left:8px; vertical-align:middle; background-image:url('../images/headarw_wht.webp'); background-size:contain; background-repeat:no-repeat; background-position:center; }
#gnavi ul.gnav li.otherlnk02 a { width:250px; background:var(--color-blk); color:var(--color-white); font-size:var(--font-size-R); display:flex; align-items:center; justify-content:center; height:100%; border-left:solid 1px var(--color-blk); border-right:solid 1px var(--color-blk); }
#gnavi ul.gnav li a:hover::after { background-image:url('../images/headarw_blk.webp'); }
#gnavi ul.gnav li a:hover { background:var(--color-white); color:var(--color-blk); }

#navi_btn { position:fixed; right:0; top:0; z-index:202; display:block; }
.menu { position:absolute; right:0; width:72px; height:72px; z-index:202; display:block; cursor:pointer; }
.menu_line { position:absolute; width:45px; height:3px; background-color:var(--color-blk); transition:transform .3s; }
.menu_line01 { top:23px; right:14px; display:block; }
.menu_line02 { top:35px; right:14px; display:block; }
.menu_line03 { top:47px; right:14px; display:block; }
.menu.active { height:60px; width:60px; display:block; cursor:pointer; }
.menu_line.active { height:3px; background:var(--color-blk); display:block; }
.menu_line01.active { top:35px; right:14px; transform:rotate(-45deg); }
.menu_line02.active { display:none; }
.menu_line03.active { top:35px; right:14px; transform:rotate(45deg); }
.no-scroll { position:fixed; overflow:hidden; width:100%; }

/*spnav*/
.spnav { position:fixed; top:0; width:100%; height:100%; display:none; overflow-y:auto; max-height:100vh; z-index:999; }
.spnav_wrap { position:absolute; top:0; width:var(--vw); height:100vh; background-color:rgba(0,0,0,.8); }
.spnav_menu { padding:132px 0 45px 0; width:100%; height:auto; background-color:#F1F1F0; border:solid 1px var(--color-blk); }
.spnav_menu_inner { gap:0 18px; }
.spnav_menu ul.spnav_menu_lst { margin:0; padding:0; width:36%; }
.spnav_menu ul.spnav_menu_lst li { margin:0 0 30px; }
.spnav_menu ul.spnav_menu_lst li a { padding:0 0 3px; width:100%; font-size:var(--font-size-M); font-weight:var(--font-weight-midium); border-bottom:solid 1px var(--color-blk); display:block; }
.spnav_menu ul.spnav_menu_lst li a span { font-size:var(--font-size-S); letter-spacing:-0.1em; }
.spnav_menu ul.spnav_menu_lst li a:hover { opacity:0.5; }
.spnav_menu ul.spnav_menu_lst li ul.nv_submenu { gap:0 10px; }
.spnav_menu ul.spnav_menu_lst li ul.nv_submenu li { margin:15px 0 0 0; width:calc((100% - 10px) / 2); }
.spnav_menu ul.spnav_menu_lst li ul.nv_submenu li a { font-size:var(--font-size-S); line-height:1; border-bottom:none; }
.spnav_menu ul.spnav_menu_lst02 { margin:0; padding:0; width:24%; }
.spnav_menu ul.spnav_menu_lst02 li { margin:0 0 30px; }
.spnav_menu ul.spnav_menu_lst02 li.linkcorp a { padding:0 0 3px; width:100%; font-size:var(--font-size-M); font-weight:var(--font-weight-midium); display:block; }
.spnav_menu ul.spnav_menu_lst02 li.linkcorp a::after { content:""; display:inline-block; width:24px; height:24px; margin-top:-6px; margin-left:6px; vertical-align:middle; background-image:url('../images/otherlink_blk.webp'); background-size:contain; background-repeat:no-repeat; background-position:center; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns { margin:4px 0 0 0; align-items:center; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns li { margin:0 20px 0 0; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns li a { margin:0; line-height:1; border-bottom:none; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns li a.ico_ytb { width:35px; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns li a.ico_insta { width:30px; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns li a.ico_x { width:28px; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns li a.ico_note { width:29px; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns li a::after { display:none; }


/* Footer */
.footerwrap { padding:90px 0; width:var(--vw); background-color:var(--color-blk); }
#footer { color:var(--color-white); }
#footer .f_logo { margin-right:60px; width:100%; max-width:240px; }
#footer .f_menu { width:100%; max-width:calc(100% - 300px); gap:18px; }
#footer .f_menu ul.ft_menu_lst { width:calc((100% - 18px) / 2); }
#footer .f_menu ul.ft_menu_lst li { margin:0 0 30px; }
#footer .f_menu ul.ft_menu_lst li a { padding:0 0 3px; width:100%; font-size:var(--font-size-M); font-weight:var(--font-weight-midium); border-bottom:solid 1px var(--color-white); display:block; }
#footer .f_menu ul.ft_menu_lst li a span { font-size:var(--font-size-S); letter-spacing:-0.1em; }
#footer .f_menu ul.ft_menu_lst li a:hover { opacity:0.6; }
#footer .f_menu ul.ft_menu_lst li ul.ft_submenu { gap:0 10px; }
#footer .f_menu ul.ft_menu_lst li ul.ft_submenu li { margin:15px 0 0 0; width:calc((100% - 10px) / 2); }
#footer .f_menu ul.ft_menu_lst li ul.ft_submenu li a { font-size:var(--font-size-S); line-height:1; border-bottom:none; }
#footer .f_menu ul.ft_menu_lst li.otherlnk01 a { padding:12px 0; width:100%; text-align:center; font-weight:var(--font-weight-regular); border:solid 1px var(--color-white); display:block; }
#footer .f_menu ul.ft_menu_lst li.otherlnk01 a::after { content:""; display:inline-block; width:19px; height:18px; margin-top:-4px; margin-left:8px; vertical-align:middle; background-image:url('../images/otherlink_wht.webp'); background-size:contain; background-repeat:no-repeat; background-position:center; }
#footer .f_menu ul.ft_menu_lst li.otherlnk02 a { margin-top:-15px; padding:12px 0; width:100%; text-align:center; font-weight:var(--font-weight-regular); border:solid 1px var(--color-white); display:block; }
#footer .f_menu ul.ft_menu_lst li.linkcorp a { text-align:center; border-bottom:none; }
#footer .f_menu ul.ft_menu_lst li.linkcorp a::after { content:""; display:inline-block; width:19px; height:18px; margin-top:-6px; margin-left:6px; vertical-align:middle; background-image:url('../images/otherlink_wht.webp'); background-size:contain; background-repeat:no-repeat; background-position:center; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns { margin:16px 3vw 0 3vw; align-items:center; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns li { margin:0 auto; width:calc(100% / 4); }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns li a { margin:0 auto; text-align:center; line-height:1; border-bottom:none; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns li a.ico_ytb { width:40px; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns li a.ico_insta { width:30px; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns li a.ico_x { width:28px; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns li a.ico_note { width:29px; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns li a::after { display:none; }
#footer small { width:100%; text-align:right; font-size:var(--font-size-S); }


/* KV */
#kv_wrap { margin-top:74px; }
#kv { position:relative; width:100%; height:auto; min-height:765px; background:url('../images/kv/kv_bg.webp') top center no-repeat; }
.kv_hand_r, .kv_hand_l { position:absolute; width:120%; transition:transform .5s ease-out, opacity .5s ease-out; }
.kv_hand_r img, .kv_hand_l img { width:100%; }
#kv .kv_hand_r { position:absolute; top:-10%; right:-5%; width:40%; max-width:40%; transform: translateX(0); opacity:0; }
#kv .kv_hand_l { position:absolute; top:5%; left:-5%; width:40%; max-width:40%; transform:translateX(0); opacity:0; }
#kv #kv_ani { position:relative; margin:0 auto; width:236px; }
#kv #kv_ani .kv_ani01 { position:absolute; width:90px; top:152px; right:2px; }
#kv #kv_ani .kv_ani01 canvas { display:block; width:100%; height:auto; }
#kv #kv_ani .kv_ani02 { position:absolute; width:90px; top:152px; right:89px; }
#kv #kv_ani .kv_ani02 canvas { display:block; width:100%; height:auto; }
#kv #kv_ani .kv_ani03 { position:absolute; width:125px; top:575px; left:2px; }
#kv #kv_ani .kv_ani04 { position:absolute; width:15px; top:632px; left:-67px; }
#kv #kv_ani .kv_ani05 { position:absolute; width:12px; top:640px; left:-50px; /*animation:moveFadeOut 1.5s ease-in-out infinite; animation-delay:7s;*/ }
#kv #kv_ani .kv_ani05.start-kv-animation { animation:moveFadeOut 1.5s ease-in-out infinite; animation-delay:7s; }
@keyframes moveFadeOut { 0% { top:650px; opacity:0; } 50% { top:635px; opacity:0; } 100% { top:650px; opacity:1; } }
#kv #kv_ani .kv_ani03, #kv #kv_ani .kv_ani04, #kv #kv_ani .kv_ani05 { opacity:0; transition:opacity 1s ease-in-out; }

#kv_lead { margin:0 auto 150px; }
#kv_lead_ani { margin:160px 0 0 370px; }
#kv_lead_ani p { margin:0 0 45px; font-size:var(--font-size-M); line-height:1.8; }
#kv_lead_ani p { color:#555; background-image:url('../images/txtbg.webp'); background-position:bottom; background-clip:text!important; -webkit-background-clip:text!important; color:transparent; background-color:transparent; display:inline-block; position:relative; transition:background-position 3s ease, color 3s ease; }
#kv_lead_ani p span { padding:3px 0px 6px 8px; color:var(--color-white); line-height:1; background:var(--color-blk); display:inline-block; clip-path: inset(0 100% 0 0); }
#kv_lead_ani p span em { font-style:normal; }


/* TOP */
/* Top Title */
.ttl_block { position:relative; }
.top_business { width:100vw; height:300px; }
.ttl_block .ttl_org01 { position:absolute; left:0; top:0; width:75vw; height:270px; background:var(--color-org); z-index:10; }
.ttl_block .top_busi_ttl { position:absolute; top:30px; left:50%; width:1000px; transform:translate(-50%, 0%); z-index:11; }
.ttl_block .ttl_org02 { position:absolute; right:0; bottom:0; width:50vw; height:125px; background:var(--color-org); z-index:12; }
.ttl_block .ttl_org02 figure { padding:50px 0 0 5px; width:476px; }
.ttl_block .ttl_org02 figure img { width:476px; }
.top_busi_cont { padding:0 0 80px; font-size:var(--font-size-R); }

.top_jobtype { width:100vw; height:300px; }
.ttl_block .ttl_blu01 { position:absolute; right:0; top:0; width:75vw; height:270px; background:var(--color-blu); z-index:10; }
.ttl_block .top_jobt_ttl { position:absolute; top:31px; left:50%; width:1000px; transform:translate(-50%, 0%); z-index:11; }
.ttl_block .ttl_blu02 { position:absolute; left:0; bottom:0; width:50vw; height:125px; background:var(--color-blu); z-index:12; }
.ttl_block .ttl_blu02 figure { padding:50px 5px 0 0; width:447px; text-align:right; }
.ttl_block .ttl_blu02 figure img { width:447px; }
.top_jobt_cont { padding:0 0 100px; font-size:var(--font-size-R); border-bottom:solid 2px var(--color-blu); }

.top_cros { margin:100px 0 0 0; width:100vw; height:127px; border-bottom:solid 2px var(--color-org); }
.ttl_block .ttl_org03 { position:absolute; right:0; bottom:0; width:60vw; height:125px; background:var(--color-org); z-index:12; }
.ttl_block .ttl_org03::before { position:absolute; content:""; background:var(--color-org); left:-90px; top:-70px; width:90px; height:70px; display:block; }
.ttl_block .ttl_org03 figure { padding:50px 0 0 5px; width:594px; }
.ttl_block .ttl_org03 figure img { width:594px; }
.top_cros_cont { font-size:var(--font-size-R); border-bottom:solid 2px var(--color-org); }

.top_bene { margin:100px 0 0 0; width:100vw; height:127px; border-bottom:solid 2px var(--color-blu); }
.ttl_block .ttl_blu03 { position:absolute; left:0; bottom:0; width:60vw; height:125px; background:var(--color-blu); z-index:12; }
.ttl_block .ttl_blu03::before { position:absolute; content:""; background:var(--color-blu); right:-90px; top:-70px; width:90px; height:70px; display:block; }
.ttl_block .ttl_blu03 figure { padding:50px 5px 0 0; width:488px; text-align:right; }
.ttl_block .ttl_blu03 figure img { width:488px; }
.top_bene_cont { font-size:var(--font-size-R); border-bottom:solid 2px var(--color-blu); }

/* Top Title ani */
.top_ttl_ani { display:flex; overflow:hidden; }
.line-image01 { position:absolute; bottom:5px; left:5px; z-index:1; /* 線画像を前面に */}
.line-image02 { position:absolute; bottom:5px; right:5px; z-index:1; /* 線画像を前面に */}
.marker-container { position:absolute; bottom:0; left:0; width:100%; height:100%; z-index:0; /* 塗り画像を後ろに */}
.fill-image01 { position:absolute; bottom:5px; left:5px; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.fill-image02 { position:absolute; bottom:5px; right:5px; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.top_ttl_ani.visible .fill-image01 { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.top_ttl_ani.visible .fill-image02 { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}

.top_copy_ani { display:flex; overflow:hidden; }
.line-image03 { position:absolute; top:0; right:0; z-index:1; /* 線画像を前面に */}
.fill-image03 { position:absolute; top:0; right:0; width:100%; height:auto; clip-path:inset(0 0 100% 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}

.top_copy_anime1 { display:flex; overflow:hidden; }
.line-image03a { position:absolute; top:0; right:0; z-index:1; /* 線画像を前面に */}
.fill-image03a { position:absolute; top:0; right:0; width:100%; height:auto; clip-path:inset(0 0 100% 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item1.visible .fill-image03a { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.line-image03b { position:absolute; top:0; left:87px; z-index:1; /* 線画像を前面に */}
.fill-image03b { position:absolute; top:0; left:87px; width:100%; height:auto; clip-path:inset(0 0 100% 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item2.visible .fill-image03b { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.line-image03c { position:absolute; top:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image03c { position:absolute; top:0; left:0; width:100%; height:auto; clip-path:inset(0 0 100% 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item3.visible .fill-image03c { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.top_copy_anime2 { display:flex; overflow:hidden; }
.line-image03d { position:absolute; top:0; right:0; z-index:1; /* 線画像を前面に */}
.fill-image03d { position:absolute; top:0; right:0; width:100%; height:auto; clip-path:inset(0 0 100% 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item4.visible .fill-image03d { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.line-image03e { position:absolute; top:0; left:75px; z-index:1; /* 線画像を前面に */}
.fill-image03e { position:absolute; top:0; left:75px; width:100%; height:auto; clip-path:inset(0 0 100% 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item5.visible .fill-image03e { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.line-image03f { position:absolute; top:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image03f { position:absolute; top:0; left:0; width:100%; height:auto; clip-path:inset(0 0 100% 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item6.visible .fill-image03f { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}

/* Top Cont */
.top_busi_cont {}
.top_busi_cont .busi_copy { position:relative; margin:10px 0 0 0; width:236px; }
.top_busi_cont .busi_txt { margin:70px 0 035px; width:calc(100% - 236px); max-width:708px; }
.top_busi_cont .busi_img { margin:0 0 60px; max-width:708px; }
.busi_copy .item1 img { width:65px!important; }
.busi_copy .item2 img { width:69px!important; }
.busi_copy .item3 img { width:69px!important; }

.top_jobt_cont {}
.top_jobt_cont .jobt_copy { position:relative; margin:10px 0 0 0; width:226px; }
.top_jobt_cont .jobt_copy02 { position:relative; margin:10px 0 0 0; width:226px; }
.top_jobt_cont .jobt_txt { width:calc(100% - 226px); max-width:764px; }
.top_jobt_cont .jobt_img { margin:0 0 30px; max-width:764px; }
.jobt_copy .item4 img { width:67px!important; }
.jobt_copy .item5 img { width:69px!important; }
.jobt_copy .item6 img { width:59px!important; }

.top_cont_inner { align-items:center; }
.top_cros_cont { width:100vw; background:linear-gradient(90deg, var(--color-org) 0%, var(--color-org) 49.9%, transparent 49.9%, transparent 100%); align-items:center; }
.top_cros_cont .top_cros_cont_txt { width:45%; }
.top_cros_cont figure { width:50%; line-height:0; }
.top_bene_cont { width:100vw; background:linear-gradient(90deg, transparent 0%, transparent 50.1%, var(--color-blu) 50.1%, var(--color-blu) 100%); align-items:center; }
.top_bene_cont .top_bene_cont_txt { width:45%; }
.top_bene_cont figure { width:50%; line-height:0; }



.top_blk {}

.top_casual_require { margin:120px 0 100px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; }
.top_casual { width:50vw; }
.top_casual a { padding:5px 0 0 5px; width:100%; min-height:270px; background-color:var(--color-org); color:var(--color-white); display:block; transition:all 0.3s ease-in-out; }
.top_casual a:hover { background-color:var(--color-white); color:var(--color-org); }
.top_casual a div.top_casual_inner { position:relative; margin:0 0 0 auto; width:32vw; min-height:270px; }
.top_casual a div.top_casual_inner h2 { position:relative; width:374px; }
.top_casual a div.top_casual_inner h3 { padding-top:150px; font-size:var(--font-size-L); }
.top_casual a div.top_casual_inner p { font-size:var(--font-size-R); }
.top_require { margin:100px 0 0 0; width:50vw; }
.top_require a { padding:5px 0 0 5px; width:100%; min-height:270px; background-color:var(--color-blu); color:var(--color-white); display:block; transition:all 0.3s ease-in-out; }
.top_require a:hover { background-color:var(--color-white); color:var(--color-blu); }
.top_require a div.top_require_inner { position:relative; width:32vw; min-height:270px; }
.top_require a div.top_require_inner h2 { position:relative; width:374px; }
.top_require a div.top_require_inner h3 { padding-top:150px; font-size:var(--font-size-L); }
.top_casual_require a img { position:absolute; top:0; left:0; width:100%; height:auto; }
.top_casual_require a img.img_hover { opacity:0; }
.top_casual_require a:hover img.img_normal { opacity:0; }
.top_casual_require a:hover img.img_hover { opacity:1; }
.top_casual_require div.top_more { position:absolute; bottom:15px; right:30px; text-align:right; font-size:var(--font-size-R); }

.arw_wht_org { position:relative; display:inline-block; padding-right:25px; }
.arw_wht_org::before,.arw_wht_org::after { content:""; position:absolute; top:50%; right:0; width:9px; height:1px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.arw_wht_org::before { transform:rotate(45deg); }
.arw_wht_org::after { transform:rotate(-45deg); }
a:hover .arw_wht_org::before,a:hover .arw_wht_org::after { background-color:var(--color-org); }

.arw_wht_blu { position:relative; display:inline-block; padding-right:25px; }
.arw_wht_blu::before,.arw_wht_blu::after { content:""; position:absolute; top:50%; right:0; width:9px; height:1px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.arw_wht_blu::before { transform:rotate(45deg); }
.arw_wht_blu::after { transform:rotate(-45deg); }
a:hover .arw_wht_blu::before,a:hover .arw_wht_blu::after { background-color:var(--color-blu); }



/* Content */
/* Title */
#ttl_box { margin-top:74px; }
.cont_ttl01 { width:100vw; height:295px; }
.cont_ttl01_jobt { width:100vw; height:472px; }
.ttl_block .cont_ttl_org01 { position:absolute; left:0; top:0; width:75vw; height:270px; background:var(--color-org); z-index:1; }
.ttl_block .cont_ttl_org02 { position:relative; }
.ttl_block .cont_ttl_org02::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background:linear-gradient(to right,var(--color-org) 0,var(--color-org) calc(50.01% - 500px),transparent calc(50.01% - 500px)); }
.ttl_block .cont_ttl_org02inner { margin:0 auto; width:1000px; background:var(--color-org); }
.ttl_block .cont_ttl_org02inner::after { position:absolute; content:""; bottom::-60px; right:-60px; width:60px; height:60px; }
.ttl_block .cont_ttl_blu01 { position:absolute; left:0; top:0; width:75vw; height:270px; background:var(--color-blu); z-index:1; }
.ttl_block .cont_ttl_blu02 { position:absolute; left:0; top:0; width:75vw; height:442px; background:var(--color-blu); z-index:1; }

.ttl_block ul.bread { position:absolute; top:-2px; left:50%; width:1000px; transform:translate(-50%, 0%); z-index:2; }
.ttl_block ul.bread li { color:var(--color-white); font-size:var(--font-size-S); }
.ttl_block ul.bread li a { display:block; }
.ttl_block ul.bread li a::after { margin:0 .5em; padding:0 .5em; content:"＞"; }
.ttl_block ul.bread02 { position:absolute; top:5px; left:50%; width:1000px; transform:translate(-50%, 0%); z-index:2; }
.ttl_block ul.bread02 li { color:var(--color-white); font-size:var(--font-size-S); }
.ttl_block ul.bread02 li a { display:block; }
.ttl_block ul.bread02 li a::after { margin:0 .5em; padding:0 .5em; content:"＞"; }
.ttl_block .cont_ttl_ph01 { position:absolute; top:30px; left:50%; width:1000px; transform:translate(-50%, 0%); z-index:2; }
.ttl_block .cont_ttl_ph02 { margin:0 auto; padding-top:30px; width:1000px; line-height:1; }
.ttl_block .cont_org02 { position:absolute; right:0; bottom:0; width:calc(50vw - 12px); height:125px; background:var(--color-org); z-index:3; }
.ttl_block .cont_org02 figure { padding:50px 0 0 5px; width:485px; }
.ttl_block .cont_org02 figure img { width:485px; }
.ttl_block .cont_org03 { position:absolute; right:0; bottom:0; width:calc(50vw + 111px); height:125px; background:var(--color-org); z-index:3; }
.ttl_block .cont_org03 figure { padding:50px 0 0 5px; width:594px; }
.ttl_block .cont_org03 figure img { width:594px; }
.ttl_block .cont_org03wrap { position:relative; margin:30px 0 0 0; padding:72px 2vw 100px 0; width:1000px; }
.ttl_block .cont_org03inner { position:absolute; top:0; right:0; margin:0 2vw 0 auto; height:72px; z-index:3; }
.ttl_block .cont_org03inner figure { width:594px; }
.ttl_block .cont_org03inner figure img { width:594px; line-height:1;}
.ttl_block .cont_org03_bg { position:relative; margin:0 auto; width:1000px; display:block; }
.ttl_block .cont_org03_bg::before { position:absolute; content:""; display:block; top:0; right:-60px; width:60px; height:60px; background:var(--color-org); }
.ttl_block .cont_org04 { position:absolute; right:0; bottom:0; width:calc(50vw + 180px); height:125px; background:var(--color-org); z-index:3; }
.ttl_block .cont_org04 figure { padding:50px 0 0 5px; width:670px; }
.ttl_block .cont_org04 figure img { width:670px; }
.ttl_block .cont_blu02 { position:absolute; right:0; bottom:0; width:calc(50vw - 43px); height:125px; background:var(--color-blu); z-index:3; }
.ttl_block .cont_blu02 figure { padding:50px 0 0 5px; width:447px; }
.ttl_block .cont_blu02 figure img { width:447px; }
.ttl_block .cont_blu03 { position:absolute; right:0; bottom:0; width:calc(50vw - 7px); height:125px; background:var(--color-blu); z-index:3; }
.ttl_block .cont_blu03 figure { padding:50px 0 0 5px; width:487px; }
.ttl_block .cont_blu03 figure img { width:487px; }
.ttl_block .cont_blu04 { position:absolute; right:0; bottom:0; width:calc(50vw + 319px); height:125px; background:var(--color-blu); z-index:3; }
.ttl_block .cont_blu04 figure { padding:50px 0 0 5px; width:807px; }
.ttl_block .cont_blu04 figure img { width:807px; }
.cont_ttl02 { margin:5px auto 0; width:1000px; text-align:right; font-size:var(--font-size-L); font-weight:var(--font-weight-midium); }
.cont_ttl03 { margin:5px 0 20px; text-align:right; font-size:var(--font-size-L); font-weight:var(--font-weight-midium); }
.cont_ttl04 { margin:0 0 25px; font-size:var(--font-size-TTL); }
.cont_ttl_txt { font-size:var(--font-size-M); }

.cont_ttl_wrap01 { margin:60px 0 0 0; border-top:solid 2px var(--color-org); }
.cont_ttl_wrap01none { margin:0; border-top:solid 2px var(--color-org); }
.cont_ttl_wrap02 { margin:60px 0 0 0; border-top:solid 2px var(--color-blu); }
.cont_ttl_wrap02none { margin:0; border-top:solid 2px var(--color-blu); }
.cont_ttl_inner { margin:0 auto; width:1000px; }
.cont_ttl_inner_org { border-top:solid 2px var(--color-org); }
.cont_ttl_inner_blu { border-top:solid 2px var(--color-blu); }
.cont_ttl_inner h2 { position:relative; margin:0 0 35px; padding:3px 0 20px 8px; color:var(--color-white); font-size:var(--font-size-TTL); line-height:1; }
.cont_ttl_inner h2.bg_org::before { position:absolute; top:-36px; left:-56px; content:""; width:56px; height:34px; background-color:var(--color-org); display:block; }
.cont_ttl_inner h2.bg_org02 { position:relative; margin:0 0 35px; padding:3px 0 20px 8px; color:var(--color-white); font-size:var(--font-size-TTL); background:var(--color-org); line-height:1; }
.cont_ttl_inner h2.bg_org02::before { position:absolute; top:-36px; left:-56px; content:""; width:56px; height:34px; background-color:var(--color-org); display:block; }
.cont_ttl_inner h2.bg_blu::before { position:absolute; top:-36px; left:-56px; content:""; width:56px; height:34px; background-color:var(--color-blu); display:block; }
.cont_ttl_inner h2.bg_blu02 { position:relative; margin:0 0 35px; padding:3px 0 20px 8px; color:var(--color-white); font-size:var(--font-size-TTL); background:var(--color-blu); line-height:1; }
.cont_ttl_inner h2.bg_blu02::before { position:absolute; top:-56px; left:-56px; content:""; width:56px; height:54px; background-color:var(--color-blu); display:block; }
.cont_ttl_inner h2.bg_blu03 { position:relative; margin:0 0 35px; padding:3px 0 20px 8px; color:var(--color-white); font-size:var(--font-size-TTL); background:var(--color-blu); line-height:1; }
.cont_ttl_inner h2.bg_blu03::before { position:absolute; top:-56px; left:-56px; content:""; width:56px; height:54px; background-color:var(--color-blu); display:block; }


/* Content Title ani */
.cont_ttl_ani { display:flex; overflow:hidden; }
.line-image05 { position:absolute; bottom:0; left:0; z-index:1; /* 線画像を前面に */ }
.fill-image05 { position:absolute; bottom:0; left:0; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .3s ease-out; /* 塗り部分が右に動くアニメーション */}
.cont_ttl_ani.visible .fill-image01 { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */ }
.cont_ttl_ani.visible .fill-image02 { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */ }
.cont_ttl_ani.visible .fill-image05 { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */ }


/* Business */
.busi01wrap { margin:0 0 120px; }
.busi01 { width:70%; }
.busi01 h2 { border-top:solid 2px var(--color-org); }
.busi01 p { font-size:var(--font-size-R); }
.busi_copywrap { position:relative; width:30%; min-height:624px; }
.busi_copy { position:absolute; top:5px; right:0; width:236px; }
.busi_copy img { width:236px; }
.busi_copywrap_sp { display:none; }
.busi02 { position:relative; margin:-300px 0 120px; }
.busi02 .busi02box01 { position:absolute; top:0; left:0; width:25%; }
.busi02 .busi02box02 { position:absolute; top:400px; right:0; width:25%; }
.busi02 .busi02box03 { position:absolute; top:900px; left:0; width:25%; }
.busi02 h3 { margin:0 0 10px; color:var(--color-org); font-size:var(--font-size-L); }
.busi02 p { font-size:var(--font-size-S); line-height:1.8em; }
.busi02 figure { margin:0 auto; line-height:0; width:417px; }
.busi_ph01 { position:relative; margin:0 0 100px; }
.busi_ph01::after { position:absolute; content:""; top:-80px; right:-80px; height:80px; width:80px; background:var(--color-org); display:block; }
.busi03wrap {}
.busi03 { width:70%; }
.busi03 h4 { margin:0 0 15px; color:var(--color-org); font-size:var(--font-size-L); }
.busi03 p { margin:0 0 30px; font-size:var(--font-size-R); }
.busi03 figure { padding-top:30px; line-height:0; }
.busi04 { margin:0 0 80px 30%; width:70%; }
.busi04 h4 { margin:0 0 15px; color:var(--color-org); font-size:var(--font-size-L); }
.busi04 p { margin:0 0 30px; font-size:var(--font-size-R); }
.busi04 figure { margin:0 0 50px; line-height:0; }
.busi_ph02 { position:relative; margin:0 0 80px; }
.busi_ph02::after { position:absolute; content:""; top:-146px; left:-146px; height:146px; width:146px; background:var(--color-org); display:block; }
.busi05 { margin:0 0 100px; }
.busi05 .busi05_link {  }
.busi05 .busi05_link a { margin:0 0 0 50vw; width:50vw; color:var(--color-white); background:var(--color-blk); display:block; }
.busi05 .busi05_link a:hover { color:var(--color-blk); background:var(--color-white); }
.busi05 .busi05_link a .busi05_link_inner { padding:10px 0 10px 15px; max-width:500px; }
.busi05 .busi05_link a .busi05_link_inner .busi05_link_inner_ttl { margin:0 0 20px; font-size:var(--font-size-L); }
.busi05 .busi05_link a .busi05_link_inner .busi05_link_inner_btn { font-size:var(--font-size-R); text-align:right; display:block; }
.busi05 .busi05_link a .busi05_link_inner .busi05_link_inner_btn span { font-size:var(--font-size-S); padding:0 26px 0 0; content:""; vertical-align:middle; background-image:url('../images/headarw_wht.webp'); background-size:17px 17px; background-repeat:no-repeat; background-position:right; }
.busi05 .busi05_link a:hover .busi05_link_inner .busi05_link_inner_btn span { background-image:url('../images/headarw_blk.webp'); }
.busi05 .busi05_jobt {}
.busi05 .busi05_jobt a { margin:0 40vw 0 0; width:60vw; color:var(--color-white); background:var(--color-blu); display:block; }
.busi05 .busi05_jobt a:hover { color:var(--color-blu); background:var(--color-white); }
.busi05 .busi05_jobt a .busi05_jobt_inner { margin:0 0 0 auto; padding:10px 0 10px 0; max-width:700px; }
.busi05 .busi05_jobt a .busi05_jobt_inner figure { position:relative; margin:0 0 15px; width:504px; height:80px; }
.busi05 .busi05_jobt a .busi05_jobt_inner figure img { position:absolute; top:0; left:0; width:100%; height:auto; }
.busi05 .busi05_jobt a .busi05_jobt_inner figure img.img_hover { opacity:0; }
.busi05 .busi05_jobt a:hover .busi05_jobt_inner figure img.img_normal { opacity:0; }
.busi05 .busi05_jobt a:hover .busi05_jobt_inner figure img.img_hover { opacity:1; }
.busi05 .busi05_jobt a .busi05_jobt_inner .busi05_jobt_inner_ttl { font-size:var(--font-size-L); }
.busi05 .busi05_jobt a .busi05_jobt_inner .busi05_jobt_inner_btn { margin:0 15px 0 0; font-size:var(--font-size-R); text-align:right; display:block; }


.arw_wht_blk { position:relative; display:inline-block; padding-right:25px; }
.arw_wht_blk::before,.arw_wht_blk::after { content:""; position:absolute; top:50%; right:0; width:9px; height:1px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.arw_wht_blk::before { transform:rotate(45deg); }
.arw_wht_blk::after { transform:rotate(-45deg); }
a:hover .arw_wht_blk::before,a:hover .arw_wht_blk::after { background-color:var(--color-blk); }



/* Jobtype_top */
.jobt01 { margin:0 0 180px; }
.jobt01_copywrap { position:relative; width:25%; }
.jobt_copy { position:absolute; top:0; left:0; width:100%; }
.jobt_copy img { width:151px; }
.jobt_copy_sp { display:none; }
.jobt01_rgt { position:relative; margin:50px 0 0 0; width:75%; }
.jobt01_rgt::after { position:absolute; content:""; bottom:-120px; right:-146px; width:146px; height:90px; background:url(../images/jobt_bg.webp) left top no-repeat; display:block; }
.jobt01_rgt p { font-size:var(--font-size-M); }
.jobt01_rgt ul.jobt01_lst { margin:20px 0 0 0; }
.jobt01_rgt ul.jobt01_lst li { margin:2px 0 0 0; }
.jobt01_rgt ul.jobt01_lst li a { position:relative; color:var(--color-white); background-color:var(--color-blk); border:solid 2px var(--color-blk); align-items:center; }
.jobt01_rgt ul.jobt01_lst li a::before,.jobt01_rgt ul.jobt01_lst li a::after { content:""; position:absolute; bottom:25%; right:15px; width:12px; height:2px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.jobt01_rgt ul.jobt01_lst li a::before { transform:rotate(45deg); }
.jobt01_rgt ul.jobt01_lst li a::after { transform:rotate(-45deg); }
.jobt01_rgt ul.jobt01_lst li a:hover { color:var(--color-white); background-color:var(--color-blu); border:solid 2px var(--color-blu); }
.jobt01_rgt ul.jobt01_lst li a figure { width:110px; line-height:1; }
.jobt01_rgt ul.jobt01_lst li a div.jobt01_lstinner { padding:0 0 0 15px; width:calc(100% - 110px); }
.jobt01_rgt ul.jobt01_lst li a h3 { font-size:var(--font-size-L); }
/*.jobt01_rgt ul.jobt01_lst li a h3 span { font-size:var(--font-size-ML); }*/
.jobt01_rgt ul.jobt01_lst li a p { font-size:var(--font-size-R); }
.jobt02 { margin:0; }
.jobt02line { margin:0 0 120px; padding:2px 0 0 0; width:100vw; background-color:var(--color-blu); }
.jobt03 { margin:0 0 120px; }


/* Jobtype */
.jobt_ttl {}
.jobt_ttl .jobt_ttl_lft { position:relative; margin:-1.5em 0 0 0; width:35%; min-height: var(--pc-min-height); }
.jobt_ttl .jobt_ttl_lft .jobt_copy02 { position:absolute; top:0; left:0; width:100%; }
.jobt_ttl .jobt_ttl_lft .jobt_copy02 img { max-width:320px; height:auto }
.jobt_ttl .jobt_ttl_lft .jobt_copy02_sp { display:none; }
.jobt_ttl .jobt_ttl_rgt { width:60%; }
.jobt_ttl .jobt_ttl_rgt h2 { margin:0 0 20px; padding:0; color:var(--color-blu); font-size:var(--font-size-TTL); }
.jobt_ttl .jobt_ttl_rgt h2 span { font-size:var(--font-size-L); }
.jobt_ttl .jobt_ttl_rgt p { font-size:var(--font-size-M); }

.jobt_acc_wrap { margin:0 0 120px; }
.jobt_acc_tab { position:relative; margin:2px 0 0 0; padding-right:3vw; background-color:var(--color-blk); cursor:pointer; }
.jobt_acc_tab::after { position:absolute; content:""; right:10px; top:50%; width:15px; height:15px; transform:translateY(-50%); }
.jobt_acc_tab::after { background-color:transparent; }
.jobt_acc_tab::before { content:""; position:absolute; right:15px; top:50%; width:15px; height:2px; background-color:var(--color-white); transform:translate(-50%, -50%) rotate(0deg); transition:transform 0.3s ease, right 0.3s ease; }
.jobt_acc_tab::after { width:2px; height:15px; background-color:var(--color-white); right:29px; top:50%; transform:translateY(-50%); transition:transform 0.3s ease, right 0.3s ease; }
.jobt_acc_tab.open::before { transform:translateY(-50%) rotate(-45deg); }
.jobt_acc_tab.open::after { transform:translateY(-50%) rotate(-45deg); right:31px; }
.jobt_acc_tab dl { align-items:center; }
.jobt_acc_tab dt { margin:2px; line-height:0; }
.jobt_acc_tab dd { padding:0 0 0 20px; font-size:var(--font-size-ML); color:var(--color-white); font-weight:var(--font-weight-midium); }
div.jobt_acc_cont { margin:2px 0 0 0; overflow:hidden; height:0; background:var(--color-gray); border:solid 2px transparent; opacity:0; transition:height 0.5s ease, border-color 0.5s ease, opacity 0.5s ease; }
div.jobt_acc_cont.open { border-color: var(--color-blu); opacity:1; }
div.jobt_acc_lft { width:50%; border-right:solid 2px var(--color-blu); }
div.jobt_acc_lft h4 { padding:15px; font-size:var(--font-size-L); color:var(--color-white); font-weight:var(--font-weight-midium); background-color:var(--color-blu); border-bottom:solid 2px var(--color-blu); }
div.acc_rgt { width:50%; }
div.acc_rgt h4 { padding:15px; font-size:var(--font-size-L); color:var(--color-blu); font-weight:var(--font-weight-midium); background-color:var(--color-white); border-bottom:solid 2px var(--color-blu); }
ul.jobt_acc_lst { padding:20px; }
ul.jobt_acc_lst dl { padding:8px 0; line-height:1; }
ul.jobt_acc_lst dt { width:15%; font-size:var(--font-size-RS); color:var(--color-blu); line-height:1.4em; }
ul.jobt_acc_lst dd { width:85%; font-size:var(--font-size-RS); line-height:1.4em; }
ul.jobt_acc_lstph { padding:20px; background:var(--color-white); }
ul.jobt_acc_lstph dl { padding:8px 0; line-height:1; }
ul.jobt_acc_lstph dt { width:15%; font-size:var(--font-size-RS); color:var(--color-blu); }
ul.jobt_acc_lstph dd { width:85%; font-size:var(--font-size-RS); line-height:1.4em; }
ul.jobt_acc_lstph dd figure { margin:10px 0 0 0; }

.jobt_career_lstwrap { position:relative; }
.jobt_career_lstwrap .thinright { position:relative; }
.jobt_career_lstwrap .thinright::before { content:""; display:block; position:absolute; top:80px; left: 0px; width:100%; height:2px; background:var(--color-blu); }
.jobt_career_lstwrap .thinright::after { content:""; display:block; position:absolute; top:75px; right:0; width:12px; height:12px; border:2px solid; border-color:transparent transparent var(--color-blu) var(--color-blu); transform:rotate(-135deg); }
.jobt_career_lstwrap .thinright span { position:absolute; top:73px; left:-1px; width:15px; height:15px; border-radius:50%; background:var(--color-blu); }
ul.jobt_career_lst {}
ul.jobt_career_lst li { padding:0 20px 70px 20px; width:calc(100% / 4); border-right:dotted 2px var(--color-blu); }
ul.jobt_career_lst li:last-child { border-right:none; }
ul.jobt_career_lst li dl {}
ul.jobt_career_lst li dl dt { padding:20px 0; font-size:var(--font-size-L); color:var(--color-blu); font-weight:var(--font-weight-midium); }
ul.jobt_career_lst li dl dt span { font-size:var(--font-size-TTLL); font-family: "Crimson Pro", serif; font-weight:300; }
ul.jobt_career_lst li dl dd { margin:25px 0 0 0; font-size:var(--font-size-R); line-height:1.8em; }
ul.jobt_career_lst02 {}
ul.jobt_career_lst02 li { padding:0 20px 70px 20px; width:calc(100% / 3); border-right:dotted 2px var(--color-blu); }
ul.jobt_career_lst02 li:last-child { border-right:none; }
ul.jobt_career_lst02 li dl {}
ul.jobt_career_lst02 li dl dt { padding:20px 0; font-size:var(--font-size-L); color:var(--color-blu); font-weight:var(--font-weight-midium); }
ul.jobt_career_lst02 li dl dt span { font-size:var(--font-size-TTLL); font-family: "Crimson Pro", serif; font-weight:300; }
ul.jobt_career_lst02 li dl dd { margin:25px 0 0 0; font-size:var(--font-size-R); line-height:1.8em; }

.jobt03line { margin:0 0 80px; padding:2px 0 0 0; width:100vw; background-color:var(--color-blu); }

.jobt_prof { position:relative; }
.jobt_ptof_ttl { position:relative; top:0; right:0; margin:0 0 0 55vw; width:45vw; height:150px; background:var(--color-blk); z-index:3; }
.jobt_ptof_ttl .jobt_ptof_ttlinner { position:absolute; width:100%; height:150px; z-index:4; }
.jobt_ptof_ttl .jobt_ptof_ttlinner h2 { position:absolute; top:5px; left:5px; }
.jobt_ptof_ttl .jobt_ptof_ttlinner h2 img { width:367px; }
.jobt_ptof_ttl .jobt_ptof_ttlinner div.jobtype_en { position:absolute; bottom:8px; left:5px; color:var(--color-white); font-size:var(--font-size-RS); font-style:italic; font-weight:var(--fnt_weight_md); line-height:1; }
.jobt_ptof_ttl .jobt_ptof_ttlinner figure { position:absolute; bottom:5px; left:5px; }
.jobt_ptof_ttl .jobt_ptof_ttlinner figure img { width:114px; }
.jobt_prof .jobt_prof_blu { position:relative; margin:-100px 0 70px; }
.jobt_prof .jobt_prof_blu::before { content:""; position:absolute; inset:0; pointer-events:none; z-index:0; background:linear-gradient(to right,var(--color-blu) 0,var(--color-blu) calc(50.01% - 500px),transparent calc(50.01% - 500px)); }
.jobt_prof .jobt_prof_bluinner { margin:0 auto; width:1000px; background:var(--color-blu); color:var(--color-white); }
.jobt_prof .jobt_prof_bluinner::after { position:absolute; content:""; bottom::-60px; right:-60px; width:60px; height:60px; }
.jobt_prof .jobt_prof_lft { margin:120px 5% 0 0; width:25%; }
.jobt_prof .jobt_prof_lft figure {}
.jobt_prof .jobt_prof_lft p { font-size:var(--font-size-L); line-height:1.4em; }
.jobt_prof .jobt_prof_lft p span { font-size:var(--font-size-M); }
.jobt_prof .jobt_prof_rgt { padding:110px 2vw 30px 0; width:70%; }
.jobt_prof .jobt_prof_rgt h5 { margin:0 0 15px; font-size:var(--font-size-R); line-height:2.2em; }
.jobt_prof .jobt_prof_rgt h5 strong { font-size:var(--font-size-L); font-family: "Crimson Pro", serif; font-weight:300; }
.jobt_prof .jobt_prof_rgt h5 span { font-size:var(--font-size-LS); }
.jobt_prof .jobt_prof_rgt h5 span strong { font-size:var(--font-size-LS); font-family: "Crimson Pro", serif; font-weight:300; }
.jobt_prof .jobt_prof_rgt p { margin:0 0 45px; font-size:var(--font-size-R); line-height:1.9em; }
.jobt_back { margin:0 0 70px; }
.jobt_back a { padding:10px 30px 10px 0; width:50%; text-align:right; color:var(--color-white); font-size:var(--font-size-R); background:var(--color-blk); display:block; }
.jobt_back a:hover { background:var(--color-blu); }

.arw_back { position:relative; display:inline-block; padding-left:30px; }
.arw_back::before,.arw_back::after { content:""; position:absolute; top:50%; left:10px; width:10px; height:2px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.arw_back::before { transform:rotate(-135deg); }
.arw_back::after { transform:rotate(135deg); }



/* Cross talk */
.cros_top_wrap { position:relative; margin:50px 0 0 0; }
.cros_top_wrap::before { position:absolute; content:""; top:-45px; left:-100px; width:100px; height:91px; background:url(../images/cros_bg01.webp) left top no-repeat; display:block; }
.cros_top_wrap::after { position:absolute; content:""; bottom:-146px; right:-145px; width:145px; height:146px; background:url(../images/cros_bg02.webp) left top no-repeat; display:block; }
p.cros_top_lead { width:40%; font-size:var(--font-size-M); }
ul.cros_top_lst { margin:-250px 0 180px; }
ul.cros_top_lst li:first-child { margin:0 0 0 50%!important; }
ul.cros_top_lst li:nth-child(odd) { margin:-270px 0 0 50%; }
ul.cros_top_lst li:nth-child(even) { margin:-100px 50% 0 0; }
ul.cros_top_lst li a { width:100%; color:var(--color-white); background:var(--color-blk); border:solid 2px var(--color-blk); display:block; }
ul.cros_top_lst li a:hover { background:var(--color-org); border:solid 2px var(--color-org); }
ul.cros_top_lst li a figure { line-height:0; }
ul.cros_top_lst li a .cros_top_lsttxt { padding:20px 25px; }
ul.cros_top_lst li a h2 { font-size:var(--font-size-L); }
ul.cros_top_lst li a h2 span { font-size:var(--font-size-R); }
ul.cros_top_lst li a div.more { text-align:right; font-size:var(--font-size-R); display:block; }

.arw_wht { position:relative; display:inline-block; padding-right:20px; }
.arw_wht::before,.arw_wht::after { content:""; position:absolute; top:50%; right:0; width:10px; height:2px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.arw_wht::before { transform:rotate(45deg); }
.arw_wht::after { transform:rotate(-45deg); }
a:hover.arw_wht::before,a:hover.arw_wht::after { background-color:var(--color-white); }

.cros_pplwrap { margin:60px auto 90px; }
.cros_pplwrap h2 { font-size:var(--font-size-LS); color:var(--color-org); font-style:italic; }
ul.cros_ppl { width:100%; max-width:1200px; }
ul.cros_ppl li { width:calc((100% - 240px) / 2); background-image:url(../images/cros_cros.webp); background-position:right 15% top 100px; background-size:40px 40px; background-repeat:no-repeat; }
ul.cros_ppl li:last-child { width:240px; background:none; }
ul.cros_ppl li dl {}
ul.cros_ppl li dt { margin:0 0 15px; width:240px; border:solid 2px var(--color-org); line-height:0; }
ul.cros_ppl li dd { font-size:var(--font-size-R); line-height:1.4em; }
ul.cros_ppl li dd strong { margin:0 0 10px; display:inline-block; font-size:var(--font-size-L); font-weight:var(--font-weight-regular); }
.cros_txtwrap { margin:0 auto 100px!important; }
.cros_txt { margin:0 0 60px; width:75%; }
.cros_txt p { margin:0 0 35px; font-size:var(--font-size-R); }
.cros_txt p strong { font-size:var(--font-size-R); color:var(--color-org); }
figure.cros_ph { position:relative; margin:0 0 0 25%; width:75%; line-height:0; }
figure.cros_ph::before { position:absolute; content:""; top:-54px; right:-54px; width:56px; height:54px; background:var(--color-org); display:block; }
.crosline { margin:-100px 0 70px; padding:2px 0 0 0; width:100vw; background-color:var(--color-org); }
.cros_back { margin:0 0 70px; }
.cros_back a { padding:10px 30px 10px 0; width:50%; text-align:right; color:var(--color-white); font-size:var(--font-size-R); background:var(--color-blk); display:block; }
.cros_back a:hover { background:var(--color-org); }



/* Static */
.page_static { margin:0 25% 120px 0; width:75%; }
.page_static h3 { margin:0 0 10px; font-size:var(--font-size-ML); font-weight:var(--font-weight-midium); }
.page_static h4 { font-size:var(--font-size-R); font-weight:var(--font-weight-midium); }
.page_static p { margin:0 0 35px; font-size:var(--font-size-R); }


/* Benefits */
.cont_ttl_bene { margin-top:50px; margin-bottom:80px; width:80%; }
.cont_ttl_bene p { font-size:var(--font-size-M); }
.cont_bene { margin:0 0 120px; }
.cont_bene p.bene_txt01 { margin:30px 25% 40px 0; width:75%; }
.cont_bene ul.bene_lst01 { margin:-2px 0 0 2px; width:100%; display:flex; justify-content:space-between; align-items:stretch; }
.cont_bene ul.bene_lst01 li { margin:0 0 0 12%; width:38%; border:solid 2px var(--color-blu); }
.cont_bene ul.bene_lst02 { margin:-2px 0 0 0; width:100%; display:flex; justify-content:space-between; align-items:stretch; }
.cont_bene ul.bene_lst02 li { margin:0 12% 0 0; width:38%; border:solid 2px var(--color-blu); }
.cont_bene dl { border-bottom:solid 2px var(--color-blu); display:flex; justify-content:flex-start; align-items:center; }
.cont_bene dt { padding:10px; width:108px; height:108px; background:var(--color-blu); display:flex; justify-content:center; align-items:center; }
.cont_bene dd { padding:0 20px; color:var(--color-blu); font-size:var(--font-size-ML); font-weight:var(--font-weight-midium); line-height:1.4em; }
.cont_bene p { padding:20px; font-size:var(--font-size-R); line-height:1.8em; }

.cont_bene02 { margin:0 0 30px 0; }
.cont_bene02 .cont_bene02_lft { position:relative; padding:0 5% 0 0; width:20%; border-right:solid 2px var(--color-blu); }
.cont_bene02 .cont_bene02_lft::after { content:""; display:block; position:absolute; bottom:0; right:-8px; width:14px; height:14px; border:2px solid; border-color:transparent transparent var(--color-blu) var(--color-blu); transform: rotate(-45deg); }
.cont_bene02 .cont_bene02_lft h3 { position:relative; color:var(--color-blu); font-size:var(--font-size-L); }
.cont_bene02 .cont_bene02_lft h3::before { position:absolute; top:0px; left:129%; content:""; background:var(--color-blu); width:15px; height:15px; border-radius:50%; }
.cont_bene02 .cont_bene02_rgt { width:75%; }
.cont_bene02 .cont_bene02_rgt p { margin:0 0 40px; font-size:var(--font-size-R); line-height:1.8em; }
.cont_bene02 .cont_bene02_rgt figure { margin:0 0 20px; }
.cont_bene02 .cont_bene02_rgt div.bene02_grp { margin:0; border:solid 2px var(--color-blk); }
.cont_bene02 .cont_bene02_rgt div.bene02_grp dl { align-items:center; border-bottom:solid 2px var(--color-blk); }
.cont_bene02 .cont_bene02_rgt div.bene02_grp dt { padding:10px; width:90px; height:90px; background:var(--color-blk); }
.cont_bene02 .cont_bene02_rgt div.bene02_grp dd { margin:0 0 0 15px; font-size:var(--font-size-L); }
.cont_bene02 .cont_bene02_rgt div.bene02_grp p { margin:0; padding:15px; font-size:var(--font-size-RS); }
.cont_bene02 .cont_bene02_rgt h4 { margin:0 0 20px; font-size:var(--font-size-M); }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst { margin:0; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst li { position:relative; width:150px; height:150px; border:solid 2px var(--color-blu); border-radius:50%; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst li div.cir_txt { position:absolute; display:inline-block; left:0; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; width:100%; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst li h5 { font-size:var(--font-size-M); color:var(--color-blu); line-height:1.6em; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst li p { margin:0; padding:0 10px; font-size:var(--font-size-S); color:var(--color-blk); line-height:1.4em; }
.cont_bene02line { margin:0 0 80px; padding:2px 0 0 0; width:100vw; background-color:var(--color-blu); }



/* Casual Visit */
.cont_ttl_casual { margin-top:50px; margin-bottom:50px; width:80%; }
.cont_ttl_casual h3 { margin:0 0 15px; font-size:var(--font-size-TTL); font-weight:var(--font-weight-midium); }
.cont_ttl_casual p { font-size:var(--font-size-M); }
.cont_casual h4 { margin:0 0 10px; color:var(--color-org); font-size:var(--font-size-L); font-weight:var(--font-weight-midium); }
.cont_casual p.casu_txt01 { margin:0 0 20px; font-size:var(--font-size-M); }
.cont_casual p.casu_txt02 { margin:0 0 10px; font-size:var(--font-size-R); }
.cont_casual p.casu_txt03 { margin:0 0 70px; font-size:var(--font-size-S); line-height:1.6em; }
.cont_casual ul.casu_fuki { margin:0 0 120px; }
.cont_casual ul.casu_fuki li { position:relative; padding:15px 20px; width:50%; text-align:center; line-height:1.6em; font-size:var(--font-size-R); border:solid 2px var(--color-org); border-radius:100px; }
.cont_casual ul.casu_fuki li:nth-child(odd) { margin:0 0 0 50%; }
.cont_casual ul.casu_fuki li:nth-child(even) { margin:0 50% 0 0; }
.cont_casual ul.casu_fuki li::after { content:""; position:absolute; width:2px; height:20px; background-color:var(--color-org); bottom:-10px; left:80%; transform: translateX(-50%) rotate(15deg); }

ul.casu_ckech { margin:30px 25% 40px 0; width:75%; }
ul.casu_ckech li { margin:10px 0; padding:0 0 0 40px; font-size:var(--font-size-M); background:url(../images/casu_check.webp); background-size:32px 32px; background-repeat:no-repeat; letter-spacing:-0.05em; }
.line_org { width:100vw; height:2px; background:var(--color-org); }
.casu_ph { margin:40px 0 0 0; }
.casu_ph .casu_ph_txt { width:45%; }
.casu_ph figure { margin:0 0 15px; width:50%; }
.cont_casual h4.mr_top { margin-top:30px; }

.formwrap { position:relative; padding:120px 0; width:100vw; background:var(--color-white); }
.formwrap .form_ttl { position:absolute; top:-30px; left:0; padding:15px 30px; text-align:right; width:35vw; color:var(--color-white); font-size:var(--font-size-TTL); font-weight:var(--font-weight-midium); background:var(--color-org); }
.formwrap ul.form_lst {}
.formwrap ul.form_lst li { margin:0 0 30px; }
.formwrap ul.form_lst li dl { align-items:center; }
.formwrap ul.form_lst li dt { margin:0; width:30%; font-size:var(--font-size-M); font-weight:var(--font-weight-midium); }
.formwrap ul.form_lst li dt span { margin-right:1em; color:var(--color-blu); font-weight:var(--font-weight-regular); }
.formwrap ul.form_lst li dt span.must { color:var(--color-org); font-weight:var(--font-weight-regular); }
.formwrap ul.form_lst li dd { width:70%; }
.formwrap ul.form_lst li dd ul.form_lstbox02 {}
.formwrap ul.form_lst li dd ul.form_lstbox02 li { margin:0; width:48%; }
.formwrap ul.form_lst li dd ul.form_lstbox02 li input[type="text"] { padding:10px; width:100%; border:solid 1px var(--color-blk); font-size:var(--font-size-M); }
.formwrap ul.form_lst li dd ul.form_lstbox03 li { margin:0; width:32%; }
.formwrap ul.form_lst li dd ul.form_lstbox03 li input[type="text"] { padding:10px; width:100%; border:solid 1px var(--color-blk); font-size:var(--font-size-M); }
.formwrap ul.form_lst li dd input[type="text"] { padding:10px; width:100%; border:solid 1px var(--color-blk); font-size:var(--font-size-M); }
.formwrap ul.form_lst li dd input[type="email"] { padding:10px; width:100%; border:solid 1px var(--color-blk); font-size:var(--font-size-M); }
.formwrap ul.form_lst li dd input[type="tel"] { padding:10px; width:100%; border:solid 1px var(--color-blk); font-size:var(--font-size-M); }
.formwrap ul.form_lst02 {}
.formwrap ul.form_lst02 li { margin:0 0 30px; }
.formwrap ul.form_lst02 li dt { margin:0 0 8px; width:100%; font-size:var(--font-size-M); font-weight:var(--font-weight-midium); }
.formwrap ul.form_lst02 li dt span { margin-right:1em; color:var(--color-blu); font-weight:var(--font-weight-regular); }
.formwrap ul.form_lst02 li dt span.must { color:var(--color-org); font-weight:var(--font-weight-regular); }
.formwrap ul.form_lst02 li dd { width:100%; }
.formwrap ul.form_lst02 li dd p { font-size:var(--font-size-RS); line-height:1.8em; }
.formwrap ul.form_lst02 li dd input[type="text"] { padding:10px; width:100%; border:solid 1px var(--color-blk); }
.formwrap ul.form_lst02 li dd textarea { padding:10px; width:100%; border:solid 1px var(--color-blk); }
.formwrap input[type="date"] { padding:10px; width:100%; border:inset 1px var(--color-blk); font-size:var(--font-size-M); }
.formwrap ul.form_lst02 li dd .wpcf7-form-control { display:flex; width:100%; max-height:130px; font-size:var(--font-size-M); justify-content:flex-start; flex-wrap:wrap; gap:5px 80px; }
.formwrap ul.form_lst02 li dd .wpcf7-list-item { margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; }
.formwrap ul.form_lst02 li dd .wpcf7-list-item label { display:flex; align-items:center; font-size:var(--font-size-M); }
.formwrap ul.form_lst02 li dd label input[type="checkbox"] { margin:0 10px 0 0; border:solid 1px var(--color-blk); width:24px; height:24px; font-size:var(--font-size-M); display:inline-block; appearance:none; -webkit-appearance:none; -moz-appearance:none; position:relative; vertical-align:middle; }
.formwrap ul.form_lst02 li dd label input[type="checkbox"]:checked { background-color:var(--color-blk); border-color:var(--color-blk); }
.formwrap ul.form_lst02 li dd label input[type="checkbox"]:checked::after { content:"✓"; display:block; color:var(--color-white); font-size:var(--font-size-M); text-align:center; }
.formwrap ul.form_lst02 li dd div.privacy { padding:30px; width:100%; height:700px; border:solid 1px var(--color-blk); overflow-y:scroll; }
.formwrap ul.form_lst02 li dd div.privacy strong { font-weight:var(--font-weight-regular); }
.formwrap ul.form_lst02 li dd div.privacy p { margin:0 0 30px; }
.formwrap div.privacy_check { padding:20px 0; width:100%; background:var(--color-gray); text-align:center; }
.formwrap div.privacy_check label input[type="checkbox"] { border:solid 1px var(--color-blk); width:20px; height:20px; font-size:var(--font-size-M); }
.formwrap p.privacy_check_att { margin:5px 0 0 0; font-size:var(--font-size-RS); text-align:center; }
.formwrap div.form_send { margin:40px auto 0; width:30%; display:block; }
.formwrap div.form_send input[type="submit"] { padding:20px 30px; width:100%; color:var(--color-white); font-size:var(--font-size-R); background:var(--color-blk); cursor:pointer; }
.formwrap div.form_send.arw_wht { position:relative; display:block; }
.formwrap div.form_send.arw_wht::before,.formwrap div.form_send.arw_wht::after { content:""; position:absolute; top:50%; right:15%; width:10px; height:2px; border-radius:9999px; background-color:#fff; transform-origin:100% 50%; }
.formwrap div.form_send.arw_wht::before { transform:rotate(45deg); }
.formwrap div.form_send.arw_wht::after { transform:rotate(-45deg); }
input::placeholder { color:#999; }

.codedropz-upload-handler { padding:10px; width:100%; text-align:center; border:solid 1px var(--color-blk)!important; border-radius:0!important; }
.codedropz-upload-handler .codedropz-upload-inner {}
.codedropz-upload-handler .codedropz-upload-inner h3 { font-size:var(--font-size-M); font-weight:var(--font-weight-regular); }
.codedropz-upload-handler .codedropz-upload-inner span { margin:0 0 10px; font-size:var(--font-size-RS); display:inline-block; }
.codedropz-upload-handler .codedropz-btn-wrap { margin:0 auto; width:40%; border:solid 1px #898989; font-size:var(--font-size-M); }
.codedropz-upload-handler a.cd-upload-btn { padding:5px 0; color:#898989; width:100%; display:block; }
.dnd-upload-status .dnd-upload-details .name { font-size:var(--font-size-R)!important; color:var(--color-blk)!important; }
.dnd-upload-status .dnd-upload-details .name em { font-size:var(--font-size-R)!important; color:var(--color-blk)!important; font-weight:normal; }
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span { background:var(--color-org)!important; }

div.my-cf7-message-area { margin:0 auto; text-align:center; font-size:var(--font-size-M); display:block; }
div.my-cf7-message-area .wpcf7-response-output, div.my-cf7-message-area .wpcf7-response-output, div.my-cf7-message-area .wpcf7-response-output { color:var(--color-org)!important; border:none!important; }
.wpcf7-not-valid-tip { margin:5px 0 0 0; color:var(--color-org)!important; font-size:var(--font-size-R)!important; }

.privacy_check { cursor:default; }
.js-scroll-area.is-completed ~ .privacy_check .wpcf7-form-control-wrap { opacity:1; pointer-events:auto; }
.js-consent-checkbox { pointer-events:auto !important; }
.js-consent-checkbox input[type="checkbox"] { position:relative; width:40px; height:40px; margin:0 5px 0 0; cursor:pointer; vertical-align:middle; appearance:none; -webkit-appearance:none; -moz-appearance:none; }
.js-consent-checkbox input[type="checkbox"]::before { content:""; display:block; width:40px; height:40px; border:1px solid var(--color-blk); background-color:var(--color-white); }
.js-consent-checkbox input[type="checkbox"]:checked::before { background-color:var(--color-blk); }
.js-consent-checkbox input[type="checkbox"]:checked::after { position:absolute; content:"✓"; top:10px; left:10px; color:var(--color-white); font-size:var(--font-size-L); line-height:20px; }
.privacy_check input[type="checkbox"]:disabled { opacity:0.5; font-size:var(--font-size-M); }
.privacy_check input[type="checkbox"]:disabled + .wpcf7-list-item-label { opacity:0.5; pointer-events:none; cursor:pointer; }
.js-scroll-area.is-completed ~ .privacy_check input[type="checkbox"]:not(:disabled) { opacity:1; }
.js-scroll-area.is-completed ~ .privacy_check input[type="checkbox"]:not(:disabled) + .wpcf7-list-item-label { opacity:1; pointer-events:auto; cursor:pointer; }
.js-consent-checkbox input[type="checkbox"] { position:relative; z-index:1; }
.js-consent-checkbox .wpcf7-list-item label { position:relative; z-index:0; }
.wpcf7-list-item { margin:0!important; display:flex!important; align-items:center!important; justify-content:center!important; }

.form_send .wpcf7-spinner { position:absolute; top:-30px; left:50%; margin:0; transform:translateX(calc(-50% - 12px)); z-index:10; }
.form_send.sending [type="submit"] { visibility:hidden; }


/* Requirements */
.page_static div.link_req { position:relative; }
.page_static div.link_req a { position:relative; width:100%; height:150px; color:var(--color-white); background:var(--color-blk); display:block; }
.page_static div.link_req a:hover { background:var(--color-blu); }
.page_static div.link_req a div.link_req_ttl { position:absolute; top:5px; left:10px; font-size:var(--font-size-TTLM); font-weight:var(--font-weight-midium); line-height:1.2em; }
.page_static div.link_req a div.link_req_txt { position:absolute; bottom:5px; right:15px; font-size:var(--font-size-R); }
.page_static div.link_req a div.link_req_txt span.link_req_txtout { content:""; display:inline-block; width:16px; height:15px; margin-top:-2px; margin-left:6px; vertical-align:middle; background-image:url('../images/otherlink_wht.webp'); background-size:contain; background-repeat:no-repeat; background-position:center; }
.page_static div.link_req a div.link_req_txt em { font-size:var(--font-size-S); font-style:normal; }

ul.req_acc_wrap { margin:0 0 40px;　}
ul.req_acc_wrap li {}
ul.req_acc_wrap li div.req_acc_tab { position:relative; margin:0; padding:10px 3vw 10px 15px; font-size:var(--font-size-ML); font-weight:var(--font-weight-midium); background:var(--color-gray); border:solid 2px var(--color-blk); cursor:pointer;　}
ul.req_acc_wrap li div.req_acc_tab::after { position:absolute; content:""; right:10px; top:50%; width:15px; height:15px; transform:translateY(-50%); }
ul.req_acc_wrap li div.req_acc_tab::after { background-color:transparent; }
ul.req_acc_wrap li div.req_acc_tab::before { content:""; position:absolute; right:15px; top:50%; width:15px; height:2px; background-color:var(--color-blk); transform:translate(-50%, -50%) rotate(0deg); transition:transform 0.3s ease, right 0.3s ease; }
ul.req_acc_wrap li div.req_acc_tab::after { width:2px; height:15px; background-color:var(--color-blk); right:29px; top:50%; transform:translateY(-50%); transition:transform 0.3s ease, right 0.3s ease; }
ul.req_acc_wrap li div.req_acc_tab.open::before { transform:translateY(-50%) rotate(-45deg); }
ul.req_acc_wrap li div.req_acc_tab.open::after { transform:translateY(-50%) rotate(-45deg); right:31px; }
ul.req_acc_wrap li div.req_acc_cont {
  overflow: hidden;
  height: 0;
  background: var(--color-gray);
  border: solid 2px transparent;
  opacity: 0;
  /* heightのtransitionは削除してGSAPに任せる */
  transition: border-color 0.5s ease, opacity 0.5s ease;
}
ul.req_acc_wrap li div.req_acc_cont.open { margin:-2px 0 2px 0; border-color:var(--color-blk); opacity:1; }
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner { padding:30px 30px 0 30px; }
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner li { margin:0 0 35px; }
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner li dl {}
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner li dt { font-size:var(--font-size-R); font-weight:var(--font-weight-midium); }
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner li dd { font-size:var(--font-size-R); line-height:1.6em; }


/* Not Found */
.nf_wrap { margin:23vh 0 20vh; }
.nf_inner { width:60%; }
.nf_inner h2 { margin:0 0 50px; font-size:var(--font-size-TTLL); font-style:italic; }
.nf_inner p { margin:0 0 60px; font-size:var(--font-size-M); }
.nf_inner .backhome { margin:0; }
.nf_inner .backhome a { padding:10px 30px 10px 20px; min-width:300px; color:var(--color-white); font-size:var(--font-size-R); background:var(--color-blk); display:block; }
.nf_inner .backhome a:hover { background:var(--color-blu); }
figure.nf_img { width:30%; }




@media only screen and (max-width: 1200px) { ul.cros_ppl li { background-position:right 13% top 100px; } }
@media only screen and (max-width: 1150px) { ul.cros_ppl li { background-position:right 11% top 100px; } }
@media only screen and (max-width: 1100px) { ul.cros_ppl li { background-position:right 8% top 100px; } }
@media only screen and (max-width: 1050px) { ul.cros_ppl li { background-position:right 4% top 100px; } }







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

.cookie { bottom:57px; width:100%; padding:1em 0; }

#page_top { display:none; }
#ft_btns { display:block; }
.ft_nav { position:fixed; bottom:0; left:0; background:var(--color-gray); width:100%; gap:2px 0; border-top:solid 2px var(--color-gray); z-index:1000; }
ul.ft_nav_lst { width:calc(100% - 58px); gap:2px 0; }
ul.ft_nav_lst li { width:calc(50% - 1px); height:100%; background:var(--color-blk); }
ul.ft_nav_lst li a { padding-top:13px; width:100%; font-size:var(--font-size-RS); text-align:center; color:var(--color-white); display:block; }
ul.ft_nav_lst li a.outlink::after { content:""; display:inline-block; width:19px; height:19px; margin-top:-2px; margin-left:8px; vertical-align:middle; background-image:url('../images/headarw_wht.webp'); background-size:contain; background-repeat:no-repeat; background-position:center; }
div.ft_pagetop { width:56px; height:56px; }
div.ft_pagetop a { width:56px; height:56px; background:#F1F1F0 url('../images/pagetop.webp') center center no-repeat; background-size:15px 40px; border:solid 1px var(--color-blk); display:block; }

.inner { padding:0 8vw; max-width:100vw; }

.btn { margin:30px 0 0 0; }
.btn a { padding:10px 0 10px 25px; width:40vw; }


#header { height:62px; }
#header_inner { height:62px; }
#h_logo { width:305px; }
#gnavi { margin:0 60px 0 0; }
#gnavi ul.gnav { height:60px; }

.menu { width:60px; height:60px; border-left:solid 1px var(--color-blk); }
.menu.active { height:60px; width:60px; }
.menu_line { width:40px; height:3px; }
.menu_line01 { top:20px; right:10px; }
.menu_line02 { top:30px; right:10px; }
.menu_line03 { top:40px; right:10px; }
.menu.active { height:60px; width:60px; }
.menu_line01.active { top:30px; right:10px; }
.menu_line03.active { top:30px; right:10px; }
#gnavi ul.gnav li.otherlnk01 { display:none; }
#gnavi ul.gnav li.otherlnk02 { display:none; }

/*spnav*/
.spnav_menu { padding:13vh 0 0; width:100%; height:113vh; }
.spnav_menu_inner { gap:0; }
.spnav_menu ul.spnav_menu_lst { width:100%; }
.spnav_menu ul.spnav_menu_lst li { margin:0 0 3vh; }
.spnav_menu ul.spnav_menu_lst li a { padding:0 0 3px; width:100%; font-size:var(--font-size-M); font-weight:var(--font-weight-midium); border-bottom:solid 1px var(--color-blk); display:block; }
.spnav_menu ul.spnav_menu_lst li a span { font-size:var(--font-size-S); letter-spacing:-0.1em; }
.spnav_menu ul.spnav_menu_lst li a:hover { opacity:0.5; }
.spnav_menu ul.spnav_menu_lst li ul.nv_submenu { gap:0 10px; }
.spnav_menu ul.spnav_menu_lst li ul.nv_submenu li { margin:1.5vh 0 0 0; width:calc((100% - 10px) / 2); }
.spnav_menu ul.spnav_menu_lst02 { width:100%; }
.spnav_menu ul.spnav_menu_lst02 li { margin:0 0 3vh; }
.spnav_menu ul.spnav_menu_lst02 li.linkcorp a { border-bottom:none; margin:3vh 0 0 0; text-align:center; padding:0 0 3px; width:100%; font-size:var(--font-size-M); font-weight:var(--font-weight-midium); display:block; }
.spnav_menu ul.spnav_menu_lst02 li ul.nv_sns { margin:1.5vh 10vw 0 10vw; justify-content:center; }

.footerwrap { margin:0 0 58px; padding:40px 0 30px; }
#footer .f_logo { margin-right:0; margin-bottom:30px; width:100%; max-width:60vw; }
#footer .f_menu { max-width:100%; gap:0; }
#footer .f_menu ul.ft_menu_lst { width:100%; }
#footer .f_menu ul.ft_menu_lst li { margin:0 0 25px; }
#footer .f_menu ul.ft_menu_lst li a { font-size:var(--font-size-M); }
#footer .f_menu ul.ft_menu_lst li.fmgn_sp { margin-bottom:35px; }
#footer .f_menu ul.ft_menu_lst li.otherlnk02 a { margin-top:-7px; }
#footer .f_menu ul.ft_menu_lst li.linkcorp a { margin:30px 0 0 0; text-align:center; }
#footer .f_menu ul.ft_menu_lst li ul.ft_sns { margin:16px 20vw 0 20vw; text-align:center; }
#footer small { text-align:center; }


/* KV */
#kv_wrap { margin-top:0; }
#kv { min-height:780px; background:url('../images/kv/kv_bg_sp.webp') top center no-repeat; }
#kv .kv_hand_r { top:15%; right:-5%; width:100%; }
#kv .kv_hand_l { top:5%; left:-5%; width:100%; }
#kv #kv_ani { width:150px; }
#kv #kv_ani .kv_ani01 { width:55px; top:240px; right:2px; }
#kv #kv_ani .kv_ani02 { width:55px; top:240px; right:59px; }
#kv #kv_ani .kv_ani03 { width:105px; top:504px; left:4px; }
#kv #kv_ani .kv_ani04 { width:15px; top:557px; left:-52px; }
#kv #kv_ani .kv_ani05 { width:12px; top:557px; left:-35px; }
@keyframes moveFadeOut { 0% { top:570px; opacity:0; } 50% { top:550px; opacity:0; } 100% { top:570px; opacity:1; } }
#kv_lead_ani { margin:75px 0 0 260px; }

#kv_lead { margin:0 auto 70px; }


/* TOP */
/* Top Title */
.ttl_block { position:relative; }
.top_business { width:100vw; height:300px; }
.ttl_block .ttl_org01 { width:80vw; height:200px; }
.ttl_block .top_busi_ttl { top:30px; left:0; width:100%; transform:translate(0, 0%); }
.ttl_block .ttl_org02 { right:0; bottom:0; width:80vw; height:100px; }
.ttl_block .ttl_org02 figure { padding:50px 0 0 5px; width:100%; }
.ttl_block .ttl_org02 figure img { width:70%; }
.top_busi_cont { padding:0 0 70px; }

.top_jobtype { width:100vw; height:300px; }
.ttl_block .ttl_blu01 { width:80vw; height:200px; }
.ttl_block .top_jobt_ttl { top:30px; left:50%; width:100%; }
.ttl_block .ttl_blu02 { left:0; bottom:0; width:80vw; height:100px; }
.ttl_block .ttl_blu02 figure { padding:50px 5px 0 0; width:100%; text-align:left; }
.ttl_block .ttl_blu02 figure img { width:70%; }
.top_jobt_cont { padding:0 0 80px; border-bottom:none; }

.ttl_block .ttl_org02 figure { padding:50px 0 0 5px; width:485px; }
.ttl_block .ttl_org02 figure img { width:485px; }

.ttl_block .ttl_org03 { width:80vw; }
.ttl_block .ttl_blu03 { width:80vw; }

/* Top Title ani */
.top_copy_anime1 { display:block; overflow:hidden; }
.item1 { position:relative; width:100%; }
.line-image04a { position:absolute; top:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image04a { position:absolute; top:0; left:0; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item1.visible .fill-image04a { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.item2 { position:relative; width:100%; }
.line-image04b { position:absolute; top:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image04b { position:absolute; top:0; left:0; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item2.visible .fill-image04b { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.item3 { position:relative; width:100%; }
.line-image04c { position:absolute; top:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image04c { position:absolute; top:0; left:0; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item3.visible .fill-image04c { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.item4 { position:relative; width:100%; }
.line-image04d { position:absolute; top:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image04d { position:absolute; top:0; left:0; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item4.visible .fill-image04d { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}
.item5 { position:relative; width:100%; }
.line-image04e { position:absolute; top:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image04e { position:absolute; top:0; left:0; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .5s ease-out; /* 塗り部分が右に動くアニメーション */}
.item5.visible .fill-image04e { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}

/* Top Cont */
.top_busi_cont {}
.top_busi_cont .busi_copy { display:none; }
.top_busi_cont .busi_txt { padding:0 2vw; margin:50px 0 0 0; width:100%; max-width:100%; }
.top_busi_cont .busi_img { margin:0 0 30px; max-width:100%; }
.top_busi_cont .busi_img02 { position:relative; margin:0 0 20px; width:80%; }
.top_busi_cont .busi_img02 figure { padding-top:15%; width:100%; }

.top_jobt_cont {}
.top_jobt_cont .jobt_copy { display:none; }
.top_jobt_cont .jobt_copy02 { display:none; }
.top_jobt_cont .jobt_txt { padding:0 2vw; width:100%; max-width:100%; }
.top_jobt_cont .jobt_img02 { position:relative; margin:0 0 20px; width:80%; }
.top_jobt_cont .jobt_img02 figure { padding-top:15%; width:100%; }

.top_cros_cont .top_cros_cont_txt { width:40vw; }
.top_bene_cont .top_bene_cont_txt { width:40vw; }

.top_casual_require { justify-content:flex-start; }
.top_casual { width:90vw; }
.top_casual a div.top_casual_inner { width:80vw; }
.top_require { margin:0 0 0 10vw; width:90vw; }
.top_require a div.top_require_inner { width:80vw; }


/* Content */
/* Title */
#ttl_box { margin-top:62px; }
.cont_ttl01 { width:100vw; height:auto; line-height:0; }
.cont_ttl01_jobt { width:100vw; height:auto; line-height:0; }
.ttl_block .cont_ttl_org01 { position:static; width:100vw; height:30px; }
.ttl_block .cont_ttl_org02 { position:relative; }
.ttl_block .cont_ttl_org02::before { display:none; }
.ttl_block .cont_ttl_org02inner { position:relative; margin-top:-15px; padding-top:45px; width:100vw; }
.ttl_block .cont_ttl_blu01 { position:static; width:100vw; height:30px; }
.ttl_block .cont_ttl_blu02 { position:static; width:100vw; height:30px; }

.ttl_block ul.bread { position:absolute; top:15px; left:25px; width:auto; transform:translate(0%, 0%);}
.ttl_block ul.bread02 { position:absolute; top:5px; left:25px; width:auto; transform:translate(0%, 0%);}
.ttl_block .cont_ttl_ph01 { position:relative; top:0; left:0; width:auto; transform:translate(0, 0%); z-index:2; }
.ttl_block .cont_ttl_ph02 { margin:0 auto; padding-top:0; width:100%; }
.ttl_block .cont_org02 { position:absolute; right:0; bottom:0; width:70vw; height:auto; padding:12vw 0 0 0; }
.ttl_block .cont_org02 figure { padding:0; width:100%; }
.ttl_block .cont_org02 figure img { width:70%; }
.ttl_block .cont_org03 { position:absolute; right:0; bottom:0; width:70vw; height:auto; padding:12vw 0 0 0; }
.ttl_block .cont_org03 figure { padding:0; width:100%; }
.ttl_block .cont_org03 figure img { width:85%; }
.ttl_block .cont_org03wrap { position:relative; margin:0; padding:0 8vw 50px 8vw; width:100vw; }
.ttl_block .cont_org03inner { position:relative; top:0; right:0; margin:0 0 0 15%; padding:12vw 0 0 0; }
.ttl_block .cont_org03inner figure { width:100%; }
.ttl_block .cont_org03inner figure img { width:100%; }
.ttl_block .cont_org03_bg { position:relative; margin:0 auto; width:100vw; }
.ttl_block .cont_org03_bg::before { display:none; }
.ttl_block .cont_org04 { position:absolute; right:0; bottom:0; width:80vw; height:auto; padding:12vw 0 0 0; }
.ttl_block .cont_org04 figure { padding:0; width:100%; }
.ttl_block .cont_org04 figure img { width:90%; }
.ttl_block .cont_blu02 { position:absolute; right:0; bottom:0; width:70vw; height:auto; padding:12vw 0 0 0; }
.ttl_block .cont_blu02 figure { padding:0; width:100%; }
.ttl_block .cont_blu02 figure img { width:70%; }
.ttl_block .cont_blu03 { position:absolute; right:0; bottom:0; width:70vw; height:auto; padding:12vw 0 0 0; }
.ttl_block .cont_blu03 figure { padding:0; width:100%; }
.ttl_block .cont_blu03 figure img { width:70%; }
.ttl_block .cont_blu04 { position:absolute; right:0; bottom:0; width:85vw; height:auto; padding:13vw 0 0 0; }
.ttl_block .cont_blu04 figure { padding:0; width:100%; }
.ttl_block .cont_blu04 figure img { width:90%; }
.cont_ttl02 { margin:5px 8vw 0 0; width:92vw; }
.cont_ttl03 { margin:5px 0 20px; text-align:right; font-size:var(--font-size-L); font-weight:var(--font-weight-midium); }
.cont_ttl04 { margin:0 0 25px; font-size:var(--font-size-TTL); }
.cont_ttl_txt { font-size:var(--font-size-R); line-height:1.9em; }

.cont_ttl_wrap01 { margin:60px 0 0 0; border-top:solid 2px var(--color-org); }
.cont_ttl_wrap01none { margin:0; border-top:solid 2px var(--color-org); }
.cont_ttl_wrap02 { margin:60px 0 0 0; border-top:solid 2px var(--color-blu); }
.cont_ttl_wrap02none { margin:0; border-top:solid 2px var(--color-blu); }
.cont_ttl_inner { margin:0 auto; width:100vw; }
.cont_ttl_inner_org { border-top:solid 2px var(--color-org); }
.cont_ttl_inner_blu { border-top:solid 2px var(--color-blu); }
.cont_ttl_inner h2 { position:relative; margin:0 0 35px 8vw; padding:3px 8vw 20px 8px; width:92vw; color:var(--color-white); font-size:var(--font-size-TTL); line-height:1.2em; }
.cont_ttl_inner h2.bg_org::before { position:absolute; top:-36px; left:-36px; content:""; width:36px; height:34px; background-color:var(--color-org); display:block; }
.cont_ttl_inner h2.bg_org02 { position:relative; margin:0 0 35px; padding:3px 0 20px 8px; width:92vw; color:var(--color-white); font-size:var(--font-size-TTL); line-height:1; }
.cont_ttl_inner h2.bg_org02::before { position:absolute; top:-36px; left:-56px; content:""; width:56px; height:34px; background-color:var(--color-org); display:block; }
.cont_ttl_inner h2.bg_blu::before { position:absolute; top:-36px; left:-36px; content:""; width:36px; height:34px; background-color:var(--color-blu); display:block; }
.cont_ttl_inner h2.bg_blu02 { position:relative; margin:0 0 35px 8vw; padding:3px 0 20px 8px; }
.cont_ttl_inner h2.bg_blu02::before { position:absolute; top:-36px; left:-36px; content:""; width:36px; height:34px; background-color:var(--color-blu); display:block; }
.cont_ttl_inner h2.bg_blu03 { position:relative; margin:0 0 35px 0; width:100vw; padding:3px 0 20px 8px; }
.cont_ttl_inner h2.bg_blu03::before { position:absolute; top:-36px; left:-36px; content:""; width:36px; height:34px; background-color:var(--color-blu); display:block; }


/* Content Title ani */
.line-image05 { position:absolute; bottom:0; left:0; z-index:1; /* 線画像を前面に */}
.fill-image05 { position:absolute; bottom:0; left:0; width:100%; height:auto; clip-path:inset(0 100% 0 0); /* 最初は塗り部分を隠す */transition:clip-path .3s ease-out; /* 塗り部分が右に動くアニメーション */}
.cont_ttl_ani.visible .fill-image05 { clip-path:inset(0 0 0 0); /* 塗り部分が表示される */}


/* Business */
.no_bdr_sp { border-top:none; }
.busi01wrap { margin:0 0 50px; }
.busi01 { padding:0 8vw; width:100%; }
.busi01 h2 { width:100vw; }
.busi01 p { font-size:var(--font-size-R); line-height:1.9em; }
.busi_copywrap { display:none; }
.busi_copywrap_sp { position:relative; display:block; }
.busi_copywrap_sp figure { margin:0 0 20px; padding-top:0!important; }
.busi_copy_sp { width:70%; }
.busi_copy_sp img.line-image04 { position:static; }
.busi_copy_sp .marker-container { width:70%; }
.busi_copy_sp img.fill-image04 { position:static; }
.busi02 { position:static; margin:0 0 30px; padding:0 8vw; }
.busi02 .busi02box01 { position:static; margin:0 0 20px 0; width:100%; }
.busi02 .busi02box02 { position:static; margin:20px 0 0 0; width:100%; }
.busi02 .busi02box03 { position:static; margin:20px 0 0 0; width:100%; }
.busi02 h3 { margin:0 0 10px; }
.busi02 p { font-size:var(--font-size-R); line-height:1.9rem; }
.busi02 figure { width:60%; }
.busi_ph01 { position:relative; margin:0 0 100px; }
.busi_ph01::after { position:absolute; content:""; top:-80px; right:-80px; height:80px; width:80px; background:var(--color-org); display:block; }
.busi03wrap {}
.busi03 { padding:0 8vw; width:100%; }
.busi03 h4 { margin:0 0 10px; }
.busi03 p { margin:0 0 20px; line-height:1.9em; }
.busi03 figure { padding-top:10px; line-height:0; }
.busi04 { margin:0 0 40px 0; padding:0 8vw; width:100%; }
.busi04 h4 { margin:0 0 10px; }
.busi04 p { margin:0 0 20px; }
.busi_ph02 { margin:0 0 70px; }
.busi_ph02::after { display:none; }
.busi05 { margin:0 0 70px; }
.busi05 .busi05_link a { margin:0 0 0 10vw; width:90vw; }
.busi05 .busi05_link a .busi05_link_inner { max-width:auto; }
.busi05 .busi05_link a .busi05_link_inner .busi05_link_inner_btn { margin:0 10px 0 0; }
.busi05 .busi05_jobt a { margin:0 10vw 0 0; width:90vw; }
.busi05 .busi05_jobt a .busi05_jobt_inner { margin:0 0 0 10vw; padding:10px 0 10px 0; max-width:100%; }
.busi05 .busi05_jobt a .busi05_jobt_inner figure { width:50%; height:auto; min-height:60px; }
.busi05 .busi05_jobt a .busi05_jobt_inner figure img { width:100%; height:auto; }
.busi05 .busi05_jobt a .busi05_jobt_inner .busi05_jobt_inner_btn { margin:0 10px 0 0; }


/* Cross talk */
.cros_top_wrap::before { display:none; }
.cros_top_wrap::after { display:none; }
p.cros_top_lead { width:45%; font-size:var(--font-size-R); }
ul.cros_top_lst { margin:-230px 0 120px; }
ul.cros_top_lst li:nth-child(odd) { margin:-220px 0 0 50%; }
ul.cros_top_lst li:nth-child(even) { margin:-100px 50% 0 0; }

.cros_pplwrap { margin:60px auto 90px; }
ul.cros_ppl { width:100vw; }
ul.cros_ppl li { width:30vw; background-position:right 2.3vw top 9.5vw; background-size:3vw 3vw; }
ul.cros_ppl li:last-child { width:30vw; }
ul.cros_ppl li dt { margin:0 0 15px; width:22vw; }
ul.cros_ppl li dd { line-height:1.4em; }
ul.cros_ppl li dd strong { margin:0 0 10px; }
}











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

.loadingLogo { width:70vw; }
.loadingSpinner { width:20px; height:20px; }

.cookie { padding:1.5em 0; }
.cookie-txt { width:100%; }
.cookie-agree { margin:1em 0 0 0; padding:0.5em 2em; width:100%; }

ul.ft_nav_lst li a { padding-top:12px; font-size:var(--font-size-S); line-height:1.5; }
ul.ft_nav_lst li a.outlink { padding-top:20px; }

.btn { position:relative; margin:30px 0 0 0; }
.btn a { padding:10px 0 10px 20px; width:80vw; }

#footer .f_logo { max-width:100vw; }

/* KV */
#kv .kv_hand_r { top:50%; right:-3%; }
#kv .kv_hand_l { top:10%; left:-3%; }

#kv_lead_ani { margin:45px 0 0 0; }


/* TOP */
/* Top Title */
.top_business { width:100vw; height:180px; }
.ttl_block .ttl_org01 { width:90vw; max-height:70px; }
.ttl_block .top_busi_ttl { top:15px; left:0; width:100%; }
.ttl_block .ttl_org02 { right:0; bottom:0; width:90vw; height:70px; }
.ttl_block .ttl_org02 figure { padding:50px 0 0 5px; width:100%; }
.ttl_block .ttl_org02 figure img { width:70%; }
.top_busi_cont { padding:0 0 70px; }

.top_jobtype { width:100vw; height:180px; }
.ttl_block .ttl_blu01 { width:90vw; max-height:70px; }
.ttl_block .top_jobt_ttl { top:15px; left:50%; width:100%; }
.ttl_block .ttl_blu02 { left:0; bottom:0; width:90vw; height:70px; }
.ttl_block .ttl_blu02 figure { padding:50px 5px 0 0; width:100%; text-align:left; }
.ttl_block .ttl_blu02 figure img { width:70%; }
.top_jobt_cont { padding:0; border-bottom:none; }

.top_cros { margin:70px 0 0 0; width:100vw; height:110px; border-bottom:solid 2px var(--color-org); }
.ttl_block .ttl_org03 { width:90vw; max-height:80px; }
.ttl_block .ttl_org03::before { left:-35px; top:-30px; width:35px; height:30px; }
.ttl_block .ttl_org03 figure { padding:20px 2vw 0 0; width:100%; text-align:right; }
.ttl_block .ttl_org03 figure img { width:80%; }
.top_cros_cont { border-bottom:none; }

.top_bene { margin:70px 0 0 0; width:100vw; height:110px; border-bottom:none; }
.ttl_block .ttl_blu03 { width:90vw; max-height:80px; }
.ttl_block .ttl_blu03::before { right:-35px; top:-30px; width:35px; height:30px; }
.ttl_block .ttl_blu03 figure { padding:20px 5px 0 0; width:100%; }
.ttl_block .ttl_blu03 figure img { width:68%; }
.top_bene_cont { border-bottom:none; }

/* Top Title ani */
.line-image02 { left:10vw; }
.fill-image02 { left:10vw; }

/* Top Cont */
.top_busi_cont {}
.top_busi_cont .busi_img { padding:0 10vw; }
.top_busi_cont .busi_img02 { width:95%; }
.top_jobt_cont {}
.top_jobt_cont .jobt_img02 { width:95%; }

.top_cont_inner { padding:0!important; align-items:center; }
.top_cros_cont { width:100vw; background:none; }
.top_cros_cont .top_cros_cont_txt { margin:30px auto 0; width:80vw; }
.top_cros_cont figure { width:100%; border-bottom:solid 2px var(--color-org); }
.top_bene_cont { width:100vw; background:none; }
.top_bene_cont .top_bene_cont_txt { margin:30px auto 0; width:80vw; }
.top_bene_cont figure { width:100%; border-bottom:solid 2px var(--color-blu); }

.top_casual_require { margin:70px 0 70px; }
.top_casual a { min-height:100%; }
.top_casual a div.top_casual_inner { margin:0; width:100%; }
.top_casual a div.top_casual_inner h2 { width:65vw; height:15vw; }
.top_casual a div.top_casual_inner h3 { padding-top:13vw; }
.top_require a { min-height:100%; }
.top_require a div.top_require_inner { width:100%; }
.top_require a div.top_require_inner h2 { width:65vw; height:15vw; }
.top_require a div.top_require_inner h3 { padding-top:13vw; }

/* Business */
.busi_copy_sp { width:90%; }
.busi_copy_sp .marker-container { width:90%; }
.busi02 figure { width:100%; }
.busi05 .busi05_jobt a .busi05_jobt_inner figure { width:90%; min-height:50px; }


/* Jobtype_top */
.jobt01 { margin:0 0 70px; }
.jobt01_copywrap { position:relative; width:100%; }
.jobt_copy { display:none; }
.jobt_copy_sp { margin:0 0 0 8vw; width:70%; display:block; }
.jobt_copy_sp img.line-image04 { position:static; }
.jobt_copy_sp .marker-container { margin:0 0 0 8vw; width:70%; }
.jobt_copy_sp img.fill-image04 { position:static; }
.jobt01_rgt { margin:20px 0 0 0; width:100%; }
.jobt01_rgt p { padding:0 8vw 20px 8vw; font-size:var(--font-size-R); line-height:1.9em; }
.jobt01_rgt ul.jobt01_lst { margin:20px 0 0 0; }
.jobt01_rgt ul.jobt01_lst li a { padding:0 8vw 0 0; }
.jobt01_rgt ul.jobt01_lst li a h3 { margin:0 0 7px; }
.jobt01_rgt ul.jobt01_lst li a p { padding:0; line-height:1.4em; }
.jobt02 { padding:0 8vw; }
.jobt02line { margin:0 0 70px; }
.jobt03 { margin:0 0 70px; padding:0 8vw; }


/* Jobtype */
.jobt_ttl {}
.jobt_ttl .jobt_ttl_lft { margin:0 8vw 30px 8vw; width:60vw; min-height:auto; }
.jobt_ttl .jobt_ttl_lft .jobt_copy02 { display:none; }
.jobt_ttl .jobt_ttl_lft .jobt_copy02_sp { margin:0; width:100%; display:block; }
.jobt_ttl .jobt_ttl_lft .jobt_copy02_sp img.line-image04 { position:static; }
.jobt_ttl .jobt_ttl_lft .jobt_copy02_sp .marker-container { margin:10px 0 0 0; width:100%; }
.jobt_ttl .jobt_ttl_lft .jobt_copy02_sp img.fill-image04 { position:static; }
.jobt_ttl .jobt_ttl_rgt { padding:0 8vw; width:100vw; }
.jobt_ttl .jobt_ttl_rgt h2 { margin:0 0 15px; padding:0; }
.jobt_ttl .jobt_ttl_rgt p { line-height:1.9em; }

.jobt_acc_wrap { margin:0 0 70px; padding:0 8vw; width:100vw; }
.jobt_acc_tab dt { margin:2px; line-height:0; }
.jobt_acc_tab dd { padding:0 0 0 15px; }
div.jobt_acc_lft { width:100%; border-right:none; }
div.jobt_acc_lft h4 { padding:10px; }
div.acc_rgt { width:100%; }
div.acc_rgt h4 { padding:10px; border-top:solid 2px var(--color-blu); }
ul.jobt_acc_lst { padding:10px 15px; }
ul.jobt_acc_lst dl { padding:8px 0; line-height:1; }
ul.jobt_acc_lst dt { width:20%; }
ul.jobt_acc_lst dd { width:80%; line-height:1.4em; }
ul.jobt_acc_lstph { padding:10px 15px; }
ul.jobt_acc_lstph dl { padding:8px 0; line-height:1; }
ul.jobt_acc_lstph dt { width:20%; }
ul.jobt_acc_lstph dd { width:80%; line-height:1.4em; }

.jobt_career_lstwrap .thinright::before { display:none; }
.jobt_career_lstwrap .thinright::after { display:none; }
.jobt_career_lstwrap .thinright span { top:-8px; left:calc(30% - 23px); }
ul.jobt_career_lst li { padding:0 0 0 0; width:100vw; border-right:none; border-bottom:dotted 2px var(--color-blu); }
ul.jobt_career_lst li:last-child { border-right:none; border-bottom:none; }
ul.jobt_career_lst li dl { display:flex; justify-content:space-between; }
ul.jobt_career_lst li dl dt { padding:30px 2vw 0 0; width:30%; border-right:solid 2px var(--color-blu); text-align:right; }
ul.jobt_career_lst li dl dd { width:70%; margin:20px 8vw 20px 15px; line-height:1.9em; }
ul.jobt_career_lst02 li { padding:0 0 0 0; width:100vw; border-right:none; border-bottom:dotted 2px var(--color-blu); }
ul.jobt_career_lst02 li:last-child { border-right:none; border-bottom:none; }
ul.jobt_career_lst02 li dl { display:flex; justify-content:space-between; }
ul.jobt_career_lst02 li dl dt { padding:30px 0 0 8vw; width:30%; border-right:solid 2px var(--color-blu); }
ul.jobt_career_lst02 li dl dd { width:70%; margin:20px 8vw 20px 15px; line-height:1.9em; }

.jobt_prof { position:relative; }
.jobt_ptof_ttl { margin:0 0 0 20vw; width:80vw; height:100px; }
.jobt_ptof_ttl .jobt_ptof_ttlinner { position:absolute; width:100vw; height:100px; }
.jobt_ptof_ttl .jobt_ptof_ttlinner h2 img { width:70%; }
.jobt_ptof_ttl .jobt_ptof_ttlinner div.jobtype_en { font-size:var(--font-size-RS); }
.jobt_ptof_ttl .jobt_ptof_ttlinner figure img { width:40%; }
.jobt_prof .jobt_prof_blu { position:relative; margin:-70px 0 70px; }
.jobt_prof .jobt_prof_blu::before { display:none; }
.jobt_prof .jobt_prof_bluinner { width:100vw; }
.jobt_prof .jobt_prof_bluinner::after { display:none:; }
.jobt_prof .jobt_prof_lft { margin:100px 8vw 0 8vw; width:100vw; display:flex; justify-content:space-between; }
.jobt_prof .jobt_prof_lft figure { width:48%; }
.jobt_prof .jobt_prof_lft p { width:48%; line-height:1.4em; }
.jobt_prof .jobt_prof_rgt { padding:30px 8vw 20px 8vw; width:100vw; }
.jobt_prof .jobt_prof_rgt h5 { margin:0 0 15px; line-height:2.2em; }
.jobt_prof .jobt_prof_rgt h5 span { line-height:1.4em; }
.jobt_prof .jobt_prof_rgt p { margin:0 0 35px; line-height:1.9em; }
.jobt_back a { width:100%; }


/* Cross talk */
.cros_top_wrap { position:relative; margin:50px 0 0 0; }
p.cros_top_lead { margin:0 0 50px; width:100%; line-height:1.9em; }
ul.cros_top_lst { margin:0 0 70px; }
ul.cros_top_lst li:first-child { margin:0 -8vw 0 0!important; }
ul.cros_top_lst li:nth-child(odd) { margin:0 -8vw 0 0; }
ul.cros_top_lst li:nth-child(even) { margin:0 0 0 -8vw; }
ul.cros_top_lst li a { width:100%; }
ul.cros_top_lst li a .cros_top_lsttxt { padding:10px 15px; }

ul.cros_ppl li { padding:0 0 50px; background-position:left 30% bottom 16px; }


.cros_pplwrap { margin:40px auto 70px; }
.cros_pplwrap h2 { margin:0 0 15px; font-size:var(--font-size-LS); color:var(--color-org); font-style:italic; }
ul.cros_ppl {}
ul.cros_ppl li { padding:0 0 15vw; width:100%; background-position:left 24vw bottom 5.5vw; background-size:5vw 5vw; }
ul.cros_ppl li:last-child { padding:0; width:100%; }
ul.cros_ppl li dl { display:flex; justify-content:flex-start; }
ul.cros_ppl li dt { margin:0 5% 0 0; width:50vw; }
ul.cros_ppl li dd { width:45vw; line-height:1.4em; }
ul.cros_ppl li dd strong { margin:0 0 10px; }
.cros_txtwrap { margin:0 auto 70px!important; }
.cros_txt { margin:0 0 25px; width:100%; }
.cros_txt p { margin:0 0 25px; line-height:1.9em; }
figure.cros_ph { margin:0 0 0 -8vw; width:100vw; }
figure.cros_ph::before { display:none; }
.crosline { display:none; }
.cros_back a { width:100%; }


/* Static */
.page_static { margin:0 0 40px 0; width:100%; }
.page_static h3 { margin:0 0 10px; }
.page_static p { margin:0 0 30px; line-height:1.6em; }


/* Benefits */
.cont_ttl_bene { margin-top:40px; margin-bottom:40px; width:100%; }
.cont_ttl_bene p { font-size:var(--font-size-R); line-height:1.9em; }
.cont_bene { margin:0 0 70px; }
.cont_bene p.bene_txt01 { margin:0 0 30px 0; padding:0; width:100%; line-height:1.9em; }
.cont_bene ul.bene_lst01 { margin:0 0 0 -8vw; width:100vw; flex-wrap:wrap; align-items:flex-start;}
.cont_bene ul.bene_lst01 li { margin:-2px 0 0 10%; width:90%; }
.cont_bene ul.bene_lst01 li:last-child { margin:-2px 10% 0 0; width:90%; }
.cont_bene ul.bene_lst02 { margin:0 0 0 -8vw; width:100vw; flex-wrap:wrap; align-items:flex-start; }
.cont_bene ul.bene_lst02 li { margin:-2px 0 0 10%; width:90%; }
.cont_bene ul.bene_lst02 li:last-child { margin:-2px 10% 0 0; width:90%; }
.cont_bene dt { padding:10px; width:108px; height:108px; }
.cont_bene dd { padding:0 20px; line-height:1.4em; }
.cont_bene p { padding:20px; line-height:1.8em; }

.cont_bene02 { margin:0 0 30px 0; }
.cont_bene02 .cont_bene02_lft { padding:0; width:100%; border-right:none; }
.cont_bene02 .cont_bene02_lft::after { display:none; }
.cont_bene02 .cont_bene02_lft h3 { margin:0 0 10px; padding:0 0 0 20px; }
.cont_bene02 .cont_bene02_lft h3::before { position:absolute; top:20%; left:0; }
.cont_bene02 .cont_bene02_rgt { width:100%; }
.cont_bene02 .cont_bene02_rgt p { margin:0 0 30px; line-height:1.9em; }
.cont_bene02 .cont_bene02_rgt figure { margin:0 0 20px; }
.cont_bene02 .cont_bene02_rgt div.bene02_grp dd { margin:0 0 0 15px; }
.cont_bene02 .cont_bene02_rgt div.bene02_grp p { padding:15px; }
.cont_bene02 .cont_bene02_rgt h4 { margin:0 0 20px; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst { width:100%; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst li { margin:2vw; width:38vw; height:auto; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst div.cir_wrap { position:relative; width:100%; padding-top:100%; height:0; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst div.cir_txt { position:absolute; top:calc((100% - 1em)/2); }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst li h5 { line-height:1.6em; }
.cont_bene02 .cont_bene02_rgt ul.bene02_lst li p { margin:0; padding:0 10px; line-height:1.4em; }
.cont_bene02line { display:none; }


/* Casual Visit */
.cont_ttl_casual { margin-top:40px; margin-bottom:40px; width:100%; }
.cont_ttl_casual h3 { margin:0 0 15px; }
.cont_ttl_casual p { font-size:var(--font-size-R); line-height:1.9em; }
.cont_casual h4 { margin:0 0 15px; }
.cont_casual p.casu_txt01 { margin:0 0 20px; font-size:var(--font-size-R); line-height:1.9em; }
.cont_casual p.casu_txt02 { margin:0 0 10px; line-height:1.9em; }
.cont_casual p.casu_txt03 { margin:0 0 40px; line-height:1.7em; }
.cont_casual ul.casu_fuki { margin:0 0 70px; }
.cont_casual ul.casu_fuki li { padding:15px 20px; width:90%; line-height:1.7em; }
.cont_casual ul.casu_fuki li:nth-child(odd) { margin:0 0 20px 10%; }
.cont_casual ul.casu_fuki li:nth-child(even) { margin:0 10% 20px 0; }

ul.casu_ckech { margin:30px 0 30px 0; width:100%; }
ul.casu_ckech li { margin:10px 0; padding:0 0 0 40px; }
.casu_ph { margin:30px 0 0 0; }
.casu_ph .casu_ph_txt { width:100%; }
.casu_ph figure { width:100%; }
.cont_casual h4.mr_top { margin-top:30px; }

.formwrap { margin:70px 0 0 0; padding:70px 0; }
.formwrap .form_ttl { top:-30px; left:0; padding:15px 30px; text-align:left; width:75vw; }
.formwrap ul.form_lst li { margin:0 0 20px; }
.formwrap ul.form_lst li dt { margin:0 0 5px; width:100%; }
.formwrap ul.form_lst li dd { width:100%; }
.formwrap ul.form_lst li dd ul.form_lstbox02 li { margin:0; width:49%; }
.formwrap ul.form_lst li dd ul.form_lstbox02 li input[type="text"] { padding:5px; width:100%; }
.formwrap ul.form_lst li dd ul.form_lstbox03 li { margin:0; width:32%; }
.formwrap ul.form_lst li dd ul.form_lstbox03 li input[type="text"] { padding:5px; width:100%; }
.formwrap ul.form_lst02 li { margin:0 0 30px; }
.formwrap ul.form_lst02 li dt { width:100%; }
.formwrap ul.form_lst02 li dd { width:100%; }
.formwrap input[type="date"] { padding:4px; font-size:var(--font-size-M)!important; }
.formwrap ul.form_lst02 li dd .wpcf7-form-control { gap:10px 0; max-height:100%; }
.formwrap ul.form_lst02 li dd .wpcf7-list-item { width:100%; justify-content:flex-start!important; }
.formwrap ul.form_lst02 li dd .wpcf7-list-item label { display:flex; align-items:center; }
.formwrap ul.form_lst02 li dd label input[type="checkbox"] { width:30px; height:30px; }
.formwrap ul.form_lst02 li dd div.privacy { padding:20px; height:300px; }
.formwrap div.privacy_check { padding:15px; width:100%; text-align:left; }
.formwrap p.privacy_check_att { margin:5px 0 0 0; text-align:left; line-height:1.4em; }
.formwrap div.form_send { margin:20px auto 0; padding:0!important; width:100%; }
.formwrap div.form_send input[type="submit"] { padding:20px 30px; width:100%;font-size:var(--font-size-M); }
.formwrap div.form_send.arw_wht::before,.formwrap div.form_send.arw_wht::after { right:10%; }

.codedropz-upload-handler { margin:0; border-radius:0!important; }
.codedropz-upload-handler .codedropz-upload-inner span { line-height:1.4em; }
.codedropz-upload-handler .codedropz-btn-wrap { width:100%; }
.codedropz-upload-container { padding:5px 10px!important; }

div.my-cf7-message-area { margin:0 auto; text-align:center; font-size:var(--font-size-M); display:block; }
div.my-cf7-message-area .wpcf7-response-output, div.my-cf7-message-area .wpcf7-response-output, div.my-cf7-message-area .wpcf7-response-output { color:var(--color-org)!important; border:none!important; }
.wpcf7-not-valid-tip { margin:5px 0 0 0; color:var(--color-org)!important; font-size:var(--font-size-R)!important; }

.js-consent-checkbox input[type="checkbox"] { width:34px; height:34px; margin:0 5px 0 0; }
.js-consent-checkbox input[type="checkbox"]::before { width:34px; height:34px; }
.js-consent-checkbox input[type="checkbox"]:checked::after { position:absolute; content:"✓"; top:10px; left:10px; }
.wpcf7-list-item-label { font-size:var(--font-size-M); }
.dnd-upload-counter { display:none!important; }

.form_send .wpcf7-spinner { position:absolute; top:-30px; left:50%; margin:0; transform:translateX(calc(-50% - 12px)); z-index:10; }
.form_send.sending [type="submit"] { visibility:hidden; }


/* Requirements */
.page_static div.link_req a { width:100vw; }
.page_static div.link_req a div.link_req_txt { right:calc(8vw + 15px); }

ul.req_acc_wrap { margin:0 0 30px;　}
ul.req_acc_wrap li {}
ul.req_acc_wrap li div.req_acc_tab { padding:10px 3vw 10px 15px;　}
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner { padding:20px 20px 0 20px; }
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner li { margin:0 0 25px; }
ul.req_acc_wrap li div.req_acc_cont ul.req_acc_continner li dd { line-height:1.7em; }


/* Not Found */
.nf_wrap { margin:18vh 0 10vh; flex-direction:column-reverse; }
.nf_inner { width:100%; }
.nf_inner h2 { margin:0 0 20px; }
.nf_inner p { margin:0 0 30px; }
.nf_inner .backhome { margin:0; min-width:100%; width:100%; }
.nf_inner .backhome a { padding:10px 30px 10px 20px; min-width:100%; width:100%; }
figure.nf_img { margin:0 10% 30px; width:80%; }


}








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


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