@charset "UTF-8";

body.page-recruit .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_採用情報.jpg) no-repeat top center;
height: 10053px;
}
@media screen and (max-width: 701px) {
body.page-recruit .guidebox {
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/guide/株式会社日東様webサイト_採用情報_sp.jpg) no-repeat top center;
height: 9178px;
background-position: top 0px center;
}
}
@keyframes slideAnimation {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-2922px);
}
}
@keyframes slideAnimationSp {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-2922rem);
}
}
@keyframes bottomAnimation {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-3000px);
}
}
@keyframes bottomAnimationSp {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-3000rem);
}
}
body.page-recruit .scrt-to-top {
opacity: 0;
transform: translateY(20px) scale(0.98);
transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-property: opacity, transform;
transition-delay: 1s;
}
@media screen and (max-width: 701px) {
body.page-recruit .scrt-to-top {
transform: translateY(20rem) scale(0.98);
}
}
body.page-recruit .scrt-to-top.viewed {
opacity: 1;
transform: translateY(0);
}
@media screen and (max-width: 701px) {
body.page-recruit .scrt-to-top.viewed {
transform: translateY(0rem);
}
}
body.page-recruit .site-main section.mv.recruit_mv {
position: relative;
}
body.page-recruit .site-main section.mv.recruit_mv .mv_image {
position: relative;
min-width: 1280px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.mv.recruit_mv .mv_image {
min-width: unset;
width: 700rem;
height: 597rem;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/recruit_mv_1_sp.jpg) no-repeat center/contain;
}
}
body.page-recruit .site-main section.mv.recruit_mv .mv_box_1 {
position: absolute;
bottom: 268px;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + -303px);
width: 100%;
z-index: 1;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
max-width: 475px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.mv.recruit_mv .mv_box_1 {
bottom: 348rem;
left: calc(50% + -64rem);
max-width: 475rem;
}
}
body.page-recruit .site-main section.mv.recruit_mv .mv_box_1 .text_1 {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 100px;
line-height: 120px;
text-align: left;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.mv.recruit_mv .mv_box_1 .text_1 {
font-size: 51rem;
line-height: 62rem;
text-shadow: 3rem 3rem 3rem rgba(0, 0, 0, 0.5);
}
}
body.page-recruit .site-main section.mv.recruit_mv .mv_box_1 .text_2 {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 18px;
letter-spacing: 0.2em;
text-align: center;
color: #fff;
text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.mv.recruit_mv .mv_box_1 .text_2 {
text-shadow: 3rem 3rem 3rem rgba(0, 0, 0, 0.5);
font-size: 18rem;
margin-top: 10rem;
}
}
body.page-recruit .site-main section.mv.recruit_mv .mv_box_2 {
position: relative;
z-index: 2;
padding-top: 0;
margin-top: -75px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.mv.recruit_mv .mv_box_2 {
padding-top: 0rem;
margin-top: -119rem;
padding-bottom: 47rem;
}
}
body.page-recruit .site-main section.mv.recruit_mv .mv_box_2::before {
content: "";
position: absolute;
left: 0;
top: -85px;
width: 450px;
height: 160px;
background: #fff;
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.mv.recruit_mv .mv_box_2::before {
left: -100rem;
top: -52rem;
width: 450rem;
height: 190rem;
}
}
@media screen and (min-width: 700px) {
body.page-recruit .site-main section.mv.recruit_mv .mv_box_2::after {
content: "";
position: absolute;
left: -100vw;
top: -85px;
width: 100vw;
height: 160px;
background: #fff;
z-index: -1;
}
}
body.page-recruit .site-main section.mv.recruit_mv .mv_box_2 .text_1 { }
body.page-recruit .site-main section.mv.recruit_mv .mv_box_2 .text_2 { }
body.page-recruit .site-main .breadcrumbs { }
body.page-recruit .site-main section.learn-about {
padding-top: 70px;
padding-bottom: 62px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about {
padding-top: 70rem;
padding-bottom: 102rem;
}
}
body.page-recruit .site-main section.learn-about .section_title_container {
border-top: 2px solid #203964;
position: relative;
padding-top: 115px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about .section_title_container {
border-top-width: 2rem;
padding-top: 97rem;
}
}
body.page-recruit .site-main section.learn-about .section_title_container::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 1px;
height: 40px;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about .section_title_container::before {
left: calc(50% + 0rem);
top: 0rem;
width: 1rem;
height: 40rem;
}
}
body.page-recruit .site-main section.learn-about .section_title_container .section_title {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 36px;
text-align: center;
color: #203964;
line-height: 1;
margin-bottom: 10px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about .section_title_container .section_title {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36rem;
margin-bottom: 23rem;
}
}
body.page-recruit .site-main section.learn-about .section_title_container .section_subtitle {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #000;
line-height: 1;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about .section_title_container .section_subtitle {
font-size: 22rem;
}
}
body.page-recruit .site-main section.learn-about-info {
background: #f7f7f7;
padding-top: 80px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info {
padding-top: 100rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box {
gap: 20rem 20rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item {
position: relative;
width: 345px;
background: #fff;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
flex-direction: column;
padding-top: 57px;
}
@media screen and (min-width: 700px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item {
margin-bottom: 30px;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item {
width: 290rem;
padding-top: 50rem;
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item:nth-of-type(3) {
width: 100%;
height: 231rem !important;
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item:nth-of-type(7) {
width: 100%;
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item:nth-of-type(11) {
width: 100%;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.viewed { }
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 1px;
height: 32px;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item::before {
left: calc(50% + 0rem);
top: 0rem;
width: 1rem;
height: 32rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.wide {
width: 100%;
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_1 {
height: 200px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_1 {
height: 203rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_2 {
height: 260px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_2 {
height: 418rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_3 {
height: 205px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_3 {
height: 231rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_4 {
height: 259px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.height_4 {
height: 418rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_label {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 16px;
line-height: 1;
color: #203964;
margin-bottom: 18px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_label {
font-size: 22rem;
margin-bottom: 18rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_value {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 20px;
line-height: 1;
text-align: left;
color: #203964;
margin-bottom: 5px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_value {
font-size: 22rem;
margin-bottom: 11rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_value .large {
font-family: garamond-premier-pro, serif;
line-height: 1;
font-size: 62px;
color: #203964;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_value .large {
font-size: 62rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_group {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
margin-bottom: 25px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_group {
margin-bottom: 25rem;
gap: 31rem 0rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
flex-direction: column;
height: 101px;
width: 20%;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data {
height: 101rem;
width: 30%;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data:not(:last-of-type) {
border-right: 1px solid #e2e4e5;
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_caption {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 13px;
line-height: 1;
text-align: center;
color: #203964;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .data_caption {
font-size: 18rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .age_group {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 20px;
line-height: 1;
text-align: left;
color: #203964;
margin-top: 10px;
margin-bottom: 15px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .age_group {
font-size: 20rem;
margin-top: 10rem;
margin-bottom: 15rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .percentage {
font-family: shippori-mincho, serif;
font-weight: 500;
font-size: 20px;
line-height: 1;
text-align: left;
color: #203964;
margin-bottom: -16px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .percentage {
font-size: 20rem;
margin-bottom: -16rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .percentage .large {
font-family: garamond-premier-pro, serif;
line-height: 1;
font-size: 62px;
color: #203964;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .percentage .large {
font-size: 62rem;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .department_name {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 20px;
line-height: 1;
text-align: left;
color: #203964;
margin-bottom: 13px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item .department_name {
font-size: 20rem;
margin-bottom: 13rem;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_item.age_distribution .data:nth-of-type(3) {
border-right: none;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .department_ratio .data {
width: 212px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .department_ratio .data {
width: 50%;
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .department_ratio .data:nth-of-type(2) {
border-right: none;
}
}
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_label_center { }
body.page-recruit .site-main section.learn-about-info .learn-about-info_box .data_caption_center { }
body.page-recruit .site-main section.learn-more {
padding-top: 30px;
padding-bottom: 100px;
background: #f7f7f7;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more {
padding-top: 60rem;
padding-bottom: 150rem;
}
}
body.page-recruit .site-main section.learn-more .learn-more_box {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 200px;
position: relative;
padding-top: 65px;
border: 1px solid #203964;
z-index: 1;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more .learn-more_box {
height: 231rem;
padding-top: 65rem;
border-width: 1rem;
}
}
body.page-recruit .site-main section.learn-more .learn-more_box::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
top: 0;
width: 1px;
height: 35px;
background: #fff;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more .learn-more_box::before {
left: calc(50% + 0rem);
top: 0rem;
width: 1rem;
height: 35rem;
}
}
body.page-recruit .site-main section.learn-more .learn-more_box::after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
background: #203964;
transition: all 0.3s ease;
z-index: -1;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more .learn-more_box::after {
right: 0rem;
top: 0rem;
}
}
body.page-recruit .site-main section.learn-more .learn-more_box .learn-more_title {
font-family: garamond-premier-pro, serif;
font-weight: normal;
font-size: 32px;
line-height: 1;
text-align: center;
color: #fff;
margin-bottom: 16px;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more .learn-more_box .learn-more_title {
font-size: 48rem;
margin-bottom: 16rem;
}
}
body.page-recruit .site-main section.learn-more .learn-more_box .learn-more_text {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 16px;
line-height: 1.6;
text-align: center;
color: #fff;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more .learn-more_box .learn-more_text {
font-size: 22rem;
}
}
body.page-recruit .site-main section.learn-more .learn-more_box .link_1 {
display: block;
width: 50px;
height: 50px;
position: absolute;
right: 0;
bottom: 0px;
background: #f7f7f7;
transition: all 0.3s ease;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more .learn-more_box .link_1 {
width: 60rem;
height: 60rem;
right: 0rem;
bottom: 0rem;
}
}
body.page-recruit .site-main section.learn-more .learn-more_box .link_1::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + -4px);
left: calc(50% + 0px);
width: 23px;
height: 6px;
transition: all 0.3s ease;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/requirement_arrow_2.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.learn-more .learn-more_box .link_1::before {
top: calc(50% + -4rem);
left: calc(50% + 0rem);
width: 30rem;
height: 12rem;
}
}
body.page-recruit .site-main section.members-voice {
position: relative;
overflow: hidden;
padding-bottom: 116px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/recruit_voices_map_1.jpg) no-repeat center/cover;
height: 925px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice {
height: 980rem;
}
}
body.page-recruit .site-main section.members-voice .section_title_container .section_title {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 146px;
line-height: 1;
text-align: center;
color: #f7f7f7;
position: relative;
top: -13px;
margin-bottom: 8px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .section_title_container .section_title {
font-size: 100rem;
top: -13rem;
margin-bottom: 28rem;
}
}
body.page-recruit .site-main section.members-voice .section_title_container .section_title::before {
content: "";
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
bottom: 0;
width: 25px;
height: 2px;
background: #fff;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .section_title_container .section_title::before {
left: calc(50% + 0rem);
bottom: -18rem;
width: 25rem;
height: 2rem;
}
}
body.page-recruit .site-main section.members-voice .section_title_container .section_subtitle {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .section_title_container .section_subtitle {
font-size: 22rem;
}
}
body.page-recruit .site-main section.members-voice .voices_image_map {
position: relative;
padding-top: 40px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .voices_image_map {
padding-top: 40rem;
}
}
body.page-recruit .site-main section.members-voice .voices_image_map img {
width: 1080px;
max-width: unset;
position: relative;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .voices_image_map img {
width: 1080rem;
left: calc(50% + 0rem);
}
}
body.page-recruit .site-main section.members-voice .voices_image_map .voice_bubble { }
body.page-recruit .site-main section.members-voice .image_slide {
margin-top: 80px;
width: 100vw;
height: 516px;
position: absolute;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
left: calc(50% + 0px);
}
@media screen and (min-width: 700px) {
body.page-recruit .site-main section.members-voice .image_slide {
overflow: hidden;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide {
margin-top: 101rem;
height: 516rem;
left: calc(50% + 0rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images {
width: 5844px;
height: 516px;
position: absolute;
top: 0;
left: 0;
display: flex;
--slide-duration: 80s;
animation: slideAnimation var(--slide-duration) linear infinite;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images {
width: 5844rem;
height: 516rem;
top: 0rem;
left: 0rem;
animation: slideAnimationSp var(--slide-duration) linear infinite;
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_slide_images_child {
width: 2922px;
height: 516px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_slide_images_child {
width: 2922rem;
height: 516rem;
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_slide_images_child::before {
z-index: 1;
content: "";
position: absolute;
left: 0;
top: -43rem;
width: 100%;
height: 115%;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/recruit_voices_map_2_sp.svg) no-repeat left center/contain;
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_3 {
width: 201px;
height: 288px;
position: absolute;
left: 0;
top: calc(3271px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_3 {
width: 201rem;
height: 288rem;
left: 0rem;
top: calc(3271rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_4 {
width: 360px;
height: 250px;
position: absolute;
left: 231px;
top: calc(3344px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_4 {
width: 360rem;
height: 250rem;
left: 231rem;
top: calc(3344rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_5 {
width: 320px;
height: 460px;
position: absolute;
left: 621px;
top: calc(3245px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_5 {
width: 320rem;
height: 460rem;
left: 621rem;
top: calc(3245rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_6 {
width: 390px;
height: 271px;
position: absolute;
left: 971px;
top: calc(3189px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_6 {
width: 390rem;
height: 271rem;
left: 971rem;
top: calc(3189rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_7 {
width: 272px;
height: 189px;
position: absolute;
left: 1159px;
top: calc(3490px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_7 {
width: 272rem;
height: 189rem;
left: 1159rem;
top: calc(3490rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_8 {
width: 201px;
height: 288px;
position: absolute;
left: 1461px;
top: calc(3271px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_8 {
width: 201rem;
height: 288rem;
left: 1461rem;
top: calc(3271rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_9 {
width: 360px;
height: 250px;
position: absolute;
left: 1692px;
top: calc(3344px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_9 {
width: 360rem;
height: 250rem;
left: 1692rem;
top: calc(3344rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_10 {
width: 320px;
height: 460px;
position: absolute;
left: 2082px;
top: calc(3245px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_10 {
width: 320rem;
height: 460rem;
left: 2082rem;
top: calc(3245rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_11 {
width: 390px;
height: 271px;
position: absolute;
left: 2432px;
top: calc(3189px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_11 {
width: 390rem;
height: 271rem;
left: 2432rem;
top: calc(3189rem - 3189rem);
}
}
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_12 {
width: 272px;
height: 189px;
position: absolute;
left: 2620px;
top: calc(3490px - 3189px);
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.members-voice .image_slide .image_slide_images .image_12 {
width: 272rem;
height: 189rem;
left: 2620rem;
top: calc(3490rem - 3189rem);
}
}
body.page-recruit .site-main section.education {
background: #6fbdde;
padding-top: 139px;
padding-bottom: 100px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education {
padding-top: 119rem;
padding-bottom: 100rem;
}
}
body.page-recruit .site-main section.education .education_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
position: relative;
padding-bottom: 55px;
margin-bottom: 59px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education .education_box {
padding-bottom: 55rem;
margin-bottom: 19rem;
}
}
body.page-recruit .site-main section.education .education_box::before {
content: "";
position: absolute;
left: 0;
width: 100px;
height: 5px;
background: #fff;
}
@media screen and (min-width: 700px) {
body.page-recruit .site-main section.education .education_box::before {
bottom: -5px;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education .education_box::before {
left: 0rem;
top: 116rem;
width: 120rem;
height: 5rem;
}
}
body.page-recruit .site-main section.education .education_box::after {
content: "";
position: absolute;
left: 0;
width: 100%;
height: 1px;
background: #fff;
}
@media screen and (min-width: 700px) {
body.page-recruit .site-main section.education .education_box::after {
bottom: 0;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education .education_box::after {
left: 0rem;
top: 116rem;
}
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education .section_title_container {
margin-bottom: 80rem;
}
}
body.page-recruit .site-main section.education .section_title_container .section_title {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 36px;
line-height: 1;
text-align: left;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education .section_title_container .section_title {
font-size: 48rem;
}
}
body.page-recruit .site-main section.education .section_title_container .section_subtitle {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #fff;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education .section_title_container .section_subtitle {
font-size: 22rem;
}
}
body.page-recruit .site-main section.education .education_description {
color: #fff; }
body.page-recruit .site-main section.education .education_chart { }
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.education .education_chart .scroll {
width: 700rem;
overflow-x: scroll;
padding-bottom: 20rem;
margin-left: -50rem;
padding-left: 50rem;
padding-right: 50rem;
display: flex;
}
body.page-recruit .site-main section.education .education_chart .scroll img {
width: 1764rem;
height: 686rem;
max-width: unset;
}
}
body.page-recruit .site-main section.total-reward {
padding-top: 101px;
padding-bottom: 70px;
background: #f7f7f7;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward {
padding-top: 111rem;
padding-bottom: 34rem;
}
}
body.page-recruit .site-main section.total-reward .section_title_container .section_title {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 36px;
text-align: left;
color: #203964;
margin-bottom: 3px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .section_title_container .section_title {
font-family: garamond-premier-pro, serif;
font-size: 48rem;
margin-bottom: -11rem;
}
}
body.page-recruit .site-main section.total-reward .section_title_container .section_subtitle {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #000;
margin-bottom: 37px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .section_title_container .section_subtitle {
font-size: 22rem;
margin-bottom: 42rem;
}
}
body.page-recruit .site-main section.total-reward .reward_description {
margin-bottom: 75px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .reward_description {
margin-bottom: 75rem;
}
}
body.page-recruit .site-main section.total-reward .reward_items_container {
display: flex;
justify-content: flex-start;
align-items: flex-start;
flex-wrap: wrap;
}
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item {
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
border-top: 1px solid #e2e4e5;
width: 100%;
padding-top: 28px;
padding-bottom: 49px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item {
border-top-width: 1rem;
padding-top: 28rem;
padding-bottom: 87rem;
}
}
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item::before {
content: "";
position: absolute;
left: 0;
top: 0px;
width: 100px;
height: 5px;
background: #203964;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item::before {
left: 0rem;
top: 0rem;
width: 122rem;
height: 5rem;
}
}
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item .icon_container {
width: 100px;
display: flex;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item .icon_container {
width: 70rem;
margin-top: 7px;
margin-left: 13px;
margin-bottom: 11px;
}
}
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item .item_title {
font-family: shippori-mincho, serif;
font-weight: bold;
font-size: 16px;
letter-spacing: 0.1em;
text-align: left;
color: #203964;
margin-left: 12px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item .item_title {
font-size: 26rem;
margin-left: 64rem;
}
}
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item .item_description {
margin-left: auto;
font-size: 13px;
letter-spacing: 0.05em;
line-height: 26px;
width: 100%;
max-width: 750px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.total-reward .reward_items_container .reward_item .item_description {
font-size: 22rem;
line-height: 44rem;
max-width: 750rem;
}
}
body.page-recruit .site-main section.bottom-images {
background: #f7f7f7;
height: 250px;
width: 100vw;
overflow: hidden;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.bottom-images {
height: 250rem;
}
}
body.page-recruit .site-main section.bottom-images .image_rows {
width: 6000px;
height: 250px;
display: flex;
animation: bottomAnimation 40s linear infinite;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.bottom-images .image_rows {
animation: bottomAnimationSp 40s linear infinite;
width: 6000rem;
height: 250rem;
}
}
body.page-recruit .site-main section.bottom-images .image_row {
width: 3000px;
height: 250px;
position: relative;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.bottom-images .image_row {
width: 3000rem;
height: 250rem;
}
}
body.page-recruit .site-main section.bottom-images-slide {
background: #f7f7f7;
}
body.page-recruit .site-main section.bottom-images-slide .recruit_bottom_slider .swiper-slide {
width: 375px;
height: 250px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.bottom-images-slide .recruit_bottom_slider .swiper-slide {
width: 375rem;
height: 250rem;
}
}
body.page-recruit .site-main section.bottom-images-slide .recruit_bottom_slider img {
width: 360px;
height: 250px;
display: block;
margin-right: 15px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.bottom-images-slide .recruit_bottom_slider img {
width: 360rem;
height: 250rem;
margin-right: 15rem;
}
}
body.page-recruit .site-main section.links-to-pages {
padding-top: 100px;
padding-bottom: 100px;
background: #f7f7f7;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.links-to-pages {
padding-top: 114rem;
padding-bottom: 170rem;
}
}
body.page-recruit .site-main section.links-to-pages .links_container {
display: flex;
justify-content: center;
align-items: flex-start;
flex-wrap: wrap;
gap: 20px;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.links-to-pages .links_container {
gap: 40rem;
}
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item {
width: 530px;
height: 220px;
display: flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
align-items: center;
background: #fff;
position: relative;
transition: all 0.3s ease;
text-decoration: none;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.links-to-pages .links_container .link_item {
width: 600rem;
height: 231rem;
}
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item::after {
content: "";
position: absolute;
inset: 0;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/recruit_bg_1.jpg) no-repeat center/cover;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 0;
pointer-events: none;
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item:hover:after {
opacity: 1;
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item:hover .arrow {
background: #0383b9;
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item .link_category {
font-family: garamond-premier-pro, serif;
font-weight: 500;
font-size: 20px;
line-height: 1;
text-align: center;
color: #203964;
margin-bottom: 11px;
margin-top: -4px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.links-to-pages .links_container .link_item .link_category {
font-size: 22rem;
margin-bottom: 20rem;
margin-top: -4rem;
}
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item .link_title {
font-family: shippori-mincho, serif;
font-weight: 600;
font-size: 26px;
line-height: 1;
text-align: center;
color: #203964;
position: relative;
z-index: 2;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.links-to-pages .links_container .link_item .link_title {
font-size: 28rem;
}
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item .arrow {
display: block;
width: 50px;
height: 50px;
position: absolute;
right: 0;
bottom: 0;
background: #203964;
transition: all 0.3s ease;
z-index: 2;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.links-to-pages .links_container .link_item .arrow {
width: 60rem;
height: 60rem;
right: 0rem;
bottom: 0rem;
}
}
body.page-recruit .site-main section.links-to-pages .links_container .link_item .arrow::before {
content: "";
position: absolute;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
top: calc(50% + -4px);
left: calc(50% + 0px);
width: 23px;
height: 6px;
background: url(//www.210-nitto.co.jp/wp-content/themes/nitto/images/recruit_arrow_1.png) no-repeat center/contain;
}
@media screen and (max-width: 701px) {
body.page-recruit .site-main section.links-to-pages .links_container .link_item .arrow::before {
top: calc(50% + -4rem);
left: calc(50% + 0rem);
width: 25rem;
height: 10rem;
}
}