@charset "utf-8";
/* =======================================================================================



REDEFINITION



======================================================================================= */
#main { font-weight: 400; font-family: 'Noto Sans JP', sans-serif; }
#wrap.stage.col1,
#wrap.stage.col1 #main { max-width: 100%; padding-right: 0; padding-left: 0; }
#wrap.stage.col1 { padding-bottom: 0; }
#main .stage { padding: 0; }
body,
#menu.open,
#wrap,
#secondary { background-color: #f2f2f2; }
#footer { z-index: 20; }
/* =======================================================================================



2022～採用情報ページ 共通



======================================================================================= */
#saiyou * {
-webkit-transition: all .2s linear;
        transition: all .2s linear;
}

#secondary { padding-bottom: 24px; }
#tertiary,
#quaternary { max-width: 1200px; margin: auto; padding: 0 8px; }
#quaternary { padding-top: 24px; }

#saiyou section:last-child .sct  { margin-bottom: 16px; }
#quaternary section:last-child .sct,
#quaternary section:last-of-type .sct { margin-bottom: 4px; padding-bottom: 0; }

#saiyou .sct p,
#saiyou .sct p a,
#saiyou .sct li,
#saiyou .sct li a { color: #0a4d30; }

#saiyou .sct p a,
#saiyou .sct li a,
#saiyou .sct dd a { text-decoration: underline; }
#saiyou .sct p a:hover,
#saiyou .sct li a:hover,
#saiyou .sct dd a:hover { text-decoration: none; }

#saiyou .unt_v30 { }
#saiyou .sle_grp { list-style: none; max-width: 1104px; margin: auto; padding: 0; }
#saiyou .sle_box { padding: 0 0 24px; text-align: center; }
#saiyou .sle_box a { text-decoration: none; }
#saiyou .sle_img { max-width: 464px; width: 100%; }
#saiyou .dl5 { position: absolute; top: 0; left: 50%; width: 100%; height: 100%; margin: auto; 
-webkit-transform: translateX(-50%); 
        transform: translateX(-50%);
}
#saiyou .dl5_dt1 { padding-top: 2%; color: #fff; font-weight: 700; font-size: 24px; }
#saiyou .dl5_dd1 { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; }
#saiyou .dl5_dl1 { max-width: 296px; width: 72%; margin: 0 auto 10%; padding: 8px 0 9.62px; background-color: rgba(255,255,255,.9); line-height: 1.2; 
-webkit-transition: all .4s;
        transition: all .4s;
}
#saiyou .dl5_dl1_dt1 { color: #128d58; font-weight: 700; font-size: 32px; }
#saiyou .dl5_dl1_dt1 i { font-style: normal; letter-spacing: -.15em; }
#saiyou .sle_box.cre .dl5_dl1_dt1 { color: #6e9c1d; }
#saiyou .dl5_dl1_dd1 { min-height: 44px; padding: 0 16px; color: #0a4d30; font-size: 16px; }

#saiyou .dl5_dl1_dt1.close { color: #b6b7b7; }
#saiyou .dl5_dl1_dt1.close + .dl5_dl1_dd1 { color: rgb(219,60,60,.7); }

#saiyou .sle_box .skw { display: block; width: 48px; height: 16px; margin: 8px auto; border-bottom: 3px solid #10884f; border-right: 4px solid #10884f;
-webkit-transform: skew(45deg);
        transform: skew(45deg);
}
#saiyou .sle_box.cre .skw { border-bottom-color: #6e9c1d; border-right-color: #6e9c1d; }
#saiyou a:hover .dl5_dl1 { background-color: #fff; transform: scale(1.1); }

#saiyou .nav { padding: 8px 16px 6px 8px; background-color: #f2f2f2; text-align: center; }
#saiyou .nav ul { list-style: none; overflow: hidden; max-width: 1200px; margin: auto; padding: 0; }
#saiyou .nav li { display: inline-block; margin: 4px auto; padding: 0 4px; border-right: 1px solid #008039; /*font-weight: 700;*/ line-height: 1; }
.mobile #saiyou .nav li { font-weight: 700; }
#saiyou .nav_low li:nth-of-type(2) { display: none; }
#saiyou .nav li:last-child { border-right-color: rgba(0,0,0,.0); }
#saiyou .nav a { display: block; padding: 4px 4px 6px; color: #008039; text-decoration: none; text-shadow: -1px -1px 0 rgba(255,255,255,.5); }
#saiyou .nav a:hover { background-color: rgba(18,140,87,.8); color: #fff; text-shadow: 1px 1px 0 rgba(0,65,29,.5); }
.mobile #saiyou .nav a:hover { text-shadow: none; }

#saiyou .btn_box_v10 { padding: 16px 8px; }
#saiyou .btn_grp_v10 { list-style: none; overflow: hidden; padding: 0; text-align: center; }
#saiyou .btn_grp_v10 li { display: inline-block; width: 33.333333%; }
#saiyou .btn_grp_v10 p strong { font-weight: 700; font-size: 18px; line-height: 1; }

#saiyou .btn_v10 { display: inline-block; background-color: #dbbb28; color: #fff !important; padding: .8em; font-size: 18px; text-align: center; line-height: 1; text-decoration: none !important; text-shadow: 1px 1px 0 #cdad1c; box-shadow: 1px 1px 0 #fff4c0; }
#saiyou .btn_v10:hover { background-color: #eac107; }
#saiyou .btn_v20 { display: inline-block; background-color: #403811; color: #fff; padding: .8em 1em; font-size: 18px; text-align: center; line-height: 1; text-decoration: none; text-shadow: 1px 1px 0 #221d03; box-shadow: 1px 1px 0 #fff; }
#saiyou .btn_v20:hover { background-color: #605830; }


@media screen and (min-width: 420px) {
#saiyou .dl5_dt1 { font-size: 32px;}
#saiyou .dl5_dl1_dt1 { font-size: 48px; }
}


@media screen and (min-width: 448px) {
#saiyou .nav_low li:nth-of-type(2) { display: inline-block; }
}

@media screen and (min-width: 640px) {
#saiyou .sle_grp { overflow: hidden; }
#saiyou .sle_box { float: right; width: 50%; padding: 0 16px; }
#saiyou .dl5_dt1 { font-size: 24px;}
#saiyou .dl5_dl1 { margin-bottom: 6%; }
#saiyou .dl5_dl1_dt1 { font-size: 24px; }

#saiyou .nav { padding: 16px 16px 14px; }
#saiyou .nav li { padding-right: 10px; padding-left: 10px; }
#saiyou .nav li { /*border-right-width: 2px;*/ }
#saiyou .nav a { padding-right: 10px; padding-left: 10px; }
#saiyou .btn_v10,
#saiyou .btn_v20 { font-size: 20px !important; }
#saiyou .btn_v10 { padding-right: 1em; padding-left: 1em; }
}

@media screen and (min-width: 800px) {
#saiyou .nav li { font-size: 18px; }
#saiyou .btn_box_v10 { padding: 24px 8px; }

#saiyou .dl5_dt1 { font-size: 32px;}
#saiyou .dl5_dl1_dt1 { font-size: 40px; }
}

@media screen and (min-width: 1080px) {
#saiyou .sle_box { padding: 0 40px; }
#saiyou .dl5_dl1_dt1 { font-size: 44px; }
}

@media screen and (min-width: 1232px) {
#tertiary { padding: 0; }
#quaternary { padding: 40px 0 0; }
#saiyou .btn_v10,
#saiyou .btn_v20 { font-size: 24px !important; }
}