@charset 'UTF-8';
@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";


@import url("//fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("//fonts.googleapis.com/earlyaccess/sawarabimincho.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700,700i"); html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
html {
overflow-y: scroll;
font-size: 62.5%; }
body {
font-size: 1.6rem; }
img {
vertical-align: middle; }
input, textarea {
margin: 0;
padding: 0; }
ol, ul {
list-style: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
caption, th {
text-align: left; }
a:not(.noOpa) img {
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
a:not(.noOpa):hover img {
opacity: 0.8; }
a:focus {
outline: none; }
button {
border: none;
background-color: inherit;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0; } body * {
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif; -webkit-text-size-adjust: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
iframe[name=google_conversion_frame] {
position: absolute;
top: 0; }
.telLink {
pointer-events: none; }
.clearfix:after {
content: "";
display: block;
clear: both; }
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], input[type="url"], select, textarea {
border: 1px solid #bbb;
font-size: 1.4rem; }
.clm2 .clm {
float: left; }
.clm2 .clm:nth-child(2n) {
float: right; }
.clm2 .clm:nth-child(2n+1) {
clear: both; }
.clm3 .clm {
float: left; }
.clm3 .clm:nth-child(3n) {
margin-right: 0; }
.clm3 .clm:nth-child(3n+1) {
clear: both; } body {
color: #292826; }
.txt {
font-weight: 500;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.66; }
.wrapper {
width: 1203px;
margin: 0 auto;
position: relative; }   #header {
height: 59px; }
.headInner {
position: relative;
height: 59px;
position: fixed;
width: 100%;
top: 0px;
left: 0px;
background-color: #fff;
z-index: 2000;
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.3); }
#logo {
position: absolute;
top: 0px;
left: 0px;
padding: 16px 0 17px 22px; }
#gNavi {
text-align: center; }
#gNavi .parent > li {
display: inline-block;
padding: 0 18px;
position: relative;
vertical-align: top; }
#gNavi .parent > li > span,
#gNavi .parent > li > a {
display: block;
padding: 22px 0;
position: relative;
color: #292826;
text-decoration: none;
font-size: 15px;
font-size: 1.5rem;
line-height: 1;
overflow: hidden;
cursor: pointer; }
#gNavi .parent > li > span:after,
#gNavi .parent > li > a:after {
content: "";
width: 100%;
height: 4px;
background-color: #8ec555;
position: absolute;
bottom: 0px;
left: 0px;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate(0, 4px);
-ms-transform: translate(0, 4px);
transform: translate(0, 4px); }
#gNavi .parent > li > span:hover:after,
#gNavi .parent > li > a:hover:after {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0); }
#gNavi .child {
position: absolute;
padding-top: 10px;
width: 174px;
top: 63px;
left: 50%;
margin-left: -87px;
opacity: 0;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;
visibility: hidden;
z-index: 1000; }
#gNavi .child ul {
background-color: #8ec555;
position: relative;
padding-left: 18px;
padding-top: 20px; }
#gNavi .child ul:before {
content: "";
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_up.png) no-repeat center top;
height: 8px;
width: 100%;
position: absolute;
top: -8px;
left: 0px; }
#gNavi .child ul li {
padding-left: 13px;
padding-bottom: 16px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_right_white.png) no-repeat 1px 6px;
text-align: left; }
#gNavi .child ul li a {
color: #fff;
text-decoration: none;
font-size: 15px;
font-size: 1.5rem;
line-height: 1.2; }
#gNavi .child ul li a:hover {
text-decoration: underline; }
@media screen and (min-width: 1250px) {
#gNavi .toggle:hover {
height: 300px; }
#gNavi .toggle:hover .child {
opacity: 1;
visibility: visible; } }
#entryBtn {
position: fixed;
top: 0px;
right: 0px; }
#mainImg {
height: calc(100vh - 59px);
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/main_img.jpg) no-repeat center;
background-size: cover; }
#mainImg h1 {
position: absolute;
width: 100%;
top: 50%;
text-align: center;
margin-top: -102px; }
section > h2 {
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
text-align: center;
line-height: 45px;
font-size: 60px;
font-size: 6rem;
margin-bottom: 50px; }
section > h2 span {
color: #8ec555;
font-family: inherit; }
section > h2 small {
font-size: 16px;
font-size: 1.6rem;
font-weight: 400;
line-height: 16px; }
section > h2 img {
margin-bottom: 5px; }
#message {
padding: 66px 0 80px;
background-color: #fafafa; }
#message .wrapper {
padding-left: 50px;
padding-right: 50px; }
#message .messageBox {
background-color: #fff;
width: 956px;
height: 519px;
padding: 56px 70px 0;
margin-top: -95px;
margin-left: auto;
margin-right: auto;
z-index: 2;
position: relative; }
#message .messageBox h3 {
font-size: 35px;
font-size: 3.5rem;
line-height: 50px;
margin-bottom: 20px;
font-weight: 600; }
#message .messageBox .txt {
font-size: 15px;
font-size: 1.5rem;
line-height: 2; }
#message .messageBox .name {
text-align: right;
font-size: 17px;
font-size: 1.7rem;
font-weight: 500; }
#business {
padding: 47px 0 79px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_business.jpg) no-repeat center;
background-size: cover; }
#business .businessList {
text-align: center;
max-width: 1200px;
margin: 0 auto; }
#business .businessList .clm {
width: 498px;
height: 398px;
padding-right: 13px;
padding-bottom: 13px;
display: inline-block;
vertical-align: top;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/square_green.png) no-repeat right bottom;
margin: 0 15px 15px; }
#business .businessList .clm .white {
padding: 18px 18px 0;
background-color: #fff;
height: 100%;
border-radius: 4px; }
#business .businessList .clm .white .img {
margin-bottom: 10px; }
#business .businessList .clm h3 {
font-size: 20px;
font-size: 2rem;
font-weight: 600;
margin-bottom: 5px; }
#business .businessList .clm .txt {
text-align: left;
font-size: 14px;
font-size: 1.4rem;
line-height: 1.8; }
#business .businessList .clm.long {
height: 438px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/square_green_long.png) no-repeat right bottom; }
#interview {
padding-top: 65px;
padding-bottom: 60px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_glass.png) no-repeat center; }
#interview .interviewList {
text-align: center; }
@media screen and (max-width: 1024px) {
#interview .interviewList {
max-width: 750px;
margin: 0 auto; } }
#interview .interviewList li {
display: inline-block;
margin: 0 14px;
position: relative; }
#interview .interviewList li a {
text-decoration: none;
color: #292826;
-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s; }
#interview .interviewList li a:hover {
opacity: 0.8; }
#interview .interviewList li .img {
margin-bottom: 12px; }
#interview .interviewList li h3 {
font-weight: 600;
font-size: 18px;
font-size: 1.8rem; }
#interview .interviewList li .num {
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
opacity: 0.3;
font-style: italic;
font-size: 50px;
font-size: 5rem;
line-height: 1;
position: absolute;
top: -19px;
left: -20px; }
#interview .interviewList li:after {
content: "";
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_down_min.png) no-repeat center;
height: 10px;
width: 100%;
position: absolute;
left: 0px;
bottom: -25px; }
.intSec {
padding-bottom: 64px; }
.intSec .heading {
border-top: 3px solid #8ec555;
height: 450px;
background-position: center;
background-size: cover;
position: relative; }
.intSec .heading .headBox {
width: 534px;
height: 250px;
background-color: #fff;
position: absolute;
left: 50%;
top: 120px;
margin-left: -534px;
padding: 58px 0 0 36px; }
.intSec .heading .headBox h2 {
font-size: 35px;
font-size: 3.5rem;
line-height: 1.3;
font-weight: 600;
margin-bottom: 24px; }
.intSec .heading .headBox .txt {
font-size: 20px;
font-size: 2rem; }
.intSec .heading .headBox .num {
color: #dadada;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-style: italic;
position: absolute;
top: -74px;
left: -74px;
line-height: 1;
font-size: 120px;
font-size: 12rem;
letter-spacing: -0.05em; }
.intSec .heading.right .headBox {
margin-left: 0; }
@media screen and (min-width: 1200px) {
.intSec .heading.right .headBox .num {
left: 412px; } }
.intSec .faqList {
width: 1008px;
margin: 50px auto 0; }
.intSec .faqList dt {
margin-bottom: 10px;
color: #8ec555;
font-size: 30px;
font-size: 3rem;
font-weight: 600; }
.intSec .faqList dt strong {
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-weight: bold;
font-size: 52px;
font-size: 5.2rem;
margin-right: 6px; }
.intSec .faqList dd {
margin-bottom: 38px;
width: 858px;
margin-left: auto;
margin-right: auto; }
#interview01 .heading {
background-image: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_interview01.jpg); }
#interview02 .heading {
background-image: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_interview02.jpg); }
#interview03 .heading {
background-image: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_interview03.jpg); }
#interview04 .heading {
background-image: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_interview04.jpg); }
#numbers {
background-color: #f1f1f1;
padding: 63px 0 81px; }
.numberList .clm {
width: 50%;
height: 504px;
float: left;
padding-top: 39px; }
.numberList .clm h3 {
font-size: 24px;
font-size: 2.4rem;
font-weight: 600;
text-align: center; }
.numberList .clm h3 span {
font-size: 40px;
font-size: 4rem;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-weight: bold;
margin-right: 10px;
color: #8ec555; }
.numberList .clm .img {
height: 300px;
text-align: center; }
.numberList .clm .img img {
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
.numberList .clm .txt {
padding: 0 80px;
font-size: 14px;
font-size: 1.4rem; }
@media screen and (min-width: 1200px) {
.numberList .clm:nth-child(4n+1), .numberList .clm:nth-child(4n) {
background-color: #fff;
border-top: 3px solid #8ec555; } }
#job {
padding: 80px 0 84px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_glass2.png) repeat-y center top; }
#job .wrapper {
padding-right: 50px; }
#job .row {
margin-bottom: 52px; }
#job .row .left {
float: left; }
#job .row .right {
float: right;
width: 476px;
padding-top: 18px;
position: relative; }
#job .row .right h3 {
font-size: 40px;
font-size: 4rem;
text-align: center;
font-weight: 600;
line-height: 50px;
position: relative;
z-index: 2; }
#job .row .right h3 span {
color: #8ec555;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-weight: normal;
font-size: 16px;
font-size: 1.6rem;
line-height: 16px;
position: relative;
top: -20px; }
#job .row .right .num {
position: absolute;
z-index: 1;
font-size: 120px;
font-size: 12rem;
top: -27px;
left: -18px;
color: #f1f1f1;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-style: italic;
line-height: 1; }
#environment {
padding: 78px 0 74px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_env.jpg) no-repeat center;
background-size: cover; }
#environment .caution {
width: 980px;
margin: 0 auto; }
.envList {
text-align: center;
margin-bottom: 30px;
max-width: 1200px;
margin: 0 auto; }
.envList .clm {
display: inline-block;
width: 365px;
height: 302px;
padding-right: 7px;
padding-bottom: 7px;
margin: 0 3px 20px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/square_orange_01.png) no-repeat right bottom;
vertical-align: top; }
.envList .clm .white {
padding-top: 28px;
background-color: #fff;
border-radius: 6px;
height: 100%; }
.envList .clm h3 {
font-size: 20px;
font-size: 2rem;
font-weight: 600;
margin-bottom: 17px; }
.envList .clm .img {
height: 158px; }
.envList .clm span {
font-size: 13px;
font-size: 1.3rem; }
.envList .clm.long {
height: 405px;
background-image: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/square_orange_02.png); }
.envList .clm.long .img {
height: 200px; }
.envList .clm.long:last-child .img {
height: 163px; }
.envList .clm.long:last-child .txt {
padding: 0 20px;
text-align: left; }
#event {
padding-top: 66px;
padding-bottom: 54px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_stripe.png); }
.eventList {
width: 1204px;
margin: 0 auto 30px; }
.eventList li {
text-align: center;
float: left; }
.eventList li .imgCap {
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
margin-top: 6px; }
.evCap {
width: 890px;
margin: 0 auto; }
#ideal {
padding: 51px 0 25px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_ideal.png) no-repeat 35% 130px; }
#ideal .img {
text-align: center;
margin-bottom: 25px; }
#ideal .idealList {
width: 830px;
margin: 0 auto; }
#ideal .idealList dt {
color: #f27e16;
font-size: 30px;
font-size: 3rem;
font-weight: 600;
margin-bottom: 18px; }
#ideal .idealList dt span {
font-size: 52px;
font-size: 5.2rem;
font-weight: bold;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
margin-right: 10px; }
#ideal .idealList dd {
font-size: 15px;
font-size: 1.5rem;
line-height: 1.9;
font-weight: 500;
margin-bottom: 35px; }
#requirement {
padding: 50px 0 62px;
background-color: #fafafa; }
#requirement .wrapper {
padding-left: 50px;
padding-right: 50px; }
#requirement .reqTab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 17px; }
#requirement .reqTab li {
width: 181px;
text-align: center;
background-color: #eaeaea;
padding: 25px 0;
line-height: 1.2;
position: relative;
cursor: pointer; }
#requirement .reqTab li:hover, #requirement .reqTab li.active {
background-color: #8ec555;
color: #fff; }
#requirement .reqTab li:hover:after, #requirement .reqTab li.active:after {
content: "";
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_down.png) no-repeat center bottom;
height: 10px;
width: 100%;
position: absolute;
top: 100%;
left: 0px; }
#requirement > p {
margin-bottom: 40px;
text-align: center; }
#requirement .panel {
overflow: hidden; }
#requirement .panel li {
float: left;
width: 31%;
margin: 0 3.5% 20px 0; }
#requirement .panel li:nth-of-type(3n) {
margin-right: 0; }
@media screen and (max-width: 750px) {
#requirement .panel li {
width: 48.25%; }
#requirement .panel li:nth-of-type(odd) {
margin-right: 3.5%; }
#requirement .panel li:nth-of-type(even) {
margin-right: 0; } }
#requirement .panel li a {
display: block;
padding: 30px 0;
color: #292826;
background-color: #eaeaea;
text-align: center;
text-decoration: none;
line-height: 1.4; }
#requirement .panel li a:hover {
color: #fff;
background-color: #8ec555; }
.target table {
border: 1px solid #eaeaea;
width: 100%; }
.target table th {
border-bottom: 1px solid #eaeaea;
width: 220px;
padding: 20px 0 20px 24px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
background-color: #c4dfa7; }
.target table td {
border-bottom: 1px solid #eaeaea;
padding: 20px 0 20px 24px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
background-color: #fff; }
.hide {
display: none; }
#flow {
padding: 47px 0 89px;
background-color: #e8e8e8; }
#flow .flowList {
width: 1100px;
margin: 0 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
#flow .flowList li {
text-align: center;
background-color: #fff;
width: 218px;
height: 273px;
padding-top: 65px;
position: relative; }
#flow .flowList li .img {
height: 114px;
width: 100%;
text-align: center;
position: relative; }
#flow .flowList li .img img {
position: relative;
top: 50%;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%); }
#flow .flowList li p {
font-size: 20px;
font-size: 2rem;
line-height: 20px;
font-weight: 600;
margin-top: 29px; }
#flow .flowList li p span {
font-weight: 500;
font-size: 15px;
font-size: 1.5rem; }
#flow .flowList li:not(:last-child):after {
content: "";
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_right.png) no-repeat center;
width: 21px;
height: 44px;
position: absolute;
top: 50%;
right: -10px;
margin-top: -22px;
z-index: 3; }
#faq {
padding: 44px 0 80px; }
#faq .faqList {
width: 1100px;
margin: 0 auto 8px; }
#faq .faqList dt {
border: 1px solid #bbbbbb;
border-top-style: none;
padding: 22px 0 18px 67px;
position: relative;
font-size: 25px;
font-size: 2.5rem;
color: #fff;
background: #8ec555 url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/icon_plus.png) no-repeat 98% center;
cursor: pointer; }
#faq .faqList dt:before {
content: "Q.";
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-weight: bold;
color: #fff;
position: absolute;
top: 19px;
left: 28px;
font-size: 35px;
font-size: 3.5rem;
line-height: 1; }
#faq .faqList dt:hover {
opacity: 0.8; }
#faq .faqList dt.active {
background: #8ec555 url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/icon_minus.png) no-repeat 98% center; }
#faq .faqList dd {
border: 1px solid #bbbbbb;
border-top-style: none;
padding: 30px 82px 28px 72px;
position: relative;
font-size: 15px;
font-size: 1.5rem;
display: none; }
#faq .faqList dd:before {
content: "A.";
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-weight: bold;
color: #8ec555;
position: absolute;
top: 25px;
left: 29px;
font-size: 35px;
font-size: 3.5rem;
line-height: 1; }
.lastSection {
padding-bottom: 89px; }
.lastSection.wrapper {
padding-left: 50px;
padding-right: 50px; }
.lastSection .bnr {
margin-bottom: 25px; }
.lastSection .entry a {
display: block;
text-align: center;
background-color: #f27e16;
color: #fff;
border-radius: 8px;
font-size: 35px;
font-size: 3.5rem;
line-height: 100px;
font-weight: 600;
text-decoration: none;
-webkit-box-shadow: 0 4px 0px 0px #9e520e;
box-shadow: 0 4px 0px 0px #9e520e;
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s; }
.lastSection .entry a:hover {
-webkit-transform: translate(0, 4px);
-ms-transform: translate(0, 4px);
transform: translate(0, 4px);
-webkit-box-shadow: 0 0px 0px 0px #9e520e;
box-shadow: 0 0px 0px 0px #9e520e; }
.fTel {
text-align: center; }
.fTel .cap {
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
margin-bottom: 10px; }
.fTel .tel {
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif;
font-size: 48px;
font-size: 4.8rem;
line-height: 1;
margin-bottom: 55px;
font-weight: 500; }
.fTel .tel span {
color: #8ec555; }
.fTel .tel a {
color: #292826;
text-decoration: none; }
#footer {
text-align: center; }
#footer .goTop {
background-color: #414042; }
#footer .goTop a {
display: block;
padding: 30px 0; }
#footer .fBg {
height: 373px;
padding-top: 145px;
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/bg_footer.jpg) no-repeat center;
background-size: cover; }
#footer .copyRight {
font-size: 12px;
font-size: 1.2rem;
margin-top: 10px;
color: #fff; }
.entryTable {
border: 1px solid #eaeaea;
width: 100%;
margin-bottom: 50px; }
.entryTable th {
border-bottom: 1px solid #eaeaea;
width: 256px;
padding: 24px 0 20px 24px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 600;
background-color: #c4dfa7;
vertical-align: top; }
.entryTable th span.hissu {
background-color: #ffffff;
font-size: 12px;
font-size: 1.2rem;
width: 40px;
line-height: 18px;
color: #f27e16;
border: 1px solid #f27e16;
display: inline-block;
margin-left: 8px;
text-align: center; }
.entryTable td {
border-bottom: 1px solid #eaeaea;
padding: 20px 24px 20px 24px;
font-size: 16px;
font-size: 1.6rem;
font-weight: 500;
background-color: #fff; }
.entryTable input[type="text"],
.entryTable input[type="email"],
.entryTable input[type="tel"] {
height: 2.2em;
width: 100%;
text-indent: 0.5em; }
.entryTable input[type="text"].short,
.entryTable input[type="email"].short,
.entryTable input[type="tel"].short {
width: auto; }
.entryTable textarea {
width: 100%;
text-indent: 0.5em; }
.entryTable input[type="checkbox"] {
margin-right: 5px; }
.entryTable ul li {
margin-bottom: 10px; }
.entryTable p.lastJob {
padding-left: 25px; }
#entryPage {
padding-bottom: 160px;
padding-top: 64px;
display: block; }
.formBtn {
text-align: center; }
.formBtn input,
.formBtn a {
-webkit-appearance: none;
background-color: #f27e16;
color: #fff;
border-radius: 8px;
font-size: 21px;
font-size: 2.1rem;
line-height: 70px;
font-weight: 600;
width: 376px;
text-decoration: none;
-webkit-box-shadow: 0 4px 0px 0px #9e520e;
box-shadow: 0 4px 0px 0px #9e520e;
-webkit-transition: .1s;
-o-transition: .1s;
transition: .1s;
cursor: pointer;
border-style: none;
margin: 0 5px;
text-decoration: none;
display: inline-block; }
.formBtn input:hover,
.formBtn a:hover {
-webkit-transform: translate(0, 4px);
-ms-transform: translate(0, 4px);
transform: translate(0, 4px);
-webkit-box-shadow: 0 0px 0px 0px #9e520e;
box-shadow: 0 0px 0px 0px #9e520e; }
.formBtn input.back,
.formBtn a.back {
background-color: #c3c3c3;
-webkit-box-shadow: 0 4px 0px 0px #7f7f7f;
box-shadow: 0 4px 0px 0px #7f7f7f; }
.formBtn input.back:hover,
.formBtn a.back:hover {
-webkit-box-shadow: 0 0px 0px 0px #7f7f7f;
box-shadow: 0 0px 0px 0px #7f7f7f; }
.formBtn input[disabled="disabled"] {
pointer-events: none;
opacity: 0.5; }
.privacyBox {
height: 204px;
padding: 15px;
font-size: 12px;
font-size: 1.2rem;
overflow: auto;
border: 1px solid #d3d3d3;
margin-top: 10px; }
.finish {
text-align: center; }
.finish h3 {
font-size: 30px;
font-size: 3rem;
font-weight: 600;
margin-bottom: 20px; }
.finish .txt {
font-size: 16px;
font-size: 1.6rem;
line-height: 2;
margin-bottom: 60px; }
form.inline {
display: inline-block; }
.error {
color: red; }
.separate:not(:last-child) {
margin-bottom: 10px; }.SP {
display: none;
}
@media screen and (max-width: 1200px){
.SP {
display: block;
}
.PC {
display: none;
}
img {
max-width: 100%;
height: auto;
}
.wrapper {
width: 100%;
}
#message .messageBox {
width: 100%;
margin-top: 0;
height: auto;
padding: 30px;
}
.intSec .heading {
height: 215px;
}
.intSec .heading .headBox,
.intSec .heading.right .headBox {
margin-left: -267px;
top: 162px;
}
.intSec .faqList {
width: 100%;
margin-top: 196px;
padding-left: 3%;
padding-right: 3%;
}
.intSec .faqList dd {
width: 100%;
}
.numberList .clm {
width: 100%;
float: none;
height: auto;
padding: 20px;
}
.numberList .clm:nth-child(2n) {
background-color: #fff;
border-top: 3px solid #8ec555;
}
#job .wrapper {
padding: 0;
}
#job .row .left {
float: none;
width: 100%;
text-align: center;
padding: 3%;
padding-right: 3%;
}
#job .row .right {
float: none;
width: 100%;
padding-left: 3%;
padding-right: 3%;
}
#job .row .right .num {
top: 0px;
left: 7%;
}
.envList .clm.long.spNormal {
height: 302px;
background-image: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/square_orange_01.png);
}
.envList .clm.long.spNormal .img {
height: 158px;
}
#environment .caution {
width: 100%;
padding-right: 3%;
padding-left: 3%;
}
.eventList {
width: 100%;
padding-left: 3%;
padding-right: 3%;
}
.eventList li {
float: none;
margin-bottom: 20px;
}
.evCap {
width: 100%;
padding-left: 3%;
padding-right: 3%;
}
#ideal {
background-image: none;
}
#ideal .idealList {
width: 100%;
padding-left: 3%;
padding-right: 3%;
}
#requirement .reqTab {
display: block;
text-align: center;
}
#requirement .reqTab li {
display: inline-block;
width: 32%;
margin-bottom: 5px;
}
#requirement .reqTab li:hover:after, #requirement .reqTab li.active:after {
display: none;
}
.target table,
.target table th,
.target table td,
.target table tbody, 
.target table tr {
display: block;
width: 100%;
}
#flow .flowList {
display: block;
width: 100%;
}
#flow .flowList li {
margin: 0 auto 5px;
height: auto;
padding: 20px;
}
#flow .flowList li .img {
height: auto;
}
#flow .flowList li .img img {
position: static;
transform: translate(0,0);
}
#flow .flowList li:not(:last-child):after {
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_right_down.png) no-repeat center;
width: 100%;
height: 21px;
position: absolute;
top: calc(100% - 10px);
right: 0;
margin-top: 0;
}
#faq .faqList {
width: 100%;
}
.entryTable,
.entryTable tbody,
.entryTable tr,
.entryTable th,
.entryTable td {
width: 100%;
display: block;
}
#gNavi {
position: absolute;
top: 100%;
width: 100%;
left: 0px;
background-color: #f2f3f3;
text-align: left;
height: 0;
overflow: auto;
padding-bottom: 30px;
transition: .3s;
visibility: hidden;
}
#gNavi.slide {
height: calc(100vh - 59px);
visibility: visible;
}
#gNavi .parent > li {
display: block;
padding: 0;
}
#gNavi .parent > li:nth-child(2n) {
background-color: #fff;
}
.spEntryBtn {
margin: 20px 0 0;
text-align: center;
}
.spEntryBtn img {
width: 42%;
max-width: 270px;
}
.toggle {
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_down_min.png) no-repeat 96% 24px;
}
.toggle.open {
background: url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/arrow_up_min.png) no-repeat 96% 24px;
}
#gNavi .child {
position: static;
opacity: 1;
margin-left: 0px;
width: 100%;
padding-top: 0;
transition: max-height .2s;
max-height: 0;
visibility: hidden;
}
#gNavi .child.action {
max-height: 300px;
visibility: visible;
}
#gNavi .parent > li > span, #gNavi .parent > li > a {
padding: 22px 18px;
}
#gNavi .child ul {
background-color: #f2f3f3;
}
#gNavi .child.white ul {
background-color: #fff;
}
#gNavi .child ul:before {
display: none;
}
#gNavi .child ul li {
padding-left: 0;
background: none;
}
#gNavi .child ul li a {
color: #292826;
display: block;
padding: 8px 0;
}
#gNavi .parent > li > span:hover:after, #gNavi .parent > li > a:hover:after {
display: none;
}
#logo {
padding-left: 3%;
}
.spMenu {
position: absolute;
right: 3%;
padding-top: 20px;
}
.spMenuBtn {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
position: relative;
width: 26px;
height: 20px;
}
.spMenuBtn span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-color: #3a4763;
border-radius: 4px;
}
.spMenuBtn .spMenuBtn span:nth-of-type(1) {
top: 0;
}
.spMenuBtn span:nth-of-type(2) {
top: 50%;
margin-top: -1px;
}
.spMenuBtn span:nth-of-type(3) {
bottom: 0;
}
.spMenuBtn.active span:nth-of-type(1) {
transform: translateY(10px) rotate(-315deg);
}
.spMenuBtn.active span:nth-of-type(2) {
opacity: 0;
}
.spMenuBtn.active span:nth-of-type(3) {
transform: translateY(-9px) rotate(315deg);
}
#entryBtn {
display: none;
}
#interview .interviewList li {
margin: 0 0 60px;
}
}
@media screen and (max-width: 750px){
.telLink {
pointer-events: auto;
}
#mainImg h1{
text-align: center;
margin-top: 0;
transform: translate(0,-50%);
}
#mainImg h1 img {
width: 90%;
}
section > h2 {
font-size: 12vw;
line-height: 1;
margin-bottom: 20px;
}
section > h2 small {
position: relative;
top: -10px;
}
#message .wrapper {
padding-left: 3%;
padding-right: 3%;
}
#message .messageBox h3 {
font-size: 5vw;
line-height: 1.5;
}
#message .messageBox .txt {
font-size: 3.2vw;
}
#message .messageBox .name {
font-size: 4vw;
}
#business .businessList {
padding-left: 3%;
padding-right: 3%;
}
#business .businessList .clm {
width: 100%;
height: auto;
padding: 0;
display: inline-block;
vertical-align: top;
background: none;
margin: 0 0 15px;
}
#business .businessList .clm .white {
padding: 18px;
}
#business .businessList .clm.long {
height: auto;
}
#interview .interviewList li {
margin: 0 0 60px;
}
.intSec .heading {
background-position: 60% center;
}
.intSec .heading .headBox, .intSec .heading.right .headBox {
width: 100%;
height: auto;
top: 100%;
left: 0px;
margin-left: 0;
padding: 3vw;
}
.intSec .heading .headBox h2 {
font-size: 6vw;
margin-bottom: 7vw;
}
.intSec .heading .headBox .txt {
font-size: 4vw;
}
.intSec .heading .headBox .num {
top: -19vw;
left: auto;
font-size: 20vw;
}
.intSec .faqList dt {
font-size: 6vw;
}
.intSec .faqList dt strong {
font-size: 8vw;
}
.intSec .faqList dd {
font-size: 3.2vw;
}
#interview02 .heading,
#interview04 .heading{
background-position: 12% center;
}
.numberList .clm .txt {
padding-left: 0;
padding-right: 0;
}
.envList {
padding-left: 3%;
padding-right: 3%;
}
.envList .clm {
width: 100%;
padding: 0;
background-image: none;
margin: 0 0 15px;
height: auto !important;
}
.envList .clm .white {
padding: 20px 3%;
}
.envList .clm .img {
height: auto;
margin-bottom: 10px;
}
.envList .clm.long .img {
height: auto;
}
.envList .clm.long:last-child .img {
height: auto;
}
#ideal .idealList dt {
font-size: 6vw;
}
#ideal .idealList dt span {
font-size: 8vw;
}
#ideal .idealList dd {
font-size: 3.2vw;
}
#requirement .wrapper {
padding-left: 3%;
padding-right: 3%;
}
#requirement .reqTab li {
font-size: 3.2vw;
}
.target table th {
padding-left: 5%;
font-size: 4vw;
}
.target table td {
padding-left: 5%;
font-size: 3.2vw;
}
#faq .faqList dt {
padding-left: 8vw;
font-size: 4.4vw;
padding-right: 16vw;
}
#faq .faqList dt:before {
font-size: 6vw;
left: 1vw;
top: 6vw
}
#faq .faqList dt span {
top: 50%;
right: 3%;
margin-top: -12px;
}
#faq .faqList dd {
padding: 20px 3vw 20px 8vw;
font-size: 3.2vw;
}
#faq .faqList dd:before {
font-size: 6vw;
left: 1vw;
top: 6vw;
}
.lastSection.wrapper {
padding-left: 3%;
padding-right: 3%;
}
.lastSection .entry a {
font-size: 6vw;
line-height: 3em;
}
.fTel .cap {
font-size: 3.4vw;
}
.fTel .tel {
font-size: 9.4vw;
}
#footer .copyRight {
font-size: 2.8vw;
}
#footer .fBg {
height: 60vw;
padding-top: 20vw;
}
#footer .goTop a {
padding: 15px 0;
}
.formBtn {
padding-left: 3%;
padding-right: 3%;
}
.formBtn input, .formBtn a {
width: 100%;
margin: 0 0 10px;
}
}
   @media screen and (max-width: 640px) {
.pc {
display: none !important; } }
@media screen and (min-width: 641px) {
.sp {
display: none !important; } }     @media screen and (min-width: 1201px) {
#gNavi {
padding-left: 180px; }
#gNavi .parent {
margin-left: auto;
margin-right: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 1080px; }
#gNavi .parent > li > a,
#gNavi .parent > li > span {
font-size: 14px;
font-size: 1.4rem; }
#gNavi .parent > li.corporateSite {
padding-top: 11px;
padding-bottom: 11px; }
#gNavi .parent > li.corporateSite a {
color: #fff;
background-color: #eb7d26;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif; }
#gNavi .parent > li.corporateSite a::after {
display: none; }
#gNavi .parent > li.corporateSite a:hover {
opacity: 0.8; } }
@media screen and (min-width: 1201px) and (min-width: 1502px) {
#gNavi {
padding-right: 250px; }
#gNavi .parent > li.corporateSite a {
padding: 11px 2em; } }
@media screen and (min-width: 1201px) and (max-width: 1501px) {
#logo {
padding-left: 12px; }
#entryBtn img {
width: 150px;
height: auto; }
#gNavi {
padding-right: 150px; }
#gNavi .parent > li {
padding-right: 0;
padding-left: 0; }
#gNavi .parent > li.corporateSite a {
padding: 11px 0.75em; } }

