@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap"); *,
*::before,
*::after {
box-sizing: border-box;
}
html,
body {
padding: 0;
margin: 0;
}
body {  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; line-height: 1.4;
}
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; max-width: 100%;
height: auto;
}
a {
color: initial;
text-decoration: none;
transition: opacity .75s;
}
@media (hover: hover) {
a:hover {
opacity: 0.85;
}
} body {
color: #1a1a1a; }
body.is-active {
position: fixed;
width: 100%;
height: 100%;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
}
.inner {
width: 1232px;
max-width: 100%;
margin: 0 auto;
padding: 0 16px;
}
@media (max-width: 767px) {
.inner {
max-width: 100%;
}
} @media (max-width: 767px) {
.pc {
display: none !important;
}
} @media (min-width: 768px) {
.sp {
display: none !important;
}
} .c_sec-title {
font-size: min(8rem, 5vw);
font-weight: 900;
line-height: 1.75;
letter-spacing: 0.08em;
}
@media (max-width: 767px) {
.c_sec-title {
font-size: min(8.5rem, 11.3333333333vw);
}
}
.c_sec-title_en {
font-size: min(10rem, 6.25vw);
font-weight: 900;
line-height: 1.75;
color: #004090;
font-family: "futura-pt", sans-serif;
text-align: center;
}
.c_sec-title_en span {
display: block;
font-size: 1.8rem;
font-weight: 700;
line-height: 1.7222222222;
letter-spacing: 0.24em;
font-family: "Noto Serif JP", serif;
}
@media (max-width: 767px) {
.c_sec-title_en {
font-size: min(12rem, 16vw);
line-height: 0.9636363636;
}
.c_sec-title_en span {
font-size: min(2.4rem, 3.2vw);
}
} .c_more {
display: inline-block;
font-size: 2.2rem;
line-height: 1.1818181818;
letter-spacing: 0.12em;
color: #1a1a1a !important;
padding-right: 2.4em;
position: relative;
margin-top: 1.4em;
}
.c_more::after {
content: "";
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
background: url(//mabp.co.jp/img/interview/icon_arrow01.png) no-repeat center center/contain;
width: 44px;
aspect-ratio: 44/44;
}
@media (max-width: 767px) {
.c_more {
font-size: min(2.6rem, 3.4666666667vw);
padding-right: 2.7em;
}
.c_more::after {
width: 1.9em;
}
}
.c_pl1 {
padding-left: 2%;
} .inner {
width: 1632px;
max-width: 90%;
}
@media (max-width: 767px) {
.inner {
max-width: 100%;
}
}
.inner.-single {
width: 1232px;
max-width: 90%;
}
@media (max-width: 767px) {
.inner.-single {
max-width: 100%;
}
}    .fv {
position: relative;
background: linear-gradient(to bottom, #1b2a55 0%, #000b24 100%);
}
.fv.-single {
z-index: -2;
}
@media (max-width: 767px) {
.fv.-single {
aspect-ratio: 3640 / 2400;
}
}
.fv.-single img {
width: 100%;
height: 100%;
object-fit: cover;
}
.fv-content {
position: relative;
z-index: 1;
}
.keyword {
position: absolute;
bottom: 0;
left: 5.5%;
width: 94.5%;
display: flex;
font-size: min(1.8rem, 1.4322916667vw);
font-weight: 900;
line-height: 1.7777777778;
letter-spacing: 0.04em;
overflow: hidden;
}
.keyword p {
width: min(200px, 20vw);
color: #fff;
background: #004090;
padding: 1.66em 1.38em;
text-align: center;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 10;
}
@media (max-width: 767px) {
.keyword {
position: unset;
transform: unset;
font-size: 2rem;
width: 100%;
}
.keyword p {
font-size: min(2.3rem, 3.0666666667vw);
width: 39%;
padding: 1.26em 1.38em;
}
}
.keyword-list {
width: calc(100% - min(200px, 20vw));
background: #fff;
position: relative;
z-index: 1;
}
@media (max-width: 767px) {
.keyword-list {
width: 61%;
}
}
.keyword-list-c {
padding: 1.66em 0;
padding-right: 0;
display: flex;
flex-shrink: 0;
position: absolute;
left: 0;
top: 50%;
transform: translate(0, -50%);
}
.keyword-list-c li {
font-size: 18px;
flex-shrink: 0;
margin-left: 1.1em;
}
.keyword-list-c li a {
color: inherit;
}
@media (max-width: 767px) {
.keyword-list-c li {
font-size: 14px;
display: flex;
align-items: center;
justify-content: center;
}
}
.keyword-list-c.clone {
left: 0;
transform: translate(100%, -50%);
}
.fvText { font-weight: 900;
background: linear-gradient(to bottom, #1b2a55 0%, #000b24 100%);
color: #fff;
font-size: min(3.2rem, 2.6111111111vw);
letter-spacing: 0.04em;
line-height: 1.25;
bottom: 0%;
left: 0%;
padding-right: .9em;
max-width: 45vw;
min-width: 45vw;
display: flex;
flex-direction: column;
justify-content: end;
gap: 10px;
}
.fvText mark {
background: unset;
color: #ddc197;
}
.fvText p { padding: .6em 0 .6em min(83px, 3.7vw);
}
.fvText p:nth-of-type(1) {
border-bottom: 1px solid #fff;
}
.fvText p:nth-of-type(2) {
font-size: min(2rem, 1.6666666667vw);
line-height: 1.4;
letter-spacing: 0.03em;
padding: 0.2em 0 1.6em min(83px, 3.7vw);
}
.fvText p:nth-of-type(2) em {
font-size: min(1.8rem, 1.2vw);
}
@media (max-width: 767px) {
.fvText {
position: relative;
top: 0;
left: 0; font-size: min(46rem, 5.2vw);
max-width: unset;
min-height: 60vw;
justify-content: flex-start;
}
.fvText p { padding: 0.8em 0 0.5em 6vw;
}
.fvText p:nth-of-type(1) {
border-bottom: 1px solid #fff;
}
.fvText p:nth-of-type(2) {
font-size: min(3.1rem, 4.1333333333vw);
letter-spacing: 0.03em;
padding: 0.4em 0 1.9em 6vw;
}
.fvText p:nth-of-type(2) em {
font-size: min(1.9rem, 2.5333333333vw);
}
}
.fvText.-single {
}  .article {
padding: min(50px, 3%) 0 min(10.4%, 187px);
background: rgba(0, 64, 144, 0);
position: relative;
}
.article::before {
content: "";
position: absolute;
background: #01091e;
aspect-ratio: 1530 / 540;
width: min(1530px + (100vw - 1800px) / 2, 85%);
right: 0%;
bottom: 0%;
max-height: 540px;
}
@media (max-width: 767px) {
.article {
padding: min(90px, 12%) 0 min(20%, 150px);
}
.article::before {
width: 100%;
}
}
.article-top {
display: flex;
justify-content: space-between;
align-items: center;
}
.article-top h2 {
color: #004090;
}
.article-list {
margin-top: 25px;
}
.article-list li { position: relative;
}
@media (max-width: 767px) {
.article-list {
margin-top: 40px;
}
.article-list li {
width: 85%;
margin: 0 auto;
}
} .article-list.-nonslide {
margin-top: 25px;
display: flex;
flex-wrap: wrap;
gap: min(50px, 3.125vw);
}
.article-list.-nonslide li {
width: calc(33.3% - min(50px, 3.125vw) * 2 / 3); position: relative;
}
@media (max-width: 767px) {
.article-list.-nonslide {
margin-top: 40px;
gap: 15px;
}
.article-list.-nonslide li {
width: 95%;
margin: 0 auto;
}
}
.article-item-content {
position: relative;
padding: 30px 0;
color: #fff;
min-height: min(300px, 24vw);
background: linear-gradient(to bottom, #1b2a55 0%, #000b24 100%);
}
.article-item-img {
position: relative;
}
.article-item-img::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(0deg, #01091e, transparent, transparent, transparent);
inset: 0;
bottom: -1px;
}
.article-item-img img {
aspect-ratio: 16/10;
object-fit: cover;
object-position: top;
}
@media (max-width: 767px) {
.article-item-img img {
aspect-ratio: 16 / 9;
}
}
.article-item-content span {
position: absolute;
top: 0;
left: min(25px, 1.8125vw);
transform: translateY(-60%);
font-size: min(5rem, 3.125vw);
font-weight: 700;
line-height: 1.74;
letter-spacing: 0.04em;
}
.article-item-content h3 {
font-size: min(2.4rem, 1.6483516484vw);
font-weight: 900;
line-height: 1.3333333333;
letter-spacing: 0.04em;
padding: 0 min(35px, 2.8125vw) 18px;
position: relative;
}
.article-item-content h3::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 90%;
height: 1px;
background: #fff;
}
.article-item-content h3 mark {
background: unset;
color: #ddc197;
}
.article-item-content p {
font-size: min(1.4rem, 1.2vw);
font-weight: 700;
line-height: 1.625;
letter-spacing: 0.04em;
padding-left: min(45px, 2.8125vw);
margin-top: 1em;
}
.article-item-content mark {
background: unset;
color: #ddc197;
}
@media (max-width: 767px) {
.article-item-content {
min-height: 52vw;
}
.article-item-content h3 {
font-size: min(3.7rem, 4.9333333333vw);
padding-left: 6%;
padding-bottom: 0.7em;
margin-top: 0.4em;
}
.article-item-content p {
font-size: min(2.1rem, 2.8vw);
padding-left: 6%;
line-height: 1.825;
}
.article-item-content span {
font-size: min(7rem, 9.3333333333vw);
left: 6%;
}
}
.article-item-link {
width: min(36px, 5.25vw);
position: absolute;
bottom: min(30px, 3.275vw);
right: min(30px, 3.275vw);
} .story {
padding: 100px 0 125px;
background: #001730;
}
@media (max-width: 767px) {
.story {
padding: min(90px, 12%) 0 min(20%, 150px);
}
}
.story-top {
display: flex;
align-items: center;
justify-content: space-between;
}
.story-top h2 {
color: #fff;
}
.story-top a {
color: #fff !important;
}
@media (max-width: 767px) {
.story-top {
display: block;
}
.story-top a {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
}
}
.story-list {
margin-top: 25px;
display: flex;
}
.story-list li {
width: calc(33.3% - min(40px, 2.5vw) * 2 / 3);
position: relative;
}
.story-list li:not(:nth-child(3n)) {
margin-right: min(40px, 2.5vw);
}
@media (max-width: 999px) {
.story-list {
display: block;
max-width: 100%;
width: 610px;
margin: 9% auto 0;
}
.story-list li {
width: 100%;
}
.story-list li:not(:nth-child(3n)) {
margin-right: 0;
}
.story-list li:nth-child(n+2) {
margin-top: 16%;
}
}
.story-item-img {
position: relative;
}
.story-item-img::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
background: linear-gradient(0deg, black, transparent, transparent);
inset: 0;
}
.story-item-img p {
position: absolute;
bottom: 1.2em;
left: 0;
font-size: min(3rem, 1.8vw);
font-weight: 900;
letter-spacing: 0.04em;
color: #fff;
width: 100%;
text-align: center;
z-index: 1;
}
@media (max-width: 767px) {
.story-item-img p {
font-size: min(3.7rem, 4.9333333333vw);
}
}
.story-content {
margin-top: 25px;
display: flex;
flex-wrap: wrap;
}
.story-content dt, .story-content dd {
font-size: min(1.4rem, 1.2vw);
line-height: 1.4444444444;
font-weight: 700;
letter-spacing: 0.04em;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
}
.story-content dt:nth-of-type(n + 2), .story-content dd:nth-of-type(n + 2) {
margin-top: 10px;
}
.story-content dt {
background: #004090;
text-align: center;
width: min(136px, 10vw);
padding: 16px 0;
}
.story-content dd {
width: calc(100% - min(136px, 10vw));
padding-left: 10px;
}
@media (max-width: 767px) {
.story-content {
display: block;
}
.story-content dt, .story-content dd {
width: 100%;
font-size: min(3rem, 4vw);
}
.story-content dt:nth-of-type(n + 2), .story-content dd:nth-of-type(n + 2) {
margin-top: 0;
}
.story-content dt {
padding: 5px 0;
}
.story-content dd {
padding-left: 0;
padding: 15px 0 1.2em;
}
}
.story-item-link {
width: min(36px, 2.25vw);
position: absolute;
bottom: -3.5em;
right: 0.5em;
}
@media (max-width: 767px) {
.story-item-link {
width: min(45px, 6vw);
bottom: -5vw;
right: 0;
}
} .link {
padding: min(4%, 72px) 0 min(7%, 126px);
}
@media (max-width: 767px) {
.link {
padding: min(100px, 13.3333333333vw) 0;
}
}
.link-list {
display: flex;
}
.link-list li {
width: calc(33.3% - min(50px, 3.125vw) * 2 / 3);
}
.link-list li:not(:nth-child(3n)) {
margin-right: min(50px, 3.125vw);
}
.link-list li a {
display: inline-block;
position: relative;
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.link-list {
display: block;
max-width: 100%;
width: 610px;
margin: 9% auto 0;
}
.link-list li {
width: 100%;
}
.link-list li:nth-child(n+2) {
margin-top: 50px;
}
}
.link-item-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2rem;
font-weight: 700;
line-height: 1.75;
letter-spacing: 0.08em;
text-align: center;
color: #fff;
}
.link-item-text span {
display: block;
line-height: 1;
font-size: min(10rem, 7.1428571429vw);
}
@media (max-width: 767px) {
.link-item-text {
font-size: min(2.5rem, 3.3333333333vw);
}
.link-item-text span {
font-size: min(12.2rem, 16.2666666667vw);
}
}
.link-item-icon {
width: min(36px, 2.25vw);
position: absolute;
bottom: min(30px, 1.875vw);
right: min(30px, 1.875vw);
}
@media (max-width: 767px) {
.link-item-icon {
width: min(45px, 6vw);
bottom: min(30px, 4vw);
right: min(30px, 4vw);
}
} .business {
padding: min(72px, 4%) 0 min(108px, 6%);
background: rgba(0, 64, 144, 0.1);
}
.business p {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.6666666667;
letter-spacing: 0.04em;
text-align: center;
}
@media (max-width: 767px) {
.business {
padding: min(90px, 12%) 0;
}
.business p {
font-size: min(2.6rem, 3.4666666667vw);
line-height: 1.85;
max-width: 100%;
width: 700px;
margin: 1.4em auto 0;
padding: 0 16px;
}
}
@media (max-width: 767px) {
.business__inner {
padding: 0;
}
}
.business-list {
margin-top: 4%;
display: flex;
flex-wrap: wrap;
}
.business-list li {
width: 33.3%;
padding: min(85px, 5.3125vw);
padding: 4% 0 6%;
text-align: center;
position: relative;
}
.business-list li img {
width: min(150px, 10.7142857143vw);
}
.business-list li h3 {
font-size: min(2rem, 1.5625vw);
line-height: 1.75;
line-height: 1.35;
font-weight: 500;
letter-spacing: 0.08em;
}
.business-list li h3 span {
display: block;
font-size: min(5.4rem, 3.3088235294vw);
font-weight: 700;
font-family: "futura-pt", sans-serif;
color: #004090;
letter-spacing: unset;
}
@media (min-width: 768px) {
.business-list li:not(:nth-child(3n))::after {
content: "";
position: absolute;
top: 0;
right: 0;
background: #1a1a1a;
height: 95%;
width: 1px;
}
.business-list li:nth-child(n+4)::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #1a1a1a;
width: 95%;
height: 1px;
}
.business-list li:nth-child(n+4)::after {
top: 50%;
transform: translateY(-50%);
}
}
@media (max-width: 767px) {
.business-list {
margin-top: 8%;
}
.business-list li {
width: 50%;
padding: 6% 0;
}
.business-list li:nth-child(2n)::after {
content: "";
position: absolute;
top: 0;
left: 0;
background: #1a1a1a;
height: 95%;
width: 1px;
}
.business-list li:nth-child(n+3)::before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #1a1a1a;
width: 95%;
height: 1px;
}
.business-list li:nth-child(n+3)::after {
top: 50%;
transform: translateY(-50%);
}
.business-list li img {
width: min(107px, 14.2666666667vw);
}
.business-list li h3 {
font-size: min(2.4rem, 3.2vw);
line-height: 1.75;
}
.business-list li h3 span {
font-size: min(3.8rem, 5.0666666667vw);
}
} .menu {
padding: min(72px, 4%) 0 min(108px, 6%);
background: #133958;
}
.menu h2 {
color: #fff;
}
@media (max-width: 767px) {
.menu {
padding: min(90px, 12%) 0;
padding: 100px 0;
}
}
.menu-list {
display: flex;
flex-wrap: wrap;
margin-top: 0px;
}
.menu-list li {
width: 25%;
}
.menu-list li:nth-child(n+5) {
margin-top: 60px;
}
.menu-list li p {
font-size: min(2.4rem, 1.6vw);
line-height: 1.75;
font-weight: 900;
letter-spacing: 0.08em;
text-align: center;
color: #fff;
margin-top: 0.3em;
}
@media (max-width: 999px) {
.menu-list {
margin-top: 8%;
}
.menu-list li {
width: 50%;
}
.menu-list li:nth-child(n+3) {
margin-top: 30px;
}
.menu-list li p {
font-size: 1.6rem;
}
}
@media (max-width: 767px) {
.menu-list {
max-width: 100%;
width: 690px;
margin: 9% auto 0;
}
.menu-list li p {
font-size: min(3rem, 4vw);
line-height: 1.45;
}
} .p-mv__slider a {
display: flex;
flex-direction: row-reverse;
aspect-ratio: 3640 / 1400;
}
.p-mv__slider .slide-img { width: 100%;
}
.p-mv__slider .slide-img img {
aspect-ratio: 16 / 9;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top;
}
@media (max-width: 767px) {
.p-mv__slider a {
flex-direction: column;
}
}
.fv .heading {
position: absolute;
color: #fff;
top: 6vw;
left: 4vw;
z-index: 100;
}
.fv .heading h1 {
color: #001730;
background-color: #fff;
padding: 5px 10px;
font-size: min(4.6rem, 2.6111111111vw);
font-weight: 900;
letter-spacing: 0.04em;
line-height: 1.25;
display: inline-block;
}
@media (max-width: 767px) {
.fv .heading {
position: static;
color: #fff;
text-align: center;
padding: 16px 0 20px;
}
.fv .heading h1 {
color: #fff;
background: transparent;
font-size: min(8.5rem, 10.3333333333vw);
}
}
.swiper-pagination {
background: #fff;
}
.swiper-button-next,
.swiper-button-prev {
color: transparent !important;
background: #ddc197 !important;
}
.swiper-pagination-bullet {
background: #ddc197 !important;
width: 12px !important;
height: 12px !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 0;
left: 0;
width: 100%;
}
.new_2023 a,
.new_2023 a:hover {
opacity: 1;
}
.new_2023 .l-main {
padding-top: 105px !important;
}
@media screen and (max-width: 980px) {
.new_2023 .l-main {
padding-top: 60px !important;
}
}
main {
font-family: "Noto Serif JP", serif;
}