@charset "UTF-8";

/*****************************************************************************
 common 
 *****************************************************************************/

.inner {
max-width: 1360px;
box-sizing: border-box;
margin: 0 auto;
padding: 0 50px;
position: relative;
}
@media screen and (max-width: 500px) {
.inner {
padding: 0 15px;
}
}
.inner:after {
content: '';
display: block;
clear: both;
}


.visual {
background: #5ac2d9; /* Old browsers */
background: -moz-linear-gradient(left,  #5ac2d9 30%, #81c6c8 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5ac2d9 30%,#81c6c8 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5ac2d9 30%,#81c6c8 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac2d9', endColorstr='#81c6c8',GradientType=1 ); /* IE6-9 */
padding-top: 100px;
}
@media screen and (max-width: 500px) {
.visual {
padding-top: 80px;
}
}
.visual-wrapper {
position: relative;
overflow: hidden;
}
.circle-bg {
width: 44.27083vw;
background: rgba(255,222,0,0.8);
border-radius: 100%;
position: absolute;
top: 50%;
left: -80px;
transform: translate(0,-50%);
}
@media screen and (max-width: 1024px) {
.circle-bg {
width: 400px;
}
}
@media screen and (max-width: 640px) {
.circle-bg {
width: 300px;
left: -180px;
}
}
.circle-bg:after {
content: '';
padding-top: 100%;
display: block;
}
.visual-block {
width: 100%;
position: absolute;
left: 0;
bottom: 8.85416vw;
z-index: 1;
}
.visual.long .visual-block {
top: 50%;
bottom: auto;
transform: translate(0,-50%);
}
@media screen and (max-width: 1024px) {
.visual.long .visual-block {
width: auto;
background: #ffffff;
position: relative;
left: auto;
top: auto;
transform: none;
}
}
.visual.short .visual-block {
bottom: 30px;
}
.visual-title {
display: inline-block;
}
.visual-title span {
background: #000000;
margin-bottom: 10px;
padding: 2px 0 6px;
font-weight: 600;
line-height: 0.9;
font-size: 7.8rem;
color: #ffffff;
display: inline-block;
}
.visual-title span:last-child {
background: #000000;
margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
.visual-title span {
font-size: 6.8rem;
}
}
@media screen and (max-width: 900px) {
.visual-title span {
font-size: 5.8rem;
}
}
@media screen and (max-width: 500px) {
.visual-title span {
font-size: 2.8rem;
}
}
.visual-box {
max-width: 660px;
box-sizing: border-box;
margin-left: auto;
padding: 100px 40px;
background: #ffffff;
}
@media screen and (max-width: 1440px) {
.visual-box {
max-width: 560px;
padding: 50px 40px;
}
}
@media screen and (max-width: 1024px) {
.visual-box {
max-width: inherit;
padding: 50px 0 0;
text-align: center;
}
}
@media screen and (max-width: 500px) {
.visual-box {
text-align: left;
}
}
.visual-box h2 {
margin-bottom: 80px;
font-weight: 600;
line-height: 1;
font-size: 4.947916vw;
}
@media screen and (max-width: 1440px) {
.visual-box h2 {
margin-bottom: 40px;
}
}
@media screen and (max-width: 900px) {
.visual-box h2 {
font-size: 5.0rem;
}
}
@media screen and (max-width: 500px) {
.visual-box h2 {
font-size: 4.0rem;
}
}
.visual-box p {
margin-bottom: 1.5em;
font-weight: 500;
line-height: 1.8;
font-size: 1.9rem;
}
@media screen and (max-width: 1440px) {
.visual-box p {
font-size: 1.6rem;
}
}
.visual-box p:last-child {
margin-bottom: 0;
}
.visual-img {
height: 800px;
}
@media screen and (max-width: 1440px) {
.visual-img {
height: 600px;
}
}
@media screen and (max-width: 500px) {
.visual-img {
height: 400px;
}
}
.visual.long .visual-img {
height: 93.75vw;
}
@media screen and (max-width: 1024px) {
.visual.long .visual-img {
height: 600px;
}
}
@media screen and (max-width: 500px) {
.visual.long .visual-img {
height: 400px;
}
}
.visual.short .visual-img {
height: 400px;
}
@media screen and (max-width: 1024px) {
.visual.short .visual-img {
height: 300px;
}
}
@media screen and (max-width: 500px) {
.visual.short .visual-img {
height: 150px;
}
}
.visual-img.bg-switch {
background-position: center top;
background-size: cover;
}
.visual .headline {
background: #ffffff;
padding: 100px 0;
}
@media screen and (max-width: 500px) {
.visual .headline {
padding: 50px 0;
}
}
.visual .slick-slider,
.visual .slick-list {
line-height: 0;
}


.bread-crumbs {
width: 100%;
position: absolute;
top: 110px;
left: 0;
z-index: 9;
}
@media screen and (max-width: 640px) {
.bread-crumbs {
display: none;
}
}
.bread-crumbs ol {
display: flex;
justify-content: flex-end;
}
.bread-crumbs li {
font-weight: 500;
font-size: 1.2rem;
color: #ffde00;
}
.bread-crumbs li span {
margin-right: 10px;
}
.bread-crumbs li span:last-child {
margin-right: 0;
}
.bread-crumbs li a {
margin-right: 10px;
padding-right: 18px;
color: #ffffff;
position: relative;
}
.bread-crumbs li a:after {
content: '';
width: 10px;
height: 3px;
background: url(../img/recruit/arrow02.png) no-repeat left top;
background-size: 10px auto;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
.bread-crumbs.black li {
color: #5cc2d9;
}
.bread-crumbs.black li a {
color: #000000;
}
.bread-crumbs.black li a:after {
background: url(../img/recruit/arrow02-black.png) no-repeat left top;
background-size: 10px auto;
}


.headline {
padding: 100px 0 70px;
text-align: center;
position: relative;
z-index: 1;
}
@media screen and (max-width: 500px) {
.headline {
padding: 50px 0 50px;
}
}
.headline h2 {
position: relative;
display: inline-block;
}
.headline-title {
background: #ffffff;
padding: 5px 20px 10px;
font-weight: 600;
letter-spacing: 10px;
line-height: 0.8;
font-size: 7.0rem;
position: relative;
transform: skewX(-10deg);
box-shadow: 30px 20px 0px 0px #000000;
display: inline-block;
}
@media screen and (max-width: 900px) {
.headline-title {
letter-spacing: 5px;
font-size: 5.0rem;
}
}
@media screen and (max-width: 500px) {
.headline-title {
letter-spacing: 1px;
font-size: 2.8rem;
box-shadow: 10px 20px 0px 0px #000000;
}
}
.headline-title .return {
transform: skewX(10deg);
display: inline-block;
}
.headline-subtitle {
font-style: italic;
font-weight: 500;
letter-spacing: normal;
font-size: 1.5rem;
color: #ffffff;
position: absolute;
right: -15px;
bottom: -21px;
}
@media screen and (max-width: 500px) {
.headline-subtitle {
font-size: 1.0rem;
right: 0;
bottom: -17px;
}
}
.headline-number {
letter-spacing: 5px;
font-size: 5.2083333vw;
}
@media screen and (max-width: 500px) {
.headline-number {
font-size: 3.0rem;
}
}
.headline.pattern01 .headline-title {
background: #0086a3;
color: #ffffff;
}
.headline.pattern02 .headline-title {
background: #0086a3;
margin-top: 20px;
padding: 5px 10px 10px;
letter-spacing: 2px;
font-size: 4.0rem;
color: #ffffff;
box-shadow: 10px 10px 0px 0px #000000;
}
@media screen and (max-width: 900px) {
.headline.pattern02 .headline-title {
letter-spacing: normal;
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.headline.pattern02 .headline-title {
font-size: 2.6rem;
}
}
.headline.pattern02 .headline-title:first-child {
margin-top: 0;
}
.headline.pattern03 .headline-title {
background: #ffffff;
border: 1px solid #000000;
padding: 5px 10px 10px;
font-weight: 500;
letter-spacing: 2px;
font-size: 5.0rem;
color: #000000;
box-shadow: 20px 20px 0px 0px #5cc2d9;
}
.headline.pattern03.extra .headline-title {
box-shadow: 20px 20px 0px 0px #000000;
}
@media screen and (max-width: 500px) {
.headline.pattern03 .headline-title {
letter-spacing: normal;
font-size: 2.8rem;
box-shadow: 10px 10px 0px 0px #5cc2d9;
}
.headline.pattern03.extra .headline-title {
box-shadow: 10px 10px 0px 0px #000000;
}
}
.headline-description {
margin-top: 30px;
text-align: center;
font-size: 1.5rem;
}
@media screen and (max-width: 500px) {
.headline-description {
margin-top: 15px;
}
}


.headline-lv1 {
padding: 120px 0 80px;
text-align: center;
}
@media screen and (max-width: 500px) {
.headline-lv1 {
padding: 60px 0 40px;
}
}
.headline-lv1 span {
background: #000000;
margin-bottom: 10px;
padding: 0 10px 4px;
font-weight: 600;
line-height: 1;
font-size: 4.0rem;
color: #ffffff;
display: inline-block;
}
@media screen and (max-width: 900px) {
.headline-lv1 span {
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.headline-lv1 span {
font-size: 2.2rem;
}
}
.headline-lv1 span:last-child {
margin-bottom: 0;
}


.bg01 {
background: #5ac2d9; /* Old browsers */
background: -moz-linear-gradient(left,  #5ac2d9 30%, #81c6c8 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5ac2d9 30%,#81c6c8 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5ac2d9 30%,#81c6c8 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac2d9', endColorstr='#81c6c8',GradientType=1 ); /* IE6-9 */
position: relative;
overflow: hidden;
}
.bg01 .circle01-bg {
width: 50%;
border: 10px solid rgba(255,255,255,0.25);
border-radius: 100%;
position: absolute;
top: -22.39583vw;
left: -6.770833vw;
}
@media screen and (max-width: 500px) {
.bg01 .circle01-bg {
width: 400px;
top: -200px;
left: -200px;
}
}
.bg01 .circle01-bg:after {
content: '';
padding-top: 100%;
display: block;
}
.bg01 .circle02-bg {
width: 98%;
border: 90px solid rgba(255,255,255,0.25);
border-radius: 100%;
position: absolute;
right: -46.875vw;
top: 15.65vw;
}
@media screen and (max-width: 900px) {
.bg01 .circle02-bg {
top: auto;
bottom: 15.65vw;
}
}
@media screen and (max-width: 500px) {
.bg01 .circle02-bg {
width: 640px;
border: 45px solid rgba(255,255,255,0.25);
right: -520px;
}
}
.bg01 .circle02-bg:after {
content: '';
padding-top: 100%;
display: block;
}


.bg02 {
background: #5ac2d9; /* Old browsers */
background: -moz-linear-gradient(left,  #5ac2d9 30%, #81c6c8 70%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #5ac2d9 30%,#81c6c8 70%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #5ac2d9 30%,#81c6c8 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ac2d9', endColorstr='#81c6c8',GradientType=1 ); /* IE6-9 */
position: relative;
overflow: hidden;
}
.bg02 .circle01-bg {
width: 50%;
border: 10px solid rgba(255,255,255,0.25);
border-radius: 100%;
position: absolute;
top: -41.14583vw;
right: -6.25vw;
}
.bg02 .circle01-bg:after {
content: '';
padding-top: 100%;
display: block;
}
.bg02 .circle02-bg {
width: 98%;
border: 90px solid rgba(255,255,255,0.25);
border-radius: 100%;
position: absolute;
left: -42.70833vw;
top: 2.083333vw;
}
.bg02 .circle02-bg:after {
content: '';
padding-top: 100%;
display: block;
}


.js-recruit-slider {
background: #ffffff;
}


.recruit__item {
overflow: hidden;
}
.recruit__item a {
position: relative;
display: block;
}
.recruit__item-title {
position: relative;
display: inline-block;
}
.recruit__item-title p {
background: #000000;
padding: 2px 0 6px;
font-weight: 600;
line-height: 1;
font-size: 4.16666vw;
color: #ffffff;
}
@media screen and (max-width: 900px) {
.recruit__item-title p {
font-size: 4.0rem;
}
}
@media screen and (max-width: 500px) {
.recruit__item-title p {
font-size: 2.6rem;
}
}
.recruit__item-img {
height: 20.83333vw;
position: relative;
}
@media screen and (max-width: 1024px) {
.recruit__item-img {
height: 250px;
}
}
@media screen and (max-width: 900px) {
.recruit__item-img {
height: 200px;
}
}
@media screen and (max-width: 500px) {
.recruit__item-img {
height: 150px;
}
}
.recruit__item-img img {
min-width: 100%;
min-height: 100%;
max-width: 1920px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%) scale(1);
transition: 6s;
}
@media screen and (max-width: 1024px) {
.recruit__item-img img {
min-width: inherit;
min-height: inherit;
max-width: 1280px;
}
}
@media screen and (max-width: 900px) {
.recruit__item-img img {
max-width: 1024px;
}
}
a:hover .recruit__item-img img {
transform: translate(-50%,-50%) scale(1.1);
}
.recruit__item01 .recruit__item-wrapper {
width: 100%;
position: absolute;
top: 3.125vw;
left: 0;
z-index: 1;
}
@media screen and (max-width: 900px) {
.recruit__item01 .recruit__item-wrapper {
top: 50%;
transform: translate(0,-50%);
}
}
.recruit__item01 .recruit__item-bg {
width: 100%;
background: #0086a3;
position: absolute;
left: -11.458333vw;
bottom: -2.083333vw;
z-index: -1;
}
.recruit__item01 .recruit__item-bg:after {
content: '';
padding-top: 30.036630%;
display: block;
}
.recruit__item02 .recruit__item-wrapper {
width: 100%;
position: absolute;
top: 3.125vw;
left: 0;
z-index: 1;
}
@media screen and (max-width: 900px) {
.recruit__item02 .recruit__item-wrapper {
top: 50%;
transform: translate(0,-50%);
}
}
.recruit__item02 .inner {
text-align: right;
}
.recruit__item02 .recruit__item-bg {
width: 100%;
background: #0086a3;
position: absolute;
right: -4.16666vw;
bottom: -1.5625vw;
z-index: -1;
}
.recruit__item02 .recruit__item-bg:after {
content: '';
padding-top: 78.233438%;
display: block;
}
.recruit__item03 .recruit__item-wrapper {
width: 100%;
position: absolute;
top: 3.125vw;
left: 0;
z-index: 1;
}
@media screen and (max-width: 900px) {
.recruit__item03 .recruit__item-wrapper {
top: 50%;
transform: translate(0,-50%);
}
}
.recruit__item03 .recruit__item-bg {
width: 100%;
background: #0086a3;
position: absolute;
left: -3.64583vw;
bottom: -6.25vw;
z-index: -1;
}
.recruit__item03 .recruit__item-bg:after {
content: '';
padding-top: 77.742946%;
display: block;
}


.recruit__link {
}
.recruit__link-wrapper {
margin: 0 5px;
display: flex;
}
@media screen and (max-width: 900px) {
.recruit__link-wrapper {
margin: 0 10px;
display: block;
}
}
.recruit__link-box {
width: 50%;
box-sizing: border-box;
padding: 0 5px;
}
@media screen and (max-width: 900px) {
.recruit__link-box {
width: 100%;
margin-bottom: 10px;
padding: 0;
}
.recruit__link-box:last-child {
margin-bottom: 0;
}
}
.recruit__link-box a {
display: block;
position: relative;
}
.recruit__link-title {
width: 100%;
max-width: 350px;
background: #00c2db;
padding: 20px 0;
text-align: center;
font-size: 2.3rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 1;
transition: .6s;
}
@media screen and (max-width: 500px) {
.recruit__link-title {
max-width: 280px;
font-size: 1.8rem;
}
}
a .recruit__link-title {
color: #ffffff;
}
a:hover .recruit__link-title {
background: #000000;
}
.recruit__link-bg {
overflow: hidden;
}
.recruit__link-bg img {
transform: scale(1);
transition: 6s;
}
a:hover .recruit__link-bg img {
transform: scale(1.1);
}


.recruit__news {
}
.recruit__news-list {
}
.recruit__news-bg {
padding: 30px 0;
}
.recruit__news-bg:nth-child(odd) {
background: #00c2db;
}
.recruit__news-item {
max-width: 830px;
box-sizing: border-box;
margin: 0 auto;
padding: 0 15px;
display: flex;
align-items: center;
}
@media screen and (max-width: 900px) {
.recruit__news-item {
display: block;
}
}
.recruit__news-date {
display: flex;
align-items: center;
}
@media screen and (max-width: 900px) {
.recruit__news-date {
margin-bottom: 10px;
}
}
.recruit__news-date time {
font-size: 1.6rem;
}
.recruit__news-date a {
width: 120px;
background: #000000;
margin: 0 30px;
padding: 6px 0 6px;
text-align: center;
line-height: 1;
font-size: 1.3rem;
color: #ffffff;
display: block;
}
.recruit__news-title {
font-size: 1.4rem;
}
.recruit__news-title a {
color: #000000;
}
.recruit__news-title a:hover {
text-decoration: underline;
}
.recruit__news-btn {
max-width: 350px;
margin: 50px auto 100px;
text-align: center;
font-size: 1.5rem;
}
.recruit__news-btn a {
background: #0086a3;
padding: 20px;
color: #ffffff;
display: block;
transition: .6s;
}
.recruit__news-btn a:hover {
background: #000000;
}

/*****************************************************************************
 graduate 
 *****************************************************************************/

.interview__nav {
padding-bottom: 100px;
display: flex;
position: relative;
z-index: 1;
}
@media screen and (max-width: 900px) {
.interview__nav {
display: block;
}
}
@media screen and (max-width: 500px) {
.interview__nav {
padding-bottom: 60px;
}
}
.interview__nav-box {
width: 33.3333%;
box-sizing: border-box;
padding: 0 17px;
}
@media screen and (max-width: 900px) {
.interview__nav-box {
width: 60%;
margin: 0 auto 50px;
padding: 0;
}
.interview__nav-box:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 500px) {
.interview__nav-box {
width: 80%;
margin: 0 auto 30px;
}
}
.interview__nav-box a {
position: relative;
display: block;
}
.interview__nav-box a:after {
content: '';
border: 1px solid #ffffff;
border-radius: 100%;
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
}
.interview__nav-title {
font-weight: 600;
font-size: 2.083333vw;
position: absolute;
top: 50%;
left: 30px;
transform: translate(0,-50%);
z-index: 1;
}
@media screen and (max-width: 900px) {
.interview__nav-title {
font-size: 3.0rem;
}
}
@media screen and (max-width: 640px) {
.interview__nav-title {
font-size: 2.4rem;
}
}
.interview__nav-title small {
font-weight: 400;
letter-spacing: 3px;
font-size: 1.5rem;
display: block;
}
@media screen and (max-width: 640px) {
.interview__nav-title small {
letter-spacing: normal;
font-size: 1.2rem;
}
}
a .interview__nav-title {
color: #ffffff;
transition: .6s;
}
a:hover .interview__nav-title {
color: #ffde00;
}
.interview__nav-img {
position: relative;
}
.interview__nav-img:after {
content: '';
padding-top: 100%;
display: block;
}
.interview__nav-img.bg-switch {
background-position: center center;
background-size: cover;
}


.interview__visual01 {
height: 900px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 900px) {
.interview__visual01 {
height: 700px;
}
}
@media screen and (max-width: 640px) {
.interview__visual01 {
height: 500px;
}
}
.interview__visual01-block {
width: 100%;
position: absolute;
left: 0;
top: 280px;
z-index: 2;
}
@media screen and (max-width: 900px) {
.interview__visual01-block {
top: 50%;
transform: translate(0,-50%);
}
}
@media screen and (max-width: 640px) {
.interview__visual01-block {
top: 110px;
transform: none;
}
}
.interview__visual01-title {
position: relative;
}
.interview__visual01-title span {
background: #000000;
margin-bottom: 20px;
padding: 0 0 6px;
font-weight: 600;
line-height: 0.9;
font-size: 7.0rem;
color: #ffffff;
display: inline-block;
}
@media screen and (max-width: 900px) {
.interview__visual01-title span {
font-size: 5.0rem;
}
}
@media screen and (max-width: 640px) {
.interview__visual01-title span {
margin-bottom: 10px;
font-size: 3.4rem;
}
}
.interview__visual01-title span:last-child {
margin-bottom: 0;
}
.interview__visual01-img {
width: 100%;
max-width: 1065px;
margin-left: -250px;
position: absolute;
left: 50%;
bottom: -370px;
z-index: 1;
}
@media screen and (max-width: 900px) {
.interview__visual01-img {
margin-left: -200px;
bottom: -170px;
}
}
@media screen and (max-width: 640px) {
.interview__visual01-img {
margin-left: -150px;
bottom: -50px;
}
}
.interview__visual01-img:after {
content: '';
border: 1px solid #ffffff;
border-radius: 100%;
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
}


.interview__visual02 {
height: 530px;
position: relative;
overflow: hidden;
}
@media screen and (max-width: 640px) {
.interview__visual02 {
height: 330px;
}
}
.interview__visual02-title {
margin-left: 30px;
position: absolute;
top: 120px;
left: 50%;
z-index: 2;
}
@media screen and (max-width: 900px) {
.interview__visual02-title {
margin-left: 0;
top: 50%;
left: 50px;
transform: translate(0,-50%);
}
}
@media screen and (max-width: 640px) {
.interview__visual02-title {
top: 30px;
left: 15px;
transform: none;
}
}
.interview__visual02-title small {
background: #ffffff;
margin-bottom: 20px;
padding: 2px 10px 4px;
font-weight: 600;
font-size: 1.2rem;
color: #000000;
display: inline-block;
}
@media screen and (max-width: 640px) {
.interview__visual02-title small {
margin-bottom: 10px;
}
}
.interview__visual02-title span {
background: #000000;
margin-bottom: 20px;
padding: 0 0 6px;
font-weight: 600;
line-height: 0.9;
font-size: 5.0rem;
color: #ffffff;
display: inline-block;
}
@media screen and (max-width: 640px) {
.interview__visual02-title span {
margin-bottom: 10px;
font-size: 3.0rem;
}
}
.interview__visual02-title span:last-child {
margin-bottom: 0;
}
.interview__visual02-img {
width: 100%;
max-width: 820px;
margin-left: -750px;
position: absolute;
left: 50%;
bottom: 0;
z-index: 1;
}
@media screen and (max-width: 900px) {
.interview__visual02-img {
margin-left: -25%;
}
}


.interview__item {
margin-top: -240px;
position: relative;
z-index: 9;
}
@media screen and (max-width: 900px) {
.interview__item {
margin-top: -120px;
}
.interview__item .inner {
max-width: inherit;
padding: 0;
}
}
.interview__item-wrapper {
background: url(../img/recruit/bg01.png) repeat-x left top;
background-size: 1260px auto;
margin-bottom: 60px;
padding: 100px 100px 0;
}
@media screen and (max-width: 1024px) {
.interview__item-wrapper {
padding: 100px 50px 0;
}
}
@media screen and (max-width: 900px) {
.interview__item-wrapper {
background-size: 630px auto;
padding: 50px 50px 0;
}
}
@media screen and (max-width: 500px) {
.interview__item-wrapper {
padding: 50px 15px 0;
}
}
.interview__item-title {
font-weight: 600;
letter-spacing: 5px;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.interview__item-title {
letter-spacing: 2px;
font-size: 2.4rem;
}
}
.interview__item-title small {
font-weight: 400;
font-size: 1.4rem;
letter-spacing: normal;
display: block;
}
.interview__item-title span {
margin-left: 20px;
font-style: italic;
font-size: 1.5rem;
}
.interview__item-wrapper p {
margin-top: 30px;
line-height: 1.8;
font-size: 1.7rem;
}
.interview__item.extra {
margin-top: -180px;
}
@media screen and (max-width: 900px) {
.interview__item.extra {
margin-top: -90px;
}
}


.interview__wrapper {
margin-bottom: 40px;
display: flex;
justify-content: space-between;
align-items: flex-start;
position: relative;
}
@media screen and (max-width: 900px) {
.interview__wrapper {
display: block;
}
}
.interview__wrapper-img {
width: 47.619047619%;
margin-top: 80px;
position: relative;
order: 2;
}
@media screen and (max-width: 900px) {
.interview__wrapper-img {
width: 100%;
margin-bottom: 30px;
}
}
@media screen and (max-width: 500px) {
.interview__wrapper-img {
margin-top: 40px;
}
}
.interview__wrapper-bg {
width: 100%;
background: url(../img/recruit/bg02.jpg) no-repeat left top;
position: absolute;
top: calc(100vw * -50 / 1920);
right: calc(100vw * -50 / 1920);
z-index: -1;
}
.interview__wrapper-bg:after {
content: '';
padding-top: 65%;
display: block;
}
.interview__wrapper-block {
width: 47.619047619%;
position: relative;
z-index: 1;
}
@media screen and (max-width: 900px) {
.interview__wrapper-block {
width: 100%;
}
}
.interview__wrapper-block:after {
content: '';
width: 400px;
height: 1px;
background: #5ac2d9;
position: absolute;
top: 130px;
left: -230px;
transform: rotateZ(-45deg);
z-index: -1;
}
@media screen and (max-width: 500px) {
.interview__wrapper-block:after {
display: none;
}
}
.interview__wrapper-label {
background: #000000;
margin-bottom: 20px;
padding: 2px 10px 3px;
font-weight: 600;
font-size: 1.2rem;
color: #ffffff;
display: inline-block;
}
.interview__wrapper-title {
margin-bottom: 20px;
}
.interview__wrapper-title span {
border: 1px solid #000000;
margin-bottom: 15px;
padding: 2px 5px 4px;
font-weight: 600;
line-height: 0.9;
font-size: 4.0rem;
display: inline-block;
}
@media screen and (max-width: 500px) {
.interview__wrapper-title span {
margin-bottom: 5px;
font-size: 2.4rem;
}
}
.interview__wrapper-title span:last-child {
margin-bottom: 0;
}
.interview__wrapper-text {
line-height: 1.8;
font-size: 1.5rem;
}
.interview__wrapper.even {
margin-bottom: 100px;
z-index: -1;
}
@media screen and (max-width: 500px) {
.interview__wrapper.even {
margin-bottom: 50px;
}
}
.interview__wrapper.even:after {
content: '';
width: 600px;
height: 500px;
background: #ffde00;
position: absolute;
left: 220px;
top: -320px;
z-index: -1;
}
@media screen and (max-width: 1024px) {
.interview__wrapper.even:after {
display: none;
}
}
.interview__wrapper.even .interview__wrapper-img {
order: 1;
}
.interview__wrapper.even .interview__wrapper-bg {
background: #ffde00 none;
top: auto;
right: auto;
left: calc(100vw * -50 / 1920);
bottom: calc(100vw * -50 / 1920);
}
.interview__wrapper.even .interview__wrapper-block {
order: 2;
}
.interview__wrapper.even .interview__wrapper-block:after {
top: 250px;
left: auto;
right: -70px;
}





.interview__flow {
margin: 0 -30px;
padding-bottom: 100px;
display: flex;
}
@media screen and (max-width: 900px) {
.interview__flow {
margin: 0;
padding-bottom: 30px;
display: block;
}
}
@media screen and (max-width: 500px) {
.interview__flow {
padding-bottom: 0;
}
}
.interview__flow-wrapper {
width: 50%;
box-sizing: border-box;
padding: 0 30px;
position: relative;
z-index: 2;
}
@media screen and (max-width: 900px) {
.interview__flow-wrapper {
width: 100%;
padding: 0;
}
.interview__flow-wrapper:last-child {
z-index: 1;
}
.interview__flow-wrapper:last-child .interview__flow-box:first-child .interview__flow-arrow {
top: -45px;
}
}
.interview__flow-box {
padding: 0 0 70px 50px;
position: relative;
}
@media screen and (max-width: 500px) {
.interview__flow-box {
padding: 0 0 50px 25px;
}
}
.interview__flow-arrow {
position: absolute;
width: 100px;
top: -45px;
left: 0;
bottom: 20px;
overflow: hidden;
}
@media screen and (max-width: 500px) {
.interview__flow-arrow {
width: 50px;
}
}
.interview__flow-arrow:after {
content: '';
background: #ffffff;
width: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 25px;
}
@media screen and (max-width: 500px) {
.interview__flow-arrow:after {
bottom: 12px;
}
}
.interview__flow-arrow span {
height: 100%;
display: block;
position: relative;
}
.interview__flow-arrow span:before {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 25px 54px 0 54px;
border-color: #5ac3d9 transparent transparent transparent;
position: absolute;
left: -4px;
bottom: 0;
z-index: 1;
}
@media screen and (max-width: 500px) {
.interview__flow-arrow span:before {
border-width: 12px 30px 0 30px;
}
}
.interview__flow-arrow span:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 25px 54px 0 54px;
border-color: #ffffff transparent transparent transparent;
position: absolute;
left: -4px;
bottom: 2px;
z-index: 2;
}
@media screen and (max-width: 500px) {
.interview__flow-arrow span:after {
border-width: 12px 30px 0 30px;
}
}
.interview__flow-title {
background: #000000;
margin-bottom: 20px;
padding: 5px 10px;
font-weight: 600;
font-size: 2.5rem;
color: #ffffff;
position: relative;
z-index: 1;
}
@media screen and (max-width: 500px) {
.interview__flow-title {
margin-bottom: 10px;
font-size: 1.8rem;
}
}
.interview__flow-title time {
margin-right: 20px;
font-style: italic;
}
.interview__flow-text {
line-height: 1.8;
font-size: 1.5rem;
position: relative;
z-index: 1;
}
.interview__flow-box:first-child .interview__flow-arrow {
top: -10px;
}


.interview__message {
padding-bottom: 100px;
}
@media screen and (max-width: 500px) {
.interview__message {
padding-bottom: 60px;
}
}
.interview__message-text {
padding: 0 100px;
}
@media screen and (max-width: 1024px) {
.interview__message-text {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.interview__message-text {
padding: 0;
}
}
.interview__message-text p {
margin-bottom: 1.5em;
line-height: 1.8;
font-size: 1.5rem;
}
.interview__message-text p:last-child {
margin-bottom: 0;
}

/*****************************************************************************
 career 
 *****************************************************************************/

.career {
}
.career__description {
padding: 80px 0;
}
@media screen and (max-width: 500px) {
.career__description {
padding: 40px 0;
}
}
.career__description-title {
margin-bottom: 70px;
text-align: center;
font-weight: 500;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.career__description-title {
margin-bottom: 30px;
font-size: 2.4rem;
}
}
.career__description-text {
padding: 0 100px;
line-height: 1.8;
font-size: 1.7rem;
}
@media screen and (max-width: 1024px) {
.career__description-text {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.career__description-text {
padding: 0;
}
}
@media screen and (max-width: 500px) {
.career__description-text {
font-size: 1.5rem;
}
}


.talk {
}
.talk-description {
margin-top: 100px;
text-align: center;
line-height: 1.8;
font-size: 1.7rem;
}
@media screen and (max-width: 500px) {
.talk-description {
margin-top: 50px;
font-size: 1.5rem;
}
}


.talk-member {
margin-bottom: 180px;
display: flex;
align-items: flex-start;
}
@media screen and (max-width: 900px) {
.talk-member {
margin-bottom: 100px;
flex-wrap: wrap;
}
}
@media screen and (max-width: 500px) {
.talk-member {
padding-bottom: 10px;
overflow: hidden;
}
}
.talk-member-box {
width: 25%;
box-sizing: border-box;
position: relative;
}
@media screen and (max-width: 900px) {
.talk-member-box {
width: 50%;
}
}
.talk-member-box:nth-child(even) {
margin-top: 100px;
margin-right: 35px;
}
@media screen and (max-width: 900px) {
.talk-member-box:nth-child(even) {
margin-top: 100px;
margin-right: 0;
}
}
@media screen and (max-width: 500px) {
.talk-member-box:nth-child(even) {
margin-top: 50px;
}
}
.talk-member-label {
position: absolute;
left: 1.5625vw;
bottom: 5.20833vw;
z-index: 1;
}
@media screen and (max-width: 900px) {
.talk-member-label {
bottom: 60px;
}
}
@media screen and (max-width: 500px) {
.talk-member-label {
bottom: 45px;
}
}
.talk-member-label span {
background: #000000;
padding: 2px 0 3px;
line-height: 0.8;
font-size: 1.4rem;
color: #ffffff;
display: inline-block;
}
@media screen and (max-width: 500px) {
.talk-member-label span {
font-size: 1.0rem;
}
}
.talk-member-name {
background: #ffffff;
border: 1px solid #000000;
padding: 3px 0 5px;
font-weight: 600;
line-height: 0.8;
letter-spacing: 5px;
font-size: 2.08333vw;
position: absolute;
left: 1.5625vw;
bottom: 1.5625vw;
z-index: 1;
}
@media screen and (max-width: 900px) {
.talk-member-name {
font-size: 2.6rem;
bottom: 20px;
}
}
@media screen and (max-width: 500px) {
.talk-member-name {
letter-spacing: 2px;
font-size: 2.2rem;
bottom: 10px;
}
}
.talk-member-img {
overflow: hidden;
transform: skewX(-10deg);
}
.talk-member-box:nth-child(odd) .talk-member-img {
box-shadow: 30px 30px 0px 0px #0086a3;
}
@media screen and (max-width: 500px) {
.talk-member-box:nth-child(odd) .talk-member-img {
box-shadow: 10px 10px 0px 0px #0086a3;
}
}
.talk-member-box:nth-child(even) .talk-member-img {
box-shadow: 30px 30px 0px 0px #c6b172;
}
@media screen and (max-width: 500px) {
.talk-member-box:nth-child(even) .talk-member-img {
box-shadow: 10px 10px 0px 0px #c6b172;
}
}
.talk-member-img img {
transform: skewX(10deg) scale(1.2);
}


.talk-hero {
}
.talk-hero-img {
position: relative;
}
.talk-hero-img:after {
content: '';
padding-top: 530px;
display: block;
}
@media screen and (max-width: 900px) {
.talk-hero-img:after {
padding-top: 330px;
}
}
@media screen and (max-width: 500px) {
.talk-hero-img:after {
padding-top: 200px;
}
}
.talk-hero-img.bg-switch {
background-position: center center;
background-size: cover;
}
.talk-hero-wrapper {
margin-top: -240px;
}
@media screen and (max-width: 900px) {
.talk-hero-wrapper {
margin-top: -100px;
}
}
@media screen and (max-width: 500px) {
.talk-hero-wrapper {
margin-top: -50px;
}
}
.talk-hero .headline {
background: url(../img/recruit/bg01.png) repeat-x left top;
background-size: 1260px auto;
padding: 50px 0 120px;
}
@media screen and (max-width: 900px) {
.talk-hero .headline {
background-size: 630px auto;
padding: 50px 0 120px;
}
}
@media screen and (max-width: 500px) {
.talk-hero .headline {
background-size: 320px auto;
padding: 25px 0 60px;
}
.talk-hero .headline.pattern02 .headline-title {
margin-top: 15px;
font-size: 1.8rem;
}
}


.talk-contents {
}
.talk-wrapper {
margin-bottom: 120px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 500px) {
.talk-wrapper {
margin-bottom: 60px;
display: block;
}
}
.talk-wrapper-box {
width: 26.984126%;
position: relative;
}
@media screen and (max-width: 500px) {
.talk-wrapper-box {
width: 50%;
margin-bottom: 40px;
}
}
.talk-wrapper-name {
background: #ffffff;
border: 1px solid #000000;
padding: 3px 0 5px;
font-weight: 600;
line-height: 0.8;
letter-spacing: 5px;
font-size: 2.08333vw;
position: absolute;
left: 0;
bottom: 1.5625vw;
z-index: 1;
}
@media screen and (max-width: 500px) {
.talk-wrapper-name {
letter-spacing: 2px;
font-size: 2.2rem;
}
}
.talk-wrapper-img {
margin-left: 30px;
overflow: hidden;
transform: skewX(-10deg);
}
@media screen and (max-width: 500px) {
.talk-wrapper-img {
margin-left: 0;
}
}
.talk-wrapper-img.bg01 {
box-shadow: 30px 30px 0px 0px #0086a3;
}
@media screen and (max-width: 900px) {
.talk-wrapper-img.bg01 {
box-shadow: 10px 10px 0px 0px #0086a3;
}
}
.talk-wrapper-img.bg02 {
box-shadow: 30px 30px 0px 0px #c6b172;
}
@media screen and (max-width: 900px) {
.talk-wrapper-img.bg02 {
box-shadow: 10px 10px 0px 0px #c6b172;
}
}
.talk-wrapper-img img {
transform: skewX(10deg) scale(1.2);
}
.talk-wrapper-text {
width: 63.492063%;
line-height: 1.8;
font-size: 1.7rem;
}
@media screen and (max-width: 900px) {
.talk-wrapper-text {
font-size: 1.5rem;
}
}
@media screen and (max-width: 500px) {
.talk-wrapper-text {
width: 100%;
}
}
.talk-wrapper:nth-child(even) .talk-wrapper-box {
order: 2;
}
@media screen and (max-width: 500px) {
.talk-wrapper:nth-child(even) .talk-wrapper-box {
margin-left: auto;
}
}
.talk-wrapper:nth-child(even) .talk-wrapper-box .talk-wrapper-img {
margin: 0 30px 0 0;
}
@media screen and (max-width: 500px) {
.talk-wrapper:nth-child(even) .talk-wrapper-box .talk-wrapper-img {
margin: 0;
}
}
.talk-wrapper:nth-child(even) .talk-wrapper-text {
order: 1;
}


.workplace__wrapper {
margin-bottom: 140px;
display: flex;
align-items: center;
}
@media screen and (max-width: 900px) {
.workplace__wrapper {
margin-bottom: 70px;
display: block;
overflow: hidden;
}
}
@media screen and (max-width: 500px) {
.workplace__wrapper-wrapper {
margin-bottom: 50px;
}
}
.workplace__wrapper-img {
width: 48.4375%;
position: relative;
}
@media screen and (max-width: 900px) {
.workplace__wrapper-img {
width: 100%;
margin: 0 0 80px 0;
}
}
@media screen and (max-width: 500px) {
.workplace__wrapper-img {
margin: 0 0 40px 0;
}
}
.workplace__wrapper-bg {
width: 100%;
background: #c6b172;
position: absolute;
right: calc(100vw * -130 / 1920);
bottom: calc(100vw * -80 / 1920);
z-index: -1;
}
.workplace__wrapper-bg:after {
content: '';
padding-top: 56.45161%;
display: block;
}
.workplace__wrapper-block {
width: 100%;
max-width: 700px;
box-sizing: border-box;
padding: 0 calc(100vw * 60 / 1920);
}
@media screen and (max-width: 900px) {
.workplace__wrapper-block {
max-width: inherit;
padding: 0 30px;
}
}
@media screen and (max-width: 500px) {
.workplace__wrapper-block {
padding: 0 15px;
}
}
.workplace__wrapper-number {
letter-spacing: 5px;
font-size: 5.2083333vw;
}
@media screen and (max-width: 500px) {
.workplace__wrapper-number {
font-size: 4.0rem;
}
}
.workplace__wrapper-title {
}
.workplace__wrapper-title span {
background: #000000;
margin-bottom: 18px;
padding: 2px 0 4px;
font-weight: 600;
line-height: 0.9;
font-size: 4.0rem;
color: #ffffff;
display: inline-block;
}
@media screen and (max-width: 500px) {
.workplace__wrapper-title span {
margin-bottom: 9px;
font-size: 2.2rem;
}
}
@media screen and (max-width: 320px) {
.workplace__wrapper-title span {
font-size: 2.0rem;
}
}
.workplace__wrapper-text {
line-height: 2;
font-size: 1.5rem;
}
.workplace__wrapper.even {
justify-content: flex-end;
}
.workplace__wrapper.even .workplace__wrapper-img {
order: 2;
}
.workplace__wrapper.even .workplace__wrapper-bg {
background: #0086a3;
}
@media screen and (max-width: 900px) {
.workplace__wrapper.even .workplace__wrapper-img {
margin: 0 0 80px 0;
}
}
@media screen and (max-width: 500px) {
.workplace__wrapper.even .workplace__wrapper-img {
margin: 0 0 40px 0;
}
}
.workplace__wrapper.even .workplace__wrapper-block {
order: 1;
}
.workplace__wrapper.even .workplace__wrapper-bg {
right: auto;
left: calc(100vw * -130 / 1920);
}

/*****************************************************************************
 part 
 *****************************************************************************/

.part {
}
.part__description {
padding-bottom: calc(917vw * 100 / 1920);
text-align: center;
position: relative;
z-index: 1;
}
@media screen and (max-width: 500px) {
.part__description {
text-align: left;
}
}
.part__description p {
margin-bottom: 2em;
font-weight: 600;
line-height: 2;
font-size: 1.9rem;
}
@media screen and (max-width: 900px) {
.part__description p {
font-size: 1.6rem;
}
}
@media screen and (max-width: 500px) {
.part__description p br {
display: none;
}
}
.part__description p:last-child {
margin-bottom: 0;
}


.part__point {
margin-top: calc(-917vw * 100 / 1920);
position: relative;
z-index: 1;
}
.part__point-wrapper {
display: flex;
}
@media screen and (max-width: 900px) {
.part__point-wrapper {
display: block;
}
}
.part__point-box {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 50px;
padding: 0 17px;
}
@media screen and (max-width: 900px) {
.part__point-box {
width: 60%;
margin: 0 auto 50px;
padding: 0;
}
}
@media screen and (max-width: 500px) {
.part__point-box {
width: 80%;
}
.part__point-box:last-child {
margin-bottom: 0;
}
}
.part__point-img {
position: relative;
}
.part__point-img:before {
content: '';
border: 1px solid #ffffff;
border-radius: 100%;
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
}
.part__point-img:after {
content: '';
padding-top: 100%;
display: block;
}
.part__point-img.bg-switch {
background-position: center center;
background-size: cover;
}
.part__point-number {
text-align: center;
letter-spacing: 5px;
font-size: 5.2083333vw;
}
@media screen and (max-width: 500px) {
.part__point-number {
font-size: 4.0rem;
}
}
.part__point-title {
margin-bottom: 30px;
text-align: center;
font-weight: 600;
font-size: 2.5rem;
}
@media screen and (max-width: 1024px) {
.part__point-title {
font-size: 2.0rem;
}
}
.part__point-text {
padding: 0 16.6666%;
font-weight: 600;
line-height: 2;
font-size: 1.7rem;
}
@media screen and (max-width: 1680px) {
.part__point-text {
padding: 0;
}
}
@media screen and (max-width: 1024px) {
.part__point-text {
font-size: 1.5rem;
}
}


.part__content {
padding-bottom: 100px;
}
@media screen and (max-width: 500px) {
.part__content {
padding-bottom: 50px;
}
}
.part__content-box {
margin-bottom: 30px;
position: relative;
z-index: 1;
}
@media screen and (max-width: 500px) {
.part__content-box {
margin-bottom: 10px;
}
}
.part__content-box:last-child {
margin-bottom: 0;
}
.part__content-box a {
position: relative;
display: block;
}
.part__content-box a:after {
content: '';
border: 2px solid #ffffff;
position: absolute;
top: 3.9682539vw;
right: 10.3174603vw;
bottom: 3.9682539vw;
left: 10.3174603vw;
}
@media screen and (max-width: 900px) {
.part__content-box a:after {
right: 3.9682539vw;
left: 3.9682539vw;
}
}
.part__content-box-title {
width: 100%;
box-sizing: border-box;
padding: 0 15px;
text-align: center;
font-weight: 600;
font-size: 6.0rem;
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
z-index: 9;
}
@media screen and (max-width: 1260px) {
.part__content-box-title {
font-size: 4.7619047vw;
}
}
a .part__content-box-title {
color: #ffffff;
}
.part__content-box-img {
overflow: hidden;
}
.part__content-box-img img {
transform: scale(1);
transition: 6s;
}
a:hover .part__content-box-img img {
transform: scale(1.1);
}


.works {
}
.works__section01 {
}
.works__section01-wrapper {
padding-bottom: 120px;
display: flex;
justify-content: space-between;
position: relative;
z-index: 1;
}
@media screen and (max-width: 640px) {
.works__section01-wrapper {
padding-bottom: 60px;
display: block;
}
}
.works__section01-img {
width: 47.619047%;
position: relative;
}
@media screen and (max-width: 640px) {
.works__section01-img {
width: 100%;
margin-bottom: 30px;
}
}
.works__section01-bg {
width: 100%;
background: url(../img/recruit/bg02.jpg) no-repeat left top;
position: absolute;
top: calc(100vw * -50 / 1920);
left: calc(100vw * -50 / 1920);
z-index: -1;
}
.works__section01-bg:after {
content: '';
padding-top: 65%;
display: block;
}
.works__section01-block {
width: 47.619047%;
}
@media screen and (max-width: 640px) {
.works__section01-block {
width: 100%;
}
}
.works__section01-title {
margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
.works__section01-title {
margin-bottom: 20px;
}
}
.works__section01-title span {
border: 1px solid #000000;
padding: 2px 0 6px;
font-weight: 600;
line-height: 0.9;
font-size: 4.0rem;
display: inline-block;
}
@media screen and (max-width: 640px) {
.works__section01-title span {
font-size: 2.8rem;
}
}
.works__section01-text {
margin-bottom: 80px;
line-height: 1.8;
font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
.works__section01-text {
margin-bottom: 20px;
}
}
.works__section01-btn {
max-width: 350px;
margin-left: auto;
text-align: center;
font-size: 1.5rem;
}
.works__section01-btn a {
background: #ffffff;
padding: 20px;
color: #5ac2d9;
display: block;
transition: .6s;
}
.works__section01-btn a:hover {
background: #000000;
}


.tab-group {
border-bottom: 1px solid #ffde00;
}
.tab-group ul {
display: flex;
}
.tab {
width: 50%;
box-sizing: border-box;
padding: 0 2px;
cursor: pointer;
}
.tab span {
background: #e1e1e1;
padding: 25px;
text-align: center;
font-weight: 600;
font-size: 2.3rem;
color: #a2a2a2;
display: block;
}
@media screen and (max-width: 640px) {
.tab span {
padding: 10px 5px;
font-size: 1.3rem;
}
}
.panel-group {
}
.panel {
padding: 120px 0;
display: none;
transition: all 0.4s ease-out;
}
@media screen and (max-width: 640px) {
.panel {
padding: 60px 0;
}
}
.tab.is-active span {
background: #ffde00;
color: #000000;
transition: all 0.4s ease-out;
}
.panel.is-show {
display: block;
}


.flow__menber {
margin-bottom: 60px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 640px) {
.flow__menber {
display: block;
}
}
.flow__menber:last-child {
margin-bottom: 0;
}
.flow__menber-img {
width: 31.746031%;
position: relative;
}
@media screen and (max-width: 640px) {
.flow__menber-img {
width: 50%;
margin: 0 auto 30px;
}
}
.flow__menber-bg {
width: 100%;
background: #ffde00;
border-radius: 100%;
position: absolute;
right: calc(100vw * -40 / 1920);
bottom: calc(100vw * -40 / 1920);
z-index: -1;
}
.flow__menber-bg:after {
content: '';
padding-top: 100%;
display: block;
}
.flow__menber-block {
width: 59.523809%;
}
@media screen and (max-width: 640px) {
.flow__menber-block {
width: 100%;
}
}
.flow__menber-title {
margin-bottom: 40px;
font-weight: 600;
font-size: 3.0rem;
}
@media screen and (max-width: 640px) {
.flow__menber-title {
margin-bottom: 20px;
text-align: center;
font-size: 2.2rem;
}
}
.flow__menber-title small {
font-weight: 400;
font-size: 1.4rem;
display: block;
}
.flow__menber-text {
line-height: 1.8;
font-size: 1.7rem;
}
@media screen and (max-width: 640px) {
.flow__menber-text {
font-size: 1.5rem;
}
}
.flow__menber.even .flow__menber-img {
order: 2;
}
.flow__menber.even .flow__menber-block {
order: 1;
}
.flow__menber.even .flow__menber-bg {
background: url(../img/recruit/bg02.jpg) no-repeat left top;
}


.flow__wapper {
margin-top: 60px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 640px) {
.flow__wapper {
margin-top: 30px;
display: block;
}
}
.flow__wapper-img {
width: 20.83333%;
}
@media screen and (max-width: 900px) {
.flow__wapper-img {
width: 35%;
}
}
@media screen and (max-width: 640px) {
.flow__wapper-img {
width: 100%;
}
}
.flow__wapper-block {
width: 69.84126%;
}
@media screen and (max-width: 900px) {
.flow__wapper-block {
width: 60%;
}
}
@media screen and (max-width: 640px) {
.flow__wapper-block {
width: 100%;
}
}
.flow__wapper-time {
min-width: 120px;
background: #ffde00;
box-sizing: border-box;
margin-bottom: 50px;
padding: 1px 20px 2px;
text-align: center;
font-weight: 600;
font-size: 2.5rem;
position: relative;
display: inline-block;
vertical-align: middle;
}
@media screen and (max-width: 1440px) {
.flow__wapper-time {
margin-bottom: 25px;
}
}
@media screen and (max-width: 640px) {
.flow__wapper-time {
margin: -10px 0 25px 10px;
font-size: 2.0rem;
}
}
.flow__wapper-time span {
font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
.flow__wapper-time span {
font-size: 1.2rem;
}
}
.flow__wapper-time:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 19px 17.5px 0 17.5px;
border-color: #ffdd00 transparent transparent transparent;
position: absolute;
left: 50%;
bottom: -19px;
transform: translate(-50%,0);
}
.flow__wapper-title {
margin-bottom: 20px;
font-weight: 600;
font-size: 2.083333vw;
}
@media screen and (max-width: 640px) {
.flow__wapper-title {
font-size: 2.2rem;
}
}
.flow__wapper-text {
line-height: 1.8;
font-size: 1.5rem;
}


.employee {
}
.employee__description {
padding: 80px 0;
}
@media screen and (max-width: 500px) {
.employee__description {
padding: 40px 0;
}
}
.employee__description-title {
margin-bottom: 50px;
text-align: center;
font-weight: 600;
font-size: 4.0rem;
}
@media screen and (max-width: 900px) {
.employee__description-title {
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.employee__description-title {
margin-bottom: 30px;
font-size: 2.4rem;
}
}
.employee__description-text {
padding: 0 100px;
text-align: center;
line-height: 1.8;
font-size: 1.7rem;
}
@media screen and (max-width: 1024px) {
.employee__description-text {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.employee__description-text {
padding: 0;
}
}
@media screen and (max-width: 500px) {
.employee__description-text {
text-align: left;
font-size: 1.5rem;
}
}
.employee__section {
padding: 120px 0 160px;
}
@media screen and (max-width: 900px) {
.employee__section {
padding: 120px 0;
}
}
@media screen and (max-width: 640px) {
.employee__section {
padding: 60px 0;
}
}
.employee__section-header {
margin-bottom: 100px;
text-align: center;
position: relative;
z-index: 1;
}
@media screen and (max-width: 640px) {
.employee__section-header {
margin-bottom: 50px;
}
}
.employee__section-case {
margin-bottom: 60px;
font-weight: 600;
line-height: 1;
font-size: 5.5rem;
color: #ffde00;
}
@media screen and (max-width: 900px) {
.employee__section-case {
font-size: 4.5rem;
}
}
@media screen and (max-width: 640px) {
.employee__section-case {
margin-bottom: 30px;
font-size: 3.5rem;
}
}
.employee__section-case em {
text-align: center;
letter-spacing: 5px;
font-size: 11.0rem;
display: block;
}
@media screen and (max-width: 900px) {
.employee__section-case em {
font-size: 8.0rem;
}
}
@media screen and (max-width: 640px) {
.employee__section-case em {
font-size: 6.0rem;
}
}
.employee__section-headline {
margin-bottom: 40px;
display: inline-block;
}
@media screen and (max-width: 640px) {
.employee__section-headline {
margin-bottom: 20px;
}
}
.employee__section-headline span {
background: #000000;
margin-bottom: 20px;
padding: 2px 0 6px;
font-weight: 600;
line-height: 0.9;
font-size: 7.8rem;
color: #ffffff;
display: inline-block;
}
.employee__section-headline span:last-child {
background: #000000;
margin-bottom: 0;
}
@media screen and (max-width: 1440px) {
.employee__section-headline span {
font-size: 5.8rem;
}
}
@media screen and (max-width: 900px) {
.employee__section-headline span {
font-size: 4.8rem;
}
}
@media screen and (max-width: 640px) {
.employee__section-headline span {
margin-bottom: 10px;
font-size: 2.2rem;
}
}
.employee__section-name {
font-weight: 600;
font-size: 2.5rem;
}
@media screen and (max-width: 640px) {
.employee__section-name {
font-size: 1.5rem;
}
}
.employee__section-name strong {
font-size: 3.0rem;
}
@media screen and (max-width: 640px) {
.employee__section-name strong {
font-size: 2.0rem;
}
}
.employee__section-name span {
font-size: 1.5rem;
}
@media screen and (max-width: 640px) {
.employee__section-name span {
font-size: 1.2rem;
}
}
.employee__section-wrapper {
margin-bottom: 120px;
display: flex;
align-items: center;
position: relative;
z-index: 1;
}
@media screen and (max-width: 900px) {
.employee__section-wrapper {
margin-bottom: 60px;
display: block;
}
}
.employee__section-wrapper:last-child {
margin-bottom: 0;
}
.employee__section-img {
width: 44.27083%;
margin-right: calc(100vw * 170 / 1920);
position: relative;
}
@media screen and (max-width: 900px) {
.employee__section-img {
width: 90%;
margin: 0 auto;
}
}
.employee__section-bg {
width: 100%;
background: url(../img/recruit/bg04.jpg) no-repeat left top;
background-size: 100% auto;
position: absolute;
right: calc(100vw * -50 / 1920);
top: calc(100vw * -50 / 1920);
z-index: -1;
}
.employee__section-bg:after {
content: '';
padding-top: 70.5882352%;
display: block;
}
.employee__section-block {
width: 100%;
max-width: 620px;
box-sizing: border-box;
padding-right: 50px;
}
@media screen and (max-width: 900px) {
.employee__section-block {
max-width: inherit;
padding: 50px 50px 0;
}
}
@media screen and (max-width: 640px) {
.employee__section-block {
padding: 50px 20px 0;
}
}
.employee__section-label {
background: #ffffff;
margin-bottom: 50px;
padding: 1px 5px 3px;
font-weight: 600;
line-height: 1;
font-size: 2.0rem;
display: inline-block;
position: relative;
}
@media screen and (max-width: 640px) {
.employee__section-label {
margin-bottom: 20px;
font-size: 1.6rem;
}
}
.employee__section-label:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 16px 15px 0 15px;
border-color: #ffffff transparent transparent transparent;
position: absolute;
left: 46px;
bottom: -16px;
}
@media screen and (max-width: 640px) {
.employee__section-label:after {
border-width: 12px 11px 0 11px;
left: 26px;
bottom: -12px;
}
}
.employee__section-title {
margin-bottom: 40px;
font-weight: 600;
line-height: 1.5;
font-size: 4.0rem;
}
@media screen and (max-width: 1440px) {
.employee__section-title {
font-size: 3.0rem;
}
}
@media screen and (max-width: 640px) {
.employee__section-title {
margin-bottom: 20px;
font-size: 2.4rem;
}
}
.employee__section-text {
line-height: 1.8;
font-weight: 600;
}
.employee__section-wrapper.even {
justify-content: flex-end;
}
.employee__section-wrapper.even .employee__section-img {
margin: 0 0 0 calc(100vw * 170 / 1920);
order: 2;
}
@media screen and (max-width: 900px) {
.employee__section-wrapper.even .employee__section-img {
margin: 0 auto;
}
}
.employee__section-wrapper.even .employee__section-block {
padding: 0 0 0 50px;
order: 1;
}
@media screen and (max-width: 900px) {
.employee__section-wrapper.even .employee__section-block {
padding: 50px 50px 0;
}
}
@media screen and (max-width: 640px) {
.employee__section-wrapper.even .employee__section-block {
padding: 50px 20px 0;
}
}
.employee__section-wrapper.even .employee__section-bg {
right: auto;
top: auto;
left: calc(100vw * -50 / 1920);
bottom: calc(100vw * -50 / 1920);
}
.employee__section.even {
}
.employee__section.even .employee__section-case {
color: #5ac3d9;
}
.employee__section.even .employee__section-bg {
background: url(../img/recruit/bg03.jpg) no-repeat left top;
background-size: 100% auto;
}
.employee__section.even .employee__section-label {
background: #5ac3d9;
color: #ffffff;
}
.employee__section.even .employee__section-label:after {
border-color: #5ac3d9 transparent transparent transparent;
}


/*****************************************************************************
 job 
 *****************************************************************************/

.job {
}
.job__search {
margin-bottom: 60px;
}
@media screen and (max-width: 500px) {
.job__search {
margin-bottom: 30px;
}
}
.job__search-text {
margin-bottom: 10px;
line-height: 1.8;
font-weight: 500;
font-size: 1.7rem;
}
.job__search-wrapper {
background: #ffde00;
padding: 35px 30px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.job__search-wrapper {
display: block;
}
}
@media screen and (max-width: 500px) {
.job__search-wrapper {
padding: 20px 15px;
}
}
.job__search-box {
width: 50%;
box-sizing: border-box;
margin: 15px 0;
padding: 0 20px;
display: flex;
align-items: center;
}
@media screen and (max-width: 900px) {
.job__search-box {
width: 100%;
padding: 0;
}
}
@media screen and (max-width: 500px) {
.job__search-box {
display: block;
}
}
.job__search-box label {
min-width: 140px;
font-weight: 500;
font-size: 1.5rem;
display: block;
}
@media screen and (max-width: 500px) {
.job__search-box label {
min-width: inherit;
margin-bottom: 5px;
}
}
.job__search-select {
width: calc(100% - 140px);
}
@media screen and (max-width: 500px) {
.job__search-select {
width: 100%;
}
}
.job__search-select select {
width: 100%;
background: #ffffff url(../img/recruit/job/arrow-select.png) no-repeat right center;
background-size: 20px auto;
border: none;
padding: 12px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.3rem;
cursor: pointer;
}
@media screen and (max-width: 1024px) {
.job__search-select select {
font-size: 1.6rem;
}
}
.job__search-select select::-ms-expand {
display: none;
}


.job__list {
}
.job__list-headline {
margin-bottom: 20px;
font-weight: 500;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.job__list-headline {
margin-bottom: 10px;
font-size: 2.4rem;
}
}
.job__list-wrapper {
margin-left: -1px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.job__list-wrapper {
margin-left: 0;
display: block
}
}
.job__list-box {
width: 33.3333%;
box-sizing: border-box;
padding-left: 1px;
}
@media screen and (max-width: 900px) {
.job__list-box {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.job__list-box {
width: 100%;
padding-left: 0;
}
}
.job__list-box a {
height: 100%;
background: #ffffff;
color: #000000;
display: block;
transition: .6s;
}
.job__list-box a:hover {
background: #5ac3d9;
}
.job__list-img {
overflow: hidden;
}
.job__list-img img {
transform: scale(1);
transition: 6s;
}
a:hover .job__list-img img {
transform: scale(1.1);
}
.job__list-block {
padding: 25px 30px;
}
@media screen and (max-width: 500px) {
.job__list-block {
margin-bottom: 15px;
padding: 25px;
}
}
.job__list-date {
margin-bottom: 10px;
font-size: 1.3rem;
display: flex;
align-items: center;
}
.job__list-date em {
background: #000000;
margin-left: 10px;
padding: 2px 6px 3px 10px;
line-height: 1;
letter-spacing: 5px;
font-size: 1.2rem;
display: block;
}
a .job__list-date em {
color: #ffffff;
}
.job__list-date span {
margin-left: 10px;
}
.job__list-title {
border-bottom: 1px solid #000000;
margin-bottom: 10px;
padding-bottom: 10px;
font-weight: 500;
font-size: 1.7rem;
}
.job__list-text {
font-size: 1.3rem;
}
.job__list-btn {
max-width: 350px;
margin: 50px auto 100px;
text-align: center;
font-size: 1.5rem;
}
@media screen and (max-width: 500px) {
.job__list-btn {
margin: 30px auto 50px;
}
}
.job__list-btn a {
background: #0086a3;
padding: 20px;
color: #ffffff;
display: block;
transition: .6s;
}
.job__list-btn a:hover {
background: #000000;
}


.job__list.extra .job__list-wrapper {
margin: 0 -3.968253968vw;
}
@media screen and (max-width: 1024px) {
.job__list.extra .job__list-wrapper {
margin: 0 -20px;
}
}
@media screen and (max-width: 500px) {
.job__list.extra .job__list-wrapper {
margin: 0;
}
}
.job__list.extra .job__list-box {
padding: 0 3.968253968vw;
}
@media screen and (max-width: 1024px) {
.job__list.extra .job__list-box {
padding: 0 20px;
}
}
@media screen and (max-width: 500px) {
.job__list.extra .job__list-box {
padding: 0;
}
}


.page-nav {
margin: 130px 0;
}
@media screen and (max-width: 500px) {
.page-nav {
margin: 50px 0;
}
}
.page-nav ol {
margin-left: -1px;
display: flex;
justify-content: center;
}
.page-nav li {
width: 50px;
height: 50px;
box-sizing: border-box;
padding-left: 1px;
font-weight: 500;
font-size: 1.7rem;
}
.page-nav li a {
height: 100%;
box-sizing: border-box;
background: #808080;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
transition: .6s;
}
.page-nav li a:hover {
background: #5ac3d9;
}
.page-nav li span {
height: 100%;
background: #5ac3d9;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.page-nav .link_before,
.page-nav .link_next {
background: #ffffff;
border: 1px solid #c3c3c3;
line-height: 0;
}
.page-nav .link_before:hover,
.page-nav .link_next:hover {
background: #ffffff;
}


.job__entry {
margin-bottom: 70px;
}
.job__entry-date {
margin-bottom: 40px;
font-size: 1.3rem;
display: flex;
align-items: center;
}
@media screen and (max-width: 500px) {
.job__entry-date {
margin-bottom: 20px;
}
}
.job__entry-date em {
background: #000000;
margin-left: 10px;
padding: 2px 6px 3px 10px;
line-height: 1;
letter-spacing: 5px;
font-size: 1.2rem;
color: #ffffff;
display: block;
}
.job__entry-shop {
line-height: 1.8;
font-weight: 500;
font-size: 1.7rem;
}
.job__entry-shop span {
margin-right: 20px;
}
.job__entry-shop span:last-child {
margin-right: 0;
}
.job__entry-title {
margin-bottom: 60px;
font-weight: 600;
font-size: 4.0rem;
}
@media screen and (max-width: 900px) {
.job__entry-title {
margin-bottom: 30px;
font-size: 3.6rem;
}
}
@media screen and (max-width: 500px) {
.job__entry-title {
margin-bottom: 15px;
font-size: 2.6rem;
}
}
.job__entry-wrapper {
margin-bottom: 70px;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
@media screen and (max-width: 900px) {
.job__entry-wrapper {
display: block
}
}
@media screen and (max-width: 500px) {
.job__entry-wrapper {
margin-bottom: 30px;
}
}
.job__entry-img {
width: 33.3333%;
position: relative;
}
@media screen and (max-width: 900px) {
.job__entry-img {
width: 100%;
margin-bottom: 40px;
}
}
.job__entry-bg {
width: 100%;
background: #ffde00;
position: absolute;
right: calc(100vw * -30 / 1920);
bottom: calc(100vw * -25 / 1920);
z-index: -1;
}
.job__entry-bg:after {
content: '';
padding-top: 71.42857%;
display: block;
}
.job__entry-text {
width: 60.3174%;
}
@media screen and (max-width: 900px) {
.job__entry-text {
width: 100%;
}
}
.job__entry-text p {
margin-bottom: 1.5em;
line-height: 1.8;
font-size: 1.5rem;
}
.job__entry-text p:last-child {
margin-bottom: 0;
}
.job__entry-text h2 {
margin-bottom: 30px;
font-weight: 600;
font-size: 2.2rem;
}
@media screen and (max-width: 500px) {
.job__entry-text h2 {
margin-bottom: 20px;
font-size: 1.8rem;
}
}
.job__entry-text h3 {
font-weight: 600;
font-size: 1.7rem;
}
@media screen and (max-width: 500px) {
.job__entry-text h3 {
font-size: 1.6rem;
}
}
.job__entry-table {
}
.job__entry-table table {
width: 100%;
line-height: 1.8;
font-size: 1.5rem;
}
.job__entry-table th {
width: 330px;
border-top: 1px solid #000000;
padding: 30px 0;
}
@media screen and (max-width: 900px) {
.job__entry-table th {
width: 100%;
border-top: 1px solid #000000;
padding: 30px 0 0;
font-weight: 600;
display: block;
}
}
@media screen and (max-width: 500px) {
.job__entry-table th {
padding: 20px 0 0;
}
}
.job__entry-table td {
border-top: 1px solid #000000;
padding: 30px 0;
}
@media screen and (max-width: 900px) {
.job__entry-table td {
border-top: none;
padding: 0 0 30px;
display: block;
}
}
@media screen and (max-width: 500px) {
.job__entry-table td {
padding: 0 0 20px;
}
}
.job__entry-table-btn {
max-width: 350px;
margin-top: 30px;
text-align: center;
font-size: 1.5rem;
}
.job__entry-table-btn a {
background: #0086a3;
padding: 20px;
color: #ffffff;
display: block;
transition: .6s;
}
.job__entry-table-btn a:hover {
background: #000000;
}
.job__entry-map {
width: 100%;
margin-top: 50px;
padding-top: 400px;
position: relative;
}
@media screen and (max-width: 500px) {
.job__entry-map {
padding-top: 300px;
}
}
.job__entry-map iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

/*****************************************************************************
 environment 
 *****************************************************************************/

.environment {
}


.environment__section01 {
padding-bottom: 100px;
}
@media screen and (max-width: 500px) {
.environment__section01 {
padding-bottom: 50px;
}
}
.environment__section01-title {
margin-bottom: 60px;
text-align: center;
font-weight: 600;
font-size: 4.0rem;
}
@media screen and (max-width: 900px) {
.environment__section01-title {
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.environment__section01-title {
margin-bottom: 30px;
font-size: 2.2rem;
}
}
.environment__section01-text {
margin-bottom: 60px;
padding: 0 100px;
line-height: 1.8;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
.environment__section01-text {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.environment__section01-text {
padding: 0;
}
}
@media screen and (max-width: 500px) {
.environment__section01-text {
margin-bottom: 30px;
}
}
.environment__section01-img {
margin-bottom: 60px;
}
@media screen and (max-width: 500px) {
.environment__section01-img {
margin-bottom: 30px;
}
}
.environment__section01-list {
margin: 0 -50px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.environment__section01-list {
margin: 0 -16px;
}
}
@media screen and (max-width: 767px) {
.environment__section01-list {
margin: 0;
display: block;
}
}
.environment__section01-list li {
width: 33.3333%;
box-sizing: border-box;
padding: 0 calc(50 / 1360 * 100%);
}
@media screen and (max-width: 900px) {
.environment__section01-list li {
padding: 0 16px;
}
}
@media screen and (max-width: 767px) {
.environment__section01-list li {
width: 100%;
margin: 0 auto 30px;
}
.environment__section01-list li:last-child {
margin-bottom: 0;
}
}
.environment__section01-list li dl {
display: block;
margin-top: 20px;
}
.environment__section01-list li dt {
display: block;
margin-bottom: 10px;
font-size: 3.0rem;
font-weight: 600;
text-align: center;
}
.environment__section01-list li dd {
display: block;
font-size: 1.5rem;
line-height: 1.8;
}
@media screen and (max-width: 900px) {
.environment__section01-list li dt {
font-size: 2.0rem;
}
}
@media screen and (max-width: 767px) {
.environment__section01-list li dl {
margin-top: 10px;
}
.environment__section01-list li dt {
font-size: 1.8rem;
}
}


.environment__section02 {
}
.environment__section02 .headline-lv1 {
padding: 0 0 40px;
}
@media screen and (max-width: 500px) {
.environment__section02 .headline-lv1 {
padding: 0 0 20px;
}
}
.environment__section02-description {
margin-bottom: 60px;
padding: 0 100px;
line-height: 1.8;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
.environment__section02-description {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.environment__section02-description {
padding: 0;
}
}
@media screen and (max-width: 500px) {
.environment__section02-description {
margin-bottom: 30px;
}
}
.environment__section02-wrapper {
margin: 0 -15px 50px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.environment__section02-wrapper {
margin: 0 0 50px;
display: block;
}
}
.environment__section02-box {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 50px;
padding: 0 15px;
}
@media screen and (max-width: 1024px) {
.environment__section02-box {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.environment__section02-box {
width: 100%;
margin-bottom: 50px;
padding: 0;
}
}
.environment__section02-img {
}
.environment__section02-title {
background: #000000;
margin: 30px 0 10px;
padding: 5px 0 7px;
text-align: center;
font-weight: 500;
line-height: 1.5;
font-size: 2.2rem;
color: #ffffff;
}
.environment__section02-title small {
font-size: 1.6rem;
}
@media screen and (max-width: 900px) {
.environment__section02-title small {
display: block;
}
}
@media screen and (max-width: 500px) {
.environment__section02-title {
margin: 20px 0 10px;
font-size: 2.0rem;
}
}
.environment__section02-text {
line-height: 1.8;
font-size: 1.5rem;
}


.entry__section {
background: url(../img/recruit/entry-bg.jpg) no-repeat center right;
background-size: cover;
padding: 40px 0 20px;
}
@media screen and (max-width: 640px) {
.entry__section {
}
}
.entry__section-wrapper {
display: flex;
align-items: center;
}
@media screen and (max-width: 900px) {
.entry__section-wrapper {
display: block;
}
}
.entry__section-title {
max-width: 600px;
margin-right: 60px;
}
@media screen and (max-width: 900px) {
.entry__section-title {
margin: 0 auto 30px;
}
}
.entry__section-btn {
width: 100%;
max-width: 320px;
text-align: center;
font-weight: 600;
font-size: 2.1rem;
}
@media screen and (max-width: 900px) {
.entry__section-btn {
margin: 0 auto;
}
}
@media screen and (max-width: 640px) {
.entry__section-btn {
font-size: 1.8rem;
}
}
.entry__section-btn span {
padding: 0 36px;
position: relative;
}
.entry__section-btn span:before {
content: '';
background: url(../img/recruit/entry-btn-left.png) no-repeat left top;
background-size: 24px auto;
width: 24px;
height: 17px;
position: absolute;
left: 0;
top: 50%;
transform: translate(0,-50%);
}
.entry__section-btn span:after {
content: '';
background: url(../img/recruit/entry-btn-right.png) no-repeat left top;
background-size: 24px auto;
width: 24px;
height: 17px;
position: absolute;
right: 0;
top: 50%;
transform: translate(0,-50%);
}
.entry__section-btn a {
border: 2px solid #ffffff;
padding: 25px 0 23px;
color: #ffffff;
display: block;
transition: 0.6s;
}
@media screen and (max-width: 640px) {
.entry__section-btn a {
padding: 15px 0 13px;
}
}
.entry__section-btn a:hover {
background: #01c2d3;
}


.environment__section03 {
padding-bottom: 100px;
}
@media screen and (max-width: 500px) {
.environment__section03 {
padding-bottom: 50px;
}
}
.environment__section03-title {
margin-bottom: 60px;
text-align: center;
font-weight: 600;
font-size: 4.0rem;
}
@media screen and (max-width: 900px) {
.environment__section03-title {
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.environment__section03-title {
margin-bottom: 30px;
font-size: 2.2rem;
}
}
.environment__section03-wrapper {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.environment__section03-wrapper {
margin: 0;
display: block
}
}
.environment__section03-box {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 60px;
padding: 0 15px;
}
@media screen and (max-width: 900px) {
.environment__section03-box {
width: 50%;
margin: 0 auto 40px;
padding: 0;
}
}
@media screen and (max-width: 500px) {
.environment__section03-box {
width: 80%;
}
}
.environment__section03-img {
margin-bottom: 70px;
position: relative;
}
@media screen and (max-width: 900px) {
.environment__section03-img {
margin-bottom: 22px;
}
}
.environment__section03-bg {
width: 100%;
border-radius: 100%;
position: absolute;
right: calc(100vw * -30 / 1920);
bottom: calc(100vw * -30 / 1920);
z-index: -1;
}
.environment__section03-bg:after {
content: '';
padding-top: 100%;
display: block;
}
.environment__section03-bg.red {
background: #e05e9e;
}
.environment__section03-bg.blue {
background: #5ac3d9;
}
.environment__section03-bg.yellow {
background: #ffde00;
}
.environment__section03-type {
margin-bottom: 30px;
text-align: center;
font-weight: 600;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.environment__section03-type {
margin-bottom: 10px;
font-size: 2.0rem;
}
}
.environment__section03-text {
line-height: 1.8;
font-size: 1.5rem;
}


.environment__section04 {
padding-bottom: 100px;
}
@media screen and (max-width: 500px) {
.environment__section04 {
padding-bottom: 50px;
}
}
.environment__section04-title {
margin-top: 100px;
margin-bottom: 60px;
text-align: center;
font-weight: 600;
font-size: 4.0rem;
}
@media screen and (max-width: 900px) {
.environment__section04-title {
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.environment__section04-title {
margin-top: 52px;
margin-bottom: 20px;
font-size: 2.2rem;
}
}
.environment__section04-description {
margin-bottom: 60px;
padding: 0 100px;
line-height: 1.8;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
.environment__section04-description {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.environment__section04-description {
padding: 0;
}
}
@media screen and (max-width: 500px) {
.environment__section04-description {
margin-bottom: 30px;
}
}
.environment__section04-target {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
margin: 50px 0;
padding: 50px 0;
text-align: center;
font-weight: 600;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.environment__section04-target {
margin: 10px 0;
padding: 10px 0;
font-size: 2.0rem;
}
}
.environment__section04-table {
}
.environment__section04-table table {
width: 100%;
}
.environment__section04-table table th {
background: #5ac3d9;
width: 300px;
box-sizing: border-box;
border-bottom: 4px solid #ffffff;
padding: 20px;
text-align: center;
font-weight: 500;
font-size: 2.5rem;
color: #ffffff;
}
@media screen and (max-width: 900px) {
.environment__section04-table table th {
width: 100%;
border-bottom: none;
text-align: left;
font-size: 2.0rem;
display: block;
}
}
@media screen and (max-width: 500px) {
.environment__section04-table table th {
padding: 10px;
font-size: 1.6rem;
}
}
.environment__section04-table table tr:nth-child(even) th {
background: #7bcde2;
}
.environment__section04-table table td {
background: #ccedf4;
box-sizing: border-box;
border-bottom: 4px solid #ffffff;
border-left: 4px solid #ffffff;
padding: 20px;
font-size: 2.0rem;
}
@media screen and (max-width: 900px) {
.environment__section04-table table td {
width: 100%;
border-left: none;
display: block;
}
}
@media screen and (max-width: 500px) {
.environment__section04-table table td {
padding: 10px;
font-size: 1.5rem;
}
}
.environment__section04-table table tr:nth-child(even) td {
background: #def3f8;
}


.environment__section07 {
}
.environment__section07-description {
margin-bottom: 60px;
padding: 0 100px;
line-height: 1.8;
font-size: 1.5rem;
}
@media screen and (max-width: 1024px) {
.environment__section07-description {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.environment__section07-description {
padding: 0;
}
}
@media screen and (max-width: 500px) {
.environment__section07-description {
margin-bottom: 30px;
}
}

.environment__section07-head{
display: block;
margin-bottom: 40px;
font-size: 4rem;
font-weight: 500;
text-align: center;
}
@media screen and (max-width: 500px) {
.environment__section07-head{
margin-bottom: 20px;
font-size: 3rem;
}
}
.environment__section07-list {
display: flex;
flex-wrap: wrap;
margin: 0 -15px 50px;
}
@media screen and (max-width: 500px) {
.environment__section07-list {
margin: 0 -10px 30px;
}
	
}
.environment__section07-box {
width: calc(20% - 30px);
padding: 30px 10px;
margin: 0 15px 30px;
box-sizing: border-box;
background: #ffffff;
}
@media screen and (max-width: 1024px) {
.environment__section07-box {
width: calc(33.33333% - 30px);
}
}
@media screen and (max-width: 640px) {
.environment__section07-box {
width: calc(33.33333% - 30px);
padding: 30px 10px;
}
}
@media screen and (max-width: 500px) {
.environment__section07-box {
width: calc(50% - 20px);
margin: 0 10px 20px;
}
}
.environment__section07-img {
	width: 140px;
	max-width: 70%;
	margin: 0 auto 30px;
}
@media screen and (max-width: 640px) {
.environment__section07-img {
	margin: 0 auto 15px;
}
}
.environment__section07-img img{
	width: 100%;
}
.environment__section07-title {
line-height: 1.8;
font-size: 1.5rem;
text-align: center;
}
.environment__section07-wrapper {
	padding-top: 110px;
	padding-bottom: 55px;
	border-bottom: 4px solid;
	position: relative;
}
@media screen and (max-width: 900px) {
.environment__section07-wrapper {
	padding-top: 80px;
	padding-bottom: 45px;
}
}
@media screen and (max-width: 500px) {
.environment__section07-wrapper {
	padding-top: 55px;
	padding-bottom: 30px;
}
}
.environment__section07-wrapper::after{
	content: "";
	display: block;
	width: 100%;
	height: calc(100% - 330px);
	position: absolute;
	left: 0;
	top:330px;
	z-index: -1;
}
@media screen and (max-width: 500px) {
.environment__section07-wrapper::after{
height: calc(100% - 200px);
top:200px;
}
}
.environment__section07-wrapper.es07Box01{
	border-bottom-color: #f19000;
}
.environment__section07-wrapper.es07Box01::after{
	background: #fff3e3;
}
.environment__section07-wrapper.es07Box01 .environment__section07-head{
	color: #f19000;
}
.environment__section07-wrapper.es07Box02{
	border-bottom-color: #8dc21f;
}
.environment__section07-wrapper.es07Box02::after{
	background: #f0f4e6;
}
.environment__section07-wrapper.es07Box02 .environment__section07-head{
	color: #8dc21f;
}
.environment__section07-wrapper.es07Box03{
	border-bottom-color: #f097be;
}
.environment__section07-wrapper.es07Box03::after{
	background: #f9eff5;
}
.environment__section07-wrapper.es07Box03 .environment__section07-head{
	color: #f097be;
}



/*****************************************************************************
 about 
 *****************************************************************************/

.about {
}


.about__section01 {
}
.about__section01-wrapper {
padding: 0 100px;
}
@media screen and (max-width: 1024px) {
.about__section01-wrapper {
padding: 0 50px;
}
}
@media screen and (max-width: 900px) {
.about__section01-wrapper {
padding: 0;
}
}
.about__section01-img {
margin-bottom: 140px;
position: relative;
}
@media screen and (max-width: 500px) {
.about__section01-img {
margin-bottom: 30px;
}
}
.about__section01-name {
background: #5ac3d9;
padding: 30px;
display: flex;
align-items: center;
color: #ffffff;
position: absolute;
bottom: -70px;
right: 0;
}
@media screen and (max-width: 900px) {
.about__section01-name {
padding: 20px;
bottom: -46px;
}
}
@media screen and (max-width: 500px) {
.about__section01-name {
padding: 15px;
justify-content: center;
position: relative;
bottom: auto;
right: auto;
}
}
.about__section01-name dt {
font-size: 1.5rem;
border-right: 1px solid #ffffff;
margin-right: 30px;
padding:  30px 30px 30px 0;
}
@media screen and (max-width: 900px) {
.about__section01-name dt {
margin-right: 15px;
padding:  15px 15px 15px 0;
}
}
.about__section01-name dd {
font-weight: 500;
letter-spacing: 3px;
font-size: 3.0rem;
}
@media screen and (max-width: 900px) {
.about__section01-name dd {
font-size: 2.4rem;
}
}
.about__section01-title {
margin-bottom: 60px;
text-align: center;
font-weight: 600;
font-size: 4.0rem;
}
@media screen and (max-width: 900px) {
.about__section01-title {
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.about__section01-title {
margin-bottom: 30px;
font-size: 2.2rem;
}
}
.about__section01-text {
}
.about__section01-text p {
margin-bottom: 2em;
line-height: 1.8;
font-size: 1.5rem;
}
.about__section01-text p:last-child {
margin-bottom: 0;
}


.about__section02 {
}
.about__section02-list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width: 900px) {
.about__section02-list {
display: block;
}
}
.about__section02-list li {
width: 33.3333%;
margin: 0 -1vw;
}
@media screen and (max-width: 900px) {
.about__section02-list li {
width: 60%;
margin: 0 auto -5%;
}
}
@media screen and (max-width: 500px) {
.about__section02-list li {
width: 80%;
}
}

.about__section03 {
}
.about__section03 .headline {
padding-bottom: 0;
}
.about__section03-number {
max-width: 1590px;
box-sizing: border-box;
margin: 0 auto 100px;
padding: 0 23px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.about__section03-number {
margin: 0 auto 50px;
}
}
@media screen and (max-width: 500px) {
.about__section03-number {
padding: 0;
display: block;
}
}
.about__section03-number-box {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 54px;
padding: 0 27px;
}
@media screen and (max-width: 900px) {
.about__section03-number-box {
padding: 0 10px;
}
}
@media screen and (max-width: 500px) {
.about__section03-number-box {
width: 100%;
margin-bottom: 20px;
padding: 0;
}
}
.about__section03-number-bg {
padding-bottom: 30px;
box-shadow: 20px 20px 0px 0px #ffde00;
position: relative;
}
@media screen and (max-width: 900px) {
.about__section03-number-bg {
box-shadow: 10px 10px 0px 0px #ffde00;
}
}
@media screen and (max-width: 500px) {
.about__section03-number-bg {
padding-bottom: 15px;
}
}
.about__section03-number-bg.number-bg01 {
background: url(../img/recruit/about/about-img03.jpg) no-repeat center center;
background-size: cover;
}
.about__section03-number-bg.number-bg02 {
background: url(../img/recruit/about/about-img04.jpg) no-repeat center center;
background-size: cover;
}
.about__section03-number-bg.number-bg03 {
background: url(../img/recruit/about/about-img05.jpg) no-repeat center center;
background-size: cover;
}
.about__section03-number-title {
text-align: center;
line-height: 1;
font-size: 30.0rem;
color: #ffffff;
}
@media screen and (max-width: 1440px) {
.about__section03-number-title {
font-size: 24.0rem;
}
}
@media screen and (max-width: 1024px) {
.about__section03-number-title {
font-size: 20.0rem;
}
}
@media screen and (max-width: 900px) {
.about__section03-number-title {
font-size: 16.0rem;
}
}
@media screen and (max-width: 500px) {
.about__section03-number-title {
font-size: 12.0rem;
}
}
.about__section03-number-text {
text-align: center;
font-size: 2.0rem;
color: #ffffff;
}
@media screen and (max-width: 900px) {
.about__section03-number-text {
font-size: 1.5rem;
}
}
.about__section03-group {
}
.about__section03-group-title {
margin-bottom: 20px;
text-align: center;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.about__section03-group-title {
font-size: 2.4rem;
}
}
.about__section03-group-description {
margin-bottom: 60px;
text-align: center;
font-size: 1.7rem;
}
@media screen and (max-width: 500px) {
.about__section03-group-description {
margin-bottom: 30px;
text-align: left;
font-size: 1.6rem;
}
}
.about__section03-group-text {
margin-bottom: 60px;
line-height: 1.8;
font-size: 1.5rem;
}
@media screen and (max-width: 500px) {
.about__section03-group-text {
margin-bottom: 30px;
}
}
.about__section03-group-list {
margin: 0 -3px 100px;
display: flex;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
@media screen and (max-width: 500px) {
.about__section03-group-list {
margin: 0 -3px 50px;
}
}
.about__section03-group-list li {
width: 14.28571428%;
box-sizing: border-box;
margin-bottom: 6px;
padding: 0 3px;
}
@media screen and (max-width: 1024px) {
.about__section03-group-list li {
width: 16.6666%;
}
}
@media screen and (max-width: 900px) {
.about__section03-group-list li {
width: 20%;
}
}
@media screen and (max-width: 640px) {
.about__section03-group-list li {
width: 25%;
}
}
.about__section03-group-list li img {
box-shadow: 0px 0px 5px 1px #333333;
}
.about__section03-banner {
background: url(../img/recruit/about/about-img06.jpg) no-repeat center center;
background-size: cover;
margin-bottom: 100px;
}
@media screen and (max-width: 500px) {
.about__section03-banner {
margin-bottom: 50px;
}
}
.about__section03-banner a {
padding: 230px 0 50px;
color: #000000;
display: block;
}
@media screen and (max-width: 900px) {
.about__section03-banner a {
padding: 130px 0 30px;
}
}
.about__section03-banner-block {
max-width: 1560px;
box-sizing: border-box;
margin: 0 auto;
padding: 0 50px;
}
@media screen and (max-width: 500px) {
.about__section03-banner-block {
padding: 0 15px;
}
}
.about__section03-banner-title {
margin-bottom: 30px;
}
@media screen and (max-width: 900px) {
.about__section03-banner-title {
margin-bottom: 10px;
}
}
.about__section03-banner-title span {
background: #000000;
padding: 1px 0 6px;
font-weight: 600;
line-height: 1;
font-size: 5.0rem;
display: inline-block;
}
@media screen and (max-width: 900px) {
.about__section03-banner-title span {
font-size: 3.6rem;
}
}
@media screen and (max-width: 500px) {
.about__section03-banner-title span {
font-size: 2.8rem;
}
}
a .about__section03-banner-title span {
color: #ffffff;
transition: .6s;
}
a:hover .about__section03-banner-title span {
background: #62c3d6;
}
.about__section03-banner-text {
max-width: 500px;
border-bottom: 1px solid #000000;
padding-bottom: 10px;
text-align: center;
font-size: 1.9rem;
position: relative;
}
@media screen and (max-width: 900px) {
.about__section03-banner-text {
max-width: 360px;
font-size: 1.5rem;
}
}
.about__section03-banner-text:after {
content: '';
width: 20px;
height: 1px;
background: #000000;
position: absolute;
bottom: 6px;
right: -3px;
transform: rotateZ(45deg);
}


.about__section03-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
@media screen and (max-width: 900px) {
.about__section03-wrapper {
margin-bottom: 60px;
display: block;
}
.about__section03-wrapper:last-child {
margin-bottom: 0;
}
}
@media screen and (max-width: 500px) {
.about__section03-wrapper {
margin-bottom: 30px;
}
}
.about__section03-wrapper-img {
width: 47.619047619%;
position: relative;
}
@media screen and (max-width: 900px) {
.about__section03-wrapper-img {
width: 100%;
margin-bottom: 30px;
}
}
.about__section03-wrapper-block {
width: 50%;
position: relative;
z-index: 1;
}
@media screen and (max-width: 900px) {
.about__section03-wrapper-block {
width: 100%;
}
}
.about__section03-wrapper-block:after {
content: '';
width: 300px;
height: 1px;
background: #5ac2d9;
position: absolute;
top: 100px;
right: -60px;
transform: rotateZ(-45deg);
z-index: -1;
}
@media screen and (max-width: 900px) {
.about__section03-wrapper-block:after {
display: none;
}
}
.about__section03-wrapper-title {
margin-bottom: 20px;
}
.about__section03-wrapper-title span {
border: 1px solid #000000;
margin-bottom: 15px;
padding: 2px 5px 4px;
font-weight: 600;
line-height: 0.9;
font-size: 3.6rem;
display: inline-block;
}
@media screen and (max-width: 1024px) {
.about__section03-wrapper-title span {
font-size: 3.0rem;
}
}
@media screen and (max-width: 500px) {
.about__section03-wrapper-title span {
margin-bottom: 5px;
font-size: 2.0rem;
}
}
.about__section03-wrapper-title span:last-child {
margin-bottom: 0;
}
.about__section03-wrapper-text {
line-height: 1.8;
font-size: 1.5rem;
}
.about__section03-wrapper.even {
}
.about__section03-wrapper.even .about__section03-wrapper-img {
order: 2;
}
.about__section03-wrapper.even .about__section03-wrapper-block {
order: 1;
}
.about__section03-wrapper.even .about__section03-wrapper-block:after {
left: -60px;
right: auto;
}


.about__section04 {
}
.about__section04 .headline {
padding-bottom: 0;
}


.about__section05 {
}
.about__section05-description {
text-align: center;
line-height: 1.8;
font-size: 1.5rem;
}
.about__section05-description2 {
text-align: center;
line-height: 1.8;
font-size: 1.5rem;
margin-bottom: 50px;
margin-top: -20px;
}
.about__section05-title {
margin: 50px 0 40px;
text-align: center;
font-weight: 600;
font-size: 4.0rem;
}
@media screen and (max-width: 900px) {
.about__section05-title {
font-size: 3.4rem;
}
}
@media screen and (max-width: 500px) {
.about__section05-title {
margin: 30px 0 20px;
font-size: 2.2rem;
}
}
.about__section05-wrapper {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.about__section05-wrapper {
margin: 0;
display: block;
}
}
.about__section05-label {
margin-bottom: 40px;
text-align: center;
font-weight: 600;
letter-spacing: 1px;
line-height: 1.5;
font-size: 3.2rem;
}
@media screen and (max-width: 1024px) {
.about__section05-label {
font-size: 2.6rem;
}
}
.about__section05-label small {
font-weight: normal;
font-size: 1.5rem;
display: block;
}
.about__section05-img {
margin-bottom: 10px;
display: block;
}
.about__section05-value {
text-align: center;
font-weight: 600;
line-height: 1;
font-size: 8.0rem;
display: block;
}
@media screen and (max-width: 1024px) {
.about__section05-value {
font-size: 6.0rem;
}
}
.about__section05-value small {
font-weight: normal;
font-size: 2.3rem;
}
@media screen and (max-width: 1024px) {
.about__section05-value small {
font-size: 2.0rem;
}
}
.about__section05-name {
text-align: center;
font-size: 2.5rem;
display: block;
}
@media screen and (max-width: 1024px) {
.about__section05-name {
font-size: 2.0rem;
}
}
.about__section05-text {
margin-top: 10px;
text-align: center;
font-size: 1.5rem;
}
.about__section05-box {
width: 100%;
box-sizing: border-box;
padding: 0 15px;
}
@media screen and (max-width: 500px) {
.about__section05-box {
padding: 0;
}
}
.about__section05-box .about__section05-bg {
background: #ffde00;
padding: 40px 80px 30px;
}
@media screen and (max-width: 1024px) {
.about__section05-box .about__section05-bg {
padding: 40px 30px 30px;
}
}
@media screen and (max-width: 500px) {
.about__section05-box .about__section05-bg {
padding: 40px 15px 30px;
}
}
.about__section05-box01 {
width: 50%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 15px;
}
@media screen and (max-width: 500px) {
.about__section05-box01 {
width: 100%;
margin-bottom: 10px;
padding: 0;
}
}
.about__section05-box01 .about__section05-bg {
height: 100%;
background: #5ac3d9;
box-sizing: border-box;
padding: 40px 0 30px;
color: #ffffff;
}
.about__section05-box02 {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 15px;
}
@media screen and (max-width: 900px) {
.about__section05-box02 {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.about__section05-box02 {
width: 100%;
margin-bottom: 10px;
padding: 0;
}
}
.about__section05-box02 .about__section05-bg {
height: 100%;
background: #ffde00;
box-sizing: border-box;
padding: 40px 0 30px;
}
.about__section05-list01 {
margin: 0 30px;
display: flex;
flex-wrap: wrap;
}
.about__section05-list01.none {
margin: 0;
}
.about__section05-list01 li {
width: 50%;
}
.about__section05-list02 {
padding: 0 20px;
display: flex;
flex-wrap: wrap;
}
.about__section05-list02 li {
width: 33.3333%;
}
.about__section05-menu {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.about__section05-menu {
display: block;
}
}
.about__section05-menu ul {
width: 33.3333%;
}
@media screen and (max-width: 900px) {
.about__section05-menu ul {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.about__section05-menu ul {
width: 100%;
}
}
.about__section05-menu li {
margin-bottom: 30px;
font-weight: 600;
line-height: 1.2;
font-size: 2.2rem;
display: flex;
align-items: flex-start;
position: relative;
}
@media screen and (max-width: 1024px) {
.about__section05-menu li {
font-size: 1.8rem;
}
}
.about__section05-menu li span {
width: 116px;
background: #000000;
margin: 2px 20px 0 0;
padding: 5px 0 6px;
text-align: center;
font-weight: normal;
line-height: 1;
font-size: 1.5rem;
color: #ffffff;
position: relative;
display: inline-block;
}
@media screen and (max-width: 1024px) {
.about__section05-menu li span {
width: 100px;
margin: 0 20px 0 0;
font-size: 1.3rem;
}
}
.about__section05-menu li span:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 10px;
border-color: transparent transparent transparent #000000;
position: absolute;
top: 0;
right: -10px;
}
@media screen and (max-width: 1024px) {
.about__section05-menu li span:after {
border-width: 12px 0 12px 10px;
}
}
.about__section05-menu li.extra {
padding-top: 33px;
}
.about__section05-menu li.extra:after {
content: '番外編';
width: 75px;
background: #ffde00;
text-align: center;
font-size: 1.5rem;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%,0);
}
.about__section05-menu li.extra:before {
content: '';
width: 100%;
height: 1px;
background: #000000;
position: absolute;
top: 9px;
left: 0;
}



@media screen and (max-width: 600px) {
.about__section06 {
	margin-top: 30px;
}
}
.about__section06-list {
max-width: 1240px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
	margin-top: 10px;
}
@media screen and (max-width: 900px) {
.about__section06-list {
	display: block;
	padding: 0;
}
}
@media screen and (max-width: 500px) {
.about__section06-list {
	padding: 0 15px;
	margin-top: 0;
}
}
.about__section06-item {
	width: calc(580 / 1200 * 100%);
	width: calc(50% - 40px);
	margin: 0 20px;
	border: 25px solid;
	box-sizing: border-box;
	padding: 44px 55px 35px;
}
@media screen and (max-width: 900px) {
.about__section06-item {
	width: 100%;
	margin: 0;
	border-width: 18px;
}
}
@media screen and (max-width: 600px) {
.about__section06-item {
	padding: 30px 32px 18px;
}
}
.about__section06-item:first-of-type {
	border-color: #5ac3d9;
}
.about__section06-item:last-of-type {
	border-color: #c2b389;
}
@media screen and (max-width: 900px) {
.about__section06-item:last-of-type {
	margin-top: 20px;
}
}
.about__section06-item h3{
	font-size: 3.2rem;
	line-height: 1;
	text-align: center;
	margin-bottom: 44px;
	font-weight: 500;
}
@media screen and (max-width: 500px) {
.about__section06-item h3{
	font-size: 2.3rem;
	margin-bottom: 16px;
}
}
@media screen and (max-width: 900px) {
.about__section06-item ul li{
	margin: 0 auto;
	width: auto;
}
}
.about__section06-item ul li{
	font-size: 2.2rem;
	line-height: 1.77;
	margin-bottom: 17px;
}
@media screen and (max-width: 500px) {
.about__section06-item ul li{
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 8px;
}
}
.about__section06-item:last-of-type ul li{
	padding-left: 2em;
	position: relative;
}
.about__section06-item:last-of-type ul li .ichi{
	position: absolute;
	left: 0;
	top: 0;
}
.about__section06-item div{
	display: flex;
	justify-content: center;
}
.about__section06-item:first-of-type ul{
	margin: 0;
	width: auto;
}
.about__section06-item:first-of-type ul li dl{
	display: flex;
}
.about__section06-item:first-of-type ul li dt{
	width: 6.5em;
}
.about__section06-item:first-of-type ul li dd{
	flex:1 0 0;
}


@media screen and (min-width:900px) and (max-width:1100px) {
.about__section06-item:first-of-type ul li dl{
	display: block;
}
.about__section06-item:first-of-type ul li dt{
	width: 100%;
}
.about__section06-item:first-of-type ul li dd{
	flex:none;
	margin-left: 1em;
}
}






.about__item {
margin-top: -30px;
}
@media screen and (max-width: 500px) {
.about__item {
margin-top: -20px;
}
}
.about__item-img {
position: relative;
}
.about__item-img:after {
content: '';
padding-top: 530px;
display: block;
}
@media screen and (max-width: 900px) {
.about__item-img:after {
padding-top: 330px;
}
}
@media screen and (max-width: 500px) {
.about__item-img:after {
padding-top: 200px;
}
}
.about__item-img.bg-switch {
background-position: center center;
background-size: cover;
}
.about__item-wrapper {
background: url(../img/recruit/bg01.png) repeat-x left top;
background-size: 1260px auto;
margin: -240px 0 60px;
padding: 100px 100px 0;
}
@media screen and (max-width: 1024px) {
.about__item-wrapper {
padding: 100px 50px 0;
}
}
@media screen and (max-width: 900px) {
.about__item-wrapper {
background-size: 630px auto;
margin: -120px 0 60px;
padding: 50px 50px 0;
}
}
@media screen and (max-width: 500px) {
.about__item-wrapper {
background-size: 320px auto;
margin: -60px 0 30px;
padding: 50px 15px 0;
}
}
.about__item-title {
margin-bottom: 60px;
text-align: center;
font-weight: 600;
font-size: 3.6rem;
}
@media screen and (max-width: 1024px) {
.about__item-title {
font-size: 3.0rem;
}
}
@media screen and (max-width: 900px) {
.about__item-title {
margin-bottom: 30px;
font-size: 2.4rem;
}
}
@media screen and (max-width: 500px) {
.about__item-title {
font-size: 2.0rem;
}
}
.about__item-wrapper p {
margin-bottom: 2em;
line-height: 1.8;
font-size: 1.5rem;
}
.about__item-wrapper p:last-child {
margin-bottom: 0;
}




/*****************************************************************************
 ogiso
 *****************************************************************************/

#ogiso .visual-title span {
  margin-bottom: 0;
  padding: 3px 6px 8px;
  line-height: 1;
}
#ogiso .visual-subtitle{
  margin-top: 100px;
}
#ogiso .visual-subtitle p{
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  font-size: 1.4rem;
}
#ogiso .visual-subtitle p span{
  padding-left: 1em;
  font-size: 3rem;
  font-weight: 600;
}
@media screen and (max-width: 500px) {
#ogiso .visual-subtitle{
  margin-top: 60px;
}
#ogiso .visual-subtitle p{
  padding-bottom: 6px;
  font-size: 1.3rem;
}
#ogiso .visual-subtitle p span{
  font-size: 2.0rem;
}
}

#ogiso .headline {
  padding: 150px 15px;
}
.ogiso__headline-title{
  font-size: 5rem;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
#ogiso .headline {
  padding: 90px 15px;
}
.ogiso__headline-title{
  font-size: 3.6rem;
}
}
@media screen and (max-width: 500px) {
#ogiso .headline {
  padding: 30px 15px;
}
.ogiso__headline-title{
  font-size: 2.4rem;
  text-align: left;
}
}

.ogiso{
  padding-bottom: 110px;
}
@media screen and (max-width: 900px) {
.ogiso{
  padding-bottom: 50px;
}
}
@media screen and (max-width: 500px) {
.ogiso{
  padding-bottom: 0px;
}
}
.ogiso__wrapper {
margin-bottom: 105px;
display: flex;
/*align-items: center;*/
}
@media screen and (max-width: 900px) {
.ogiso__wrapper {
margin-bottom: 70px;
display: block;
overflow: hidden;
}
}
@media screen and (max-width: 500px) {
.ogiso__wrapper {
margin-bottom: 50px;
}
}
.ogiso__wrapper-img {
width: 48.4375%;
/*width: calc(930 / 1920 * 100%);*/
position: relative;
}
@media screen and (max-width: 900px) {
.ogiso__wrapper-img {
width: 100%;
margin: 0 0 80px 0;
}
}
@media screen and (max-width: 500px) {
.ogiso__wrapper-img {
margin: 0 0 40px 0;
}
}
.ogiso__wrapper-bg {
width: 100%;
position: absolute;
right: calc(100vw * -130 / 1920);
top:80px;
z-index: -1;
background: #ffde00;
}
.ogiso__wrapper.even .ogiso__wrapper-bg {
background: #5ac2d9;
}
@media screen and (max-width: 900px) {
.ogiso__wrapper-bg {
top:auto;
bottom: calc(100vw * -80 / 1920);
}
}
.ogiso__wrapper-bg:after {
content: '';
padding-top: 56.45161%;
display: block;
}
.ogiso__wrapper-block {
width: 100%;
max-width: 710px;
box-sizing: border-box;
padding: 0 calc(100vw * 60 / 1920);
}
@media screen and (max-width: 900px) {
.ogiso__wrapper-block {
max-width: inherit;
padding: 0 30px;
}
}
@media screen and (max-width: 500px) {
.ogiso__wrapper-block {
padding: 0 15px;
}
}
.ogiso__wrapper-number {
letter-spacing: 5px;
font-size: 5.2083333vw;
}
@media screen and (max-width: 500px) {
.ogiso__wrapper-number {
font-size: 4.0rem;
}
}
.ogiso__wrapper-title {
}
.ogiso__wrapper-title span {
margin-bottom: 18px;
padding: 2px 0 4px;
font-weight: 600;
line-height: 0.9;
font-size: 4.0rem;
display: inline-block;
border: 1px solid #000000;
}
@media screen and (max-width: 500px) {
.ogiso__wrapper-title span {
margin-bottom: 9px;
font-size: 2.2rem;
}
}
@media screen and (max-width: 320px) {
.ogiso__wrapper-title span {
font-size: 2.0rem;
}
}
.ogiso__wrapper-text {
line-height: 2;
font-size: 1.5rem;
}
.ogiso__wrapper-text p{
  margin-bottom: 1.5em;
}
.ogiso__wrapper-text p:last-of-type{
  margin-bottom: 0;
}
.ogiso__wrapper.even {
justify-content: flex-end;
}
.ogiso__wrapper.even .ogiso__wrapper-img {
order: 2;
}
@media screen and (max-width: 900px) {
.ogiso__wrapper.even .ogiso__wrapper-img {
margin: 0 0 80px 0;
}
}
@media screen and (max-width: 500px) {
.ogiso__wrapper.even .ogiso__wrapper-img {
margin: 0 0 40px 0;
}
}
.ogiso__wrapper.even .ogiso__wrapper-block {
order: 1;
}
.ogiso__wrapper.even .ogiso__wrapper-bg {
right: auto;
left: calc(100vw * -130 / 1920);
}