.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(//www.hinoki-j.jp/wp-content/themes/twentytwentyone/job_detail/common/img/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;  } .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}
   @media screen and (max-width: 640px) {
.pc {
display: none !important; } }
@media screen and (min-width: 641px) {
.sp {
display: none !important; } }     .breakPointsToggle {
visibility: hidden; }
main {
display: block; }
@media screen and (min-width: 1100px) {
main {
padding-bottom: 115px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
main {
padding-bottom: 10.45455vw; } }
@media screen and (max-width: 640px) {
main {
padding-bottom: 4.6875vw; } }
main section h2 {
line-height: normal;
margin-bottom: auto;
text-align: center; }
main section h2 small {
margin-top: 1em;
display: block; }
main section h2 p {
display: inline-block; }
.jbContents {
margin-left: auto;
margin-right: auto;
max-width: 1100px; }
@media screen and (min-width: 641px) and (min-width: 1100px) {
.jbContents {
padding-left: 50px;
padding-right: 50px; } }
@media screen and (min-width: 641px) and (max-width: 1099px) {
.jbContents {
padding-left: 4.54545%;
padding-right: 4.54545%; } }
@media screen and (max-width: 640px) {
.jbContents {
padding-left: 7.03125%;
padding-right: 7.03125%; } }
.jdLinkGroup ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media screen and (min-width: 1100px) {
.jdLinkGroup ul {
margin-left: -20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
.jdLinkGroup ul {
margin-left: -1.81818vw; } }
@media screen and (max-width: 640px) {
.jdLinkGroup ul {
margin-left: 0vw; } }
@media screen and (min-width: 1100px) {
.jdLinkGroup ul {
margin-right: -20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
.jdLinkGroup ul {
margin-right: -1.81818vw; } }
@media screen and (max-width: 640px) {
.jdLinkGroup ul {
margin-right: 0vw; } }
@media screen and (min-width: 1100px) {
.jdLinkGroup ul {
margin-bottom: -48px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
.jdLinkGroup ul {
margin-bottom: -4.36364vw; } }
@media screen and (max-width: 640px) {
.jdLinkGroup ul {
margin-bottom: -3.125vw; } }
@media screen and (min-width: 1100px) {
.jdLinkGroup ul li {
margin-bottom: 48px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
.jdLinkGroup ul li {
margin-bottom: 4.36364vw; } }
@media screen and (max-width: 640px) {
.jdLinkGroup ul li {
margin-bottom: 3.125vw; } }
@media screen and (min-width: 1100px) {
.jdLinkGroup ul li {
padding-right: 20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
.jdLinkGroup ul li {
padding-right: 1.81818vw; } }
@media screen and (max-width: 640px) {
.jdLinkGroup ul li {
padding-right: 0vw; } }
@media screen and (min-width: 1100px) {
.jdLinkGroup ul li {
padding-left: 20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
.jdLinkGroup ul li {
padding-left: 1.81818vw; } }
@media screen and (max-width: 640px) {
.jdLinkGroup ul li {
padding-left: 0vw; } }
.jdLinkGroup ul li a {
display: block; }
.jdLinkGroup ul li a img {
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
@media screen and (min-width: 641px) {
.jdLinkGroup ul li {
width: 50%; } }
@media screen and (max-width: 640px) {
.jdLinkGroup ul li {
width: 100%; } }
@media screen and (max-width: 1200px) {
#gNavi.slide {
z-index: 1; }
#entryBtn {
top: auto;
bottom: 0;
display: block;
width: 100%; }
#entryBtn a {
display: block;
width: 100%;
background: url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_entryBtnTxt_sp.svg) 50% 50%/auto 65% no-repeat, #92c359; }
#entryBtn a img {
display: none; } }
@media screen and (max-width: 1200px) and (min-width: 641px) {
body {
padding-bottom: 90px; }
#entryBtn a {
height: 90px; } }
@media screen and (max-width: 1200px) and (max-width: 640px) {
body {
padding-bottom: 14.0625vw; }
#entryBtn a {
height: 14.0625vw; } }
.jdHeader {
position: relative;
overflow: hidden; }
.jdHeader > img {
position: absolute;
max-width: none; }
.jdHeader h1 {
position: relative;
background-color: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.jdHeader h1::after {
position: absolute;
display: block;
background: url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_header_icon.png) 50% 50%/contain no-repeat;
content: ""; }
.jdHeader h1 > div > p > span {
display: inline-block; }
.jdHeader h1 .jdHeaderTxtJa {
font-weight: bold;
line-height: 1.2; }
.jdHeader h1 .jdHeaderTxtEn {
margin-top: 0.5em;
color: #92c359;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif; }
@media screen and (min-width: 641px) {
.jdHeader {
height: 441px; }
.jdHeader h1 {
position: absolute;
padding: 0.5em;
height: 1px;
min-height: 218px; }
.jdHeader h1::after {
right: 0;
bottom: 0;
width: 142px;
height: 151px;
-webkit-transform: translate(67.5%, 72.5%);
-ms-transform: translate(67.5%, 72.5%);
transform: translate(67.5%, 72.5%); } }
@media screen and (min-width: 641px) and (min-width: 2000px) {
.jdHeader > img {
width: 100%;
height: auto; } }
@media screen and (min-width: 641px) and (max-width: 1999px) {
.jdHeader > img {
width: auto;
height: 100%; } }
@media screen and (min-width: 641px) and (min-width: 1200px) {
.jdHeader > img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.jdHeader h1 {
margin-top: -20.5px;
margin-right: 317px;
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
width: 466px;
font-size: 35px;
font-size: 3.5rem; }
.jdHeader h1 .jdHeaderTxtEn {
font-size: 17px;
font-size: 1.7rem; } }
@media screen and (min-width: 641px) and (max-width: 1199px) and (min-width: 850px) {
.jdHeader > img {
top: 50%;
left: -400px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.jdHeader h1 {
margin-top: -20.5px;
top: 50%;
left: 4.2%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 466px;
font-size: 35px;
font-size: 3.5rem; }
.jdHeader h1 .jdHeaderTxtEn {
font-size: 17px;
font-size: 1.7rem; } }
@media screen and (min-width: 641px) and (max-width: 849px) {
.jdHeader {
padding-right: 350px;
padding-left: 4.2%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.jdHeader > img {
top: 50%;
right: -750px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); }
.jdHeader h1 {
position: relative;
margin-top: -38.5px;
width: 100%;
font-size: 35px;
font-size: 3.5rem;
padding: 0.75em;
height: auto;
min-height: auto; }
.jdHeader h1 .jdHeaderTxtEn {
font-size: 17px;
font-size: 1.7rem; } }
@media screen and (max-width: 640px) {
.jdHeader {
padding: 0 9.375vw;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 109.375vw; }
.jdHeader > img {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
max-width: none;
height: 100%; }
.jdHeader h1 {
margin-bottom: 9.375vw;
padding: 0.75em;
width: 100%;
font-size: 36px;
font-size: 3.6rem;
font-size: 5.625vw; }
.jdHeader h1 .jdHeaderTxtEn {
font-size: 22px;
font-size: 2.2rem;
font-size: 3.4375vw; }
.jdHeader h1::after {
top: 0;
right: 0;
width: 22.1875vw;
height: 23.59375vw;
-webkit-transform: translate(40%, -90%);
-ms-transform: translate(40%, -90%);
transform: translate(40%, -90%); } }
[data-background][data-background="glassGy"] {
position: relative;
overflow: hidden; }
[data-background][data-background="glassGy"]::before, [data-background][data-background="glassGy"]::after {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
content: ""; }
[data-background][data-background="glassGy"]::before {
width: 100%;
background-color: #e6e6e6; }
[data-background][data-background="glassGy"]::after {
background-image: url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_bg_glass_gy.png), url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_bg_glass_gy.png);
background-repeat: no-repeat, no-repeat; }
@media screen and (min-width: 641px) and (min-width: 1500px) {
[data-background][data-background="glassGy"]::after {
width: 2200px;
background-position: left  0% top    5%, right 0% bottom 5%;
background-size: 465px auto, 465px auto; } }
@media screen and (min-width: 641px) and (max-width: 1499px) {
[data-background][data-background="glassGy"]::after {
width: 100%;
background-position: left -350px top 5%, right -350px bottom 5%;
background-size: 465px auto, 465px auto; } }
@media screen and (max-width: 640px) {
[data-background][data-background="glassGy"]::after {
width: 100%;
background-position: left -12vw bottom -15vw, right -40vw top -15vw;
background-size: 72.65625vw auto, 72.65625vw auto; } }
[data-background][data-background="glassGn"] {
position: relative;
overflow: hidden; }
[data-background][data-background="glassGn"]::before, [data-background][data-background="glassGn"]::after {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
content: ""; }
[data-background][data-background="glassGn"]::before {
width: 100%;
background-color: transparent; }
[data-background][data-background="glassGn"]::after {
background-image: url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_bg_glass_gn.png), url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_bg_glass_gn.png);
background-repeat: no-repeat, no-repeat; }
@media screen and (min-width: 641px) and (min-width: 1500px) {
[data-background][data-background="glassGn"]::after {
width: 2200px;
background-position: left  0% top    5%, right 0% bottom 5%;
background-size: 465px auto, 465px auto; } }
@media screen and (min-width: 641px) and (max-width: 1499px) {
[data-background][data-background="glassGn"]::after {
width: 100%;
background-position: left -350px top 5%, right -350px bottom 5%;
background-size: 465px auto, 465px auto; } }
@media screen and (max-width: 640px) {
[data-background][data-background="glassGn"]::after {
width: 100%;
background-position: left -12vw bottom -15vw, right -40vw top -15vw;
background-size: 72.65625vw auto, 72.65625vw auto; } }
@media screen and (max-width: 640px) {
[data-background][data-background="glassGn"]::after {
background-position: left -37.5vw bottom 38.28125vw, right -37.5vw top -7.03125vw; } }
[data-background][data-background="stripe"] {
background: url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_bg_stripe.jpg) 50% 50%/14px 14px repeat; }
[data-background][data-background="stripe_addBorder"] {
border-top: 6px solid #92c359;
border-bottom: 6px solid #92c359;
background: url(https://www.hinoki-j.jp/wp-content/themes/twentytwentyone/recruit_common/img/common_bg_stripe.jpg) 50% 50%/14px 14px repeat; }
[data-background][data-background="white"] {
background-color: #fff; }
[data-background][data-background="gray"] {
background-color: #fafafa; }
@media screen and (min-width: 1100px) {
#jbAbout {
margin-top: 50px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout {
margin-top: 4.54545vw; } }
@media screen and (max-width: 640px) {
#jbAbout {
margin-top: 12.5vw; } }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents:nth-of-type(2) {
margin-top: 70px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents:nth-of-type(2) {
margin-top: 6.36364vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents:nth-of-type(2) {
margin-top: 7.03125vw; } }
#jbAbout .jbContents h2 {
font-weight: 800; }
@media screen and (min-width: 641px) {
#jbAbout .jbContents h2 {
font-size: 30px;
font-size: 3rem; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents h2 {
font-size: 39px;
font-size: 3.9rem;
font-size: 6.09375vw; } }
#jbAbout .jbContents .jdSlick {
margin-right: auto;
margin-left: auto; }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents .jdSlick {
margin-top: 30px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents .jdSlick {
margin-top: 2.72727vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents .jdSlick {
margin-top: 7.03125vw; } }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents .jdSlick .slick-list {
margin-right: -25px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents .jdSlick .slick-list {
margin-right: -2.27273vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents .jdSlick .slick-list {
margin-right: 0vw; } }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents .jdSlick .slick-list {
margin-left: -25px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents .jdSlick .slick-list {
margin-left: -2.27273vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents .jdSlick .slick-list {
margin-left: 0vw; } }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide {
padding-right: 25px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide {
padding-right: 2.27273vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide {
padding-right: 0vw; } }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide {
padding-left: 25px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide {
padding-left: 2.27273vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide {
padding-left: 0vw; } }
#jbAbout .jbContents .jdSlick .slick-list .slick-slide > img {
width: 100%; }
#jbAbout .jbContents .jdSlick .slick-list .slick-slide > p {
margin-top: 0.5em;
text-align: center; }
@media screen and (min-width: 641px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide > p {
font-size: 14px;
font-size: 1.4rem; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents .jdSlick .slick-list .slick-slide > p {
font-size: 23px;
font-size: 2.3rem;
font-size: 3.59375vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents .jdSlick {
max-width: 400px; } }
#jbAbout .jbContents dl {
text-align: center; }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents dl {
margin-top: 20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents dl {
margin-top: 1.81818vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents dl {
margin-top: 3.125vw; } }
#jbAbout .jbContents dl dt {
padding: 0.5em 2em;
display: inline-block;
color: #fff;
background-color: #92c359;
font-weight: 600; }
@media screen and (min-width: 641px) {
#jbAbout .jbContents dl dt {
font-size: 22px;
font-size: 2.2rem; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents dl dt {
font-size: 28px;
font-size: 2.8rem;
font-size: 4.375vw; } }
#jbAbout .jbContents dl dd {
text-align: left;
font-weight: 500; }
@media screen and (min-width: 1100px) {
#jbAbout .jbContents dl dd {
margin-top: 20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jbAbout .jbContents dl dd {
margin-top: 1.81818vw; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents dl dd {
margin-top: 6.25vw; } }
@media screen and (min-width: 641px) {
#jbAbout .jbContents dl dd {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 640px) {
#jbAbout .jbContents dl dd {
font-size: 22px;
font-size: 2.2rem;
font-size: 3.4375vw; } }
@media screen and (min-width: 1100px) {
#jdDescription {
margin-top: 100px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdDescription {
margin-top: 9.09091vw; } }
@media screen and (max-width: 640px) {
#jdDescription {
margin-top: 4.6875vw; } }
@media screen and (min-width: 1100px) {
#jdDescription {
padding-top: 60px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdDescription {
padding-top: 5.45455vw; } }
@media screen and (max-width: 640px) {
#jdDescription {
padding-top: 14.0625vw; } }
@media screen and (min-width: 1100px) {
#jdDescription {
padding-bottom: 120px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdDescription {
padding-bottom: 10.90909vw; } }
@media screen and (max-width: 640px) {
#jdDescription {
padding-bottom: 21.09375vw; } }
@media screen and (min-width: 1100px) {
#jdDescription .jbContents {
margin-top: 40px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdDescription .jbContents {
margin-top: 3.63636vw; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents {
margin-top: 15.625vw; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents {
padding-left: 3.51562%;
padding-right: 3.51562%; }
#jdDescription .jbContents .jdInfo {
padding-left: 3.51562%;
padding-right: 3.51562%; } }
#jdDescription .jbContents .jdInfo .jdInfoThumb img {
width: 100%; }
#jdDescription .jbContents .jdInfo .jdInfoDesc {
font-weight: 500; }
@media screen and (min-width: 641px) {
#jdDescription .jbContents .jdInfo .jdInfoDesc {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents .jdInfo .jdInfoDesc {
font-size: 22px;
font-size: 2.2rem;
font-size: 3.4375vw; } }
@media screen and (min-width: 641px) {
#jdDescription .jbContents .jdInfo {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
#jdDescription .jbContents .jdInfo .jdInfoThumb {
width: 550px; }
#jdDescription .jbContents .jdInfo .jdInfoDesc {
padding-left: 1em;
width: 550px; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents .jdInfo .jdInfoDesc {
margin-top: 1em; } }
@media screen and (min-width: 1100px) {
#jdDescription .jbContents .jdSchedule {
margin-top: 90px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdDescription .jbContents .jdSchedule {
margin-top: 8.18182vw; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents .jdSchedule {
margin-top: 14.0625vw; } }
#jdDescription .jbContents .jdSchedule dt {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
#jdDescription .jbContents .jdSchedule dt p {
font-weight: 800; }
@media screen and (min-width: 641px) {
#jdDescription .jbContents .jdSchedule dt p {
font-size: 30px;
font-size: 3rem; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents .jdSchedule dt p {
font-size: 39px;
font-size: 3.9rem;
font-size: 6.09375vw; } }
#jdDescription .jbContents .jdSchedule dt span {
margin-left: 0.5em;
font-weight: bold;
font-family: 'Roboto','Noto Sans Japanese','Hiragino Kaku Gothic ProN', meiryo, sans-serif; }
@media screen and (min-width: 641px) {
#jdDescription .jbContents .jdSchedule dt span {
font-size: 17px;
font-size: 1.7rem; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents .jdSchedule dt span {
font-size: 22px;
font-size: 2.2rem;
font-size: 3.4375vw; } }
@media screen and (min-width: 1100px) {
#jdDescription .jbContents .jdSchedule dd {
margin-top: 20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdDescription .jbContents .jdSchedule dd {
margin-top: 1.81818vw; } }
@media screen and (max-width: 640px) {
#jdDescription .jbContents .jdSchedule dd {
margin-top: 6.25vw; } }
#jdDescription .jbContents .jdSchedule dd img {
width: 100%; }
@media screen and (max-width: 640px) {
#jdDescription .jbContents .jdSchedule dt {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; } }
@media screen and (min-width: 1100px) {
#jdRequirements {
padding-top: 70px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdRequirements {
padding-top: 6.36364vw; } }
@media screen and (max-width: 640px) {
#jdRequirements {
padding-top: 9.375vw; } }
@media screen and (min-width: 1100px) {
#jdRequirements > .jbContents {
margin-top: 40px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdRequirements > .jbContents {
margin-top: 3.63636vw; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents {
margin-top: 4.6875vw; } }
@media screen and (min-width: 1100px) {
#jdRequirements > .jbContents {
padding-bottom: 150px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdRequirements > .jbContents {
padding-bottom: 13.63636vw; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents {
padding-bottom: 15.625vw; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents {
padding-left: 3.51562%;
padding-right: 3.51562%; } }
#jdRequirements > .jbContents > dl > dt {
padding: 0.5em 1em;
color: #fff;
background-color: #92c459;
text-align: center;
font-weight: 500; }
@media screen and (min-width: 641px) {
#jdRequirements > .jbContents > dl > dt {
font-size: 18px;
font-size: 1.8rem; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents > dl > dt {
font-size: 23px;
font-size: 2.3rem;
font-size: 3.59375vw; } }
#jdRequirements > .jbContents > dl > dd {
font-weight: 600; }
@media screen and (min-width: 1100px) {
#jdRequirements > .jbContents > dl > dd {
margin-top: 20px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdRequirements > .jbContents > dl > dd {
margin-top: 1.81818vw; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents > dl > dd {
margin-top: 3.125vw; } }
#jdRequirements > .jbContents > dl > dd table {
width: 100%; }
#jdRequirements > .jbContents > dl > dd table tbody tr th,
#jdRequirements > .jbContents > dl > dd table tbody tr td {
padding: 1em; }
#jdRequirements > .jbContents > dl > dd table tbody tr th {
background-color: #c6dea9; }
@media screen and (min-width: 641px) {
#jdRequirements > .jbContents > dl > dd table tbody tr th {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents > dl > dd table tbody tr th {
font-size: 25px;
font-size: 2.5rem;
font-size: 3.90625vw; } }
@media screen and (min-width: 641px) {
#jdRequirements > .jbContents > dl > dd table tbody tr td {
font-size: 16px;
font-size: 1.6rem; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents > dl > dd table tbody tr td {
font-size: 20px;
font-size: 2rem;
font-size: 3.125vw; } }
@media screen and (min-width: 641px) {
#jdRequirements > .jbContents > dl > dd table tbody tr th,
#jdRequirements > .jbContents > dl > dd table tbody tr td {
border: 1px solid #e6e6e6; } }
@media screen and (min-width: 641px) and (min-width: 1100px) {
#jdRequirements > .jbContents > dl > dd table tbody tr th {
width: 214px; } }
@media screen and (min-width: 641px) and (max-width: 1099px) {
#jdRequirements > .jbContents > dl > dd table tbody tr th {
width: 19.45455vw; } }
@media screen and (max-width: 640px) {
#jdRequirements > .jbContents > dl > dd table tbody,
#jdRequirements > .jbContents > dl > dd table tr,
#jdRequirements > .jbContents > dl > dd table th,
#jdRequirements > .jbContents > dl > dd table td {
display: block;
width: 100%; }
#jdRequirements > .jbContents > dl > dd table th {
border: 1px solid #e6e6e6; }
#jdRequirements > .jbContents > dl > dd table td {
border-right: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6; }
#jdRequirements > .jbContents > dl > dd table tr:last-child td {
border-bottom: 1px solid #e6e6e6; } }
@media screen and (min-width: 1100px) {
#jdRequirements > [data-background] {
padding-top: 150px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdRequirements > [data-background] {
padding-top: 13.63636vw; } }
@media screen and (max-width: 640px) {
#jdRequirements > [data-background] {
padding-top: 15.625vw; } } @media screen and (min-width: 1100px) {
#jdInterview {
margin-top: 0px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview {
margin-top: 13.63636vw; } }
@media screen and (max-width: 640px) {
#jdInterview {
margin-top: 13.28125vw; } }
@media screen and (min-width: 1100px) {
#jdInterview {
padding-top: 70px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview {
padding-top: 6.36364vw; } }
@media screen and (max-width: 640px) {
#jdInterview {
padding-top: 7.8125vw; } }
@media screen and (min-width: 1100px) {
#jdInterview {
padding-bottom: 80px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview {
padding-bottom: 7.27273vw; } }
@media screen and (max-width: 640px) {
#jdInterview {
padding-bottom: 7.8125vw; } }
@media screen and (min-width: 1100px) {
#jdInterview .jbContents {
margin-top: 40px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview .jbContents {
margin-top: 3.63636vw; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents {
margin-top: 6.25vw; } }
#jdInterview .jbContents ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
@media screen and (min-width: 1100px) {
#jdInterview .jbContents ul {
margin-right: -12.5px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview .jbContents ul {
margin-right: -1.13636vw; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul {
margin-right: -1.95312vw; } }
@media screen and (min-width: 1100px) {
#jdInterview .jbContents ul {
margin-left: -12.5px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview .jbContents ul {
margin-left: -1.13636vw; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul {
margin-left: -1.95312vw; } }
@media screen and (min-width: 1100px) {
#jdInterview .jbContents ul li {
padding-right: 12.5px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview .jbContents ul li {
padding-right: 1.13636vw; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul li {
padding-right: 1.95312vw; } }
@media screen and (min-width: 1100px) {
#jdInterview .jbContents ul li {
padding-left: 12.5px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview .jbContents ul li {
padding-left: 1.13636vw; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul li {
padding-left: 1.95312vw; } }
@media screen and (min-width: 1100px) {
#jdInterview .jbContents ul li {
margin-bottom: 0px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview .jbContents ul li {
margin-bottom: 0vw; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul li {
margin-bottom: 3.125vw; } }
#jdInterview .jbContents ul li a {
display: block;
color: inherit;
text-decoration: none; }
#jdInterview .jbContents ul li a img {
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
#jdInterview .jbContents ul li a dl {
text-align: center; }
@media screen and (min-width: 1100px) {
#jdInterview .jbContents ul li a dl {
margin-top: 10px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
#jdInterview .jbContents ul li a dl {
margin-top: 0.90909vw; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul li a dl {
margin-top: 0.78125vw; } }
#jdInterview .jbContents ul li a dl dt {
font-weight: 800; }
@media screen and (min-width: 641px) {
#jdInterview .jbContents ul li a dl dt {
font-size: 18px;
font-size: 1.8rem; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul li a dl dt {
font-size: 30px;
font-size: 3rem;
font-size: 4.6875vw; } }
#jdInterview .jbContents ul li a dl dd {
font-weight: 500; }
@media screen and (min-width: 641px) {
#jdInterview .jbContents ul li a dl dd {
font-size: 13px;
font-size: 1.3rem; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul li a dl dd {
font-size: 18px;
font-size: 1.8rem;
font-size: 2.8125vw; } }
@media screen and (min-width: 641px) {
#jdInterview .jbContents ul li {
width: 25%; } }
@media screen and (max-width: 640px) {
#jdInterview .jbContents ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
#jdInterview .jbContents ul li {
width: 50%; } }
@media screen and (min-width: 1100px) {
main .jdMore:nth-of-type(1) {
margin-top: 150px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
main .jdMore:nth-of-type(1) {
margin-top: 13.63636vw; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(1) {
margin-top: 15.625vw; } }
main .jdMore:nth-of-type(2) {
padding-bottom: 0; }
@media screen and (min-width: 1100px) {
main .jdMore:nth-of-type(2) {
margin-top: 240px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
main .jdMore:nth-of-type(2) {
margin-top: 21.81818vw; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(2) {
margin-top: 12.5vw; } }
main .jdMore:nth-of-type(2) .fTel .tel {
margin-bottom: 0; }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(2).jbContents {
padding-left: 3.51562%;
padding-right: 3.51562%; } }
@media screen and (min-width: 1100px) {
main .jdMore:nth-of-type(3) {
margin-top: 165px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
main .jdMore:nth-of-type(3) {
margin-top: 15vw; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(3) {
margin-top: 12.5vw; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(3) .jbContents {
padding-left: 3.51562%;
padding-right: 3.51562%; } }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dt {
padding: 0.5em 1em;
color: #fff;
background-color: #92c459;
font-weight: 600; }
@media screen and (min-width: 641px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dt {
font-size: 25px;
font-size: 2.5rem; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dt {
font-size: 29px;
font-size: 2.9rem;
font-size: 4.53125vw; } }
@media screen and (min-width: 1100px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li:nth-child(n+2) {
margin-top: 30px; } }
@media screen and (max-width: 1099px) and (min-width: 641px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li:nth-child(n+2) {
margin-top: 2.72727vw; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li:nth-child(n+2) {
margin-top: 5.46875vw; } }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li a {
border-radius: 8px;
background-color: #fff;
-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.25);
text-decoration: none;
color: inherit; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li a:hover * {
opacity: 0.8; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitThumb img {
width: 100%; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dt {
font-weight: 700; }
@media screen and (min-width: 641px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dt {
font-size: 22px;
font-size: 2.2rem; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dt {
font-size: 28px;
font-size: 2.8rem;
font-size: 4.375vw; } }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dt p {
display: inline-block; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dd {
margin-top: 0.5em; }
@media screen and (min-width: 641px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dd {
font-size: 15px;
font-size: 1.5rem; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dd {
font-size: 20px;
font-size: 2rem;
font-size: 3.125vw; } }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dd p:nth-child(n+2) {
margin-top: 0.5em; }
@media screen and (min-width: 641px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li a {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitThumb {
width: 200px; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitThumb img {
max-width: 200px; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc {
width: 640px; } }
@media screen and (min-width: 641px) and (min-width: 1100px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul {
padding: 40px; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li a {
padding: 40px; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc {
padding-left: 40px; } }
@media screen and (min-width: 641px) and (max-width: 1099px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul {
padding: 3.63636vw; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li a {
padding: 3.63636vw; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc {
padding-left: 3.63636vw; } }
@media screen and (max-width: 640px) {
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li a {
display: block; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul {
padding: 6.25vw 3.125vw; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit > dd ul li a {
padding: 6.25vw; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitThumb {
text-align: center; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitThumb img {
max-width: 260px; }
main .jdMore:nth-of-type(3) dl.jdEtcRecruit .jdEtcRecruitDesc > dt {
margin-top: 0.75em;
text-align: center; } }