@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@font-face {
font-family: "AlteDIN";
src: url(//mabp.co.jp/dist/fonts/recruit_2024/din1451alt.ttf) format("truetype");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "Ryumin Pro5 Bold";
src: url(//mabp.co.jp/dist/fonts/recruit_2024/Ryumin_Pr5_B_KL.otf) format("truetype"),
url(//mabp.co.jp/dist/fonts/recruit_2024/Ryumin_Pr5_B_KL.eot) format("eot"),
url(//mabp.co.jp/dist/fonts/recruit_2024/Ryumin_Pr5_B_KL.woff) format("woff");
font-weight: 400;
font-style: normal;
} *,
*::before,
*::after {
box-sizing: border-box;
}
html,
body {
padding: 0;
margin: 0;
}
body {
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
line-height: 1.6;
font-weight: 500;
background: #fff;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, button, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
font: inherit;
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
}
html {
line-height: 1;
}
ol, ul {
list-style: none;
}
li, dd {
list-style-type: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
vertical-align: middle;
}
q, blockquote {
quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
img {
border: none;
vertical-align: bottom;
width: 100%;
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
}
@media (hover: hover) {
a:hover {
opacity: 0.7;
}
} body {
color: #1a1a1a;
font-family: "Noto Sans JP", sans-serif;
}
body.is-active {
position: fixed;
width: 100%;
height: 100%;
}
html {
font-size: 62.5%;
scroll-behavior: auto;
} @media (max-width: 767px) {
.pc {
display: none !important;
}
} @media (min-width: 768px) {
.sp {
display: none !important;
}
} .inner {
width: 1234px;
max-width: 100%;
margin: 0 auto;
padding: 0 16px;
}
.w2000 {
width: 2000px;
padding: 0;
} .section-title {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.24em;
text-align: center;
}
.section-title span {
display: block;
line-height: 1;
font-size: min(7rem, 6.5104166667vw);
letter-spacing: 0.08em;
font-family: "AlteDIN", sans-serif;
color: #005dab;
margin-bottom: 0.3em;
font-weight: normal;
}
.section-title.-white span {
color: #fff;
}
@media (max-width: 767px) {
.section-title {
font-size: min(2.8rem, 3.7333333333vw);
}
.section-title span {
font-size: min(11rem, 14.6666666667vw);
margin-bottom: 0.1em;
letter-spacing: 0.02em;
}
}
.section-title_bg {
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.24em;
text-align: center;
position: relative;
}
.section-title_bg span.large {
display: block;
line-height: .8;
font-size: min(16rem, 24.5104166667vw);
letter-spacing: 0.08em;
font-family: "AlteDIN", sans-serif;
color: #005DAB;
opacity: .2;
margin-bottom: 0.3em;
font-weight: normal;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.section-title_bg span.txt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
} .swiper-button-next,
.swiper-button-prev {
width: 50px;
}
.swiper-button-next::after,
.swiper-button-prev::after {
content: "";
}
@media (max-width: 767px) {
.swiper-button-next,
.swiper-button-prev {
width: min(50px, 6.6666666667vw);
}
}
.swiper-button-prev {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/btn_prev.webp) no-repeat center center/contain;
}
.swiper-button-next {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/btn_next.webp) no-repeat center center/contain;
}
.information .informationWrap .swiper-button-prev,
.information .informationWrap .swiper-button-next {
filter: drop-shadow(0 0 1.5px #fff);
} header {
position: relative; background: #fff;
}
@media (max-width: 767px) {
header { }
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.header-logo {
width: min(138px, 13.0208333333vw);
padding: 18px 0;
}
@media (max-width: 767px) {
.header-logo {
width: min(195px, 26vw);
padding: 10px 0;
}
}
.header-nav {
width: calc(100% - min(138px, 13.0208333333vw));
display: flex;
justify-content: flex-end;
padding: 18px 0;
}
@media (max-width: 767px) {
.header-nav {
display: none;
padding: 10px 0;
}
}
.header-menu {
display: flex;
justify-content: end;
}
.header-menu li {
text-align: center;
padding: .5em 1em 1.5em;
}
.header-menu li:not(:last-child) {
position: relative;
}
.header-menu li:not(:last-child)::after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%); width: 1px;
height: 90%;
background: #c3c3c3;
}
.header-menu li a {
font-size: min(1.4rem, 1.1020833333vw);
font-weight: 500;
letter-spacing: 0.06em;
color: #337dbc;
position: relative;
}
.header-menu li a::before {
content: '';
width: 8px;
height: 8px;
border: 0;
border-bottom: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
transform: translateX(-50%) rotate(45deg);
position: absolute;
left: 50%;
bottom: -10px;
margin: auto;
}
.header-menu li a span {
display: block;
line-height: 1;
font-size: min(1.7rem, 1.6927083333vw);
letter-spacing: 0.22em;
font-weight: 700;
color: #1a1a1a;
font-family: "AlteDIN", sans-serif;
}
@media (max-width: 999px) {
.header-menu li {
padding: 0 10px;
}
}
a.header-entry_link {
display: flex;
justify-content: center;
flex-direction: column;
width: 150px;
font-size: min(1.2rem, 1.3020833333vw);
letter-spacing: 0.08em;
color: #fff;
font-family: "AlteDIN", sans-serif;
text-align: center;
background: linear-gradient(90deg, #FF7F00 0%, #FF4000 100%);
align-self: stretch;
margin: 0 10px 0 auto;
}
.header-entry_link span {
display: block;
line-height: 1;
font-size: 2rem;
font-family: "AlteDIN", sans-serif;
}
@media (max-width: 767px) {
a.header-entry_link {
width: 100px;
}
}
.drawer-icon {
display: none;
transition: transform 0.5s ease 0s;
}
@media (max-width: 767px) {
.drawer-icon {
display: block;
}
}
.drawer-icon.is-active .drawer-icon__bar1 {
transform: rotate(-45deg);
top: 8px;
background: #1a1a1a;
}
.drawer-icon.is-active .drawer-icon__bar2 {
display: none;
}
.drawer-icon.is-active .drawer-icon__bar3 {
transform: rotate(45deg);
top: 8px;
background: #1a1a1a;
}
.drawer-icon__bars {
width: min(60px, 8vw);
height: 20px;
display: block;
position: relative;
z-index: 400;
}
.drawer-icon__bar1,
.drawer-icon__bar2,
.drawer-icon__bar3 {
position: absolute;
width: min(60px, 8vw);
height: 2px;
background: #1a1a1a;
top: 0;
left: 0;
}
.drawer-icon__bar1 {
top: 0;
transition: transform 0.3s;
}
.drawer-icon__bar2 {
top: 8px;
}
.drawer-icon__bar3 {
top: 16px;
transition: transform 0.3s;
}
.drawer-content {
width: 100%;
height: 100%;
position: fixed;
top: 0;
right: 0;
background: rgba(255, 255, 255, 0.9);
padding: 14% 20px 0;
z-index: 299;
transform: translateX(105%);
transition: transform 0.5s ease 0s;
overflow-y: auto;
overscroll-behavior: contain; }
.drawer-content.is-active {
transform: translateX(0);
}
.drawer-menu li {
padding: 2.7em 0;
border-bottom: 1px solid #c3c3c3;
}
.drawer-menu li a {
display: block;
font-size: min(2.6rem, 3.4666666667vw);
text-decoration: none;
text-align: center;
color: #337dbc;
position: relative;
}
.drawer-menu li a::before {
content: '';
width: 20px;
height: 20px;
border: 0;
border-bottom: solid 1px #c3c3c3;
border-right: solid 1px #c3c3c3;
transform: translateY(-50%) rotate(45deg);
position: absolute;
top: 50%;
right: 15px;
margin: auto;
}
.drawer-menu li a span {
display: block;
color: #fff;
font-size: min(4.6rem, 6.1333333333vw);
letter-spacing: 0.12em;
}
a.drawer-entry_link {
display: flex;
justify-content: center;
flex-direction: column;
width: 100%;
font-size: min(1.6rem, 3.4666666667vw);
letter-spacing: 0.08em;
color: #fff;
font-family: "AlteDIN", sans-serif;
text-align: center;
background: linear-gradient(90deg, #FF7F00 0%, #FF4000 100%);
align-self: stretch;
padding: 20px 0;
margin-top: 30px;
}
.drawer-entry_link span {
display: block;
line-height: 1;
font-size: min(4.6rem, 6.1333333333vw);
font-family: "AlteDIN", sans-serif;
}
@media (max-width: 767px) {
a.drawer-entry_link {
}
}
.drawer-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(51, 51, 51, 0.8);
z-index: 298;
display: none;
}
.drawer-background.is-active {
display: block;
}  .mv {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/mv_bg.webp) no-repeat center center/cover;
width: 100%;
aspect-ratio: 2000/800; padding-top: min(30px, 2vw);
max-height: 750px;
}
@media (max-width: 767px) {
.mv {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/mv_bg_sp.webp) no-repeat center center/cover;
aspect-ratio: 750/830;
padding-top: min(95px, 12.6666666667vw);
}
}
.mv .inner {
height: 100%;
}
.mv-heading {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.mv-heading h2 {
width: min(500px, 35.5vw);
margin: 0 auto;
}
.mv-heading p {
width: min(500px, 40.5vw);
}
@media (max-width: 767px) {
.mv-heading {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.mv-heading h2 {
width: min(568px, 75.7333333333vw);
}
.mv-heading p {
width: min(608px, 81.0666666667vw);
margin-top: 5%;
}
}  .information {
background: #005dab;
padding: 10px 0 50px;
}
@media (max-width: 767px) {
.information {
padding: 30px 0;
}
.information h2 span {
font-size: min(10.9rem, 12.5333333333vw);
}
}
@media (max-width: 767px) {
.information__inner {
width: 700px;
}
}
.informationWrap {
position: relative;
width: 1150px;
background: url(//mabp.co.jp/img/recruit_2024/newgrads/information_bg01.webp) #004090 no-repeat center center/cover;
max-width: 100%;
padding: 20px 0 0;
margin: 35px auto 0;
}
@media (max-width: 767px) {
.informationWrap {
width: 600px;
padding: 40px 0 0;
margin: 0 auto;
}
}
.information-content {
position: relative;
overflow: hidden;
}
.information-item {
padding: 2% 3% 3% 2%;
height: auto;
}
.information-item a {
display: flex;
color: #fff;
}
@media (max-width: 767px) {
.information-item a {
flex-direction: column;
gap: 20px;
}
}
.information-item img {
max-width: 200px;
aspect-ratio: 16/9;
margin-right: 20px;
object-fit: cover;
}
@media (max-width: 767px) {
.information-item img {
max-width: 100%;
}
}
.information-item .information-txt {
display: flex;
flex-direction: column;
justify-content: center;
}
.information-item .information-txt time {
font-size: 1.4rem;
line-height: 1.9;
font-weight: 400;
letter-spacing: 0.04em;
border-bottom: 1px solid #fff;
}
.information-item .information-txt h3 {
font-size: 1.5rem;
font-weight: 700;
letter-spacing: 0.1em;
margin: 10px 0;
line-height: 1.6;
}
@media (max-width: 767px) {
.information-item {
padding: 9% 7%;
height: auto;
aspect-ratio: 870/600;
}
.information-item .information-txt time {
font-size: min(2.4rem, 3.2vw);
}
.information-item .information-txt h3 {
font-size: min(3rem, 4vw);
margin: 1.3em 0 0;
}
}  .movie {
padding: min(200px, 10vw) 0 min(90px, 4.5vw);
position: relative;
}
.movie h2 {
content: "COMPANY ATMOSPHERE";
position: absolute;
top: min(113px, 5.65vw);
left: 50%;
transform: translateX(-50%);
font-size: min(12.6rem, 6.5104166667vw);
color: #005dab;
font-family: "AlteDIN", sans-serif;
width: 100%;
text-align: center;
z-index: -1;
}
@media (max-width: 767px) {
.movie {
padding: min(252px, 33.6vw) 0 min(100px, 13.3333333333vw);
}
.movie h2 {
font-size: min(10.9rem, 14.5333333333vw);
top: min(80px, 10.6666666667vw);
}
}
.movie-items {
display: flex;
justify-content: center;
justify-content: space-between;
}
.movie-items li {
width: 48%;
text-align: center;
}
.movie-items li iframe {
width: 100%; aspect-ratio: 500/300;
}
.movie-items li p {
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.18em;
padding-bottom: 10px;
border-bottom: 2px solid #1a1a1a;
margin-top: 22px;
}
@media (max-width: 767px) {
.movie-items {
display: block;
}
.movie-items li {
width: 100%;
}
.movie-items li:nth-child(2) {
margin-top: 50px;
}
.movie-items li iframe {
aspect-ratio: 670/430;
}
.movie-items li p {
font-size: min(2.8rem, 3.7333333333vw);
}
}
.movie.-anotherway {
padding: min(240px, 12vw) 0 min(90px, 4.5vw);
position: relative;
}
.movie.-anotherway .movie-items li {
width: 32%;
text-align: center;
}
.movie.-anotherway p {
font-size: min(1.6rem, 3.2vw);
line-height: 1.6923076923;
font-weight: 400;
text-align: center;
margin-top: 32px;
}
@media (max-width: 767px) {
.movie.-anotherway {
padding: min(252px, 38.6vw) 0 min(100px, 13.3333333333vw);
}
.movie.-anotherway .movie-items {
display: block;
}
.movie.-anotherway .movie-items li {
width: 100%;
}
.movie.-anotherway .movie-items li:nth-child(2) {
margin-top: 50px;
}
.movie.-anotherway .movie-items li iframe {
aspect-ratio: 670/430;
}
.movie.-anotherway .movie-items li p {
font-size: min(2.8rem, 3.7333333333vw);
}
}  .media {
padding: 68px 0 100px;
background: url(//mabp.co.jp/img/recruit_2024/newgrads/img_dot02.webp) no-repeat center center/cover;
}
.media .swiper-button-prev {
transform: translateX(-50%);
left: 0;
}
.media .swiper-button-next {
transform: translateX(50%);
right: 0;
}
@media (max-width: 767px) {
.media {
padding: 11% 0 11%;
}
}
@media (min-width: 768px) {
.media__inner {
padding: 0 25px;
}
}
@media (max-width: 767px) {
.media__inner {
padding: 0 25px;
}
}
.mediaWrap {
position: relative;
width: 1150px;
max-width: 100%;
margin: 35px auto 0;
}
@media (max-width: 767px) {
.mediaWrap {
width: 600px;
}
}
.media-content {
position: relative;
overflow: hidden;
}
.media-item {
background: #fff;
padding: 2%;
height: 450px;
box-shadow: 6px 0 10px rgba(0, 0, 0, 0.2);
}
.media-item h3 {
font-size: 2rem;
font-weight: 700;
letter-spacing: 0.1em;
margin: 20px 0;
}
.media-item p {
font-size: 1.5rem;
line-height: 1.7333333333;
font-weight: 400;
letter-spacing: 0.04em;
}
.media-item a {
color: #000;
}
.media-item img {
aspect-ratio: 16/9;
object-fit: cover;
}
@media (max-width: 767px) {
.media-item {
padding: 9% 7%;
height: auto;
aspect-ratio: 600/870;
}
.media-item h3 {
font-size: min(3rem, 4vw);
margin: 1.3em 0 1.8em;
}
.media-item p {
font-size: min(2.4rem, 3.2vw);
}
}  .work {
background: #E5EFF7;
position: relative;
}
.work .work-items {
padding: 0 0 80px;
overflow: hidden;
}
.work .work-item {
position: relative;
padding: 80px 0 0;
margin: 0 auto 80px;
}
.work .work-item:last-child {
margin: 0 auto;
}
.work .work-item::before {
content: "";
position: absolute;
}
.work .work-item:nth-child(1)::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_bg01.webp) no-repeat center left/contain;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.work .work-item:nth-child(2)::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_bg02.webp) no-repeat center right/contain;
width: 120%;
height: 120%;
top: -100px;
right: 0;
}
.work .work-item:nth-child(3)::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_bg03.webp) no-repeat center left/contain;
width: 100%;
height: 100%;
bottom: -80px;
left: 0;
}
@media (max-width: 1000px) {
.work .work-items {
padding: 11% 0 0;
}
.work .work-item {
padding: 0 20px 20px;
}
.work .work-item:nth-child(1)::before {
width: 150%;
height: 100%;
background-position: bottom;
top: initial;
bottom: -110px;
}
.work .work-item:nth-child(2)::before {
width: 100%;
height: 100%;
background-position: bottom;
top: initial;
bottom: 0;
}
.work .work-item:nth-child(3)::before {
width: 150%;
height: 100%;
background-position: bottom;
top: initial;
bottom: 0;
left: -40px;
}
}
.work .work-item .work-item_inner {
width: 1150px;
max-width: 100%;
margin: 35px auto 0;
position: relative;
}
.work .work-item .work-item_inner::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
}
.work .work-item:nth-child(1) .work-item_inner::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_parts01.webp) no-repeat center left/contain;
top: 0;
left: 0;
}
.work .work-item:nth-child(2) .work-item_inner::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_parts02.webp) no-repeat center right/contain;
top: 0;
right: 0;
}
.work .work-item:nth-child(3) .work-item_inner::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_parts03.webp) no-repeat center left/contain;
top: 0;
left: 0;
}
@media (max-width: 1000px) {
.work .work-item:nth-child(1) .work-item_inner::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_parts01_sp.webp) no-repeat center left/contain;
}
.work .work-item:nth-child(2) .work-item_inner::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_parts02_sp.webp) no-repeat center right/contain;
}
.work .work-item:nth-child(3) .work-item_inner::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/work_parts03_sp.webp) no-repeat center left/contain;
}
}
.work .work-item .work-box {
position: relative;
display: flex;
flex-direction: row;
}
.work .work-item:nth-child(2n) .work-box {
flex-direction: row-reverse;
}
.work .work-item .work-box.-text {
display: block;
width: 90%;
margin: 0 10px 0 30px;
}
.work .work-item:nth-child(2n) .work-box.-text {
margin: 0 15px 0 auto;
}
.work .work-item .work-desc {
position: relative;
min-width: 525px;
max-width: 525px;
margin: 0 20px 0 30px;
}
@media (max-width: 1000px) {
.work .work-item .work-box,
.work .work-item:nth-child(2n) .work-box {
flex-direction: column;
gap: 20px;
}
.work .work-item .work-desc {
min-width: 0;
max-width: 100%;
margin: 0 15px 0 25px;
}
.work .work-item:nth-child(2n) .work-desc {
margin: 0 15px 0 0;
}
}
.work .work-item .work-desc .work-number {
text-align: left;
}
.work .work-item .work-desc .work-number span {
font-size: min(10rem, 18vw);
}
.work .work-item .work-desc .work-heading {
font-family: "Ryumin Pro5 Bold", serif;
max-width: 380px;
}
.work .work-item p.work-text {
margin-top: 5%;
font-size: min(1.6rem, 3.5vw);
font-weight: 400;
line-height: 1.7777777778;
letter-spacing: 0.01em;
}
.work .work-item p.work-text.-none_m {
margin: 0;
}
.work .work-item .work-img {
width: 100%;
}
@media (max-width: 1000px) {
.work .work-item .work-img {
position: relative;
left: 90px;
}
.work .work-item:nth-child(2n) .work-img {
position: relative;
left: inherit;
right: 105px;
}
}  .intern {
background: #1a1a1a url(//mabp.co.jp/img/recruit_2024/newgrads/intern_bg01.webp) no-repeat top center/100% 100%;
color: #fff; }
@media (max-width: 767px) {
.intern {
background: #1a1a1a url(//mabp.co.jp/img/recruit_2024/newgrads/intern_bg01_sp.webp) no-repeat top center/100% 100%;
padding-bottom: 5%;
}
}
.intern__inner {
width: 960px;
padding: 70px 0 80px 0;
margin: 0 auto;
}
@media (max-width: 767px) {
.intern__inner {
width: 700px;
padding: 10vw 4vw;
}
}
.intern-content {
display: flex;
flex-direction: column;
align-items: center;
background: #1a1a1a5c;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
padding: 50px 0;
text-align: center;
}
@media (max-width: 767px) {
.intern-content {
}
}
.intern-title {
width: 100%;
margin-bottom: 40px;
}
.intern-txt {
max-width: 540px;
font-size: min(1.6rem, 3.5vw);
font-weight: 400;
line-height: 1.7777777778;
letter-spacing: 0.01em;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.intern-title {
margin-bottom: 5vw;
}
.intern-txt {
text-align: left;
padding: 1vw 5vw;
}
}
.intern-btn {
margin-top: 18px;
}
.intern-btn a {
display: inline-block;
width: 310px;
font-size: 2.2rem;
letter-spacing: 0.08em;
color: #fff;
font-family: "AlteDIN", sans-serif;
border: 1px solid #fff;
text-align: center;
padding: 10px 0;
position: relative;
}
.intern-btn.-bold a {
font-weight: bold;
font-size: 1.6rem;
}
.intern-btn a::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
transform: translateY(-50%);
background: url(//mabp.co.jp/img/recruit_2024/newgrads/icon_arrow02_wh.webp) no-repeat center center/contain;
width: 1.1em;
aspect-ratio: 25/6;
}
@media (max-width: 767px) {
.intern-btn a {
font-size: min(3.8rem, 5.0666666667vw);
min-width: 100%;
padding: 1.2em 0;
}
}  .reason {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/reason_bg02.webp) no-repeat bottom center/100%;
color: #fff;
padding-bottom: 130px;
}
@media (max-width: 767px) {
.reason {
padding-bottom: 10%;
}
}
@media (min-width: 768px) {
.reason__inner {
width: 1170px;
}
}
@media (max-width: 767px) {
.reason__inner {
width: 700px;
}
}
.reason-img {
width: 37%;
margin-left: 15%;
}
@media (max-width: 767px) {
.reason-img {
position: absolute;
width: auto;
width: 84%;
margin-left: -16px;
top: 0;
left: 0;
}
}
.reason-title .section-title_bg span.large {
font-size: min(16rem, 13vw);
}
.reason-title h2 img {
position: absolute;
max-width: 640px;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
.reason-title h2 img {
max-width: 200px;
top: 180%;
}
}
.reason-heading {
width: min(511px, 36.4583333333vw);
margin: 4em auto 0;
}
@media (max-width: 767px) {
.reason-heading {
width: min(544px, 72.5333333333vw);
margin: 38% auto 0;
}
}
.reason-items {
margin-top: 85px;
display: flex;
flex-direction: column;
counter-reset: number 0;
}
.reason-items li {
width: 100%;
background: #005dab;
padding: 30px;
display: flex;
gap: 30px;
margin-bottom: 50px;
position: relative;
}
.reason-items li::before {
position: absolute;
counter-increment: number 1;
content: "REASON.0" counter(number);
bottom: 0;
right: 10px;
font-size: min(60px, 10vw);
font-family: "AlteDIN", sans-serif;
letter-spacing: .02em;
line-height: .8;
color: #002D66;
}
.reason-items li .reason-icon {
width: min(194px, 50vw);
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 767px) {
.reason-items li .reason-icon {
width: 25%;
max-width: 140px;
position: absolute;
}
}
.reason-items li .reason-content {
position: relative;
}
.reason-items li h4 {
font-size: min(2.6rem, 4.5vw);
line-height: 1.6923076923;
font-weight: 700;
margin-bottom: 0.7em;
margin-top: 0.6em;
}
.reason-items li .txt {
font-size: min(1.6rem, 3.5vw);
line-height: 1.6923076923;
font-weight: 400;
margin-bottom: 20px;
}
.reason-items li p span {
font-size: min(1.3rem, 2.5625vw);
line-height: 1.6923076923;
font-weight: 400;
}
.reason-items .reason-parts {
position: absolute;
width: min(210px, 36vw);
top: 0;
right: 30px;
}
@media (max-width: 767px) {
.reason-items {
margin-top: 24%;
}
.reason-items li {
width: 100%;
padding: 10% 5% 10% 5%;
}
.reason-items .reason-parts {
right: 0;
}
.reason-items li h4 {
width: 60%;
margin: 30px 0 30px auto;
}
.reason-items li h4.-mgn0 {
margin: 10px 0 30px auto;
}
}  .comparison {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/comparison_bg01.webp) no-repeat center center/cover;
color: #fff;
padding: 80px 0 50px;
}
.comparison__inner {
width: 1170px;
}
@media (max-width: 767px) {
.comparison {
padding: 12% 0 10%;
}
.comparison__inner {
width: 700px;
}
}
.comparison-title h2 {
text-align: center;
}
.comparison-title h2 img {
max-width: 340px;
}
.comparison-graph {
width: 100%;
}
.comparison-graph-txt {
max-width: 170px;
margin-left: auto;
}
.comparison-graph-txt p {
font-size: min(1rem, 3vw);
margin-bottom: 10px;
}
@media (max-width: 767px) {
.comparison-title h2 {
max-width: 200px;
margin: 0 auto 5vw;
}
.comparison-graph-txt {
max-width: 170px;
margin-left: 20px;
}
}  .income {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/income_bg01.webp) no-repeat center center/cover;
color: #fff;
padding: 0 0 100px;
position: relative;
overflow: hidden;
}
.income__inner {
}
.income__inner.-bg {
position: relative;
width: 100%;
padding: 0;
}
.income__inner.-bg::before {
content: "";
position: absolute;
background: #012245;
aspect-ratio: 1060 / 370;
width: 100%;
height: 100%;
-webkit-clip-path: polygon(0 0, 85% 0, 95% 100%, 0 100%);
clip-path: polygon(0 0, 85% 0, 95% 100%, 0 100%);
}
@media (max-width: 767px) {
.income {
padding-bottom: 10%;
}
.income__inner {
}
.income__inner.-bg::before {
-webkit-clip-path: inherit;
clip-path: inherit;
}
}
.income-annual {
}
.income-box {
width: 40%;
margin: 90px 0;
position: relative;
z-index: 1;
}
.income-box::before {
content: "";
position: absolute;
background: url(//mabp.co.jp/img/recruit_2024/newgrads/income_parts01.webp) no-repeat center center/contain;
top: 0;
left: 4px;
width: 10px;
height: 100%;
}
@media (max-width: 767px) {
.income-box::before {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/income_parts01_sp.webp) no-repeat center center/contain;
}
}
.income-title {
max-width: 300px;
margin: 0 0 20px 30px;
}
.income-txt {
font-size: min(1.6rem, 3vw);
font-weight: 400;
line-height: 1.7777777778;
letter-spacing: 0.01em;
margin: 0 0 10px 30px;
}
.income-img {
max-width: 400px;
margin-top: 30px;
}
.income-right_img {
max-width: 1000px;
width: 60%;
position: absolute;
top: 0;
right: -20px;
}
@media (max-width: 767px) {
.income-box {
width: 60%;
margin: 10% 0;
}
.income-box::before {
left: 0;
}
.income-right_img {
width: 100%;
right: -200px;
}
.income-title {
max-width: 120px;
margin: 0 0 20px 20px;
}
.income-txt {
margin-left: 20px;
}
}
.income-others {
width: min(90%, 85vw);
max-width: 1100px;
padding: 50px 50px 50px 0;
position: relative;
margin: 0 auto;
}
@media (max-width: 767px) {
.income-others {
padding: 8vw 0;
}
}  .dream {
background: #E5EFF7;
color: #fff;
padding-bottom: 80px;
}
.dream__inner {
width: 1170px;
}
@media (max-width: 767px) {
.dream__inner {
width: 700px;
}
}
.dream-title h2 img {
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
max-width: 420px;
}
@media (max-width: 767px) {
.dream-title h2 img {
max-width: 350px;
top: 90%;
}
}
.dream-item {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 20px;
color: #1A1A1A;
margin-bottom: 60px;
}
.dream-item:nth-child(2n) {
flex-direction: row;
}
.dream-item:last-child {
margin-bottom: 4 0px;
}
@media (max-width: 767px) {
.dream-item,
.dream-item:nth-child(2n) {
flex-direction: column-reverse;
margin-bottom: 5%;
}
}
.item-content {
width: 70%;
}
.item-content img {
height: 181px;
object-fit: contain;
object-position: 0;
margin-bottom: 30px;
}
.item-content .text {
font-family: "Noto Sans JP", sans-serif;
font-size: min(15px, 3.5vw);
letter-spacing: .02em;
line-height: 1.6;
margin-bottom: 20px;
}
.item-content .item-content__detail {
border-top: 2px solid #004090;
padding-top: 30px;
}
@media (max-width: 767px) {
.item-content {
width: 100%;
}
}
.item-person {
width: 30%;
max-width: 380px;
}
@media (max-width: 767px) {
.item-person {
width: 100%;
max-width: 100%;
}
}
.dream-btn {
text-align: center;
margin-top: 18px;
}
.dream-btn a {
display: inline-block;
max-width: 360px;
font-size: 2.2rem;
letter-spacing: 0.08em;
color: #005DAB;
font-family: "AlteDIN", sans-serif;
border: 1px solid #005DAB;
text-align: center;
padding: 20px 0;
position: relative;
}
.dream-btn.-bold a {
width: 100%;
font-weight: bold;
font-size: 1.8rem;
}
.dream-btn a::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background: url(//mabp.co.jp/img/recruit_2024/newgrads/icon_arrow02.webp) no-repeat center center/contain;
width: 2.2em;
aspect-ratio: 25/6;
}  .daily {
padding: 100px 0 90px;
position: relative;
}
.daily::before {
content: "";
position: absolute;
background: #004090;
width: 100%;
height: 30%;
bottom: 0;
z-index: -1;
}
@media (max-width: 767px) {
.daily {
padding: 15% 0;
}
.daily::before {
height: 50%;
}
}
.daily-title .section-title_bg span.large {
font-size: 11.5vw;
}
.daily-title h2 img {
position: absolute;
top: 65%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
max-width: 420px;
}
@media (max-width: 767px) {
.daily-title h2 img {
max-width: 340px;
top: 90%;
}
}
.daily-txt {
margin: 40px 0 30px;
text-align: center;
}
.daily-txt p {
font-size: min(1.6rem, 3.2vw);
line-height: 1.6923076923;
font-weight: 400;
}
.daily-items {
display: flex;
justify-content: center;
justify-content: space-between;
}
.daily-items li {
width: 32%;
text-align: center;
}
.daily-items li iframe {
width: 100%; aspect-ratio: 500/300;
}
.daily-items li p {
display: inline-block;
font-size: 1.8rem;
font-weight: 700;
letter-spacing: 0.18em;
padding-bottom: 10px;
border-bottom: 2px solid #1a1a1a;
margin-top: 22px;
}
@media (max-width: 767px) {
.daily-items {
display: block;
}
.daily-items li {
width: 100%;
}
.daily-items li:not(:first-child) {
margin-top: 50px;
}
.daily-items li iframe {
aspect-ratio: 670/430;
}
.daily-items li p {
font-size: min(2.8rem, 3.7333333333vw);
}
}  .flow {
padding: min(100px, 10vw) 0 min(100px, 10vw);
position: relative;
}
.flow .flow-title .section-title {
text-align: left;
}
.flow .flow-title .section-title span.midium {
font-size: min(12rem, 12.6104166667vw);
display: inline-block;
}
.flow .flow-img {
width: 100%;
margin-bottom: 20px;
}
.flow .flow-txt {
font-size: min(1.2rem, 3vw);
line-height: 1.6;
text-align: right;
}
@media (max-width: 767px) {
.flow .flow-txt {
text-align: left;
}
}  .jobdesc {
background: url(//mabp.co.jp/img/recruit_2024/newgrads/jobdesc_bg01.webp) no-repeat center top/cover;
color: #fff;
padding: 80px 0 120px;
}
.jobdesc__inner {
width: 1170px;
}
@media (max-width: 767px) {
.jobdesc {
padding: 3% 0 14%;
}
.jobdesc__inner {
width: 700px;
}
}
.jobdesc-title .section-title_bg span.large {
font-size: min(12.6rem, 13.3vw);
color: #00162f;
opacity: .35;
}
.jobdesc-tabs {
margin-top: 50px;
padding-bottom: 40px;
margin: 0 auto;
}
.jobdesc-tabitem {
width: calc((100% - 1.5em) / 4);
height: 50px;
background-color: #d9d9d9;
line-height: 50px;
font-size: 16px;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.jobdesc-tabitem:hover {
opacity: 0.85;
}
input[name="jobdesc-tabitem"] {
display: none;
}
.jobdesc-tabcontent {
background-color: #fff;
display: none;
padding: 40px;
clear: both;
overflow: hidden;
}
@media (max-width: 767px) {
.jobdesc-tabitem {
width: calc(100% / 2);
}
.jobdesc-tabcontent {
padding: 10px;
}
}
#advisor:checked ~ #advisor_content,
#seller_advisor:checked ~ #seller_advisor_content,
#comprehensive:checked ~ #comprehensive_content,
#marketing:checked ~ #marketing_content {
display: block;
}
.jobdesc-tabs input + .jobdesc-tabitem {
font-family: "Noto Serif JP", sans-serif;
font-size: min(14px, 3vw);
background-color: #005DAB;
color: #fff;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.jobdesc-tabs input + .jobdesc-tabitem:nth-child(2),
.jobdesc-tabs input + .jobdesc-tabitem:nth-child(4),
.jobdesc-tabs input + .jobdesc-tabitem:nth-child(6) {
margin: 0 .5em 0 0;
}
@media (max-width: 767px) {
.jobdesc-tabs input + .jobdesc-tabitem {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.jobdesc-tabs input + .jobdesc-tabitem:nth-child(2),
.jobdesc-tabs input + .jobdesc-tabitem:nth-child(4),
.jobdesc-tabs input + .jobdesc-tabitem:nth-child(6)  {
margin: 0;
}
}
.jobdesc-tabs input:checked + .jobdesc-tabitem {
background-color: #fff;
color: #005DAB;
}
input[name="jobdesc-tabitem"]+label::before,
input[name="jobdesc-tabitem"]:checked+label::after {
display: none;
}
.jobdesc-tabs input[type=checkbox]+label,
.jobdesc-tabs input[type=radio]+label {
padding-left: 0;
}
.job_detail {
border: 1px solid #B3BAC1;
}
.job_detail dl {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid #B3BAC1;
color: #1A1A1A;
}
.job_detail dt {
font-size: min(18px, 3.2vw);
font-weight: bold;
font-family: "Noto Serif JP", sans-serif;
letter-spacing: 1.4px;
background: #CDDFEE;
min-width: 140px;
padding: 24px 24px 24px 20px;
border-right: 1px solid #B3BAC1;
}
.job_detail dd {
font-size: min(14px, 3.2vw);
font-family: "Noto Sans JP", sans-serif;
line-height: 1.6;
padding: 20px 30px 20px 30px;
}
.job_detail li {
list-style-type: disclosure-closed;
}
@media (max-width: 767px) {
.job_detail dl {
flex-direction: column;
}
.job_detail dt {
padding: 10px;
}
.job_detail dd {
padding: 10px 10px 10px 24px;
}
}
.jobdesc-btn {
text-align: center;
margin-top: 18px;
}
.jobdesc-btn a {
display: inline-block;
max-width: 360px;
font-size: 2.2rem;
letter-spacing: 0.08em;
color: #fff;
font-family: "AlteDIN", sans-serif;
text-align: center;
padding: 20px 0;
position: relative;
background: linear-gradient(90deg, #FF7F00 0%, #FF4000 100%)
}
.jobdesc-btn.-bold a {
width: 100%;
font-weight: bold;
font-size: 1.8rem;
}
.jobdesc-btn a::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%);
background: url(//mabp.co.jp/img/recruit_2024/newgrads/icon_arrow02_wh.webp) no-repeat center center/contain;
width: 2.2em;
aspect-ratio: 25/6;
}  .question {
padding: min(100px, 10vw) 0 min(100px, 10vw);
position: relative;
}
.question-title .section-title_bg span.large {
font-size: min(16rem, 14vw);
}
.question-items {
}
.question-items li {
background: #E5EFF7;
padding: 40px 60px;
margin-bottom: 24px;
}
@media (max-width: 767px) {
.question-items li {
padding: 30px 20px;
}
}
.question-items .item-question {
display: flex;
align-items: center;
margin-bottom: 30px;
}
.question-items .item-question .txt {
font-size: min(20px, 4vw);
line-height: 1.4;
font-weight: 600;
color: #005DAB;
}
.question-items .item-answer {
display: flex;
align-items: center;
font-size: 16px;
line-height: 1.6;
}
.question-items .item-answer .txt {
font-size: min(16px, 3.5vw);
}
.question-items .item-question img,
.question-items .item-answer img {
width: 40px;
margin-right: 10px;
}
@media (max-width: 767px) {
.question-items .item-question img,
.question-items .item-answer img {
width: 30px;
}
}  .entry {
padding: 105px 0 120px;
background: url(//mabp.co.jp/img/recruit_2024/newgrads/entry_bg01.webp) no-repeat center top/cover;
}
.entry h2 {
color: #fff;
font-size: min(2rem, 5vw);
filter: drop-shadow(1px 2px 10px #005dab);
}
.entry h2 span {
color: #fff;
font-size: min(8rem, 10vw);
}
@media (max-width: 767px) {
.entry {
padding: 19% 0 120px;
}
.entry .section-title::before {
width: 83%;
top: 0;
}
}
.entry .entry_box {
display: flex;
justify-content: center;
align-items: flex-start;
gap: 30px;
margin-top: 150px;
}
.entry .entry_box::before {
content: "";
position: absolute;
background: #1a1a1a52;
width: 100%;
height: 480px;
-webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 5% 100%);
clip-path: polygon(15% 0%, 100% 0, 100% 100%, 5% 100%);
backdrop-filter: blur(5px);
}
.entry .entry_left {
width: 55%;
max-width: 524px;
padding: 40px 0 20px 5vw;
margin: 0 auto;
position: relative;
z-index: 1;
}
.entry .entry_img {
width: 100%;
margin-bottom: 20px;
}
.entry .entry_txt { 
font-size: min(1.4rem, 3.5vw);
color: #fff;
font-weight: 400;
line-height: 1.7777777778;
letter-spacing: 0.01em;
margin: 0 0 10px 30px;
}
@media (max-width: 1000px) {
.entry .entry_box {
flex-direction: column;
justify-content: flex-start;
margin-top: 40px;
}
.entry .entry_box::before {
height: 480px;
left: -20%;
width: 120%;
}
.entry .entry_left {
width: min(90%, 85vw);
padding: 40px 0;
}
.entry .entry_txt {
text-align: center;
margin: 0;
}
}
@media (max-width: 767px) {
.entry .entry_box::before {
min-height: 400px;
height: 80vw;
left: -20%;
width: 120%;
}
} .entry .entry_form {
width: 45%;
max-width: 548px;
height: auto;
padding: 30px;
background: #fff;
box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.16);
position: relative;
z-index: 1;
margin-top: -50px;
}
@media screen and (max-width: 1000px) {
.entry .entry_form {
width: 100%;
margin-inline: auto;
margin-top: 20px;
}
}
.entry .entry_form .form_row {
margin-bottom: 20px; }
.entry .entry_form .form_row:last-child {
border-bottom: none;
}
.entry .entry_form .form_inline {
display: flex;
margin-bottom: 20px;
}
.entry .entry_form .form_title {
font-family: "Noto Sans JP", serif;
font-size: 15px;
font-weight: 500;
line-height: 2;
letter-spacing: 1.6px;
text-align: left;
color: #133958;
margin-bottom: 5px;
}
.entry .entry_form .form_title .form_require {
font-family: "Noto Sans CJK", "NotoSansCJKjp", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.13px;
text-align: left;
color: #fff;
padding: 0 0.7em;
background: #af332e;
font-weight: bold;
margin-right: 12px;
}
.entry .entry_form .form_title .form_any {
font-family: "Noto Sans CJK", "NotoSansCJKjp", sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.13px;
text-align: left;
color: #fff;
padding: 0 0.7em;
background: #9f9f9f;
font-weight: bold;
margin-right: 12px;
}
.entry .entry_form .form_input {
width: 100%;
font-family: "Noto Sans JP", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
letter-spacing: 1.3px;
text-align: left;
color: #333;
position: relative;
margin-bottom: 14px;
}
.entry .entry_form .form_input input[type=text],
.entry .entry_form .form_input input[type=date],
.entry .entry_form .form_select select,
.entry .entry_form .form_input textarea {
width: 100%;
height: 44px;
padding: 10px 20px;
border: solid 1px #d2d2d2; background: rgba(1, 37, 67, 0.0392156863);
}
.entry .entry_form .form_input textarea {
width: 100%;
min-height: 70px;
resize: vertical;
line-height: 2;
}
.entry .entry_form .form_input input[type=date] {
width: 100%;
}
.entry .entry_form input[type=checkbox], .entry .entry_form input[type=radio] {
margin-right: 5px;
vertical-align: baseline;
border-style: none;
}
.entry .entry_form .form_select::after {
content: "";
position: absolute;
top: 50%;
right: 24px;
width: 0;
height: 0;
border-color: #2b5077 transparent transparent transparent;
border-style: solid;
border-width: 8px 4px 0 4px;
transform: translateY(-50%);
pointer-events: none;
}
.entry .entry_form .form_checkbox {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
margin-bottom: 16.5px;
}
.entry .entry_form .form_checkbox label {
min-width: 200px;
line-height: 1.5;
}
.entry .entry_form .form_checkbox input[type=checkbox] {
display: inline-block;
border: solid 1px #d2d2d2;
background: #fff;
vertical-align: middle;
}
.entry .entry_form .form_radio {
color: #133958;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
line-height: 2;
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 0 20px;
}
.entry .entry_form .form_radio label {
display: inline-block;
color: #133958;
min-width: 150px;
}
.entry .entry_form .form_radio input[type=radio] {
display: inline-block;
}
.entry .entry_form .form_privacy {
margin-bottom: 20px;
}
.entry .entry_form .form_privacy p,
.entry .entry_form .form_privacy a {
font-family: "Noto Sans CJK", "NotoSansCJKjp", sans-serif;
font-size: 12px;
line-height: 1.6;
letter-spacing: .8px;
color: #133958;
margin: 0;
}
.entry_form .form_privacy p span {
color: #af332e;
font-weight: bold;
text-decoration: underline;
}
.entry .entry_form .form_privacy a {
text-decoration: underline;
}
.entry .entry_form .form_submit {
position: relative;
}
.entry .entry_form .form_submit input[type=submit],
.entry .entry_form .form_submit button[type=submit] {
width: 100%;
font-family: "Noto Serif JP", serif;
font-size: 20px;
font-weight: 500;
line-height: 1.27;
letter-spacing: 2px;
text-align: center;
color: #fff;
padding: 25px 0 24px;
background: #2b5077;
border: 1.5px solid #133958; }
.entry .entry_form .form_submit::after {
content: "";
position: absolute;
background: url(//img/recruit_2024/newgrads/entry_submit-arrow.svg) center center/cover no-repeat;
bottom: 32px;
right: 40px;
width: 35px;
height: 10px;
pointer-events: none;
}
@media screen and (max-width: 768px) {
.entry .entry_form .form_submit::after {
content: none;
}
}
.entry .entry_form .form_input input:hover,
.entry .entry_form .form_select select:hover,
.entry .entry_form .form_input textarea:hover,
.entry .entry_form .form_input input[type=date]:hover {
border: 1.5px solid #133958;
}
.entry .entry_form .form_submit input[type=submit]:hover,
.entry .entry_form .form_submit button[type=submit]:hover {
border: 1.5px solid #fff;
}
.entry .entry_form .form_input .formrun-system-show[data-formrun-show-if-error] {
color: #df0000;
font-size: 10px;
line-height: 1;
letter-spacing: .2rem;
position: absolute;
right: 0;
top: -16px;
} ::-webkit-scrollbar {
display: none;
}
body {
scrollbar-width: none;
}