@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato");
@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
.inner, .Recruit { width: 100%; max-width: 960px; padding: 0 20px; margin: 0 auto; }
@media (max-width: 959px) { .inner, .Recruit { width: 85%; padding: 0; } }

.inner_ss { width: 100%; max-width: 800px; margin: 0 auto; padding: 0 20px; }
@media (max-width: 959px) { .inner_ss { max-width: 88%; padding: 0; } }

body { margin-top: 105px; }
@media (max-width: 959px) { body { padding: 0; margin-top: 27vw; } }

h2.Title { margin-bottom: 2.4em; font-size: 30px; font-weight: 700; line-height: 100%; letter-spacing: 10%; }
@media (max-width: 959px) { h2.Title { margin-bottom: 1em; font-size: 5vw; } }
h2.Title i { display: block; margin-top: 0.45em; color: #939393; font-size: 16px; font-weight: 500; font-family: Inter; line-height: 100%; letter-spacing: 0%; }
@media (max-width: 959px) { h2.Title i { margin-top: 0.9em; font-size: 4vw; } }

.Recruit { margin-top: 132px; }
@media (max-width: 959px) { .Recruit { margin-top: 12vw; } }
.Recruit > p { margin: 0; font-size: 16px; font-size: 500; line-height: 36px; }
@media (max-width: 959px) { .Recruit > p { font-size: 3.4vw; line-height: 1.9em; } }
.Recruit .Info { margin-top: 22px; }
@media (max-width: 959px) { .Recruit .Info { margin-top: 7vw; } }
.Recruit .Info em { font-size: 16px; font-weight: 500; line-height: 40px; }
@media (max-width: 959px) { .Recruit .Info em { font-size: 3.4vw; line-height: 1.9em; } }
.Recruit .Info ul { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; width: 620px; margin-top: 35px; }
@media (max-width: 959px) { .Recruit .Info ul { -webkit-flex-direction: column; flex-direction: column; width: 100%; margin-top: 8vw; } }
.Recruit .Info ul li { width: 47%; }
@media (max-width: 959px) { .Recruit .Info ul li { width: 100%; } }
@media (max-width: 959px) { .Recruit .Info ul li + li { margin-top: 4vw; } }
.Recruit .Info a:link, .Recruit .Info a:visited { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; height: 70px; border-radius: 9999px; border: 1px solid #6D6D6D; }
@media (max-width: 959px) { .Recruit .Info a:link, .Recruit .Info a:visited { height: 15vw; } }
.Recruit .Info a:link:hover, .Recruit .Info a:visited:hover { color: #fff; background: #606060; }
.Recruit .Info a:link.Tel, .Recruit .Info a:visited.Tel { display: block; padding: 0.7em 0; text-align: center; }
@media (max-width: 959px) { .Recruit .Info a:link.Tel, .Recruit .Info a:visited.Tel { display: block; padding: 2.5vw 0; } }
.Recruit .Info a:link.Tel div, .Recruit .Info a:visited.Tel div { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.Recruit .Info a:link.Tel strong, .Recruit .Info a:visited.Tel strong { font-size: 21px; font-weight: 700; line-height: 100%; }
@media (max-width: 959px) { .Recruit .Info a:link.Tel strong, .Recruit .Info a:visited.Tel strong { font-size: 5vw; line-height: 5vw; } }
.Recruit .Info a:link.Tel img, .Recruit .Info a:visited.Tel img { width: 1.2em; margin-right: 1em; }
.Recruit .Info a:link.Tel p, .Recruit .Info a:visited.Tel p { margin: 5px 0 0 0; font-size: 14px; line-height: 100%; }
@media (max-width: 959px) { .Recruit .Info a:link.Tel p, .Recruit .Info a:visited.Tel p { margin: 1vw 0 0 0; } }
.Recruit .Info a:link.Mail strong, .Recruit .Info a:visited.Mail strong { font-size: 16px; font-weight: 700; line-height: 40px; }
@media (max-width: 959px) { .Recruit .Info a:link.Mail strong, .Recruit .Info a:visited.Mail strong { font-size: 4vw; line-height: 5vw; } }
.Recruit .Info a:link.Mail img, .Recruit .Info a:visited.Mail img { width: 1.3em; margin-right: 1em; }
@media (max-width: 959px) { .Recruit .Info a:link.Mail img, .Recruit .Info a:visited.Mail img { width: 1.7em; margin-right: 1em; } }
.Recruit .Info a:link p, .Recruit .Info a:visited p { font-size: 16px; font-size: 400; line-height: 40px; }
@media (max-width: 959px) { .Recruit .Info a:link p, .Recruit .Info a:visited p { font-size: 3vw; line-height: 1em; } }

.Recruit-Details { padding: 130px 0; margin-top: 115px; background: #F9F9F9; }
@media (max-width: 959px) { .Recruit-Details { padding: 14vw 0 20vw 0; margin-top: 26vw; } }
.Recruit-Details ul.Tab-List { display: -webkit-flex; display: flex; margin-bottom: 42px; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-List { width: 100% !important; margin: 0 0 10vw 0; } }
.Recruit-Details ul.Tab-List li { cursor: pointer; width: 340px; padding: 0.65em 0 0.85em 0; font-size: 16px; text-align: center; border-radius: 9999px; border: 1px solid #6D6D6D; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-List li { width: 47%; padding: 1.1em 0; font-size: 3.6vw; } }
.Recruit-Details ul.Tab-List li + li { margin-left: 20px; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-List li + li { margin-left: 4vw; } }
.Recruit-Details ul.Tab-List li.current { color: #fff; background: #6D6D6D; }
.Recruit-Details ul.Tab-List li:hover { color: #fff; background: #6D6D6D; }
.Recruit-Details ul.Tab-Content section { padding-top: 140px; margin-top: -140px; }
.Recruit-Details ul.Tab-Content section + section { padding-top: 40px; margin-top: -40px; }
.Recruit-Details ul.Tab-Content > li { display: none; }
.Recruit-Details ul.Tab-Content h3 { display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; padding: 0 0 0.5em 0; margin-bottom: 40px; font-size: 22px; font-weight: 700; border-bottom: 1px solid #000; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content h3 { padding: 0 0 0.1em 0; margin-bottom: 4vw; font-size: 4.5vw; } }
.Recruit-Details ul.Tab-Content h3 img { width: 2.3em; height: auto; margin-right: 1.65em; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content h3 img { width: 2em; height: auto; margin-right: 1.1em; } }
.Recruit-Details ul.Tab-Content section + section h3 { margin-top: 105px; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content section + section h3 { margin-top: 100px; } }
.Recruit-Details ul.Tab-Content dl { overflow: hidden; border-top: 1px dashed #474747; }
.Recruit-Details ul.Tab-Content dl:after { content: ""; clear: both; }
.Recruit-Details ul.Tab-Content dl.first { border: none; }
.Recruit-Details ul.Tab-Content dl.last { border-bottom: 1px dashed #474747; }
.Recruit-Details ul.Tab-Content dl dt { clear: both; float: left; width: 14%; padding: 18px 0; margin: 0; font-size: 16px; font-weight: 700; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content dl dt { float: none; width: 100%; padding: 4vw 0 0 0; font-size: 3.4vw; } }
.Recruit-Details ul.Tab-Content dl dd { float: left; width: 86%; padding: 18px 0; margin: 0; font-size: 16px; font-weight: 400; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content dl dd { float: none; width: 100%; font-size: 3.4vw; } }
.Recruit-Details ul.Tab-Content dl.first dt, .Recruit-Details ul.Tab-Content dl.first dd { padding: 0; }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content dl.first dt { float: left; width: 22%; } }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content dl.first dd { float: left; width: 78%; } }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content .slider + dl { margin-top: 0; border-top: none; } }
@media (max-width: 959px) { .Recruit-Details ul.Tab-Content .slider + dl dt { padding: 0; } }
.Recruit-Details ul.Photo3, .Recruit-Details ul.Photo4 { display: -webkit-flex; display: flex; -webkit-box-align: start; align-items: flex-start; margin: 30px 0 33px 0; }
@media (max-width: 959px) { .Recruit-Details ul.Photo3, .Recruit-Details ul.Photo4 { display: none; } }
.Recruit-Details ul.Photo3 li, .Recruit-Details ul.Photo4 li { width: 33%; }
.Recruit-Details ul.Photo3 li + li, .Recruit-Details ul.Photo4 li + li { margin-left: 40px; }
.Recruit-Details ul.Photo3 img, .Recruit-Details ul.Photo4 img { width: 100%; }
.Recruit-Details ul.Photo3 h4, .Recruit-Details ul.Photo4 h4 { margin: 0.8em 0 0.7em 0; font-size: 16px; font-weight: 500; line-height: 100%; }
.Recruit-Details ul.Photo3 p, .Recruit-Details ul.Photo4 p { margin: 0; font-size: 16px; font-weight: 400; line-height: 1.5em; }
.Recruit-Details ul.Photo4 li { width: 23%; }
.Recruit-Details ul.Photo4 li + li { margin-left: 15px; }
.Recruit-Details .slider { display: none; }
@media (max-width: 959px) { .Recruit-Details .slider { position: relative; display: block; margin-top: 5vw; } }
.Recruit-Details .slider h4 { margin: 0.8em 0 0.7em 0; font-size: 4vw; font-weight: 500; line-height: 100%; }
.Recruit-Details .slider p { margin: 0 0 8vw 0; font-size: 3.4vw; font-weight: 400; line-height: 1.5em; }
.Recruit-Details .slider .swiper-slide img { width: 100%; }
.Recruit-Details .slider .swiper-navWrap { position: absolute; top: 22vw; left: -2.5vw; z-index: 10; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: 106%; height: 9.5vw; }
.Recruit-Details .slider .swiper-recruit-next, .Recruit-Details .slider .swiper-recruit-prev { cursor: pointer; display: -webkit-flex; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 9.5vw; height: 9.5vw; background: #fff; border-radius: 50%; border: 1px solid #606060; -webkit-transition: all .3s; transition: all .3s; }
.Recruit-Details .slider .swiper-recruit-next:hover, .Recruit-Details .slider .swiper-recruit-prev:hover { opacity: 0.7; }
.Recruit-Details .slider .swiper-recruit-next:before { content: "＞"; display: block; width: 1em; height: 1em; color: #545454; font-weight: 700; line-height: 100%; }
.Recruit-Details .slider .swiper-recruit-prev:before { content: "＜"; display: block; width: 1em; height: 1em; color: #545454; font-weight: 700; line-height: 100%; }