@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Noto+Sans+JP:wght@100..900&display=swap");
/* override */
/* page style */
.p-recruit .p-personality {
padding-bottom: 7.3206442167vw;
padding-top: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-personality {
padding-bottom: 18.6666666667vw;
padding-top: 12.2666666667vw;
}
}
.p-recruit .p-personality-ttl {
color: #5081E8;
font-size: 1.4641288433vw;
margin-bottom: 4.6852122987vw;
text-align: center;
}
@media screen and (max-width: 640px) {
.p-recruit .p-personality-ttl {
font-size: 4.2666666667vw;
margin-bottom: 9.3333333333vw;
}
}
.p-recruit .p-job {
padding-bottom: 7.3206442167vw;
padding-top: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-job {
padding-bottom: 18.6666666667vw;
padding-top: 13.3333333333vw;
}
}
.p-recruit .p-job-items {
display: flex;
flex-direction: column;
gap: 4.6852122987vw;
}
.p-recruit .p-job-item {
display: flex;
gap: 5.3440702782vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-job-item {
flex-direction: column;
}
}
.p-recruit .p-job-item-ttl {
color: #5081E8;
font-size: 1.4641288433vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-job-item-ttl {
font-size: 4.2666666667vw;
padding-bottom: 4vw;
}
}
.p-recruit .p-job-item img {
border-radius: 0.7320644217vw;
height: auto;
width: 39.7510980966vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-job-item img {
width: 100%;
}
}
.p-recruit .p-job-item:nth-child(odd) {
flex-direction: row-reverse;
}
@media screen and (max-width: 640px) {
.p-recruit .p-job-item:nth-child(odd) {
flex-direction: column;
}
}
.p-recruit .p-people {
padding-bottom: 7.3206442167vw;
padding-top: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-people {
padding-bottom: 18.6666666667vw;
padding-top: 18.6666666667vw;
}
}
.p-recruit .p-people-items {
align-items: center;
display: flex;
gap: 2.196193265vw;
justify-content: center;
padding-bottom: 4.7584187408vw;
padding-top: 4.2459736457vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-people-items {
display: block;
margin: 0 calc(50% - 50vw);
padding-bottom: 12.5333333333vw;
padding-top: 9.3333333333vw;
width: 100vw;
}
}
.p-recruit .p-people-item {
width: 23.7920937042vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-people-item {
box-sizing: content-box;
padding-left: 6.4vw;
width: 74.1333333333vw;
}
}
.p-recruit .p-people-item img {
border-radius: 0.7320644217vw;
width: 100%;
}
.p-recruit .p-people-item dl {
padding-top: 1.4641288433vw;
}
.p-recruit .p-people-item dl dt {
font-size: 1.4641288433vw;
font-weight: 700;
}
@media screen and (max-width: 640px) {
.p-recruit .p-people-item dl dt {
font-size: 4.2666666667vw;
}
}
.p-recruit .p-people .c-btn-2 {
width: 25.6222547584vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-people .c-btn-2 {
width: 100%;
}
}
.p-recruit .p-schedule > div {
border-radius: 0.7320644217vw;
padding-bottom: 12.0790629575vw;
padding-top: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule > div {
border-radius: 2.6666666667vw;
padding-bottom: 16vw;
padding-top: 13.3333333333vw;
}
}
.p-recruit .p-schedule-timeline {
display: flex;
justify-content: space-between;
margin: 0 auto;
position: relative;
width: 71.7423133236vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline {
flex-direction: column;
justify-content: start;
gap: 6.4vw;
padding: 0 6.4vw;
width: auto;
}
}
.p-recruit .p-schedule-timeline:before {
background: #fff;
bottom: 0;
content: " ";
left: 50%;
margin-left: -31.8814055637vw;
display: block;
height: 0.2196193265vw;
position: absolute;
width: 63.7628111274vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline:before {
height: calc(100% - 5.3333333333vw);
left: 22.1333333333vw;
margin-left: 0;
top: 2.6666666667vw;
width: 0.8vw;
}
}
.p-recruit .p-schedule-timeline li {
align-items: end;
display: flex;
position: relative;
width: 7.6866764275vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline li {
align-items: start;
justify-content: start;
gap: 17.0666666667vw;
width: 100%;
}
}
.p-recruit .p-schedule-timeline li:before {
aspect-ratio: 1/1;
background: #1A1A1A;
border-radius: 50%;
bottom: -0.3660322108vw;
content: " ";
display: block;
left: calc(50% - 0.3660322108vw);
position: absolute;
width: 0.878477306vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline li:before {
bottom: unset;
left: 14.6666666667vw;
margin-top: -1.6vw;
top: 50%;
width: 3.2vw;
}
}
.p-recruit .p-schedule-timeline li:after {
background: url('data:image/svg+xml;utf8,') repeat-y 0 0;
bottom: 0;
content: " ";
display: inline-block;
position: absolute;
left: calc(50% - 0.0732064422vw);
height: 6.588579795vw;
width: 4px;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline li:after {
background: url('data:image/svg+xml;utf8,') repeat-x;
bottom: unset;
height: 1.0666666667vw;
left: 16.8vw;
margin-top: -0.5333333333vw;
top: 50%;
width: 12vw;
}
}
.p-recruit .p-schedule-timeline li span {
bottom: -2.5622254758vw;
color: #5081E8;
display: block;
font-weight: 700;
position: absolute;
text-align: center;
width: 100%;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline li span {
bottom: 0;
position: unset;
text-align: left;
width: auto;
}
}
.p-recruit .p-schedule-timeline li strong {
background: #fff;
border-radius: 0.7320644217vw;
display: block;
font-size: 1.4641288433vw;
margin: 0 auto 6.588579795vw;
padding: 0 0.9516837482vw;
position: relative;
top: 0;
white-space: nowrap;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline li strong {
border-radius: 2.6666666667vw;
font-size: 4.2666666667vw;
margin: unset;
padding: 0 3.4666666667vw;
}
}
.p-recruit .p-schedule-timeline li:nth-child(odd) strong {
margin-bottom: 3.2942898975vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-schedule-timeline li:nth-child(odd) strong {
margin-bottom: 0;
}
}
.p-recruit .p-schedule-timeline li:nth-child(odd):after {
height: 3.2942898975vw;
}
.p-recruit .p-requirements {
padding-bottom: 10.980966325vw;
padding-top: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
.p-recruit .p-requirements {
padding-top: 18.6666666667vw;
}
}
@media screen and (max-width: 640px) {
.p-recruit .p-requirements ol li {
padding-left: 1.5em;
text-indent: -1.3em;
}
}
.p-people .p-navi {
display: flex;
justify-content: space-between;
padding-bottom: 7.3206442167vw;
padding-top: 7.3206442167vw;
}
@media screen and (max-width: 640px) {
.p-people .p-navi {
flex-direction: column;
gap: 5.3333333333vw;
padding-bottom: 9.6vw;
}
}
.p-people .p-navi li {
width: 25.6222547584vw;
}
@media screen and (max-width: 640px) {
.p-people .p-navi li {
width: 100%;
}
}
.p-people .p-navi li .c-btn-2 {
width: 100%;
}
.p-people .p-interviews {
display: flex;
flex-direction: column;
gap: 10.2489019034vw;
padding-bottom: 9.5168374817vw;
}
@media screen and (max-width: 640px) {
.p-people .p-interviews {
gap: 18.6666666667vw;
padding-bottom: 18.6666666667vw;
}
}
.p-people .p-interview-head {
display: flex;
justify-content: end;
position: relative;
}
@media screen and (max-width: 640px) {
.p-people .p-interview-head {
flex-direction: column;
justify-content: start;
}
}
.p-people .p-interview-head > img {
border-radius: 0.7320644217vw;
width: 70.7174231332vw;
}
@media screen and (max-width: 640px) {
.p-people .p-interview-head > img {
border-radius: 2.6666666667vw;
width: 100%;
}
}
.p-people .p-interview-head dl {
background: #fff;
bottom: 0;
border-radius: 0.7320644217vw 0.7320644217vw 0 0;
clear: both;
font-weight: 700;
left: 0;
line-height: 2.196193265vw;
padding-bottom: 1.4641288433vw;
padding-top: 2.9282576867vw;
position: absolute;
width: 31.7715959004vw;
}
@media screen and (max-width: 640px) {
.p-people .p-interview-head dl {
bottom: unset;
line-height: 8vw;
padding-bottom: 8vw;
padding-top: 8vw;
position: relative;
width: 100%;
}
}
.p-people .p-interview-head dl dt {
color: #5081E8;
clear: left;
float: left;
}
.p-people .p-interview-head dl dd {
float: left;
}
.p-people .p-interview-head dl dd:before {
content: "：";
}
.p-people .p-interview-head dl dd strong {
font-size: 1.756954612vw;
font-weight: 700;
}
@media screen and (max-width: 640px) {
.p-people .p-interview-head dl dd strong {
font-size: 5.3333333333vw;
}
}
.p-people .p-qa-wrapper {
display: flex;
flex-direction: column;
gap: 2.9282576867vw;
padding-top: 5.1244509517vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa-wrapper {
gap: 8vw;
padding-top: 0;
}
}
.p-people .p-qa {
position: relative;
}
.p-people .p-qa i {
font-family: "Oswald", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
font-size: 2.196193265vw;
font-style: normal;
font-weight: 700;
position: relative;
top: -0.7320644217vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa i {
font-size: 6.4vw;
padding-right: 2.6666666667vw;
top: 0;
}
}
.p-people .p-qa-q {
align-items: start;
background: #EBEDF5;
border-radius: 1.4641288433vw 1.4641288433vw 1.4641288433vw 0;
display: flex;
gap: 0.7320644217vw;
padding: 2.5622254758vw 2.5622254758vw 2.196193265vw;
width: 42.8989751098vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa-q {
border-radius: 5.3333333333vw 5.3333333333vw 5.3333333333vw 0;
padding: 6.4vw 6.4vw 9.6vw;
width: 100%;
}
}
.p-people .p-qa-q i {
color: #5081E8;
}
.p-people .p-qa-q p {
font-weight: 700;
}
@media screen and (max-width: 640px) {
.p-people .p-qa-q p {
font-size: 4.2666666667vw;
}
}
.p-people .p-qa-a {
align-items: start;
border: 2px solid #EBEDF5;
border-radius: 1.4641288433vw 1.4641288433vw 0 1.4641288433vw;
display: flex;
gap: 0.7320644217vw;
margin-left: 18.0087847731vw;
margin-top: -1.4641288433vw;
padding: 3.513909224vw 2.5622254758vw 2.5622254758vw;
width: 63.9824304539vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa-a {
border-radius: 5.3333333333vw 5.3333333333vw 0 5.3333333333vw;
margin-left: 0;
padding: 6.4vw;
width: 100%;
}
}
.p-people .p-qa-a i {
color: #E8507E;
}
.p-people .p-qa img {
aspect-ratio: 1/0.9138461538;
border-radius: 0.7320644217vw;
height: auto;
object-fit: cover;
width: 23.7920937042vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa img {
border-radius: 2.6666666667vw;
margin: 0 auto;
width: 59.2vw;
}
}
.p-people .p-qa.has-right-img {
display: flex;
gap: 2.9282576867vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa.has-right-img {
flex-direction: column;
gap: 8vw;
}
}
.p-people .p-qa.has-right-img .p-qa-a {
margin-left: 10.3953147877vw;
width: 44.8755490483vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa.has-right-img .p-qa-a {
margin-left: 0;
width: 100%;
}
}
.p-people .p-qa.has-left-img {
display: flex;
flex-direction: row-reverse;
gap: 2.9282576867vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa.has-left-img {
flex-direction: column;
gap: 8vw;
}
}
.p-people .p-qa.has-left-img .p-qa-a {
margin-left: 10.3953147877vw;
width: 44.8755490483vw;
}
@media screen and (max-width: 640px) {
.p-people .p-qa.has-left-img .p-qa-a {
margin-left: 0;
width: 100%;
}
}
.p-links {
padding-bottom: 10.2489019034vw;
}
@media screen and (max-width: 640px) {
.p-links {
padding-bottom: 18.6666666667vw;
}
}
.p-links-ttl {
padding-bottom: 2.5622254758vw;
text-align: center;
}
@media screen and (max-width: 640px) {
.p-links-ttl {
padding-bottom: 5.3333333333vw;
}
}
.p-links ul {
display: flex;
justify-content: center;
gap: 4.2459736457vw;
}
@media screen and (max-width: 640px) {
.p-links ul {
flex-direction: column;
gap: 5.3333333333vw;
}
}/*# sourceMappingURL=recruit.css.map */