@import url('https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@700&display=swap');

@charset "utf-8";
*,*:before,*:after { margin:0; box-sizing:border-box; }

html { font-size:62.5%; }
body { color:#333; font-size:1.6rem; line-height:1.6; margin:0; height:100%; background:#fff; position:relative; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; letter-spacing:.02em; }
body.joblist,
body.detail,
body.single { background:#fafafa; }

a:link,
a:visited { color:#ff6200; text-decoration:none; }
a:hover { color:#ff6200; text-decoration:underline; }

.glink a:link,
.glink a:visited { color:#000; text-decoration:none; }
.glink a:hover { color:#000; text-decoration:underline; }

.gulink a:link,
.gulink a:visited { color:#000; text-decoration:underline; }
.gulink a:hover { color:#ff6200; text-decoration:underline; }

a.nocolor { color:unset; }

img{ border:0; vertical-align:top; max-width:100%; width:auto; height:auto; }
h1,h2,h3,h4,h5,h6 { font-weight:unset; font-size:unset; }
ul,ol,li{ list-style-type:none; margin:0; padding:0; }
table { line-height:unset; }
th { font-weight:normal; text-align:inherit; }
td,th { padding:0; }

.font2 { font-family:"LINE Seed JP", sans-serif; font-weight:700; font-style:normal; }

@font-face { font-family:'LigatureSymbols'; src:url('/contents/font/LigatureSymbols-2.11.ttf') format('truetype'); font-weight:normal; font-style:normal; }
.lsf,.lsf-icon:before { font-family:'LigatureSymbols'; text-rendering:optimizeLegibility; text-decoration:none; letter-spacing:0; line-height:1; }
.lsf-icon:before { content:attr(title); margin-right:0.3em; font-size:130%; }

#overlay,
#overlay_menu,
#overlay_search,
#overlay_important { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); transition:.3s; }
#overlay { z-index:3; }
#overlay_menu { z-index:3; }
#overlay_search { z-index:5; }
#overlay_important { z-index:6; }

section > div { padding:0 3rem; }

section { margin:5rem 0; }
section:last-child { margin-bottom:0; }
section section { margin:3rem 0; }
section:first-of-type { margin-top:3rem; }

/* p:not(:first-child) { margin-top:.5rem; } */
p + p { margin-top:0 !important; }
/* p + :not(p) { margin-top:.5rem; } */

.alpha a img { transition:.2s; }

.note { font-size:1.3rem; }

.hl1 { text-align:center; color:#000; font-weight:bold; font-size:3rem; }
.hl1en { text-align:center; color:#f26e2d; font-weight:bold; font-size:1.2rem; margin-top:0 !important; }

.hl2 { color:#000; font-size:2rem; margin:3rem 0 1rem 0; border-left:.5rem solid #f26e2d; padding:1.5rem 0 1.5rem 1.5rem; line-height:1.3; }
.hl2:first-child { margin-top:0; }
.hl3 { font-size:2.2rem; font-weight:bold; margin:4rem 0 .6rem 0; }
.hl4 { border-bottom:1px dotted #aaa; margin:2rem 0 1rem 0; }
.hl4::before { content:''; background:#f26e2d; width:.5rem; height:.5rem; display:inline-block; border-radius:1rem; vertical-align:middle; margin-right:.5rem; }
.hl4:first-child { margin-top:0; }

.hl5 { background:#f0ece9; padding:.6rem 1.5rem; color:#000; font-size:1.6rem; margin:2rem 0 1rem 0; }
.hl5:first-child { margin-top:0; }
.hl5b { color:#000; font-weight:bold; margin-bottom:3px; }
.hl6 { color:#000; font-size:1.8rem; font-weight:bold; margin-bottom:1rem; line-height:1.3; }

ul.list > li > p { margin-top:.5rem; }
ul.list > li > ul.list { margin-top:.5rem; }
ul.outside { padding-left:2rem; }
ul.outside > li { list-style:outside; }

ul.decimal { padding-left:2.5rem; }
ul.decimal > li { list-style:decimal; }

ul.brackets > li,
ul.brackets2 > li { list-style-type:none; counter-increment:cnt; }

ul.brackets { padding-left:3rem; }
ul.brackets > li { text-indent:-3rem; }
ul.brackets > li:nth-child(n+10) { text-indent:-4rem; }
ul.brackets > li::before { content:"（" counter(cnt) "）"; }

ul.asterisk { padding-left:1rem; }
ul.asterisk > li { text-indent:-1rem; }
ul.asterisk > li::before { content:"※"; }

ul.asterisk2 { padding-left:1rem; }
ul.asterisk2 > li { text-indent:-1rem; }
ul.asterisk2 > li::before { content:"*"; }

.table { margin:1rem 0; background:#ccc; border-collapse:separate; border-spacing:1px; }
.table tr { background:#fff; }
.table tr > * { padding:1.2rem; }
.table th { font-weight:bold; text-align:right; background:#fafafa; min-width:8rem; }

hr { border:0; border-top:1px dotted #aaa; margin:3rem 0; }
.center { justify-content:center; margin:auto; width:fit-content;}._blank:after { content:""; background:url(/contents/img/blank.gif); background-size:contain; margin-left:8px; display:inline-block; width:1.6rem; height:1.6rem; position:relative; top:1px; transition:.2s; }

input[type="text"], input[type="email"], input[type="tel"], textarea { font-size:1.6rem; border-radius:5px; border:1px solid #ccc; padding:1rem; background:#fff; border:1px solid #ddd; }
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, textarea:focus,
.freeword_box:has(input:focus) { background:#fffde5; outline:0; border:1px solid #ffa802 !important; }
input[type="checkbox"] { margin-right:.5rem; width:1.5rem; height:1.5rem; }
input[type="radio"] { margin-right:.3rem; width:1.5rem; height:1.5rem; }
label:has(input[type="radio"][disabled]) { opacity:.5; }
select { font-size:1.4rem; border-radius:.5rem; border:1px solid #ccc; line-height:2; text-align:center; background:#fff; border:1px solid #ddd; }
select:hover { background:#f0f0f0; }
textarea { width:100%; height:15rem; line-height:1.6; }

.side { width:30rem; height:100vh; background:#fff; position:sticky; top:0; left:0; transition:.3s; scrollbar-width:none; box-shadow:.3rem 0 .3rem #00000008; z-index:5; overflow-y:scroll; }
body.joblist .side,
body.detail .side { left:-30rem; position:fixed; }
body.joblist .side,
body.detail .side { background:#f6f6f6; }

/* .top { background:#fff; height:8rem; position:relative; z-index:2; } */
.top { background:#fff; height:7.5rem; position:relative; z-index:2; }
.resp { display:grid; grid-template-columns:30rem 1fr; width:110rem; margin:auto; background:#fff; box-shadow:0 0 .5rem #0001; }
.resp.job-register { display:block; padding-bottom:10rem; }
.right { overflow:hidden; }
.logo { position:relative; }
.desc { font-size:1.2rem; position:relative; }
.side .header { height:15rem; }
.side .logo { padding:2rem; top:3rem; }
.side .desc { top:2.5rem; text-align:center; }
.side_search { border-bottom:1px dotted #aaa; height:15rem; padding-top:1.5rem; }
.side_search form { display:flex; justify-content:center; align-items:center; gap:1rem; padding:0 1.5rem; }

.side_jobnews { display:flex; background:#f6f6f6; padding:.5rem; margin-top:1.5rem; align-items:center; justify-content:center; gap:1rem; } 
.side_jobnews_title { color:#888; font-size:1.2rem; white-space:nowrap; border-right:1px solid #ccc; padding:1rem; }

.side_pickup { font-size:1.2rem; width:28.5rem; line-height:1.7; display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }
.side_pickup li { display:inline-block; }
.side_pickup li { margin-right:1rem; }
/* .side_pickup li:not(:last-child)::after { content:'|'; margin:0 .4rem; color:#aaa; } */
/* .side_pickup li.new a::after { content:url(/contents/img/icon-new.gif); margin-left:.3rem; } */
/* .side_pickup li a { color:#b18468; } */
/* .side_pickup li.new a { color:#ff6200; } */
.side_pickup li.new a::after { content:''; margin-left:.3rem; width:0.5rem; height:0.5rem; background:red; display:inline-block; border-radius:2rem; top:-.5rem; position:relative; }

.sidecontainer { padding:2.5rem 1.5rem; display:grid; grid-template-rows:1fr auto; height:calc(100% - 30rem); gap:1rem; }
.sidemenu a { display:flex; color:#fff; align-items:center; border-radius:.5rem; padding:.8rem 2rem; margin-bottom:1.5rem; transition:.1s; }
.sidemenu a:hover { text-decoration:none; }
.sidemenu a img { width:3rem; }
.sidemenu a.menu3 img { position:relative; left:.5rem; }
.sidemenu { font-size:1.8rem; }
.sidemenu svg { margin-right:1.5rem; }

.sidemenu.style2 a { justify-content:center; padding:.5rem; margin-bottom:1.5rem; }
.sidemenu.style2 a img { width:2.5rem; }
.sidemenu.style2 { font-size:1.6rem; }
.sidemenu.style2 svg { margin-right:1rem; }

.sidemenu .menu1 svg,
.sidemenu .menu2 svg,
.sidemenu .menu3 svg,
.sidemenu .job_menu1 svg { width:4rem; }
.sidemenu .menu4 svg { width:3.5rem; }
.sidemenu .menu1 path,
.sidemenu .job_menu1 path { fill:#fff; }
.sidemenu .menu2 path,
.sidemenu .menu3 path { fill:#f26e2d; }
.sidemenu .menu4 path { fill:#7bbf4b; }

.sidemenu a.menu1 { background:radial-gradient(ellipse at center -200%,#ff7903 60%,#f26e2d,#f26e2d); color:#fff; box-shadow:0 .15rem .1rem #fb6c1547; border:1px solid #ea6e00; border-bottom-width:.2rem; }
.sidemenu a.menu2,
.sidemenu a.menu3,
.sidemenu a.menu4 { background:radial-gradient(ellipse at center 200%,#f4f4f4 40%,#fdfdfd,#fff); color:#333; box-shadow:0 .15rem .1rem #0002; border:1px solid #eee; }
.sidemenu a.job_menu1 { background:radial-gradient(ellipse at center 200%,#42c337 40%,#4bb655,#4bb655); color:#fff; box-shadow:0 .15rem .1rem #3cb44847; border:1px solid #5eab65; }

.sidemenu a:hover.menu1 { background:radial-gradient(ellipse at center -200%,#fd8e00 60%,#f2772d,#f2772d); border-color:#e7740d; }
.sidemenu a:hover.menu2,
.sidemenu a:hover.menu3 { background:radial-gradient(ellipse at center 200%,#fff9d8 40%,#fffbed,#fffcf4); border-color:#ffeacb; box-shadow:0 .15rem .1rem #b1440f22; color:#000; }
.sidemenu a:hover.menu4 { background:radial-gradient(ellipse at center 200%,#f3ffd8 40%,#feffed,#fdfff4); border-color:#e7f4d4; box-shadow:0 .15rem .1rem #58884721; color:#000; }
.sidemenu a:hover.job_menu1 { background:radial-gradient(ellipse at center 200%,#69d04d 50%,#5db64b,#5db64b); box-shadow:0 .15rem .1rem #3bbe0047; border:1px solid #4fbe59; text-decoration:none;}



.top .logo { width:27rem; top:2.2rem; margin:auto; left:1rem; }
.sp .openMenu { display:none; cursor:pointer; width:3rem; height:3rem; position:absolute; top:2.5rem; left:2rem; }
button.openMenu { border:none; background:none; padding:0; }
.openMenu span,
.openMenu span:before,
.openMenu span:after { content:''; background:#bdb1a9; width:3rem; height:.5rem; position:absolute; left:0; right:0; transition:.1s; }
.openMenu span { top:0; }
.openMenu span:before { top:1.2rem; }
.openMenu span:after{ top:2.4rem; }
.openMenu:hover span,
.openMenu:hover span:before,
.openMenu:hover span:after { background:#ffb826; }
.spmenu { display:flex; justify-content:space-around; align-items:center; position:relative; z-index:1; border-bottom:2px solid #ffe3ca;  }
.spmenu a { color:#000; padding:.6rem 0 .9rem 0; width:100%; text-align:center; line-height:1; position:relative; transition:.1s; }
.spmenu a:hover { text-decoration:none; background:#fffbef; }
.spmenu { font-size:1.4rem; }

.spmenu .menu1 svg,
.spmenu .menu2 svg,
.spmenu .menu3 svg { width:3.5rem; }
.spmenu .menu1 path,
.spmenu .menu2 path,
.spmenu .menu3 path { fill:#f26e2d; }
/* .spmenu { background:#fff5da; } */
.spmenu { background:#fff; }
.spmenu a.active { background:#ffea9a; }
/* .spmenu a:not(:first-child)::after { content:''; height:4rem; background:#ffea9a; width:1px; position:absolute; left:0; top:0; bottom:0; margin:auto; } */
.spmenu a:not(:first-child)::after { content:''; height:4.5rem; background:#ddd; width:1px; position:absolute; left:0; top:0; bottom:0; margin:auto; }
.spmenu a.active::after,
.spmenu a.active + a::after { display:none; }

.ham_box { width:4.5rem; height:4.5rem; background:#fff; box-shadow:0 .15rem .2rem #0006; position:fixed; top:1.7rem; left:1.5rem; z-index:4; display:flex; justify-content:center; align-items:center; padding:1rem; border-radius:.5rem; border:1px solid transparent; cursor:pointer; transition:.1s, top .3s; animation:hamboxdisplay .6s; }
@keyframes hamboxdisplay {
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
.ham_box:hover { background:#fffce4; border-color:#f26e2d99; }
.ham_box .ham,
.ham_box .ham::before,
.ham_box .ham::after { content:''; background:#f26e2d; width:100%; height:.3rem; left:0; border-radius:1rem; top:-0.6rem; }
.ham_box .ham { position:relative; }
.ham_box .ham::before { position:absolute; top:-.8rem; }
.ham_box .ham::after { position:absolute; top:.8rem; }
.ham_box .text { position:absolute; color:#666; bottom:0.3rem; font-size:0.9rem; letter-spacing:0.1rem; right:0; left:0; transition:.1s; }
.ham_box:hover .text { color:#000; }

.ham_box.scrolled { top:-5rem; }

.contact1 { font-weight:bold; }
.contact2 { font-size:1.2rem; margin-bottom:1rem; text-align:center; }
.side .tel { display:flex; justify-content:center; align-items:center; }

.side .tel img { height:3rem; margin-right:1rem; }
.side .tel span { font-size:2.6rem; color:#000; font-weight:bold; }

.company { text-align:left; margin:2rem 0; }
.company1 { font-weight:bold; font-size:1.4rem; }
.company2 { font-size:1.2rem; margin-top:.5rem; }
.company3 { font-size:1.1rem; color:#666; margin-top:.5rem; }

.footer { font-size:1.2rem; display:flex; flex-wrap:wrap; gap:.25rem 1rem; }
footer .menu { justify-content:center; flex-wrap:wrap; border-top:1px dotted #7b7b7b; border-bottom:1px dotted #7b7b7b; padding:1.2rem 0; margin-bottom:2rem; }
footer .menu a { margin:0 .6rem; }

footer section { margin:2rem 0; }
footer section > div { padding:0 3rem; }

.copyright { font-size:1.1rem; color:#666; margin-top:1rem; }

.footer_menu { display:grid; grid-template-columns:1fr 1fr 1fr; gap:1rem; text-align:center; font-size:1.4rem; }
.footer_menu a { display:flex; justify-content:center; width:100%; padding:1rem; color:#000; box-shadow:0 .1rem .2rem #0002; background:#fff; border-radius:.5rem; transition:.1s; }
.footer_menu a:hover { background:#f8ffe8; text-decoration:none; }
.footer_menu a[title="pin"]::before { color:#ec5151; }
.footer_menu a[title="mail"]::before { color:#7bbf4b; }
.footer_menu a[title="building"]::before { color:#f9b100; }
.footer_menu svg { width:2rem; margin-right:.3rem; }
.footer_menu svg path { fill:#f26e2d; }

.footer_tel { display:flex; justify-content:center; flex-wrap:wrap; gap:2rem; text-align:center; }
.footer_tel .number { margin-bottom:.5rem; }
.footer_tel .number img { height:2.8rem; margin-right:.7rem; }
.footer_tel .number p { font-size:2.8rem; font-weight:bold; line-height:1.2; }
.footer_tel .title { text-align:center; }
.footer_tel .contact_tel { font-size:2.6rem; justify-content:center; }
.footer_tel .contact_tel img { height:2.6rem; }

 }

nav { display:flex; justify-content:left; flex-wrap:wrap; border-bottom:1px dotted #aaa; padding-bottom:1rem; margin:0; }
nav li { font-size:1.2rem; }
nav li:not(:last-child):after { content:""; background:url(/contents/img/icon-arrow-navi.gif); background-size:contain; background-repeat:no-repeat; display:inline-block; position:relative; top:.5rem; width:.5rem; height:1.3rem; margin:0 .8rem; }
nav { display:flex; flex-wrap:wrap; }

.flex { display:flex; align-items:center; flex-wrap:wrap; }
.flex .button:last-child { margin-right:0 !important; }
.nowrap { flex-wrap:nowrap; white-space:nowrap; }

.button { font-size:1.5rem; text-align:center; text-align:center; display:inline-block; cursor:pointer; transition:.2s; }
.button:hover { text-decoration:none; }

.button.btn7 { background:radial-gradient(ellipse at center -200%,#fff39e 60%,#f9e978,#f9e978); color:#000; border:1px solid #f2c353; border-bottom-width:.2rem; box-shadow:0 .15rem .1rem #f2805347; display:block; text-align:center; padding:1.5rem 1rem; border-radius:.5rem; font-size:1.8rem; }
.button.btn7:hover { background:radial-gradient(ellipse at center -200%,#fffce5 60%,#fff8c6,#fff8c6); border-color:#ffdb86; box-shadow:0 .15rem .1rem #ffbca247; color:#843405; }

.button.btn8 { background:#fff; color:#333; border:1px solid #ddd; display:block; text-align:center; padding:1rem 2rem; border-radius:.5rem; width:fit-content; margin:auto; box-shadow:0 .2rem .2rem #0002; display:flex; align-items:center; gap:1rem; line-height:1; }
.button.btn8 .lsf { font-size:2.4rem; }
.button.btn8:hover { color:#f26e2d; }

.margin5-0 { margin:5rem 0; }

.tableflex { margin-bottom:1rem; }
.tableflex > div { display:flex; padding:2rem 0; }
.tableflex > div:not(:last-child) { border-bottom:1px dotted #aaa;}
.tableflex > div > div:first-child { width:20rem; min-width:20rem; font-weight:bold; }
.tableflex > div > div:last-child { width:100%; word-break:break-all; }

.tablegrid { display:grid; grid-template-columns:auto 1fr; gap:1.5rem 0; }
.tablegrid dt { text-align:right; font-weight:bold; padding-left:3rem; max-width:20rem; min-width:15rem; }
.tablegrid > * { border-bottom:1px dotted #aaa; padding-bottom:1.5rem; }
.tablegrid > dt:last-of-type,
.tablegrid > dd:last-of-type { border-bottom:0; padding-bottom:0; }
.tablegrid > dd { padding-left:3rem; }

.flick_news { user-select:none; }

.flick_news .category { min-width:100%; width:100%; }

.all_grid { grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; }
.flick_select { display:flex; transition:0s; position:relative; top:0; justify-content:center; gap:0.5rem; margin:1rem 0; animation:flickSelect .4s ease-out;}
.flick_select label { background:#eee; padding:.5rem; border-radius:1rem; cursor:pointer; user-select:none; position:relative; animation:flickSelect_unselect .2s ease-out; }
.flick_select label:hover { background:#ddd; }
.flick_select label:has(input:checked) { background:#ffb567; animation:flickSelect_select .3s ease-out; }
@keyframes flickSelect {
    0% { opacity:0; }
    50% { opacity:0; }
    100% { opacity:1; }
}
@keyframes flickSelect_unselect {
    0% { background:#ffb567; }
    100% { background:#eee; }
}
@keyframes flickSelect_select {
    0% { transform:translateY(.5rem); opacity:0; }
    100% { transform:translateY(0); opacity:1; }
}

.flick_select.scrolled1 { visibility:hidden; position:fixed; top:-7rem; left:0; right:0; z-index:3; display:flex; gap:.8rem; background:linear-gradient(#0004,#0000); justify-content:right; padding:1.7rem 1rem; }
.flick_select.scrolled1 label { width:auto; font-size:1.2rem; background:#fff !important; color:#333 !important; padding:.5rem 1rem; border:1px solid transparent !important; box-shadow:0 .1rem .2rem #0002; border-radius:0.5rem; }
.flick_select.scrolled1 label:hover { background:#fffce4 !important; color:#000 !important; border-color:#f26e2d99 !important; }
.flick_select span.lsf { display:none; font-size:1.5rem; margin-right:.4rem; color:#f26e2d; }
.flick_select.scrolled1 span.lsf { display:inline-block; }

.flick_select.scrolled2 { visibility:visible; transition:top .2s; }
.flick_select.scrolled2 label { transition:background .1s, border-color .1s; }
.flick_select.scrolled3 { top:0; }

.hoverfilter a img { transition:.3s; }
.hoverfilter a:hover img { filter:contrast(.6) brightness(1.3); }
.flickity-page-dots { display:flex; transition:0s; position:relative; top:0; justify-content:center; gap:1rem; margin:1rem 0; animation:flickSelect .4s ease-out; }
.flickity-page-dots .dot { background:#eee; padding:.5rem; border-radius:1rem; cursor:pointer; user-select:none; position:relative; animation:flickSelect_unselect .2s ease-out; }
.flickity-page-dots .dot:hover { background:#ddd; }
.flickity-page-dots .dot.is-selected { background:#ffb567; animation:flickSelect_select .3s ease-out; }


.flick_hidden { overflow-x:hidden; }

.flick_content { display:flex; will-change:transform; cursor:grab; padding:0; position:relative; left:0; transition:.5s; touch-action:pan-y; }
.flick_content.grabbing { cursor:grabbing; transition:none; }

.jobinfo { display:flex; flex-wrap:wrap; align-items:center; font-size:1.2rem; margin-bottom:.5rem; line-height:1; gap:.3rem .8rem; }
.job_no { color:#888; }
.job_type { padding:.25rem .4rem; min-width:8rem; text-align:center; border-width:1px; border-style:solid; box-shadow:0 1px 1px #0002; border-radius:.3rem; }
.job_type[data-id="食品加工"] { background:#ef3e3f; border-color:#ef3e3f; color:#fff; }
.job_type[data-id="水産加工"] { background:#4fa5e6; border-color:#4fa5e6; color:#fff; }
.job_type[data-id="部品加工"] { background:#50bdc3; border-color:#50bdc3; color:#fff; }
.job_type[data-id="事務"] { background:#f2a224; border-color:#f2a224; color:#fff; }
.job_type[data-id="倉庫作業"] { background:#53ba5f; border-color:#53ba5f; color:#fff; }
.job_type[data-id="その他"] { background:#a0a0a0; border-color:#a0a0a0; color:#fff; }
/* .job_employ { padding:.25rem .4rem; min-width:8rem; text-align:center; border-width:1px; border-style:solid; border-radius:.3rem; } */
.job_employ { color:#888; margin-left:.4rem; }
.job_employ::after { content:'|'; margin-left:.8rem; color:#ddd; }

/* .job_employ[data-id="派遣"] { color:#ff6c00; border-color:#ff6c00; } */
/* .job_employ[data-id="業務請負"] { color:#4ebf3f; border-color:#4ebf3f; } */
/* .job_employ[data-id="職業紹介"] { color:#00aeff; border-color:#00aeff; } */
h1.title { color:#000; font-size:2.4rem; font-weight:bold; margin-bottom:.3rem; }
.area { display:flex; flex-wrap:wrap; gap:0 1.5rem; color:#535aca; font-size:1.4rem; margin-bottom:.8rem; }

.tags { display:flex; flex-wrap:wrap; align-content:baseline; gap:.5rem; }

/* .tag-item { padding:0 .4rem; background:#fff; color:#333; border:1px solid #666; border-radius:.3rem; font-size:1.2rem; text-align:center; } */
.tag-item { padding:0 .4rem; background:#fff; color:#777; border:1px solid #ddd; border-radius:.3rem; font-size:1.2rem; text-align:center; }

/* .tag-item img { height:.9rem; margin-right:.5rem; vertical-align:baseline; } */
.tag-item img { height:.9rem; margin-right:.5rem; vertical-align:baseline; display:none; }
/* .tag-item.full { background:#53c29c; border-color:#3d8e72; color:#fff; } */
/* .tag-item.part { background:#d675be; border-color:#9d568b; color:#fff; } */
.tag-item.full { background:#f4fffb; border-color:#53c29c66; color:#14b17b; }
.tag-item.part { background:#fff7fd; border-color:#d675be66; color:#be4ea3; }

.job_list { display:grid; }
.thum { color:unset; display:block; padding:2rem 2rem 3rem 2rem; background:#fff; box-shadow:0 0 .3rem #0002; overflow:hidden; position:relative; transition:.1s; border-radius:1rem; border: 1px solid #ddd; }
.thum.end { background:#fafafa; box-shadow: 0 0 .3rem #0001; pointer-events:none; user-select:none; }
.thum.end > div.grid { opacity:.3; }
.thum.end::before { content: 'この求人は受付を終了しました。'; width:fit-content; height:fit-content; position:absolute; left:0; right:0; top:0; bottom:0; text-align:center; margin:auto; padding:1.5rem 2rem; line-height:1; background:#fffa; color:#000; border:1px solid #000a; box-shadow:0 0.3rem 0.3rem #0003; border-radius:0.5rem; z-index:1; }

.job_list a.thum { color:#333; width:100%; }
.job_list a.thum:hover { text-decoration:none; }
.job_list a.thum.new:hover { border-color:#ff473e !important; }
.job_list a.thum:not(.end):hover { background:#fffefa !important; box-shadow:0 0 .3rem #f606 !important; border-color:#ffd043 !important; }
.thum .header .title { color:#000; font-size:2rem; font-weight:bold; text-decoration:underline; display:inline; }
.thum .grid { display:grid; }

.thum .image { text-align:right; }
.thum .image img { width:100%; object-fit:cover; }
.thum .content { font-size:1.4rem; display:flex; align-items:baseline; align-content:baseline; }

.thum .content > div { display:flex; align-items:baseline; border-bottom:1px dotted #aaa; width:100%; gap:1rem; }.thum .content .title { white-space:nowrap; }

.thum .content > div { padding-bottom:.3rem; }
.thum .content > div:not(:first-child) { padding-top:.3rem; }

.thum .pay .wage span { color:red; font-weight:bold; font-size:1.8rem; }
.thum .pay .wage span.small { font-size:80%; margin-left:.2rem; }
.thum .pay .wage .night .title { font-weight:normal; font-size:1.2rem; color:#333; margin-right:.2rem; }

.thum .night { display:inline-block; font-size:85%; }
.thum .date { color:#999; font-size:1.2rem; position:absolute; right:2rem; bottom:1rem; }
.thum .list li { list-style-type:disc; margin-left:1rem; margin-bottom:0 !important; }
.thum .header[data-id="食品加工"] { border-color:#ef3e3f; }
.thum .header[data-id="水産加工"] { border-color:#4fa5e6; }
.thum .header[data-id="部品加工"] { border-color:#50bdc3; }
.thum .header[data-id="事務"] { border-color:#f2a224; }
.thum .header[data-id="倉庫作業"] { border-color:#53ba5f; }
.thum .header[data-id="その他"] { border-color:#a0a0a0; }
.thum .area { margin:0; }
.thum .tags { margin:0; }
.thum.new { border:1px solid #ff968b !important; box-shadow:0 .3rem .3rem #ff968b80 !important;}

.thum.new::before { content:'NEW'; position:absolute; top:-0.7rem; right:-3.2rem; transform:rotate(45deg); font-weight:bold; font-size:1rem; line-height:1; color:#fff; background:#ff1800; padding:2rem 3rem 0.5rem 3rem; }

body.detail .search_detail .panel { background:#fff; padding:3rem 0rem; border-radius:2rem; margin-top:2.5rem; box-shadow:0 0 .5rem #0001}
body.detail .search_detail .list li { list-style-type:disc; margin-left:2rem; }
body.detail .search_detail .tags { margin-bottom:2rem; }
body.detail .search_detail .time { border:1px solid; padding:0 1rem; text-align:center; display:inline-block; margin-bottom:.5rem; }
body.detail .search_detail .time:not(:first-child) { margin-top:1rem; }
/* body.detail .search_detail .full.time { color:#53c29c; border-color:#53c29c;} */
/* body.detail .search_detail .part.time { color:#d675be; border-color:#d675be;} */
body.detail .search_detail .full.time { background:#f4fffb; border-color:#53c29c66; color:#14b17b; }
body.detail .search_detail .part.time { background:#fff7fd; border-color:#d675be66; color:#be4ea3; }
/* body.detail .search_detail .sub { color:#666; font-size:1.2rem; border-top:1px dotted #ccc; padding-top:1rem; margin-top:1rem; } */
body.detail .search_detail .sub { color:#666; font-size:1.2rem; background:#f6f6f6; padding:1rem; margin-top:1rem; }
body.detail .search_detail .date { color:#999; font-size:1.2rem; margin-top:3rem }
body.detail .search_detail .end { background:#e82222; color:#fff; padding:2rem; border-radius:0.5rem; margin-bottom:2rem; text-align:center; font-weight:bold; }
body.detail .search_detail .image { text-align:center; margin:2rem 0; }

body.detail .search_detail .entry { border-radius:2rem; overflow:hidden; box-shadow: 0 0 .5rem #0001; }
body.detail .search_detail .entry h2 { background:#f26e2d; color:#fff; font-weight:bold; font-size:2.4rem; padding:2rem 2rem; text-align:center; }
body.detail .search_detail .entry > div { padding:3rem; background:#fff; }

body.detail .search_detail .entry .register a,
body.detail .search_detail .entry .register button { width:100%; }

body.detail .search_detail .entry .number_title { background:#fff; border:3px solid #aaa; border-radius:1.5rem; padding:1.5rem 2rem; font-weight:bold; font-size:2rem; margin:2rem 0; }
body.detail .search_detail .entry .number_title .number span:first-child { color:#39ad21; font-size:1.6rem; margin-right:.5rem; }

body.detail .search_detail .entry .tel { justify-content:space-between; flex-wrap:nowrap; gap:2rem; }
body.detail .search_detail .entry .tel > div { width:100%; }
body.detail .search_detail .entry .tel .number { margin-bottom:.5rem; }
body.detail .search_detail .entry .tel .number img { height:2.8rem; margin-right:.7rem; }
body.detail .search_detail .entry .tel .number p { font-size:2.8rem; font-weight:bold; line-height:1.2; }

.register_tel { display:flex; justify-content:center; gap:2rem; text-align:center; }
.register_tel > div { width:100%; }
.register_tel .number { margin-bottom:.5rem; }
.register_tel .number img { height:2.8rem; margin-right:.7rem; }
.register_tel .number p { font-size:2.8rem; font-weight:bold; line-height:1.2; }

.register_tel .title { padding:1.5rem; color:#000; font-size:2rem; border:1px solid #000; border-radius:1rem; text-align:center; margin-bottom:2rem; }
.register_tel .contact_tel { font-size:3.6rem; justify-content:center; }
.register_tel .contact_tel img { height:3.6rem; }

.main:has(.search) { background:#fafafa; }
.search .type li { border-radius:100px; line-height:1.5; text-align:center; padding:0 1rem; font-size:1.4rem; }
input[type="range"].time { width:auto; }
.search .flex { min-height:3.5rem; }
.search .flex span { margin:0 1rem; }
.search .flex span:first-child { margin-left:0; }
.search .flex span:last-child { margin-right:0; }
.search .flex label { min-width:50%; }
.search input[type="checkbox"] + label li { cursor:pointer; user-select:none; }
.search input[type="checkbox"]:not(:checked) + label li[class*="type"] { border-color:#ddd; background:#ddd; }
.search input[type="checkbox"]:not(:checked) + label li[class*="tag"] { border-color:#ddd; color:#ddd; }
.search input[type="checkbox"]:not(:checked) + label li[class*="type"]:hover { background:#e6e6e6; }
.search input[type="checkbox"]:not(:checked) + label li[class*="tag"]:hover { border-color:#e6e6e6; color:#e6e6e6; }
.search input[type="checkbox"]:not(:checked) + label li[class*="type"]:active { background:#ccc; }
.search input[type="checkbox"]:not(:checked) + label li[class*="tag"]:active { border-color:#ccc; color:#ccc; }
.search input[type="checkbox"]:checked + label li:hover { opacity:.8 }
.search input[type="checkbox"]:checked + label li:active { opacity:1; }

.search .checklist { display:flex; flex-wrap:wrap; user-select:none; }
.search .checklist label { min-width:50%; cursor:pointer; font-size:1.4rem; line-height:2; }
.search .checklist label:hover,
.search .checklist label:has(input[type="checkbox"]:checked) { color:#0060df; }

.search .center { width:60rem; margin:auto; text-align:center; }

.accordion .opened { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .4s cubic-bezier(.27,0,.18,1), opacity .5s; }
.accordion .opened > .accordion-content { overflow:hidden; margin-top:1.5rem; }
.accordion .register:has(input[value="web"]:checked) ~ #web.opened { grid-template-rows:1fr; opacity:1; }
.accordion .register:has(input[value="tel"]:checked) ~ #tel.opened { grid-template-rows:1fr; opacity:1; }

.register:has(input:checked) .button { background:radial-gradient(ellipse at center -200%,#eee 60%,#eee,#eee); border-color:#ddd; box-shadow:0 .15rem .1rem #0001; color:#aaa; }
.register:has(input:checked) .button:hover { background:radial-gradient(ellipse at center -200%,#f6f6f6 60%,#f6f6f6,#f6f6f6); color:#000; }
.register label:has(input:checked) .button { background:radial-gradient(ellipse at center -200%,#fff39e 60%,#f9e978,#f9e978); border-color:#f2c353; box-shadow:0 .15rem .1rem #f2805347; color:#000; }
.register label:has(input:checked) .button:hover { background:radial-gradient(ellipse at center -200%,#fffce5 60%,#fff8c6,#fff8c6); border-color:#ffdb86; box-shadow:0 .15rem .1rem #ffbca247; color:#843405; }
.register_content { box-shadow:0 0 1rem #0003; border-radius:1rem; padding:3rem; margin-top:2rem; }
.job-register .register_content { max-width:80rem; margin-left:auto; margin-right:auto; }

.register_complete { background:#45ca5a; color:#fff; text-align:center; padding:2rem; font-size:2rem; }

.hit { font-size:1.1rem; line-height:1; text-align:center; min-width:7rem; }
.hit p { margin:.5rem 0; }
.hitValue { margin:0 .5rem; color:#ff481e; font-size:1.8rem; font-weight:bold; }
.tag01 { border:2px solid #e27822; color:#e27822; }
.tag02 { border:2px solid #2c50ab; color:#2c50ab; }
.tag03 { border:2px solid #53c29c; color:#53c29c; }
.tag04 { border:2px solid #d675be; color:#d675be; }

.searchquery { margin:2rem 0; }
.searchquery h1 { font-weight:bold; font-size:3rem; }

.search_info { font-size:1.3rem; display:flex; flex-wrap:wrap; justify-content:end; align-items:center; }

.search_info .search_items { color:#888; font-size:1.3rem; flex-grow:1; }
.search_info > .sort_type:not(:last-child)::after { content:'|'; font-weight:normal; color:#ccc; margin:0 .5rem; }

.recentjob { margin-bottom:4rem; }
.recentjob > li { border-bottom:1px dotted #aaa; padding:1rem 0; }
.recentjob .date { color:#c46e4d; font-size:1.3rem; }
.recentjob .title h3 { font-weight:bold; display:inline; }

.recentjob li.new .title h3::after { content:url(/contents/img/icon-new.gif); margin-left:1rem; }

.recentjob .title .job_type { font-size:1.1rem; margin-right:.5rem; line-height:1; display:inline-block; }

.recentjob .info { display:flex; flex-wrap:wrap; font-size:1.2rem; color:#666; gap:0 1.5rem; }
.recentjob .info span.lsf { min-width:3rem; font-size:1.6rem; margin-right:.4rem; }
.recentjob .info > div { display:flex; }

.recentjob .end .title { color:#aaa; }

.recentjob + .more { text-align:center; margin-top:2rem; }

.joblist .recentjob .header { padding:.4rem; font-size:1.2rem; text-align:center; }
.joblist .recentjob > li { padding:.4rem 0; }
.joblist .recentjob > li:first-child { padding-top:0; }
.joblist .recentjob .date { color:#999; min-width:8rem; font-size:1.2rem; }
.joblist .recentjob .title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:1.3rem; }
.joblist .recentjob .title.new a::after { content:url(/contents/img/icon-new.gif); margin-left:1rem; }
.joblist .hl2 { font-size:1.6rem; }

.top_other { display:grid; grid-template-columns:1fr 1fr; gap:1rem; text-align:center; font-size:1.4rem; }
.top_other li { display:flex; justify-content:center; border:1px solid #f26e2d; border-radius:1rem; }
.top_other li a { width:100%; padding:1rem; }

.article li { margin:0 0 20px 0; }
.article h4::before { content:"○"; font-weight:bold; color:#aaa; margin:0 5px 0 0; }
.article div { margin:0 0 0 10px; }
.contact_tel { display:flex; align-items:center; gap:1rem; font-size:3rem; font-weight:bold; line-height:1; margin-bottom:.8rem; }
.contact_tel img { height:3rem; }
a.tel_button { font-size:1.6rem; width:fit-content; margin:1rem auto; padding:.7rem 2rem; }
.clear { clear:both; }
.btn a { background:#e0e0e0; color:#333; display:block; text-align:center; font-size:110%; padding:6px 0 4px 0; position:relative; border-bottom:3px solid #ccc; transition:.2s; border-radius:3px; }

.step_number { margin-right:.3rem; font-size:1.8rem; }

.step { text-align:center; margin:auto; border-collapse:collapse; }
.step td { padding:0; }
.step div { display:flex; align-items:center; }
.step li:not(:nth-child(2)) { height:3px; display:inline-block; }
.step.step1 li:not(:nth-child(2)) { width:4rem; }
.step.step2 li:not(:nth-child(2)) { width:2.5rem; }
.step .line0 { background:none; }
.step .line1 { background:#c4cfb0; }
.step .line2 { background:#45ca5a; }
.step li:nth-child(2) { width:2rem; height:2rem; border-radius:100px; display:inline-block; }
.step .circle1 { background:#c4cfb0; }
.step .circle2 { background:#45ca5a; }
.step .circle3 { border:2px solid #45ca5a; content:url(/contents/img/check.gif); padding:2px; }
.step th { font-size:1.3rem; text-align:center; padding-top:1rem; line-height:1.4; }
.step th.color1 { color:#c4cfb0; }
.step th.color2 { color:#0fa026; font-weight:700; }

.calendar { border-collapse:collapse; font-size:1.4rem; position:relative; text-align:center; user-select:none; }
.calendar tr > * { height:4rem; border-bottom:1px dotted #aaa; }
.calendar tr > *:not(:last-child) { border-right:1px solid #ccc; }
.calendar tr.week td { border-bottom:0; }
.calendar tr:not(.day) > *:first-child { border-right:1px solid #aaa; }
.calendar tr.time1 > * { border-top:1px solid #999; }

.calendar td,
.calendar th { width:7rem; }
.calendar tr.week > *,
.calendar tr.day > * { height:3rem; }
.calendar tr.time1 > *,
.calendar tr.time2 > * { height:5rem; }

.calendar td { user-select:none; }
.calendar td.available:hover { background:#f9f6ec; }
.calendar td.unavailable:hover { background:#e0e0e0 }
.calendar td.available:hover::before { border-color:#fff; }

.calendar th { background:#fafafa; }
.calendar .sun { background:#ffdcd8; color:#ff1212;}
.calendar .sat { background:#cbf3ff; color:#0058ff; }
.calendar .today { background:#534943; color:#fff; }

.calendar td.available label { cursor:pointer; position:relative; }
.calendar td.available label::before { content:""; display:inline-block; width:1.4rem; height:1.4rem; border:.2rem solid #999; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); }
.calendar td.available label { width:100%; height:100%; display:block; }
.calendar td.available:has(input:checked) { background:#fff455; }
.calendar td.available:has(input:checked):hover { background:#fffd8c; }
.calendar td.available:has(input:checked) label::before { border-color:#000; border-width:.3rem; width:1.6rem; height:1.6rem; }
.calendar td.unavailable { background:#eee; color:#aaa; font-size:150%; line-height:1; }
.calendar td.tel { cursor:pointer; }
.calendar td.tel:hover { background:#fffde3; }

/* #selected-list { padding:1rem; margin:0 .5rem 1.5rem .5rem; border-radius:1rem; box-shadow:0 .2rem .3rem #0002; color:#000; } */
#selected-list { padding:1rem; margin:0 .5rem 1.5rem .5rem; border-radius:1rem; color:#a26300; }
/* #selected-list:has(p) { background:#fff455; } */
#selected-list:has(p) { border:1px solid #a26300; }
#selected-list:has(ul) { background:#fffde3; color:#000; box-shadow:0 .2rem .3rem #0002; }
#selected-list li:nth-child(n+2):last-child::after { content:'※複数選択された場合は、いずれかの日時で調整のうえ決定させていただきます。'; display:block; font-size:1.2rem; color:teal; }

#selected-list li { animation:slideAdd 0.2s ease-out; }
@keyframes slideAdd {
    0% { transform: translateY(10px); opacity: 0; }
    100% { transform: translateY(0); opacity: 1; }
}

.calendar_flex { display:flex; justify-content:center; align-items:center; gap:2rem; margin-bottom:1rem; overflow:hidden; }
.calendar_flex button { padding:0; background:none; cursor:pointer; font-size:130%; transition:.1s; border:1px solid #ccc; border-radius:10rem; width:3rem; height:10rem; box-shadow:0 .2rem .2rem #0001; }
.calendar_flex button:active { background:#000 !important; border-color:#000 !important; color:#fff !important; transition:0s; }
.calendar_flex button:hover { background:#333; border-color:#333; color:#fff; }
.calendar_flex button.disabled { opacity:.3; pointer-events:none; }
.calendar_flex button.prev { padding-right:.2rem; }
.calendar_flex button.next { padding-left:.2rem; }

.calendar { transition:opacity 0.2s ease; }
.slide-next { animation:slideNext 0.3s ease-out; }
.slide-prev { animation:slidePrev 0.3s ease-out; }
@keyframes slideNext {
    0% { transform: translateX(20px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}
@keyframes slidePrev {
    0% { transform: translateX(-20px); opacity: 0; }
    100% { transform: translateX(0); opacity: 1; }
}

.form .title { text-align:center;font-size:150%;font-weight:700;color:#fff;background:#ffb826;padding:15px; }
.label { display:inline-block;font-size:115%;font-weight:700;color:#000; }
.required:after { content:"必須"; font-size:1.2rem; padding:.1rem .3rem; position:relative; top:-0.2rem; left:0.6rem; border-radius:.5rem; background:#ff6e75; color:#fff; }
input[type="text"],
input[type="email"],
input[type="tel"],
textarea { line-height:1.6;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;max-width:100%;border-radius:3px;border:1px solid #ccc;padding:5px 6px; }
input[type="checkbox"] { margin-right:5px; }
select { line-height:1.6;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;border-radius:3px;border:1px solid #ccc;padding:5px 6px;margin-right:5px;text-align:center;background:#fff; }
select:hover { background:#f0f0f0; }
textarea { width:100%;height:150px; }
.label_error { font-size:1.2rem; color:red; background:#fee; padding:.2rem .6rem; border-radius:.2rem; margin-bottom:.3rem; display:inline-block; }
.label_error:nth-child(2n-1) { margin-left:.5rem; }
.label_error::before { content:'*'; }
.input_error { border:1px solid #ff0000!important; }

.input_error_check { border:1px solid red;padding:5px 10px;display:inline-block;border-radius:3px; }
button.submit { width:100%; }
.submit { display:block; text-align:center; padding:1.5rem 3rem; border-radius:.5rem; font-size:1.8rem; margin:auto; cursor:pointer; transition:.2s; }
.submit_ok { background:radial-gradient(ellipse at center -200%,#cdf69a 60%,#b7ec83,#b7ec83); border:1px solid #aada88; border-bottom-width:.2rem; box-shadow:0 0.15rem .1rem #7bbf4b47; color:#000; min-width:50%; }
.submit_ok:hover { background:radial-gradient(ellipse at center -200%,#ebffbb 60%,#def6a5,#def6a5); border-color:#cce1bc; color:#257500; }
a.submit_ok { color:#000; }
.submit_fix { background:radial-gradient(ellipse at center -200%,#f6f6f6 60%,#eee,#eee); border:1px solid #ddd; border-bottom-width:.2rem; box-shadow:0 .15rem .1rem #0001; color:#333;  min-width:50%; }
.submit_fix:hover { background:radial-gradient(ellipse at center -200%,#fcfcfc 60%,#f6f6f6,#f6f6f6); border-color:eee; color:#000; }
.submitted { display:none; }
.form .notes { font-size:80%; margin-top:.5rem; }
.error { background:#fee;border:1px solid red;padding:15px;border-radius:3px;color:#000;margin-bottom:30px; }
.error p { color:red;font-weight:700;font-size:115%; }
.form h5 { color:#000;margin-bottom:10px;font-size:150%;font-weight:700; }
.form_style { margin-bottom:3rem; }
.form_style input:not(input[type="radio"]):not(input[type="checkbox"]),
.form_style select,.form_style textarea { width:100%;text-align:left;margin-top:3px; display:block; }
.form_style>div { margin-bottom:20px; }
.form_style * { box-sizing:border-box; }
.form_flex { display:flex;align-items:center;white-space:nowrap;flex-wrap:nowrap; }
.form_flex>*:not(*:last-child) { padding-right:5px; }
.form_flex>div { width:100%; }
.form h6 { color:#fff;background:#ccc;text-align:center;padding:5px 0; }
.radioflex { display:flex;align-items:center; }
.radioflex label:nth-child(n+2) { margin-left:5px; }
.radioflex input[type="radio"] { margin-right:3px; }
.check { display:none; }
.checked { opacity:.4;pointer-events:none; }
.check:checked~.checked { opacity:1;pointer-events:auto; }
.hidden { display:none; }
.confirm { font-weight:700;font-size:150%;margin-bottom:30px;padding:30px;text-align:center;border:1px solid #000; }
.top_job { text-align:center; padding:1rem 0; margin-top:.5rem; }
.top_job .date { color:#999; font-size:1.2rem; margin:0; }
.top_job .title { font-weight:bold; }
.top_job .title a { margin:0 .3rem; }

.top_info .tablegrid dt { font-weight:normal; color:#b88a7c; min-width:18rem; }

footer { background:#d8dfcb; text-align:center; font-size:1.3rem; border-top:1px solid #cbd0b9; padding-bottom:2rem; margin-top:8rem; }
footer .logo { width:25rem; margin:auto; }
body.joblist footer,
body.single footer { margin-top:0; }

.search { flex-grow:1; padding:.5rem 0; }
#sidePanel .title { font-weight:bold; font-size:1.8rem; margin:2rem 0 .5rem 0; }
#sidePanel .title:first-child { margin-top:0; }

.search .freeword { display:flex; gap:1rem; align-items:center; position:relative; }
.freeword_box { width:100%; max-width:50rem; height:4.3rem; padding:1rem; background:#fff; border:1px solid #e6e6e6; box-shadow:0 .15rem .3rem #0002; border-radius:10rem; display:flex; justify-content:space-between; align-items:center; }
.freeword_box input { border:0; width:100%; }
.freeword_box input:focus { background:none; outline:0; border:0 !important; }

button[type="submit"].search_submit { background:linear-gradient(#ffa00f,#f26b1a,#ea4201); color:#fff; padding:.8rem 1.5rem; border-radius:10rem; border:0; cursor:pointer; box-shadow:0 0.2rem 0 #0002; white-space:nowrap; line-height:1; font-size:1.6rem; }
button[type="submit"].search_submit:hover { background:linear-gradient(#ffd739,#ff8840,#ff5e1e); }
button[type="submit"].search_submit:active { background:linear-gradient(#f05526,#ff651a,#ff8010); }

.search .freeword button { font-size:1.5rem; }
.search .settings { display:flex; gap:2rem; font-size:1.4rem; margin-top:1rem; line-height:1; }
.search .settings button.category { border:none; background:none; color:#333; font-size:1.4rem; padding:0; cursor:pointer; user-select:none; border-bottom:.2rem solid transparent; }
.search .settings button.category span { margin-left:.2rem; }
.search .settings button.category:hover { color:#ff6200; }
.search .settings button.category:hover span.lsf { color:#ffb485; }

.search .settings button.category:has(+ .searchWindow input:checked),
.search .settings button.category:has(+ .searchWindow option:checked:not([value=""])),
.search .settings button.category:has(+ .searchWindow #timeValue:not(.no_timeslider)),
header.job:has(#searchWindow1 input:checked) + .side .settings button#searchSettingM1,
header.job:has(#searchWindow2 input:checked) + .side .settings button#searchSettingM2,
header.job:has(#searchWindow3 input:checked) + .side .settings button#searchSettingM3,
header.job:has(#searchWindow3 option:checked:not([value=""])) + .side .settings button#searchSettingM3,
header.job:has(#searchWindow3 #timeValue:not(.no_timeslider)) + .side .settings button#searchSettingM3,
header.job:has(#searchWindow4 input:checked) + .side .settings button#searchSettingM4 { border-color:#ff6200; }

.search .settings span.lsf { font-size:1.4rem; color:#f26e2d; margin-left:.3rem; }

.spmenu_search_button { display:flex; justify-content:center; align-items:center; gap:1rem; margin-top:1rem; }
.spmenu_search_button button { width:8rem; font-size:1.6rem; }

.searchWindow { background:#fff; font-size:1.4rem; text-align:left; position:fixed; visibility:hidden; top:8rem; opacity:0; box-shadow:0 .3rem .5rem #0004; transition:.3s; z-index:6; max-width:30rem; border-radius:.5rem; overflow:hidden; pointer-events:none; }
.searchWindow.open { top:10rem; opacity:1; pointer-events:auto; }
.searchWindow .content { padding:1.5rem 2rem; }
.searchWindow .title { background:#f19134; color:#fff; padding:1rem 2rem; display:none; justify-content:space-between; align-items:center; }

.searchWindow p { font-weight:bold; margin:.5rem 0; color:#000; background:#f6f6f6; padding:.5rem 0.7rem; }
.searchWindow p:first-child { margin-top:0; }
.searchWindow div.close { font-weight:bold; cursor:pointer; font-size:2rem; line-height:1; padding:.3rem; user-select:none; }
.searchWindow div.close:hover { color:#ffe391; }
.searchWindow #timeValue { min-width:6rem; }
.searchWindow .no_timeslider { color:#ddd; }

.searchWindow .hit_submit { display:flex; justify-content:space-between; align-items:center; gap:.5rem; margin-top:1rem; border-top:1px dotted #aaa; padding-top:1.5rem; }
.searchWindow .hit_submit .hit { font-size:1.4rem; margin:auto; }
.searchWindow .hit_submit .hit .hitValue { font-size:2rem; }
.searchWindow .hit_submit button { padding:.7rem 1rem; border-radius:10rem; border:0; cursor:pointer; box-shadow:0 0.2rem 0 #0001; white-space:nowrap; line-height:1; font-size:1.3rem; }

.searchWindow .hit_submit button.search_clear { background:#ccc; color:#fff; }
.searchWindow .hit_submit button.search_clear:hover { background:#ddd; color:#fff; }

.container { width:110rem; margin:auto; }
.container_jobheader { width:120rem; }

.search_resp { display:grid; grid-template-columns:25rem 1fr; gap:5rem; background:#fff; box-shadow:0 0 .5rem #0001; padding:2.5rem 3rem 10rem 3rem; }

.search_resp .menu { grid-row:1; grid-column:1; }

body.detail .search_detail { padding-top:2.5rem; }
header.job { background:#fff; border-bottom:1px solid #ddd; box-shadow:0 0 .3rem #0002; height:9.5rem; align-content:center; position:sticky; top:0; z-index:6; }
header.job > div { display:grid; grid-template-columns: 24rem 1fr 18rem; align-items:center; gap:3rem; }
header .logo { width:24rem; }
.simple_search { grid-row:2; grid-column:1/4; border-top:1px solid #ddd; }
.search_select label:has(input:checked) { border-bottom-color:#ff8711; color:#ff8711; }
.search_select label:has(input:checked) path { fill:#ff8711; }

.move { position:relative; transition:.3s; }
.search_select:has(input[value="all"]:checked) + .move { left:0; }
.search_select:has(input[value="search"]:checked) + .move { left:-30rem; }

.search_simple .category { margin-bottom:4rem }

.all_grid { display:grid; gap:1rem; grid-template-columns:1fr 1fr; user-select:none; }

.all_grid a > div { width:100%; text-align:center; font-size:1.3rem; border:1px solid #eee; border-radius:.5rem; background:#fff; box-shadow:0 .1rem .1rem #0001; transition:.05s; position:relative; }

.all_grid a[data-id] > div { border-top-width:.5rem; }
.all_grid a[data-id="食品加工"] > div { border-top-color:#ef3e3f !important; }
.all_grid a[data-id="水産加工"] > div { border-top-color:#4fa5e6 !important; }
.all_grid a[data-id="部品加工"] > div { border-top-color:#50bdc3 !important; }
.all_grid a[data-id="事務"] > div { border-top-color:#f2a224 !important; }
.all_grid a[data-id="倉庫作業"] > div { border-top-color:#53ba5f !important; }
.all_grid a[data-id="その他"] > div { border-top-color:#a0a0a0 !important; }

.all_grid a > div.new { border-color:#ff968b; }

.all_grid a > div.new::before { content:url(/contents/img/icon-new.gif); position:absolute; top:-.8rem; right:-.8rem; background:#fff; box-shadow:0 .1rem 0.2rem #0006; line-height:1; padding:.2rem .5rem; z-index:1; border-radius:1rem; }
.all_grid a > div > div.img { height:7rem; background-repeat:no-repeat; background-size:cover; background-position:center; position:relative; }
.all_grid a > div.end > div.img { background-color:#fffb; background-blend-mode:color; }
.all_grid a > div.end { color:#aaa; }
.all_grid a > div.end .number { color:#aaa; }
.all_grid div.number { background:#fff; color:#000; min-width:3.5rem; position:absolute; right:.5rem; bottom:.5rem; border-radius:.2rem; font-size:1rem; box-shadow:0 .2rem 0 #0004; }
.all_grid div.number span { font-size:1.2rem; font-weight:bold; }
.all_grid div.title { padding:.3rem 0; }
.all_grid dl { display:flex; justify-content:center; align-items:center; gap:1rem; height:2.8rem; width:100%; }
.all_grid a { color:#333; }
.all_grid a:hover { text-decoration:none; }
.all_grid a > div { outline-color:#ffd043; outline-style:solid; outline-width:0; }
.all_grid a:hover > div { outline-width:.1rem; background:#fffefa; box-shadow:0 0 .3rem #f606; color:#ff6200; }

.category_region_group { color:#000; margin:0.7rem 0; font-size:1.4rem; background:#f6f6f6; padding:.2rem 0.7rem; }
.category_region_list { display:flex; flex-wrap:wrap; gap:0 .5rem; font-size:1.4rem; }
.category_region_list li a { color:#535aca; }
.category_region_list li:not(:last-child)::after { content:'|'; color:#ccc; margin-left:.5rem; }
.category_region_list li.end { color:#999; }
/* .category_region_list li.new a::after { content:url(/contents/img/icon-new.gif); margin-left:.3rem; } */
.category_region_list li.new a::after { content:''; margin-left:.3rem; width:0.5rem; height:0.5rem; background:red; display:inline-block; border-radius:2rem; top:-.5rem; position:relative; }
  
.category_region_list_sptop > div { display:flex; gap:1rem; align-items:center; }
.category_region_list_sptop > div:not(:last-child) { margin-bottom:1rem; }
.category_region_list_sptop .category_region_group { min-width:8rem; align-self:stretch; align-content:center; margin:0; font-weight:bold; }
.category_region_list_sptop .category_region_list { font-size:1.2rem; }
a.category_region_button { text-align:center; border:1px solid #535aca; color:#535aca; padding:0.5rem; border-radius:.5rem; box-shadow:0 .15rem .1rem #0002; font-size:1.4rem; margin-top:1rem; display:block; transition:.1s; }
a.category_region_button:hover { background:#535aca; color:#fff; text-decoration:none; }

.job_header_title .logo { margin:auto; }
.job_header_desc { font-size:1.1rem; color:#777; margin-bottom:.3rem; }
.job_header_menu { display:flex; align-items:center; gap:1.5rem; position:relative; }
.job_header_menu a { color:#fff; width:18rem; border-radius:.5rem; padding:.8rem 0; text-align:center;  cursor:pointer; }
.sp .job_header_menu { right:1rem; }
.sp .job_header_menu svg { margin-left:.3rem; width:3.5rem; }
.sp .job_header_menu path { fill:#fff; }
.sp .job_header_menu p { margin-top:.2rem;  }
.sp .job_header_menu a { width:6rem; font-size:1rem; padding:.2rem 0 .8rem 0; line-height:.8; }

.job_header_menu1 { background:radial-gradient(ellipse at center 200%,#42c337 40%,#4bb655,#4bb655); color:#fff; box-shadow:0 .15rem .1rem #3cb44847; border:1px solid #5eab65; }
.job_header_menu1:hover { background:radial-gradient(ellipse at center 200%,#69d04d 50%,#5db64b,#5db64b); box-shadow:0 .15rem .1rem #3bbe0047; border:1px solid #4fbe59; text-decoration:none; }

.job_list { grid-template-columns:1fr 1fr; gap:2.5rem; }
body.joblist .job_list { grid-template-columns:1fr; gap:2.5rem; }

.thum .grid { grid-template-rows:auto auto auto 1fr auto; gap:0 2rem; }
.thum .header { grid-row:1; grid-column:1/3; }
.thum .area { grid-row:2; grid-column:1;  }
.thum .tags { grid-row:3; grid-column:1; margin:.8rem 0; }
.thum .image { grid-row:2/5; grid-column:2; margin:1rem 0; min-width:8rem; }
.thum .content { grid-row:4; grid-column:1; margin-bottom:1rem; }
.thum .date { grid-row:5; }
.thum .content { display:block; }.top_recent { margin-bottom:3rem; gap:1.5rem; }
.top_recent .thum { border-color:#fff; box-shadow:0 .2rem .3rem #0001; padding:1.5rem 1.5rem 3rem 1.5rem; }
.top_recent .thum.end { border-color:#eee; }
.top_recent .header .title { font-size:1.8rem; }
.top_recent .date { color:#999; font-size:1.3rem; text-align:right; position:absolute; right:1rem; bottom:.8rem; }
.top_recent .content { margin-bottom:0; }
.top_recent .content > div { padding-bottom:0; }
.top_recent .content > div:not(:first-child) { padding-top:0; }
.top_recent .content > div { border-bottom:0; }
.top_recent .thum.end { background:#f6f6f6; }
.top_recent .header { grid-column:1; }

.page_title { background:#fbf3e1; color:#000; border-bottom:1px solid #ffb826; text-align:center; padding:3rem 3rem 4rem 3rem; }
.page_title nav { border:0; padding:0; margin-bottom:3rem; color:#333; }
.job-register .page_title { padding:2rem 3rem 5rem 3rem; }

.page_info { display:flex; justify-content:center; flex-wrap:wrap; background:#f7f5f2; padding:1rem 3rem; font-size:1.4rem; }
.page_info a { color:#5b5450; }
.page_info li::before { content:""; width:0; height:0; border-left:.5rem solid #eb6615; border-top:.3rem solid transparent; border-bottom:.3rem solid transparent; margin-right:.4rem; }
.page_info li:not(:last-child) { margin-right:1.5rem; }
.page_info li { display:flex; align-items:center; }

.flyer { background:#fff; border-radius:1rem; text-align:center; border:1px solid #ff6f60; box-shadow:0 0.2rem 0.3rem #0001; overflow:hidden; }
.flyer h2 { background:#ff6f60; color:#fff; padding:1rem; font-weight:bold; }
.flyer .content { padding:2rem; }
.flyer_flex { display:flex; gap:1rem; align-items:center; }
.flyer_flex .image { min-width:15rem; text-align:center; }
.flyer_flex .image img { max-height:15rem; }
.flyer_list p { font-size:1.2rem; margin-bottom:.5rem; }
.flyer_list ul { line-height:1.3; }
.flyer_list li { font-size:1.1rem; display:inline; }
.flyer_list li:not(:last-child)::after { content: '｜'; }
.flyer_list li.end a { color:#999; }

.register { justify-content:space-between; flex-wrap:nowrap; gap:2rem; margin:1rem 2rem; }
.register > * { width:100%;  }

.notice { background:#f0f0f0; color:#666; padding:1.5rem 2rem; margin-bottom:2rem; font-size:1.4rem; }
.notice .title { font-weight:bold; font-size:1.6rem; }
.notice.warning { background:#fff; color:black; border:1px solid red; }
.notice.warning .title { color:red; }

.modal { position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); background:#fff; padding:3rem; z-index:7; border-radius:1rem; box-shadow:0 .5rem 2rem rgba(0, 0, 0, 0.3); min-width:30rem; }
.modal {opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.3s ease, visibility 0.3s ease; }
.modal.show {opacity:1; visibility:visible; pointer-events:auto; }
.modal .close { position:absolute; right:1rem; top:1rem; line-height:1; cursor:pointer; user-select:none; width:3rem; height:3rem; display:flex; justify-content:center; align-items:center; }
.modal .close:hover { color:#aaa; }
#telModal .contact_tel { font-size:2.5rem; justify-content:center; }
#telModal .contact_tel img { height:2.4rem; }
#telModal a.button { color:#000; }
#telModal a.submit { padding:.5rem; font-size:1.6rem; }
#telModal .style1 { font-weight:bold; font-size:2rem; }
#telModal .style1-1 { border:1px solid #000; box-shadow:0 .2rem .2rem #0002; border-radius:1rem; padding:1rem; margin-bottom:2rem; }
#telModal .style1-2 { font-weight:bold; }
#telModal .style2 { display:flex; flex-wrap:wrap; justify-content:center; gap:3rem; }
#telModal .style2-1 { text-align:center; }
#telModal .style2-1 p { font-size:1.4rem; margin-bottom:.5rem; }

.info_date { color:#999; }
.info_title { font-size: 2.4rem; border-bottom: 1px dotted #aaa; margin-bottom: 2rem; padding-bottom: 1rem; font-weight:bold;  }

.region-map { position:relative; }
.region-target { position:absolute; display:flex; justify-content:center; align-items:center; text-align:center; width:5rem; height:5rem; cursor:pointer; }
.region-target .circle { width:3rem; height:3rem; border-radius:10rem; background:#f26e2d; border:.5rem solid #fff; box-shadow:0 .3rem .3rem #0003; transition:.2s; }
.region-target:hover .circle { width:4rem; height:4rem; }
.region-target .circle.up::after,
.region-target .circle.down::after { content:""; position:absolute; left:50%; transform:translateX(-50%); border-width:.8rem; border-style:solid; }
.region-target .circle.up::after { top:-1.2rem; }
.region-target .circle.down::after { bottom:-1.2rem; }

.region-target .circle.up::after { border-color:transparent transparent #f26e2d transparent; }
.region-target .circle.down::after { border-color:#f26e2d transparent transparent  transparent; }
.region-target.unavailable .circle.up::after { border-color:transparent transparent #aaa transparent; }
.region-target.unavailable .circle.down::after { border-color:#aaa transparent transparent  transparent; }
.region-wrapper { position:absolute; bottom:100%; left:50%; opacity:0; visibility:hidden; transform:translateX(-50%) translateY(5px); transition:opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease; }
.region-wrapper.is-active { opacity:1; visibility:visible; transform:translateX(-50%) translateY(0); }
.region-wrapper .region-contents { background:#fff; color:#000; margin:1rem; padding:1rem; border-radius:.5rem; white-space:nowrap; box-shadow:0 .3rem .3rem #0003; border-radius:.5rem; pointer-events:none; }
.region-wrapper .region-contents::after { content:""; position:absolute; left:50%; bottom:-1.5rem; transform:translateX(-50%); border-width:1.3rem; border-style:solid; border-color:#fff transparent transparent transparent; }
.region-wrapper.is-active .region-contents { pointer-events:all; }
.region-contents p { font-size:1.1rem; text-align:center; }
.region-contents a { display:block; background:#f26e2d; color:#fff; border:1px solid #f26e2d; transition:.2s; border-radius:.5rem; padding:.3rem 1rem; font-size:1.4rem; box-shadow:0 .2rem .1rem #0002; }
.region-contents a:hover { text-decoration:none; background:#fff; color:#f26e2d; border:1px solid #f26e2d; }
.region-target.new::after { position:absolute; top:3.3rem; margin-left:.2rem; content:url(/contents/img/icon-new.gif); }
.region-target.unavailable .circle { background:#aaa; }
.region-target.unavailable .region-contents a { background:#aaa; color:#fff; border:1px solid #ccc; }
.region-target.unavailable .region-contents a:hover { background:#fff; color:#aaa; border:1px solid #aaa; }

.region-list .title { font-size:1.6rem; font-weight:bold; margin-top:3rem; }
.region-list ul { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.region-list ul li { display:flex; align-items:center; justify-content:space-between; padding:.5rem 1rem; color:#000; border-bottom:1px dotted #999; position:relative; transition:.05s; }
.region-list ul li .number { text-align:center; background:#fff; color:#000; min-width:3.5rem; border-radius:.2rem; font-size:1rem; box-shadow:0 .2rem 0 #0002; }
.region-list ul li .number span { font-size:1.2rem; font-weight:bold; }

.region-list ul li.new a::after { content:url(/contents/img/icon-new.gif); margin-left:1rem; }
.region-list ul li.end { color:#999; }


@media (max-width:1175px){

.table { width:100% !important; }
.register_tel { flex-wrap:wrap; }

}

@media (min-width:901px){
.pc { display:block; }
.sp { display:none; }

.search .settings { margin-left:1rem; }

.footer_grid { display:grid; grid-template-columns:1fr 30rem; text-align:left; gap:2rem; padding:3rem; max-width:110rem; margin:auto; }
.footer_grid section { padding:0; margin:0; }
.footer_grid section > div { padding:0; margin:0; }
.footer_grid_company { grid-row:1; grid-column:1; }
.footer_grid_line { grid-row:2; grid-column:1; }
.footer_grid_menu { grid-row:3; grid-column:1/3; }
.footer_grid_tel { grid-row:1/3; grid-column:2; }
.footer_grid_tel .footer_tel { justify-content: end; }
.footer_grid_link { grid-row:4; grid-column:1/3; text-align:center; }
a.tel_button { display:none; }

}

@media (max-width:1250px){
.container_jobheader { width:100%; padding-left:3rem; padding-right:3rem; }
}


@media (max-width:1170px){
.container { width:100%; padding-left:3rem; padding-right:3rem; }
.resp { width:unset; }

.flick_news .category { width:calc(100vw - 30rem); }

}

@media (max-width:900px){
.pc { display:none; }
.sp { display:block; }

.container { width:100%; padding-left:2rem; padding-right:2rem; }

.side .company { display:none; }
.side_search { padding-top:2rem; }
.sidecontainer { height:calc(100% - 15rem); padding-bottom:.5rem; }
.sidemenu a { padding:.5rem 2rem; margin-bottom:1rem; }

body.joblist .sidecontainer,
body.detail .sidecontainer { height:calc(100% - 18rem); }

.search_resp { display:block; background:#fafafa; box-shadow:none; }
.search_resp .menu { margin-top:3rem }

.side { height:100vh; }

footer section > div { padding:0 1rem; }
.footer_menu { font-size:1.2rem; }

.flick_news .category { width:100vw; }

/* .page_title { background:#fff; padding:2rem 3rem 5rem 3rem; } */
.page_title { padding:2rem 3rem 5rem 3rem; }
.job-register .page_title { background:#fbf3e1; }

.register_content { padding:2rem; }

.calendar_flex { gap:1rem; }
.calendar { font-size:1.3rem; }

a.tel_button { display:block; }

nav { padding-bottom:.5rem; }
.resp { display:block; box-shadow:none; }
.side .header { display:none; }

header.job { height:auto; position:relative; z-index:unset; background:#fff; }
header.job > div { grid-template-columns:5rem 1fr 6rem; grid-template-rows:8rem; gap:0; padding:0; text-align:center; }
header.job .sp .openMenu { position:relative; top:0; left:2rem; }
.job_header_desc { font-size:1.3rem; color:#333; margin-bottom:0; }
.search { grid-row:3; grid-column:1/4; padding:.5rem 1.5rem 1.5rem 1.5rem; background:#fff; }
.side .search { height:18rem; }

body.detail .sp.simple_search { display:none; }
body.detail .search_detail .entry .tel { flex-wrap:wrap; }
.detail .panel { padding:2rem 2rem; margin-top:2rem; border-radius:1.5rem; }
.simple_search .category { background:#fff; padding:1rem; margin:0; border-radius:0; box-shadow:none; width:100vw; }
.all_grid { grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; }

.category_select { display:flex; transition:0s; position:relative; top:0; }
.category_select label { width:100%; background:#eee; padding:.8rem 0 .5rem 0; color:#aaa; cursor:pointer; user-select:none; }
.category_select label:hover { color:#000; }
.category_select label:not(:last-child) { border-right:1px dotted #aaa; }
.category_select label:has(input:checked) { color:#000; background:#fff; border-top:.6rem solid #f26e2d; }
.category_select:has(input[value="2"]:checked) + div > .sp.search_simple { left:-100vw; }
.category_select:has(input[value="3"]:checked) + div > .sp.search_simple { left:-200vw; }
.category_select:has(input[value="4"]:checked) + div > .sp.search_simple { left:-300vw; }

.category_select.scrolled1 { visibility:hidden; position:fixed; top:-7rem; left:0; right:0; z-index:3; display:flex; gap:.8rem; background:linear-gradient(#0004,#0000); justify-content:right; padding:1.7rem 1rem; }
.category_select.scrolled1 label { width:auto; font-size:1.2rem; background:#fff !important; color:#333 !important; padding:.5rem 1rem; border:1px solid transparent !important; box-shadow:0 .1rem .2rem #0002; border-radius:0.5rem; }
.category_select.scrolled1 label:hover { background:#fffce4 !important; color:#000 !important; border-color:#f26e2d99 !important; }
.category_select span.lsf { display:none; font-size:1.5rem; margin-right:.4rem; color:#f26e2d; }
.category_select.scrolled1 span.lsf { display:inline-block; }

.category_select.scrolled2 { visibility:visible; transition:top .2s; }
.category_select.scrolled2 label { transition:background .1s, border-color .1s; }
.category_select.scrolled3 { top:0; }

.category_hidden { overflow-x:hidden; }
.sp.search_simple { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; padding:0; position:relative; left:0; transition:.3s; }
.search .freeword,
.search .settings { justify-content:center; }
.search .freeword { gap:.5rem; }
.search .settings { gap:1.5rem; }

.search .settings button.category { color:#000; font-size:1.6rem; }
.side .search .settings button.category { font-size:1.5rem; }.search .settings span.all { display:none; }
.search .settings span.lsf { margin-left:.3rem; }
.searchWindow { max-width:unset; width:90vw; top:unset; bottom:0; left:5vw; right:0; }
.searchWindow.open { top:unset; bottom:2rem; }
.searchWindow .title { display:flex; }
.search .checklist label { line-height:2.1; }
.search .settings .button:has(+ .searchWindow input:checked) { border-color:#ff620090; box-shadow: 0 0 3px #ff620060; }

.joblist .recentjob > li { display:block; }

.category_region_group { background:#f0f0f0; }

body.detail .entry .register { flex-wrap:wrap; }
body.detail .entry .tel { flex-wrap:wrap; }

.side { position:fixed; display:block; left:-30rem; box-shadow:none; }

.side.open { display:block; left:0 !important; }
.openMenu { display:block !important; }

.register { flex-wrap:wrap; }
}

@media (max-width:600px){
html { font-size:54.6875%; }
.br::before { content:"\A"; white-space:pre; }
.tableflex > div { flex-wrap:wrap; }
.tableflex > div > div:first-child { width:100%; }
.submit { min-width:8rem; }

.spmenu a img { width:2rem; }
.spmenu span { margin-left:.5rem; font-size:1.2rem; }

.detail .time:first-child { margin-top:.5rem; }

.flickity-index .flickity-slider > div { opacity:0; transition:.3s; }
.flickity-index .flickity-slider > div .lazyfade { transform:scale(1.2); transform-origin:top; }
.flickity-slider .is-selected { opacity:1 !important; }

.tablegrid { display:block; }
.tablegrid dt { text-align:left; padding-left:0; max-width:none; border-bottom:0; padding-top:1.5rem; }
.tablegrid dt:first-child { padding-top:0; }
.tablegrid > dd { padding-left:0; padding-bottom:1.5rem; }
.tablegrid > * { padding-bottom:0; }

.job_list { grid-template-columns:1fr; }

.all_grid { grid-template-columns:1fr 1fr 1fr; }

.thum .grid { display:block; }
.thum .image img { width:100%; height:15rem; }

}

@media (hover: hover) {
.alpha a:hover img { opacity:.7; }
}



.lazyfade {
transition:.4s;
	opacity:0
}
.lazyfade.flickity-lazyloaded, .lazyfade.flickity-lazyerror {
	opacity:1
}

.flickity-index .flickity-slider>div {
width:100%
}

.ftop_display1 {
display:block;
width:100%;
height:416px
}
.ftop_display23 {
display:none
}
#ftop_animback {
background:url(/contents/img/index/area-search_bg.png);
background-position:0 -600px;
background-size:cover;
position:relative;
overflow:hidden
}
#ftop_animback:before {
content:'';
filter:blur(3px);
background:inherit;
position:absolute;
top:-5px;
left:-5px;
right:-5px;
bottom:-5px
}
.ftop_window {
width:100%;
height:100%;
position:absolute;
background:#fff;
border:1px solid rgba(0, 0, 0, .2);
box-shadow:0 0 10px rgba(0, 0, 0, .2);
opacity:.5
}
.ftop_enter a {
width:260px;
background:#ffb826;
font-weight:700;
color:#000;
display:block;
text-align:center;
font-size:18px;
padding:25px 0 25px 0;
position:absolute;
top:15px;
left:15px;
border-bottom:3px solid #e9a10d;
transition:.2s;
border-radius:3px
}
.ftop_enter a:hover {
background:#ffd74c;
border-bottom:3px solid #f2c62d;
padding-left:15px
}
.ftop_enter a:before {
content:url(/contents/img/icon-arrow01.gif);
margin:0 8px 0 0;
position:relative;
top:-1px
}
.ftop_enter p {
font-size:12px
}
.ftop_terms {
top:10px;
left:290px;
position:absolute
}
.ftop_terms p {
font-size:17px;
color:#000
}
.ftop_terms li {
font-size:12px;
background:#28b0b8;
float:left;
border-radius:4px;
padding:1px 4px 1px 4px;
margin:0 5px 5px 0
}
.ftop_terms li:hover {
background:#21cbc5
}
.ftop_terms a {
color:#fff
}
.ftop_area {
padding:10px 15px 15px 15px;
position:relative
}
.ftop_area>p {
font-size:17px;
color:#000
}
.ftop_area li {
font-size:13px;
border-bottom:1px dotted #ccc;
line-height:1;
padding:5px 0 3px 0
}
.ftop_area li b {
font-size:15px;
font-weight:700;
margin-left:5px
}
.ftop_area li p {
font-size:10px
}
.ftop_area .new:before {
content:'NEW';
font-size:8px;
color:#fff;
background:red;
font-weight:700;
border-radius:10px;
float:left;
padding:4px 2px 3px 2px;
text-align:center;
margin-right:3px
}


@media (max-width:900px){
.flickity-index .flickity-slider>div {
width:100%;
opacity:0;
transition:.3s
}
.flickity-index .flickity-slider>div .lazyfade {
transform:scale(1.2);
transform-origin:top
}
.flickity-slider .is-selected {
opacity:1!important
}
.ftop_display1 {
display:none
}
.ftop_display23 {
display:block
}

}