@charset "UTF-8";

.p-advisor_single__main {
flex-direction: row-reverse;
}
.p-advisor_single__btn {
text-align: center;
margin-bottom: 80px;
}
.p-contact_form input[name=submitSubmit] {
margin: 1% auto;
float: none;
}
.p-contact_form .note a {
color: #0074c1;
border-bottom: 1px solid transparent;
-webkit-transition: all .3s ease;
transition: all .3s ease;
line-height: 130%;
}
.p-contact_form .note a.is-hover {
border-color: #0074c1;
opacity: .7;
}
.p-contact_form select {
width: 100%;
border: 0; background: #f2f5fd;
margin: 15px 0;
padding: 5px 7px;
}
@media only screen and (max-width: 767px) {
.single-advisor .l-main {
padding-top: 10.5vw;
}
.p-advisor_single__main {
margin-bottom: 10vw;
}
.p-advisor_single__img {
width: 100%;
margin: -20vw 0 -0vw;
}
.p-advisor_single__discription {
margin-bottom: 10vw;
}
.p-contact_form .c-ttl04 {
font-size: 2.75rem;
line-height: 160%;
}
.p-contact_form select {
font-size: 1.6rem;
margin: 10px 0 !important;
}
} .l-main {
padding-top: 93px;
}
.l-main .p-index_kv {
overflow: hidden;
}
.l-main .p-index_kv .p-index_kv__movie {
width: 59%;
height: 100%;
left: auto;
right: -4%;
border-radius: 0 0 0 0;
z-index: 0;
box-shadow: unset;
}
.l-main .ms_kvc .swiper-container {
height: 100%;
transform: skewX(-15deg);
transform-origin: bottom left;
}
.l-main .p-index_kv .swiper-slide {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.l-main .p-index_kv .p-index_kv__movie .swiper-slide img {
transform: skewX(15deg) scale(1.4);
transform-origin: top right;
}
.c-container.ms_topc {
z-index: 3;
position: relative;
padding-bottom: 99px;
}
.p-index_kv .ms_topbnr {
position: absolute;
top: 38px;
width: 47%;
}
.p-index_kv .ms_topc .p-index_kv__title {
padding: 164px 0 6px;
margin-bottom: 8px;
}
.p-index_kv .ms_topc .p-index_kv__title span.ja {
font-size: 7rem;
letter-spacing: 0;
line-height: 110%;
text-shadow: 0 3px 6px #00000040;
}
.p-index_kv .ms_topc .p-index_kv__title:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 106px;
height: 5px;
background: #fff;
}
.p-index_kv .ms_topc .p-index_kv__title:after {
content: "";
content: "";
position: absolute;
width: 50vw;
height: 1px;
background: #fff;
right: calc(100% - 0px);
top: 126px;
}
.p-index_kv .ms_topc .p-index_kv__text {
font-weight: 500;
letter-spacing: 0;
font-size: 2rem;
}
.p-index_kv .ms_topc .btn {
position: absolute;
bottom: 22px;
left: 62px;
display: flex;
}
.p-index_kv .ms_topc .btn a {
margin: 18px;
color: #333;
padding: 15px 40px;
max-width: unset;
white-space: nowrap;
}
.p-index_kv .btn a span {
display: inline;
color: #0074C1;
}
.ms_strong .ms_area {
display: flex;
justify-content: space-between;
}
.ms_strong .ms_area .ms_box {
text-align: center;
}
.ms_strong .ms_area .ms_box .ms_stno {
margin-bottom: -120px;
}
.ms_strong .ms_area .ms_box:first-child .ms_stno {
margin-bottom: -91px;
}
.ms_strong .ms_area .ms_box h4 {
font-weight: bold;
font-size: 2.4rem;
line-height: 3rem;
}
.ms_strong .ms_area .ms_box .ms_block {
width: 260px;
height: 230px;
margin-top: 24px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(90deg, #0074c1, #68caef);
border-radius: 10px;
}
.ms_strong .ms_area .ms_box .ms_block p {
font-weight: bold;
color: #fff;
font-size: 1.6rem;
margin: 0;
}
.p-index_cv {
margin: 92px 0;
background: linear-gradient(90deg, #0074c1, #68caef);
padding: 90px 18px 100px;
}
.p-index_cv .p-content_header .ms_cvimg {
position: relative;
}
.p-index_cv .p-content_header .ms_cvimg img.bg { }
.p-index_cv .p-content_header .ms_cvimg img.txt {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.p-index_cv .c-container {
text-align: center;
}
.p-index_cv p.ms_cvtitle {
font-size: 5rem;
font-weight: bold;
color: #fff;
line-height: 7rem;
margin: 58px 0 62px;
text-shadow: 0 3px 6px #32415B;
}
.p-index_cv .c-container .btn {
display: flex;
justify-content: center;
}
.p-index_cv .c-container .btn a {
font-size: 3rem;
padding: 4rem 8rem;
width: auto;
border-radius: 4rem;
margin: 0 2rem;
}
.p-index_cv .c-container .btn a.ye {
background: #FBFE9A;
}
.p-index_flow ul {
display: flex;
justify-content: space-between;
margin: 42px 0 0;
}
.p-index_flow ul li {
position: relative;
text-align: center;
width: 8%;
}
.p-index_flow ul li:before {
content: "";
width: 45%;
height: 5px;
background: #5387BC;
position: absolute;
top: 43px;
right: -45%;
}
.p-index_flow ul li p.flow_hd {
font-weight: bold;
font-size: 1.5rem;
background: #5387BC;
color: #fff;
padding: 8px 0 18px;
border-radius: 6px 6px 0 0;
margin: 0;
}
.p-index_flow ul li p.flow_hd span {
display: block;
font-size: 3.5rem;
}
.p-index_flow ul li:last-child:before {
display: none;
}
.p-index_flow ul li p.flow_bd {
background: #F8F9FC;
color: #5387BC;
font-weight: bold;
writing-mode: vertical-rl;
font-size: 2.5rem;
width: 100%;
line-height: 9rem;
height: 450px;
text-align: left;
padding: 24px 0;
border-radius: 0 0 6px 6px;
}
.p-index_pricing ul.ms_prictxt {
padding: 42px 62px;
margin: 38px 52px;
border-top: 1px solid #32415B;
border-bottom: 1px solid #32415B;
}
.p-index_news {
background: #E7F5FD;
margin: 92px 0;
padding: 42px 18px 82px;
text-align: center;
}
.p-index_map {
margin-bottom: 92px;
}
#js-header #js-hamburger {
display: none;
}
#js-header .l-header__info ul {
display: flex;
align-items: center;
}
#js-header .l-header__info ul li {
font-size: 1.6rem;
margin: 0 1rem;
padding: 2.4rem 0;
}
#js-header .l-header__info ul li a {
color: #fff;
}
#js-header .l-header__info ul li.btn {
font-size: 1.8rem;
padding: 0;
}
#js-header .l-header__info ul li.btn a {
background: #fff;
color: #0074C1;
padding: 1.4rem 2rem;
font-weight: bold;
border-radius: 3rem;
}
#js-header .l-header__info ul li.btn.ye a {
background: #FBFE9A;
}
.p-index_story.ms_custom::before {
display: none;
}
.ms_custom .p-index_story__slider {
width: 375px;
margin-bottom: 24px;
}
.p-index_story.ms_custom .c-container {
position: relative;
}
.ms_custom .p-index_story__btn {
position: absolute;
bottom: 0;
left: calc(50% + 235px);
}
.ms_custom .js-story_swiper {
overflow: visible;
}
.ms_custom .c-story_list>div {
margin: 0;
}
.ms_custom .c-story_box a {
padding: 18px;
}
.ms_custom .c-story_box .img {
position: relative;
width: 100%;
top: 0;
right: 0;
border-radius: 10px;
margin-bottom: 18px;
}
.ms_custom .c-story_box .new {
top: 5px;
left: 5px;
}
.ms_custom .c-story_box .new span {
top: 9px;
left: -68px;
font-size: 1.4rem;
letter-spacing: .1em;
}
.ms_custom .c-story_box .title {
margin-bottom: 18px;
}
.ms_custom .c-story_box .title span {
line-height: 200%;
}
.about.about__pc.ms_custom .about__inner {
margin-left: 195px;
}
@media screen and (max-width: 1780px) {
.l-main .p-index_kv .p-index_kv__movie {
width: 59vw;
}
.l-main .p-index_kv .p-index_kv__movie .swiper-slide img {
height: 32vw;
}
.c-container.ms_topc {
padding: 0 0.5vw;
padding-bottom: 2vw;
}
.p-index_kv .ms_topbnr {
top: 2vw;
width: 35vw;
}
.p-index_kv .ms_topc .p-index_kv__title {
padding: 10vw 0 0.5vw;
}
.p-index_kv .ms_topc .p-index_kv__title:before {
width: 9vw;
height: 0.5vw;
}
.p-index_kv .ms_topc .p-index_kv__title:after {
top: 8vw;
}
.p-index_kv .ms_topc .p-index_kv__title span.ja {
font-size: 4vw;
line-height: 5vw;
}
.p-index_kv .ms_topc .p-index_kv__text {
font-size: 1.2vw;
line-height: 1.6vw;
margin-bottom: 2vw;
}
.p-index_kv .ms_topc .btn {
bottom: -2vw;
}
.p-index_kv .ms_topc .btn a {
margin: 1vw;
padding: 1.5vw 2vw;
border-radius: 2vw;
height: unset;
}
}
@media screen and (max-width: 1400px) {
.l-main .p-index_kv .p-index_kv__movie {
width: 65vw;
}
.l-main .p-index_kv .p-index_kv__movie .swiper-wrapper,
.l-main .p-index_kv .swiper-slide {
height: 100%;
}
.ms_strong .ms_area .ms_box {
width: 24%;
}
.ms_strong .ms_area .ms_box .ms_block {
width: 100%;
}
.p-index_cv p.ms_cvtitle {
font-size: 3.6vw;
line-height: 5.5vw;
}
.p-index_cv .c-container .btn a {
font-size: 2.2vw;
padding: 3vw 6vw;
border-radius: 3vw;
margin: 0 2vw;
}
.p-index_flow ul li {
width: 8vw;
}
.p-index_flow ul li:before {
width: 2vw;
right: -2vw;
top: 3.5vw;
}
.p-index_flow ul li p.flow_hd {
font-size: 1.3vw;
padding: 0.8vw 0 2vw;
}
.p-index_flow ul li p.flow_hd span {
font-size: 3vw;
}
.p-index_flow ul li p.flow_bd {
font-size: 2vw;
line-height: 8vw;
padding: 2vw 0;
height: 34vw;
}
.p-index_pricing .scroll {
overflow-x: scroll;
}
.p-index_pricing .scroll img {
max-width: unset;
width: 1000px;
}
}
@media screen and (max-width: 1079px) {
.l-main .p-index_kv .p-index_kv__movie {
width: 68vw;
}
.l-main .p-index_kv .p-index_kv__movie .swiper-slide img {
height: 38vw;
}
.c-container.ms_topc {
padding-bottom: 4vw;
}
.p-index_kv .ms_topbnr {
width: 39vw;
}
.p-index_kv .ms_topc .p-index_kv__title span.ja {
font-size: 5vw;
}
.p-index_kv .ms_topc .p-index_kv__title {
padding: 12vw 0 0.5vw;
}
.p-index_kv .ms_topc .p-index_kv__text {
font-size: 1.4vw;
line-height: 2vw;
}
.ms_strong .ms_area .ms_box h4 {
font-size: 2.2vw;
}
.l-header__inner {
padding: 0 2vw;
}
.l-header__info {
width: 78vw;
justify-content: end;
}
#js-header .l-header__info ul li {
font-size: 1.4vw;
margin: 0 0.5vw;
padding: 1vw 0;
}
#js-header .l-header__info ul li.btn {
font-size: 1.5vw;
}
#js-header .l-header__info ul li.btn a {
padding: 1.5vw 2vw;
border-radius: 4vw;
}
.ms_custom .p-index_story__btn {
right: 0;
left: auto;
}
.about.about__pc.ms_custom .about__inner {
margin-left: 0;
}
}
@media screen and (max-width: 783px) {
.l-main {
padding-top: 79px;
}
}
@media screen and (max-width: 767px) {
.l-main {
padding-top: 18vw;
}
.l-main .p-index_kv .p-index_kv__movie {
width: 100%;
height: 100%;
top: auto;
bottom: 0;
left: 0;
right: 0;
order: 2;
margin: 0 0 -5vw;
}
.l-main .ms_kvc .swiper-container {
transform: skewY(-8deg);
transform-origin: bottom right;
width: 100%;
height: 100%;
}
.l-main .p-index_kv .p-index_kv__movie .swiper-wrapper,
.l-main .p-index_kv .swiper-slide {
width: 100%;
height: 100%;
}
.l-main .p-index_kv .p-index_kv__movie .swiper-slide img {
transform: skewY(8deg);
transform-origin: top right;
height: unset;
width: 160vw;
margin-left: -29vw;
max-width: unset;
}
.p-index_kv {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.c-container.ms_topc {
order: 1;
padding: 0vw 2vw 2vw;
}
.p-index_kv .ms_topbnr {
width: 100%;
position: relative;
margin: 10vw 0 -17vw;
box-sizing: border-box;
}
.p-index_kv .ms_topc .p-index_kv__title {
padding: 0 0 8vw;
}
.p-index_kv .ms_topc .p-index_kv__title span.ja {
font-size: 11vw;
line-height: 12vw;
}
.p-index_kv .ms_topc .p-index_kv__title:before {
width: 24vw;
height: 1vw;
}
.p-index_kv .ms_topc .p-index_kv__title:after {
display: none;
}
.p-index_kv .ms_topc .p-index_kv__text {
font-size: 4.4vw;
line-height: 5.4vw;
margin-bottom: 6vw;
}
.p-index_kv .p-index_kv__text.ms_kvtxt_2 {
font-size: 3.8vw;
}
.p-index_kv .ms_topc .btn {
bottom: -78vw;
left: 0;
right: 0;
margin: auto;
display: block;
text-align: center;
}
.p-index_kv .ms_topc .btn a {
font-size: 3.8vw;
display: inline-block;
padding: 4vw 12vw;
border-radius: 7vw;
max-width: unset;
width: auto;
}
.ms_strong .ms_area {
flex-wrap: wrap;
}
.ms_strong .ms_area .ms_box {
width: 48%;
}
.ms_strong .ms_area .ms_box h4 {
font-size: 4vw;
}
.ms_strong .ms_area .ms_box .ms_block {
margin-top: 0;
height: 45vw;
}
.ms_strong .ms_area .ms_box .ms_block p {
font-size: 3.4vw;
line-height: 5vw;
}
.p-index_cv {
margin: 0 0 62px;
padding: 10vw 0;
}
.p-index_cv p.ms_cvtitle {
font-size: 6vw;
line-height: 8vw;
}
.p-index_cv .c-container .btn {
display: block;
}
.p-index_cv .c-container .btn a {
font-size: 5vw;
margin-bottom: 8vw;
border-radius: 10vw;
}
.p-index_flow ul {
margin: 32px 0 0;
display: block;
}
.p-index_flow ul li {
width: 100%;
display: flex;
align-items: center;
margin-bottom: 4vw;
}
.p-index_flow ul li p.flow_hd {
font-size: 4vw;
padding: 1vw 3vw 2vw;
border-radius: 2vw 0 0 2vw;
}
.p-index_flow ul li p.flow_bd {
writing-mode: unset;
height: auto;
font-size: 4vw;
line-height: 1vw;
padding: 8vw 4vw;
margin: 0;
}
.p-index_flow ul li p.flow_hd span {
font-size: 8vw;
}
.p-index_flow ul li:before {
width: 1vw;
height: 6vw;
top: auto;
right: auto;
left: 8.5vw;
bottom: -5vw;
}
.p-index_pricing ul.ms_prictxt {
padding: 28px 14px;
margin: 36px 18px;
}
#js-header .l-header__info ul li {
display: none;
}
#js-header .l-header__info ul li.btn.ye {
display: block;
}
#js-header #js-hamburger {
display: flex;
}
#js-header .l-header__info ul li.btn.ye a {
font-size: 4vw; border-radius: 6vw;
}
.ms_custom .p-index_story__slider {
width: 100%;
}
.p-index_story.ms_custom {
background: #fff;
}
.ms_custom .c-story_box a {
width: 100%;
padding: 5vw;
}
.ms_custom .c-story_box .img {
margin-bottom: 5vw;
}
.ms_custom .c-story_box .new {
top: 1vw;
left: 1.5vw;
}
.ms_custom .c-story_box .new span {
top: 3vw;
left: -70px;
font-size: 3.2vw;
}
.ms_custom .c-story_box .title {
margin-bottom: 3vw;
}
.ms_custom .c-story_box .title span {
line-height: 3.5vw;
}
.ms_custom .c-slidenavi {
margin-left: auto;
}
.ms_custom .p-index_story__btn {
margin-top: 10vw;
position: relative;
left: 0;
}
.p-index_pricing .scroll {
width: calc(100% + 13.2vw);
margin: 0 -6.6vw;
}
.p-index_pricing .scroll img {
width: 700px;
}
}  @import url("https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@300;400;500;600;700;900&display=swap");
.new_2023 {
font-family: 'Noto Sans JP', sans-serif;
}
.new_2023 .c-loading {
display: none;
}
.new_2023 .pc {
display: block;
}
.new_2023 .sp {
display: none;
} .new_2023 a {
opacity: 1;
transition: .6s;
}
.new_2023 a:hover,
.new_2023 a:active {
opacity: 0.6;
}
.new_2023 .l-main {
padding-top: 0;
}
header.new_header .head_inc {
display: flex;
justify-content: space-between;
align-items: center;
}
header.new_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 20px 60px;
z-index: 99999;
}
header.new_header .head_inc .head_right {
display: flex;
align-items: center;
}
.head_btn a {
width: 170px;
display: flex;
justify-content: space-between;
align-items: center;
margin-left: 10px;
background: #2B5077;
padding: 0;
font-size: 20px;
color: #fff;
}
.head_btn a:hover {
opacity: 1;
background: #5186bd;
}
.head_btn a img:hover {
opacity: 0.5;
background: #5186bd;
}
.head_btn a i {
width: 30px;
}
.head_btn.btn2 a {
background: #0F2446;
}
.head_btn.btn2 a:hover {
background: #31599b;
}
.head_btn a {
width: 170px;
display: flex;
justify-content: space-between;
align-items: center;
margin-left: 10px;
background: #2B5077;
padding: 0;
font-size: 0;
color: #fff;
}
.head_btn a i {
width: 30px;
}
.new_2023 .new_nav_btn {
width: 40px;
height: 40px;
margin-left: 30px;
background: #0F2446;
border-radius: 50%;
border: 1px solid #fff;
position: fixed;
right: 60px;
top: 24px;
z-index: 999999;
cursor: pointer;
}
.new_2023 .new_nav_btn.open_btn {
background: #fff;
}
.new_2023 .new_nav_btn span {
width: 20px;
height: 1px;
background: #fff;
position: absolute;
left: 0;
right: 0;
margin: auto;
transform-origin: center center;
opacity: 1;
transition: .6s;
}
.new_2023 .new_nav_btn.open_btn span {
background: #133958;
}
.new_2023 .new_nav_btn span.top {
top: 12px;
}
.new_2023 .new_nav_btn span.middle {
top: 19px;
}
.new_2023 .new_nav_btn span.bottom {
top: 26px;
}
.new_2023 .new_nav_btn.open_btn .top {
transform: rotate(45deg);
top: 18px;
}
.new_2023 .new_nav_btn.open_btn .middle {
opacity: 0;
}
.new_2023 .new_nav_btn.open_btn .bottom {
transform: rotate(-45deg);
top: 18px;
}
header.new_header .head_inc .head_right .head_btn.btn3 {
margin-right: 62px;
}
nav.new_nav_menu {
position: fixed;
top: -100%;
left: 0;
z-index: 99999;
width: 100%;
height: 100%;
background: #748193;
transition: .6s;
overflow-y: scroll;
}
nav.new_nav_menu.open_nav {
top: 0;
}
nav.new_nav_menu .l-header__logo {
margin: 22px 60px;
}
nav.new_nav_menu .nav_area {
display: flex;
justify-content: flex-end;
margin-right: 150px;
}
nav.new_nav_menu .nav_area ul {
margin-right: 48px;
}
nav.new_nav_menu .nav_area ul .nav_title {
margin: 48px 0 18px;
font-size: 20px;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
color: #fff;
}
nav.new_nav_menu .nav_area ul li a {
font-size: 16px;
color: #fff;
margin: 10px 12px 8px;
}
nav.new_nav_menu .nav_btm {
display: flex;
justify-content: center;
align-items: center;
margin: 62px 30px;
}
nav.new_nav_menu .nav_btm span {
color: #fff;
margin-right: 12px;
}
nav.new_nav_menu .nav_btm a {
margin: 0 6px;
}
nav.new_nav_menu .nav_btm .head_btn.btn1 {
margin-left: 20vw;
}
.n_index_fv {
height: auto;
background-color: #01091e;
background-size: cover;
}
.n_index_fv .inc {
max-width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: end;
padding: 128px 64px;
height: 100%;
}
.n_index_fv .inc h1 {
font-size: 45px;
color: #fff;
line-height: 1.8;
font-family: 'Noto Serif JP', serif;
}
.n_index_fv .inc h1 span {
position: relative;
line-height: 1.6;
}
.n_index_fv .inc h1 span:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background: #fff;
}
.n_index_fv .fv_block img {
max-width: 495px;
}
.n_index_fv .fv_block p {
font-size: 16px;
color: #fff;
margin-top: 24px;
font-family: 'Noto Serif JP', serif;
}
.n_index_fv .fv_block .notice {
background: #ffffff4a;
padding: 5px 14px;
margin: 0px;
text-align: center;
}
.n_index_fv .fv_block .notice p {
font-size: 16px;
color: #fff;
margin: 0px;
font-family: 'Noto Serif JP', serif;
display: inline;
}
.hover_cv {
max-width: 828px;
margin: -34px auto 0;
display: flex;
justify-content: space-between;
}
.hover_cv .hover_cv_btn {
position: relative;
}
.hover_cv .hover_cv_btn:before {
content: "";
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.hover_cv .hover_cv_btn a {
width: 394px;
border: 1px solid #fff;
display: block;
text-align: center;
padding: 50px 0;
position: relative;
z-index: 1;
background: #ffffff24;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.hover_cv .hover_cv_btn a:hover {
opacity: 1;
background: #ffffff54;
}
.hover_cv .hover_cv_btn a p {
position: relative;
padding-bottom: 20px;
display: inline-block;
font-size: 20px;
font-weight: 500;
color: #fff;
font-family: 'Noto Serif JP', serif;
margin: 0;
}
.hover_cv .hover_cv_btn a p:before {
content: "";
width: 100%;
height: 1px;
background: #85B5E6;
position: absolute;
bottom: 0;
}
.hover_cv .hover_cv_btn a p:after {
content: "";
width: 36px;
height: 2px;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
.no-webp .new_2023 #reason {
background-color: #01091E;
background-image: url(//mabp.co.jp/img/new_top/rea_bg1.png);
background-size: 1152px;
background-repeat: no-repeat;
background-position: right -270px bottom -423px;
}
.webp .new_2023 #reason {
background-color: #01091E;
background-image: url(//mabp.co.jp/img/new_top/rea_bg1.webp);
background-size: 1152px;
background-repeat: no-repeat;
background-position: right -270px bottom -423px;
}
.new_2023 #reason .inc {
max-width: 1200px;
margin: 0 auto;
padding: 236px 60px 120px;
}
.new_2023 h2.left_d {
font-size: 60px;
color: #fff;
font-family: 'Crimson Text', serif;
font-weight: 400;
position: relative;
display: flex;
align-items: center;
padding-top: 24px;
line-height: 1;
margin-bottom: 46px;
}
.new_2023 h2.left_d:before {
content: "";
width: 200px;
height: 1px;
position: absolute;
top: 0;
left: 0;
background: #fff;
}
.new_2023 h2.left_d p {
margin: 0;
}
.new_2023 h2.left_d span {
font-family: 'Noto Serif JP', serif;
font-size: 16px;
margin-left: 40px;
}
.new_2023 #reason .inc .area {
display: flex;
justify-content: flex-end;
color: #fff;
}
.new_2023 #reason .inc .area .txt {
margin: 0 86px 0 96px;
}
.new_2023 #reason .inc .area .txt h3 {
font-size: 27px;
font-family: 'Noto Serif JP', serif;
margin-bottom: 20px;
margin-top: 30px;
line-height: 1;
display: flex;
align-items: center;
}
.new_2023 #reason .inc .area .txt:first-child h3 {
margin-top: 0;
}
.new_2023 #reason .inc .area .txt h3 i {
font-family: 'Crimson Text', serif;
font-size: 55px;
font-weight: 300;
margin-right: 24px;
}
.new_2023 #reason .inc .area .txt p {
font-size: 14px;
}
.new_2023 #reason .inc .area .img {
max-width: 413px;
}
.webp .new_2023 #senmon {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/takai_img1.webp);
background-size: 50%;
background-repeat: no-repeat;
}
.no-webp .new_2023 #senmon {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/takai_img1.png);
background-size: 50%;
background-repeat: no-repeat;
}
.new_2023 #senmon:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #1b2a55;
background: -moz-linear-gradient(top, #1b2a55 0%, #132147 100%);
background: -webkit-linear-gradient(top, #1b2a55 0%, #132147 100%);
background: linear-gradient(to bottom, #1b2a55 0%, #132147 100%);
z-index: -2;
}
.new_2023 #senmon .inc {
max-width: 1000px;
margin: 0 auto;
padding: 120px 30px;
text-align: center;
color: #fff;
}
h2.cent_d {
font-size: 36px;
font-family: 'Noto Serif JP', serif;
position: relative;
line-height: 1;
padding-bottom: 10px;
margin-bottom: 40px;
display: inline-block;
}
h2.cent_d:before {
content: "";
width: 104%;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: -3%;
}
.new_2023 #senmon .inc p {
font-size: 14px;
margin-bottom: 80px;
}
h3.cent_d {
font-size: 27px;
font-family: 'Noto Serif JP', serif;
padding-bottom: 20px;
margin-bottom: 30px;
position: relative;
}
h3.cent_d:before {
content: "";
width: 28px;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.new_2023 #senmon .inc .box {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.new_2023 #senmon .inc .box a {
width: 48%;
margin: 1%;
display: block;
}
.new_2023 .cv {
background: #01091E;
}
.new_2023 .cv .inc {
max-width: 888px;
margin: 0 auto;
padding: 60px 30px;
}
.new_2023 .cv .inc .txt {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
}
.new_2023 .cv .inc .txt img {
width: 236px;
display: block;
margin-right: 60px;
}
.new_2023 .cv .inc .txt p {
font-family: 'Noto Serif JP', serif;
font-size: 20px;
line-height: 2;
}
.new_2023 .cv .inc .hover_cv {
margin: 76px auto 0;
}
.new_2023 .cv .inc .hover_cv .hover_cv_btn a {
padding: 30px 0;
background: #272F44;
}
.new_2023 .cv .inc .hover_cv .hover_cv_btn a:hover {
background: #5b6685;
}
.no-webp .new_2023 #flow {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/flow_img1.png);
background-size: 50%;
background-repeat: no-repeat;
background-position-x: right;
}
.webp .new_2023 #flow {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/flow_img1.webp);
background-size: 50%;
background-repeat: no-repeat;
background-position-x: right;
}
.new_2023 #flow:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #132147;
background: -moz-linear-gradient(top, #132147 0%, #000b24 100%);
background: -webkit-linear-gradient(top, #132147 0%, #000b24 100%);
background: linear-gradient(to bottom, #132147 0%, #000b24 100%);
z-index: -2;
}
.new_2023 #flow .inc {
max-width: 1000px;
margin: 0 auto;
padding: 100px 30px 60px;
text-align: center;
color: #fff;
}
.new_2023 #flow .inc picture {
max-width: 800px;
margin: 50px auto 0;
}
.new_2023 #flow .inc2 {
max-width: 1000px;
margin: 0 auto;
padding: 60px 30px 100px;
text-align: center;
color: #fff;
}
.new_2023 #flow .inc2 p.tyu {
text-align: left;
font-weight: 100;
font-size: 12px;
line-height: 1.8;
margin-top: 10px;
color: #d2d2d2;
}
.new_2023 #flow .inc2 .scroll {
margin-top: 50px;
}
.no-webp .new_2023 #story {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/net_img1.png);
background-size: 50%;
background-repeat: no-repeat;
}
.webp .new_2023 #story {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/net_img1.webp);
background-size: 50%;
background-repeat: no-repeat;
}
.new_2023 #story:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2;
background: #1b2a55;
background: -moz-linear-gradient(top, #1b2a55 0%, #0E1B3E 100%);
background: -webkit-linear-gradient(top, #1b2a55 0%, #0E1B3E 100%);
background: linear-gradient(to bottom, #1b2a55 0%, #0E1B3E 100%);
}
.no-webp .new_2023 #story:after {
content: "";
width: 100%;
height: 30vw;
position: absolute;
bottom: 0;
left: 0;
background-image: url(//mabp.co.jp/img/new_top/story_bg1.png);
background-repeat: no-repeat;
background-size: 100%;
z-index: -1;
}
.webp .new_2023 #story:after {
content: "";
width: 100%;
height: 500px;
position: absolute;
bottom: 0;
left: 0;
background-image: url(//mabp.co.jp/img/new_top/story_bg1.webp);
background-repeat: no-repeat;
background-size: auto;
background-position: bottom right;
z-index: -1;
}
.new_2023 #story .inc {
max-width: 1060px;
margin: 0 auto;
padding: 120px 30px 20px;
text-align: center;
color: #fff;
}
.new_2023 #story .inc img {
max-width: 725px;
margin-top: 65px;
}
.new_2023 #story .inc2 {
max-width: 1060px;
margin: 0 auto;
padding: 60px 30px 100px;
text-align: center;
color: #fff;
}
.new_2023 #story .inc2 .area {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.new_2023 #story .inc2 .area.sp {
display: none;
}
.new_2023 #story .inc2 .area .box {
width: 31%;
margin: 2% 1%;
position: relative;
background: #ffffff40;
padding-bottom: 45px;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
transition: .6s;
}
.new_2023 #story .inc2 .area .box:hover {
background: #ffffff6b;
opacity: 1;
}
.new_2023 #story .inc2 .area .box a {
display: block;
color: #fff;
text-align: left;
}
.new_2023 #story .inc2 .area .box a:hover {
opacity: 1;
}
.new_2023 #story .inc2 .area .box a .thum img {
width: 100%;
object-fit: cover;
aspect-ratio: 1010/720;
}
.new_2023 #story .inc2 .area .box a p.title {
font-size: 20px;
font-family: 'Noto Serif JP', serif;
padding: 24px 20px 30px;
margin: 0;
}
.new_2023 #story .inc2 .area .box a dl {
padding: 0 20px 12px;
}
.new_2023 #story .inc2 .area .box a dl dt {
font-size: 12px;
line-height: 1;
font-weight: 400;
}
.new_2023 #story .inc2 .area .box a dl dd {
font-size: 14px;
line-height: 1.8;
}
.new_2023 #story .inc2 .area .box a .btn {
color: #01091E;
background: #fff;
width: 100%;
position: absolute;
left: 0;
bottom: 0;
padding: 4px 12px;
display: flex;
justify-content: flex-end;
align-items: end;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
}
.new_2023 #story .inc2 .area .box a .btn i img {
width: 20px;
vertical-align: baseline;
margin-left: 8px;
}
.viewmore {
margin: 60px 0 60px;
}
.viewmore a {
color: #fff;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
position: relative;
padding-bottom: 18px;
}
.viewmore a:before {
content: "";
width: 100%;
height: 1px;
background: #85B5E6;
position: absolute;
bottom: 0;
left: 0;
}
.viewmore a:after {
content: "";
width: 20px;
height: 2px;
background: #fff;
position: absolute;
bottom: -1px;
right: 0;
}
.new_2023 #advisor {
background: #0E1B3E; background: -moz-linear-gradient(top, #0E1B3E 0%, #000b24 100%); background: -webkit-linear-gradient(top, #0E1B3E 0%, #000b24 100%); background: linear-gradient(to bottom, #0E1B3E 0%, #000b24 100%); }
.new_2023 #advisor .inc {
max-width: 1060px;
margin: 0 auto;
padding: 60px 30px 120px;
text-align: center;
color: #fff;
}
.new_2023 #advisor .inc .area {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.new_2023 #advisor .inc .area.sp {
display: none;
}
.new_2023 #advisor .inc .area .box {
width: 48%;
margin: 2% 1%;
display: flex;
align-items: flex-start;
}
.new_2023 #advisor .inc .area .box .thum {
width: 258px;
}
.new_2023 #advisor .inc .area .box .thum img {
object-fit: cover;
aspect-ratio: 3 / 4;
}
.new_2023 #advisor .inc .area a {
display: block;
width: 298px;
margin: 42px 0 0 -68px;
text-align: left;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
background: #dadada0f;
padding: 22px 19px;
color: #fff;
}
.new_2023 #advisor .inc .area a:hover {
opacity: 1;
background: #dadada66;
}
.new_2023 #advisor .inc .area a .title {
font-size: 20px;
line-height: 1.6;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
margin-bottom: 28px;
}
.new_2023 #advisor .inc .area a .title p {
margin: 0;
display: inline;
}
.new_2023 #advisor .inc .area a dl.yaku {
margin-bottom: 10px;
line-height: 1.6;
}
.new_2023 #advisor .inc .area a dl.yaku dt {
font-size: 12px;
}
.new_2023 #advisor .inc .area a dl.yaku dd {
font-size: 16px;
}
.new_2023 #advisor .inc .area a dl.roop {
display: flex;
line-height: 2;
font-size: 12px;
}
.new_2023 #advisor .inc .area a dl.roop dt {
font-weight: 400;
min-width: 20%;
}
.new_2023 #advisor .inc .area a dl.roop dd {
font-weight: bold;
}
.new_2023 #advisor .inc .area a dl.roop dd p {
margin: 0;
letter-spacing: .1rem;
}
.new_2023 #advisor .inc .area a .btn {
display: flex;
justify-content: flex-end;
align-items: center;
line-height: 1;
margin-top: 24px;
font-family: 'Noto Serif JP', serif;
}
.new_2023 #advisor .inc .area a .btn {
font-size: 14px;
}
.new_2023 #advisor .inc .area a .btn i img {
width: 20px;
vertical-align: bottom;
margin-left: 8px;
}
.new_2023 #news {
background: #DFE1E5;
}
.new_2023 #news .inc {
max-width: 1200px;
margin: 0 auto;
padding: 76px 60px 60px;
}
.new_2023 #news .inc h2.left_d {
color: #01091E;
}
.new_2023 #news .inc .area {
max-width: 1060px;
margin: 0 auto;
padding: 36px 30px 50px;
}
.new_2023 #news .inc h2.left_d:before {
background: #01091E;
}
.new_2023 #news .inc .area .box {
border-bottom: 1px solid #fff;
margin-bottom: 20px;
}
.new_2023 #news .inc .area .box a {
display: block;
color: #000;
}
.new_2023 #news .inc .area .box a .head {
display: flex;
align-items: center;
margin-bottom: 10px;
}
.new_2023 #news .inc .area .box a .head time.date {
font-size: 13px;
font-weight: bold;
}
.new_2023 #news .inc .area .box a .head .cat {
border: 1px solid #133958;
background: #fff;
padding: 0px 8px;
border-radius: 100px;
font-size: 12px;
color: #133958;
font-weight: 500;
margin: 0 10px;
}
.new_2023 #news .inc .area .box a .head .new {
font-size: 19px;
font-weight: bold;
color: #3670AC;
}
.new_2023 #news .inc .area .box a p.title {
font-size: 14px;
}
.new_2023 #news .inc .area .viewmore {
text-align: center;
}
.new_2023 #news .inc .area .viewmore a {
color: #01091E;
}
.new_2023 #news .inc .area .viewmore a:after {
background: #3670AC;
}
.no-webp .new_2023 #about {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/about_bg1.png);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom;
}
.webp .new_2023 #about {
position: relative;
background-image: url(//mabp.co.jp/img/new_top/about_bg1.webp);
background-size: 100%;
background-repeat: no-repeat;
background-position: bottom;
}
.new_2023 #about:before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: -2;
background: #1b2a55;
background: -moz-linear-gradient(top, #1b2a55 0%, #000b24 100%);
background: -webkit-linear-gradient(top, #1b2a55 0%, #000b24 100%);
background: linear-gradient(to bottom, #1b2a55 0%, #000b24 100%);
}
.new_2023 #about .inc {
max-width: 1000px;
margin: 0 auto;
padding: 120px 30px 10px;
text-align: center;
color: #fff;
}
.new_2023 #about .inc .area {
display: flex;
align-items: center;
justify-content: space-between;
}
.new_2023 #about .inc .area .txt {
width: 48%;
text-align: left;
}
.new_2023 #about .inc .area .txt .logo {
width: 166px;
}
.new_2023 #about .inc .area .txt p {
font-size: 14px;
margin-bottom: 14px;
line-height: 1.8;
}
.new_2023 #about .inc .area .txt p.title {
font-size: 20px;
margin: 24px 0;
}
.new_2023 #about .inc .area .img {
width: 50%;
}
.new_2023 #about .inc2 {
max-width: 1000px;
margin: 0 auto;
padding: 70px 30px 40px;
text-align: center;
color: #fff;
}
.new_2023 #about .inc2 p {
font-size: 14px;
}
.new_2023 #about .inc3 {
max-width: 1000px;
margin: 0 auto;
padding: 10px 30px;
text-align: center;
color: #fff;
}
.new_2023 #about .inc3 .area {
max-width: 660px;
margin: 0 auto;
padding: 36px 30px 50px;
display: flex;
justify-content: center;
}
.new_2023 #about .inc3 .area .youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.new_2023 #about .inc3 .area .youtube p {
position: absolute;
bottom: -3rem;
font-size: 18px;
font-family: 'Noto Serif JP', serif;
line-height: 1;
margin: 0;
}
.new_2023 #about .inc3 .area iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.new_2023 #movie {
background: #DFE1E5;
}
.new_2023 #movie .inc {
max-width: 1200px;
margin: 0 auto;
padding: 76px 60px 60px;
}
.new_2023 #movie .inc h2.left_d {
color: #01091E;
}
.new_2023 #movie .inc h2.left_d:before {
background: #01091E;
}
.new_2023 #movie .inc .area {
max-width: 1060px;
margin: 0 auto;
padding: 36px 30px 50px;
display: flex;
justify-content: space-between;
}
.new_2023 #movie .inc .area .youtube {
position: relative;
width: 48%;
padding-top: 27.25%;
}
.new_2023 #movie .inc .area .youtube p {
position: absolute;
bottom: -3rem;
font-size: 18px;
font-family: 'Noto Serif JP', serif;
line-height: 1;
margin: 0;
}
.new_2023 #movie .inc .area iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.new_2023 #tvcm {
background: #DFE1E5;
}
.new_2023 #tvcm .inc {
max-width: 1200px;
margin: 0 auto;
padding: 76px 60px 76px;
}
.new_2023 #tvcm .inc h2.left_d {
color: #01091E;
}
.new_2023 #tvcm .inc h2.left_d:before {
background: #01091E;
}
.new_2023 #tvcm .inc .txt {
max-width: 600px;
text-align: center;
background: #01091E;
padding: 18px 0;
margin: 0 auto;
position: relative;
}
.new_2023 #tvcm .inc .txt::before {
content: "";
border: 15px solid transparent;
border-top: 10px solid #01091E;
top: 100%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
position: absolute;
}
.new_2023 #tvcm .inc .txt::after {
content: "*月2回放映";
font-size: 12px;
bottom: -1.6rem;
right: 0;
line-height: 1;
position: absolute;
}
.new_2023 #tvcm .inc .txt p {
font-size: 18px;
color: #fff;
margin: 0;
line-height: 1.2;
}
.new_2023 #tvcm .inc .area {
max-width: 1060px;
margin: 0 auto;
padding: 40px 30px 70px;
display: flex;
justify-content: space-between;
}
.new_2023 #tvcm .inc .area .youtube {
position: relative;
width: 48%;
padding-top: 30%;
}
.new_2023 #tvcm .inc .area .youtube p {
position: absolute;
bottom: -3rem;
left: 0rem;
font-size: 16px;
font-family: 'Noto Serif JP', serif;
color: #01091E;
line-height: 1;
margin: 0;
}
.new_2023 #tvcm .inc .area iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.no-webp .new_2023 .foot_cv {
background-image: url(//mabp.co.jp/img/new_top/cv2_bg.png);
}
.webp .new_2023 .foot_cv {
background-image: url(//mabp.co.jp/img/new_top/cv2_bg.webp);
background-size: cover;
}
.new_2023 .foot_cv .inc {
max-width: 1060px;
margin: 0 auto;
padding: 168px 30px 90px;
text-align: left;
}
.new_2023 .foot_cv .inc p {
font-size: 26px;
color: #fff;
font-family: 'Noto Serif JP', serif;
line-height: 2;
margin-bottom: 104px;
}
.new_2023 .foot_cv .inc .hover_cv {
margin-top: 0;
}
.new_2023 .foot_cv .inc .hover_cv .hover_cv_btn a p {
font-size: 20px;
margin: 0;
}
footer.new_footer {
background: #0C0D0F;
}
.new_2023 .new_adv_bg {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #01091e;
background: -moz-linear-gradient(-45deg, #01091e 0%, #01091e 23%, #133958 59%, #e2e0c0 100%);
background: -webkit-linear-gradient(-45deg, #01091e 0%, #01091e 23%, #133958 59%, #e2e0c0 100%);
background: linear-gradient(135deg, #01091e 0%, #01091e 23%, #133958 59%, #e2e0c0 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01091e', endColorstr='#e2e0c0', GradientType=1);
z-index: -1;
}
.new_2023 .l-main .new_adv {
max-width: 1060px;
margin: 0 auto;
padding: 50px 30px 100px;
color: #fff;
}
.new_2023 .l-main .new_adv p#breadcrumbs img {
margin: 0 12px;
}
.new_2023 .c-crumbs {
margin: 42px 0 26px;
}
.new_2023 .l-main .new_adv .c-crumbs a {
color: #fff;
position: relative;
} .new_2023 .l-main .new_adv #ad_kv .inc h1 {
text-align: center;
font-size: 34px;
font-weight: bold;
padding-bottom: 20px;
margin: 62px 0 48px;
position: relative;
font-family: 'Noto Serif JP', serif;
}
.new_2023 .l-main .new_adv #ad_kv .inc h1:before {
content: "";
width: 28px;
height: 1px;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.new_2023 .l-main .new_adv #ad_kv .inc p {
font-size: 14px;
text-align: center;
margin-bottom: 40px;
}
.new_2023 .l-main .new_adv #ad_list .inc .area {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.new_2023 .l-main .new_adv #ad_list .inc .area.sp {
display: none;
}
.new_2023 .l-main .new_adv #ad_list .inc .area .box {
width: 48%;
margin: 2% 1%;
display: flex;
align-items: flex-start;
}
.new_2023 .l-main .new_adv #ad_list .inc .area .box .thum {
width: 258px;
overflow: hidden;
}
.new_2023 .l-main .new_adv #ad_list .inc .area .box .thum img {
transform: scale(1.1);
object-fit: cover;
aspect-ratio: 3 / 4;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a {
display: block;
width: 298px;
margin: 42px 0 0 -68px;
text-align: left;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
background: #dadada0f;
padding: 22px 19px;
color: #fff;
z-index: 1;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a:hover {
opacity: 1;
background: #dadada66;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .title {
font-size: 20px;
line-height: 1.6;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
margin-bottom: 28px;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .title p {
font-size: min(20px, 4.5vw);
line-height: 1.4;
margin: 0;
display: inline;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.yaku {
margin-bottom: 10px;
line-height: 1.6;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.yaku dt {
font-size: 12px;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.yaku dd {
font-size: 16px;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.roop {
display: flex;
line-height: 2;
font-size: 12px;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.roop dt {
font-weight: 400;
min-width: 20%;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.roop dd {
font-weight: bold;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.roop dd p {
letter-spacing: .1rem;
margin: 0;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .btn {
display: flex;
justify-content: flex-end;
align-items: center;
line-height: 1;
margin-top: 24px;
font-family: 'Noto Serif JP', serif;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .btn {
font-size: 14px;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .btn i img {
width: 20px;
vertical-align: bottom;
margin-left: 8px;
}
.new_2023 .l-main .new_adv #ad_list .inc {
position: relative;
padding-bottom: 100px;
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn {
position: absolute;
left: 0;
right: 0;
bottom: -130px;
margin: auto;
z-index: 99;
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn a {
width: 348px;
border: 1px solid #fff;
display: block;
text-align: center;
padding: 50px 0;
position: relative;
z-index: 1;
margin: 0 auto 0;
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn a:hover {
opacity: 1;
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
transition: .6s;
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn a:hover:before {
transition: .6s;
background-color: #ffffff3d;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn a p {
position: relative;
padding-bottom: 20px;
display: inline-block;
font-size: 20px;
font-weight: 500;
color: #fff;
font-family: 'Noto Serif JP', serif;
margin-bottom: 0;
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn a p:before {
content: "";
width: 100%;
height: 1px;
background: #85B5E6;
position: absolute;
bottom: 0;
}
.new_2023 .l-main .new_adv #ad_list .inc .hover_cv_btn a p:after {
content: "";
width: 36px;
height: 2px;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
.new_2023 .l-main .new_adv.new_adv_single {
max-width: 100%;
padding: 0;
position: relative;
}
.new_adv_single .c-crumbs {
max-width: 1060px;
padding: 0 30px 0;
position: absolute;
top: 76px;
left: 0;
right: 0;
margin: 42px auto 0;
}
.new_adv_single .newadv_sec1 {
background: #1b2a55;
background: -moz-linear-gradient(top, #1b2a55 0%, #000b24 100%);
background: -webkit-linear-gradient(top, #1b2a55 0%, #000b24 100%);
background: linear-gradient(to bottom, #1b2a55 0%, #000b24 100%);
position: relative;
}
.new_adv_single .newadv_sec1 .inc {
margin: 0 auto;
display: flex;
align-items: center;
position: relative;
z-index: 0;
}
.new_adv_single .newadv_sec1 .inc .img {
width: 50%;
order: 2;
}
.new_adv_single .newadv_sec1 .inc .img img {
width: 100%;
}
.new_adv_single .newadv_sec1 .inc .txt {
width: 50%;
padding: 170px 40px 210px 30px;
max-width: 570px;
margin-left: auto;
}
.new_adv_single .newadv_sec1 .inc .txt p.top {
font-size: 34px;
color: #fff;
margin-bottom: 50px;
line-height: 1.4;
font-family: 'Noto Serif JP', serif;
}
.new_adv_single .newadv_sec1 .inc .txt h1.title span {
display: block;
}
.new_adv_single .newadv_sec1 .inc .txt h1.title span.position {
font-size: 14px;
}
.new_adv_single .newadv_sec1 .inc .txt h1.title span.name {
font-size: 23px;
margin-bottom: 40px;
}
.new_adv_single .newadv_sec1 .inc .txt dl.loop {
display: flex;
margin-bottom: 25px;
font-size: 15px;
}
.new_adv_single .newadv_sec1 .inc .txt dl.loop dd span {
margin-right: 6px;
}
.new_adv_single .newadv_sec1 .inc .txt dl.loop dt:after {
content: "/";
font-weight: 100;
margin: 0 8px;
}
.new_adv_single .newadv_sec1 .hover_cv_btn {
position: absolute;
left: 0;
right: 0;
bottom: 50px;
margin: auto;
z-index: 1;
text-align: center;
}
.new_adv_single .newadv_sec1 .hover_cv_btn a {
width: 330px;
border: 1px solid #fff;
display: block;
text-align: center;
padding: 18px 0;
position: relative;
z-index: 1;
margin: 0 auto 0;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.new_adv_single .newadv_sec1 .hover_cv_btn a:hover {
opacity: 1;
background: #ffffff29;
}
.new_adv_single .newadv_sec1 .hover_cv_btn a:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
}
.new_adv_single .newadv_sec1 .hover_cv_btn a p {
position: relative;
padding-bottom: 16px;
display: inline-block;
font-size: 16px;
font-weight: 500;
color: #fff;
font-family: 'Noto Serif JP', serif;
margin-bottom: 0;
}
.new_adv_single .newadv_sec1 .hover_cv_btn a p:before {
content: "";
width: 100%;
height: 1px;
background: #85B5E6;
position: absolute;
bottom: 0;
}
.new_adv_single .newadv_sec1 .hover_cv_btn a p:after {
content: "";
width: 36px;
height: 2px;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
.new_adv_single .newadv_sec2 {
background: #DFE1E5;
}
.new_adv_single .newadv_sec2 .inc {
max-width: 914px;
margin: 0 auto;
padding: 60px 30px 80px;
color: #01091E;
}
.new_adv_single .newadv_sec2 .inc h2 {
font-size: 14px;
margin-bottom: 20px;
font-weight: 400;
}
.new_adv_single .newadv_sec2 .inc h3 {
font-family: "Noto Serif JP", serif;
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
font-weight: 400;
}
.new_adv_single .newadv_sec2 .inc .text p {
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
margin: 0;
}
.new_adv_single .newadv_sec2 .inc .youtube {
position: relative;
width: 100%;
padding-top: 55.5%;
border: 1px solid #030a1e;
margin: 40px 0px 20px;
}
.new_adv_single .newadv_sec2 .inc .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 980px) {
.new_adv_single .newadv_sec6 .inc .youtube {
width: 100%;
padding-top: 60%;
margin-bottom: 12vw;
}
}
.new_adv_single .newadv_sec3 {
background-color: #01091E;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area {
display: flex;
align-items: center;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .p-advisor_single__slider {
width: 50%;
position: relative;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .p-advisor_single__slider .c-slidenavi {
margin: 0;
position: absolute;
bottom: 14px;
right: 14px;
z-index: 1;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .text {
width: 50%;
max-width: 500px;
padding: 20px 50px;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .text h2.title {
font-size: 14px;
font-weight: 400;
margin-bottom: 20px;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .text h3 {
font-family: "Noto Serif JP", serif;
font-size: 18px;
line-height: 1.6;
margin-bottom: 20px;
font-weight: 400;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .text p {
margin: 0;
font-size: 14px;
font-weight: 500;
letter-spacing: 1px;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .p-advisor_single__slider img {
width: 100%;
}
.new_adv_single .newadv_sec4 {
background-color: #1B2A55;
background: #1B2A55;
background: -moz-linear-gradient(top, #1B2A55 0%, #000B24 100%);
background: -webkit-linear-gradient(top, #1B2A55 0%, #000B24 100%);
background: linear-gradient(to bottom, #1B2A55 0%, #000B24 100%);
}
.new_adv_single .newadv_sec4 .inc {
max-width: 1060px;
padding: 100px 30px;
margin: 0 auto;
}
.new_adv_single .newadv_sec4 .inc h3.cent_d {
text-align: center;
}
.new_adv_single .newadv_sec4 .inc .swip3 {
background: #495675;
padding: 30px 0 100px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper {}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .cat_area {
margin-bottom: 40px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide {
padding: 0 90px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide p.swip3_title {
font-size: 22px;
border-left: 3px solid #85B5E6;
padding-left: 30px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex {
display: flex;
justify-content: space-between;
margin-top: 40px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box {
width: 48%;
background: #2B5077;
display: flex;
align-items: center;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box:last-child {
background: #3670AC;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .left {
text-align: center;
width: 30%;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right {
padding: 16px 30px;
border-left: 1px solid #95A8BB;
height: 100%;
}
.new_adv_single section .inc .swiper-button-prev {
position: absolute;
bottom: 20px;
left: 40px;
top: auto;
color: #fff;
font-family: 'Noto Serif JP', serif;
width: 80px;
display: block;
height: auto;
}
.new_adv_single section .inc .swiper-button-prev:after {
display: none;
}
.new_adv_single section .inc .swiper-button-prev p {
font-size: 12px;
margin-bottom: 0;
text-align: right;
}
.new_adv_single section .inc .swiper-button-prev img {
width: 100%;
}
.new_adv_single section .inc .swiper-button-next {
position: absolute;
bottom: 20px;
right: 40px;
top: auto;
color: #fff;
font-family: 'Noto Serif JP', serif;
width: 80px;
display: block;
height: auto;
}
.new_adv_single section .inc .swiper-button-next:after {
display: none;
}
.new_adv_single section .inc .swiper-button-next p {
font-size: 12px;
margin-bottom: 0;
}
.new_adv_single section .inc .swiper-button-next img {
width: 100%;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .left i img {
width: 40px;
margin-bottom: 12px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .left p {
font-size: 16px;
margin: 0;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl {
display: flex;
margin-bottom: 10px;
align-items: center;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl dt {
font-size: 12px;
margin-right: 6px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl dd {
font-size: 17px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl.half dt {
background: #fff;
color: #01091E;
line-height: 1;
padding: 2px 4px;
margin-right: 12px;
}
.new_adv_single section .inc .viewmore {
text-align: center;
}
.new_adv_single .newadv_sec4 .inc .swip3 .cat_area ul {
display: flex;
justify-content: center;
margin-bottom: 40px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .cat_area ul li {
margin: 0 10px;
}
.new_adv_single .newadv_sec4 .inc .swip3 .cat_area ul li a {
border: 1px solid #fff;
color: #fff;
width: 120px;
text-align: center;
}
.new_adv_single .newadv_sec4 .inc .swip3 .cat_area ul li.active a {
background: #fff;
color: #01091E;
}
.new_adv_single .newadv_sec5 {
background-color: #1B2A55;
background: #1B2A55;
background: -moz-linear-gradient(top, #1B2A55 0%, #000B24 100%);
background: -webkit-linear-gradient(top, #1B2A55 0%, #000B24 100%);
background: linear-gradient(to bottom, #1B2A55 0%, #000B24 100%);
}
.new_adv_single .newadv_sec5 .inc {
max-width: 1060px;
padding: 100px 30px;
margin: 0 auto;
}
.new_adv_single .newadv_sec5 .inc .area {
padding-bottom: 100px;
}
.new_adv_single .newadv_sec5 .inc h3.cent_d {
text-align: center;
}
.new_adv_single .newadv_sec5 .inc .box {
width: 31%;
margin: 2% 0;
padding: 0 1%;
position: relative;
display: flex;
height: auto;
}
.new_adv_single .newadv_sec5 .inc .box a {
display: block;
color: #fff;
text-align: left;
background: #ffffff40;
padding-bottom: 45px;
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
overflow: hidden;
}
.new_adv_single .newadv_sec5 .inc .box a:hover {
background: #ffffff6b;
opacity: 1;
}
.new_adv_single .newadv_sec5 .inc .box a .thum img {
width: 100%;
object-fit: cover;
aspect-ratio: 1010 / 720;
}
.new_adv_single .newadv_sec5 .inc .box a p.title {
font-size: 20px;
font-family: 'Noto Serif JP', serif;
padding: 24px 20px 30px;
margin: 0;
line-height: 1.6;
letter-spacing: 1px;
}
.new_adv_single .newadv_sec5 .inc .box a dl {
padding: 0 20px 12px;
line-height: 1.8;
letter-spacing: 1.5px;
}
.new_adv_single .newadv_sec5 .inc .box a dl dt {
font-size: 12px;
line-height: 1;
font-weight: 400;
}
.new_adv_single .newadv_sec5 .inc .box a dl dd {
font-size: 14px;
}
.new_adv_single .newadv_sec5 .inc .box a .btn {
color: #01091E;
background: #fff;
width: 100%;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
padding: 8px 20px;
display: flex;
justify-content: flex-end;
align-items: end;
font-family: 'Noto Serif JP', serif;
font-weight: 500;
line-height: 1.4;
}
.new_adv_single .newadv_sec5 .inc .box a .btn i img {
width: 20px;
vertical-align: baseline;
margin-left: 8px;
}
.new_adv_single .newadv_sec5 .inc .viewmore {
margin: 0;
}
.new_adv_single .newadv_sec6 {
background-color: #1B2A55;
background: #1B2A55;
background: -moz-linear-gradient(top, #1B2A55 0%, #000B24 100%);
background: -webkit-linear-gradient(top, #1B2A55 0%, #000B24 100%);
background: linear-gradient(to bottom, #1B2A55 0%, #000B24 100%);
}
.new_adv_single .newadv_sec6 .inc {
max-width: 1060px;
padding: 100px 30px;
margin: 0 auto;
}
.new_adv_single .newadv_sec6 .inc h2.cent_d {
font-size: 27px;
font-family: "Noto Serif JP", serif;
padding-bottom: 20px;
margin-bottom: 20px;
position: relative;
font-weight: bold;
}
.new_adv_single .newadv_sec6 .inc h2.cent_d:before {
content: "";
width: 28px;
height: 1px;
position: absolute;
left: 0;
margin: auto;
}
.new_adv_single .newadv_sec6 .inc .box {
display: flex;
align-items: center;
position: relative;
gap: 2.6rem;
margin-bottom: 42px;
}
.new_adv_single .newadv_sec6 .inc .box .txt .title {
font-size: 20px;
font-weight: bold;
position: relative;
}
.new_adv_single .newadv_sec6 .inc .box .youtube {
position: relative;
width: 100%;
padding-top: 30%;
border: 1px solid #fff;
}
.new_adv_single .newadv_sec6 .inc .box .youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width: 980px) {
.new_adv_single .newadv_sec6 .inc {
padding: 40px 20px;
}
.new_adv_single .newadv_sec6 .inc h2.cent_d {
font-size: 5.4vw;
margin-bottom: 5vw;
}
.new_adv_single .newadv_sec6 .inc .box {
flex-direction: column;
margin-bottom: 0;
}
.new_adv_single .newadv_sec6 .inc .box .txt .title {
font-size: 14px;
}
.new_adv_single .newadv_sec6 .inc .box .youtube {
width: 100%;
padding-top: 60%;
margin-bottom: 12vw;
}
}
@media screen and (max-width:980px) {
.new_2023 .pc {
display: none;
}
.new_2023 .sp {
display: block;
}
.new_2023 #about .inc3 .area .youtube {
width: 100%;
padding-top: 56.25%;
margin-bottom: 5vw;
}
.new_2023 #movie .inc .area .youtube {
width: 100%;
padding-top: 56.25%;
margin-bottom: 5vw;
}
.new_2023 #tvcm .inc .area .youtube {
width: 100%;
padding-top: 62%;
margin-bottom: 12vw;
}
.new_2023 #tvcm .inc .area .youtube p {
bottom: -2.5rem;
left: 0;
font-size: 3.5vw;
}
header.new_header {
padding: 3vw;
}
header.new_header .head_inc .head_right .head_btn.btn2,
header.new_header .head_inc .head_right .head_btn.btn3 {
display: none;
}
header.new_header .head_inc .head_right .head_btn.btn1 {
margin-right: 12vw;
}
.head_btn a {
width: 39vw;
font-size: 3.4vw;
padding: 0;
}
.new_2023 .new_nav_btn {
width: 9vw;
height: 9vw;
margin: 0;
top: 4vw;
right: 3vw;
border: unset;
}
.new_2023 .new_nav_btn span {
width: 5vw;
height: 2px;
}
.new_2023 .new_nav_btn span.top {
top: 3vw;
}
.new_2023 .new_nav_btn span.middle {
top: 4.5vw;
}
.new_2023 .new_nav_btn span.bottom {
top: 6vw;
}
.new_2023 .new_nav_btn.open_btn .top {
top: 4.5vw;
}
.new_2023 .new_nav_btn.open_btn .bottom {
top: 4.5vw;
}
.n_index_fv {
height: auto;
background-size: contain;
background-repeat: no-repeat;
background-color: #010101;
}
.n_index_fv .inc {
padding: 50vw 3vw 0;
display: block;
height: auto;
}
.n_index_fv .inc h1 {
font-size: 7vw;
}
.n_index_fv .fv_block img {
max-width: 100%;
margin: 6vw 0 1vw;
}
.n_index_fv .fv_block p {
font-size: 4vw;
margin: 1vw 0 2vw;
}
.n_index_fv .fv_block .notice p {
font-size: min(16px, 3vw);
}
.hover_cv {
display: block;
margin: 0 5vw;
padding: 4vw 0;
max-width: 100%;
}
.hover_cv .hover_cv_btn a {
width: 100%;
margin: 0 0 5vw;
padding: 6vw 0;
}
.hover_cv .hover_cv_btn a p {
font-size: 4vw;
} .webp .new_2023 #reason {
background-color: #010101;
background: #010101;
background: -moz-linear-gradient(top, #1b2a55 0%, #132147 100%);
background: -webkit-linear-gradient(top, #010101 0%, #132147 100%);
background: linear-gradient(to bottom, #010101 0%, #132147 100%);
}
.no-webp .new_2023 #reason {
background-color: #010101;
background: #010101;
background: -moz-linear-gradient(top, #1b2a55 0%, #132147 100%);
background: -webkit-linear-gradient(top, #010101 0%, #132147 100%);
background: linear-gradient(to bottom, #010101 0%, #132147 100%);
}
.new_2023 #reason .inc {
padding: 8vw 3vw;
}
.new_2023 h2.left_d {
font-size: 8vw;
padding-top: 3vw;
margin-bottom: 10vw;
display: block;
}
.new_2023 h2.left_d:before {
width: 30vw;
}
.new_2023 h2.left_d span {
display: block;
font-size: 4vw;
margin: 3vw 0 0 0;
}
.new_2023 #reason .inc .area {
display: block;
}
.new_2023 #reason .inc .area .txt {
margin: 0 5vw 5vw;
}
.new_2023 #reason .inc .area .txt h3 {
font-size: 4.8vw;
}
.new_2023 #reason .inc .area .txt h3 i {
font-size: 9.4vw;
opacity: 0.7;
margin-right: 4vw;
}
.new_2023 #reason .inc .area .txt p {
font-size: 3.4vw;
margin-bottom: 6vw;
}
.new_2023 #reason .inc .area .img {
max-width: 75vw;
margin: 0 0 0 auto;
}
.webp .new_2023 #senmon {
background-size: 100%;
}
.no-webp .new_2023 #senmon {
background-size: 100%;
}
.new_2023 #senmon .inc {
padding: 10vw 3vw;
}
h2.cent_d {
font-size: 5.4vw;
margin-bottom: 5vw;
}
.new_2023 #senmon .inc p {
font-size: 3.4vw;
text-align: left;
margin-bottom: 10vw;
}
h3.cent_d {
font-size: 4.2vw;
padding-bottom: 2vw;
margin-bottom: 6vw;
}
.new_2023 #senmon .inc .box {
display: block;
}
.new_2023 #senmon .inc .box a {
width: 100%;
margin: 4vw 0;
}
.new_2023 .cv .inc {
padding: 10vw 6vw 1vw;
}
.new_2023 .cv .inc .txt {
display: block;
}
.new_2023 .cv .inc .txt img {
width: 42vw;
margin: 0 auto 6vw;
}
.new_2023 .cv .inc .txt p {
font-size: 3.5vw;
margin-bottom: 0vw;
}
.new_2023 .cv .inc .hover_cv {
margin: 3vw 0;
}
.webp .new_2023 #flow {
background-size: 100%;
}
.no-webp .new_2023 #flow {
background-size: 100%;
}
.new_2023 #flow .inc {
padding: 10vw 3vw;
}
.new_2023 #flow .inc p {
font-size: 3.4vw;
text-align: left;
}
.new_2023 #flow .inc2 {
padding: 10vw 3vw;
}
.new_2023 #flow .inc2 p {
font-size: 3.4vw;
text-align: left;
}
.new_2023 #flow .inc2 .scroll {
margin-top: 6vw;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 5vw 3vw;
overflow-x: scroll;
}
.new_2023 #flow .inc2 .scroll picture {
width: 170vw;
display: block;
}
.new_2023 #flow .inc2 p.tyu {
font-size: 3vw;
line-height: 1.8;
margin-top: 3vw;
}
.viewmore {
margin: 8vw 0;
}
.viewmore a {
font-size: 3.8vw;
padding-bottom: 2vw;
}
.webp .new_2023 #story {
background-size: 100%;
}
.no-webp .new_2023 #story {
background-size: 100%;
}
.new_2023 #story .inc {
padding: 15vw 3vw;
}
.new_2023 #story .inc p {
margin-bottom: 0vw;
text-align: left;
font-size: 3.4vw;
}
.new_2023 #story .inc img {
max-width: unset;
width: 88vw;
margin: 10vw auto 0;
}
.new_2023 #story .inc2 {
padding: 0vw 3vw 10vw;
}
.new_2023 #story .inc2 p {
margin-bottom: 5vw;
font-size: 3.4vw;
text-align: left;
}
.new_2023 #story .inc2 .area.sp {
display: block;
padding-bottom: 10vw;
}
.new_2023 #story .inc2 .area.pc {
display: none;
}
.new_2023 #story .inc2 .area .box {
width: 100%;
margin: 8vw 0;
padding-bottom: 22vw;
}
.new_2023 #story .inc2 .area .box a .thum img {
width: 100%;
}
.new_2023 #story .inc2 .area .box a p.title {
font-size: 4.2vw;
padding: 4vw 5.2vw;
}
.new_2023 #story .inc2 .area .box a dl {
padding: 0 5.2vw 3vw;
}
.new_2023 #story .inc2 .area .box a dl dt {
font-size: 3vw;
margin-bottom: 1vw;
}
.new_2023 #story .inc2 .area .box a dl dd {
font-size: 3.4vw;
}
.new_2023 #story .inc2 .area .box a .btn {
padding: 1vw 4vw;
font-size: 2.8vw;
}
.new_2023 #story .inc2 .area .box a .btn i img {
width: 4vw;
margin-left: 1vw;
}
.webp .new_2023 #story:after {
background-image: url(//mabp.co.jp/img/new_top/story_bg1_sp.webp);
height: 61vw;
}
.no-webp .new_2023 #story:after {
background-image: url(//mabp.co.jp/img/new_top/story_bg1_sp.png);
height: 61vw;
}
.new_2023 #advisor .inc {
padding: 10vw 3vw;
}
.new_2023 #advisor .inc .area.sp {
display: block;
padding-bottom: 10vw;
}
.new_2023 #advisor .inc .area.pc {
display: none;
}
.new_2023 #advisor .inc .area .box {
width: 100%;
margin: 5vw 0;
}
.new_2023 #advisor .inc .area .box .thum {
width: 48vw;
}
.new_2023 #advisor .inc .area a {
width: 65vw;
margin: 5vw 0 0 -14vw;
padding: 3vw;
}
.new_2023 #advisor .inc .area a .title {
font-size: 3.4vw;
margin-bottom: 6vw;
}
.new_2023 #advisor .inc .area a dl.yaku {
margin-bottom: 2vw;
}
.new_2023 #advisor .inc .area a dl.yaku dt {
font-size: 2.8vw;
}
.new_2023 #advisor .inc .area a dl.yaku dd {
font-size: 3.6vw;
}
.new_2023 #advisor .inc .area a dl.roop {
font-size: 2.8vw;
}
.new_2023 #advisor .inc .area a .btn {
font-size: 2.6vw;
margin-top: 6vw;
}
.new_2023 #advisor .inc .area a .btn i img {
width: 3vw;
margin-left: 1vw;
}
.new_2023 #news .inc {
padding: 10vw 3vw;
}
.new_2023 #news .inc .area {
padding: 0vw 0 1vw;
}
.new_2023 #news .inc .area .box a .head {
margin-bottom: 2vw;
}
.new_2023 #news .inc .area .box a .head time.date {
font-size: 3vw;
}
.new_2023 #news .inc .area .box a .head .cat {
font-size: 2.6vw;
padding: 1vw 2vw;
line-height: 1;
margin: 0 2vw;
}
.new_2023 #news .inc .area .box a .head .new {
font-size: 3.4vw;
}
.new_2023 #news .inc .area .box a p.title {
font-size: 3.4vw;
}
.new_2023 #news .inc {
padding: 10vw 3vw;
}
.new_2023 #news .inc .area {
padding: 0vw 0 1vw;
}
.new_2023 #news .inc .area .box a .head {
margin-bottom: 2vw;
}
.new_2023 #news .inc .area .box a .head time.date {
font-size: 3vw;
}
.new_2023 #news .inc .area .box a .head .cat {
font-size: 2.6vw;
padding: 1vw 2vw;
line-height: 1;
margin: 0 2vw;
}
.new_2023 #news .inc .area .box a .head .new {
font-size: 3.4vw;
}
.new_2023 #news .inc .area .box a p.title {
font-size: 3.4vw;
}
.new_2023 #about .inc {
padding: 10vw 3vw 2vw;
}
.new_2023 #about .inc .area {
display: block;
}
.new_2023 #about .inc .area .txt {
width: 100%;
margin-bottom: 4vw;
}
.new_2023 #about .inc .area .txt .logo {
width: 33vw;
}
.new_2023 #about .inc .area .txt p.title {
font-size: 4vw;
margin: 2vw 0 4vw;
}
.new_2023 #about .inc .area .txt p {
font-size: 3vw;
margin-bottom: 1vw;
}
.new_2023 #about .inc .area .img {
width: 100%;
}
.new_2023 #about .inc2 {
padding: 0vw 3vw 6vw;
}
.new_2023 #about .inc2 p {
text-align: left;
font-size: 3.4vw;
margin-bottom: 7vw;
}
.new_2023 #about .inc3 {
padding: 2vw 3vw 10vw;
}
.new_2023 #about .inc3 .area {
padding: 0;
display: block;
}
.new_2023 #movie .inc {
padding: 10vw 3vw;
}
.new_2023 #movie .inc .area {
padding: 0;
display: block;
}
.new_2023 #tvcm .inc {
padding: 10vw 3vw;
}
.new_2023 #tvcm .inc .txt {
margin: 0 auto 7vw;
}
.new_2023 #tvcm .inc .txt p {
font-size: min(18px, 3.5vw);
}
.new_2023 #tvcm .inc .area {
padding: 0;
display: block;
}
.webp .new_2023 .foot_cv {
background-image: url(//mabp.co.jp/img/new_top/cv2_bg_sp.webp);
background-size: cover;
}
.no-webp .new_2023 .foot_cv {
background-image: url(//mabp.co.jp/img/new_top/cv2_bg_sp.png);
background-size: cover;
}
.new_2023 .foot_cv .inc {
padding: 15vw 3vw;
}
.new_2023 .foot_cv .inc p {
font-size: 4.2vw;
margin-bottom: 6vw;
}
.new_2023 .foot_cv .inc .hover_cv .hover_cv_btn a p {
font-size: 4.2vw;
}
.swiper-container .swiper-button-prev {
bottom: -3vw;
top: auto;
color: #fff;
font-family: 'Noto Serif JP', serif;
width: 25vw;
display: block;
height: auto;
}
.swiper-container .swiper-button-prev::after {
display: none;
}
.swiper-container .swiper-button-prev p {
text-align: right !important;
font-size: 3.4vw !important;
margin-bottom: 0 !important;
line-height: 1;
}
.swiper-container .swiper-button-prev img {
width: 100%;
}
.swiper-container .swiper-button-next {
bottom: -3vw;
top: auto;
color: #fff;
font-family: 'Noto Serif JP', serif;
width: 25vw;
display: block;
height: auto;
}
.swiper-container .swiper-button-next::after {
display: none;
}
.swiper-container .swiper-button-next p {
text-align: left !important;
font-size: 3.4vw !important;
margin-bottom: 0 !important;
line-height: 1;
}
.swiper-container .swiper-button-next img {
width: 100%;
}
.new_2023 .l-main .new_adv {
padding: 10vw 3vw;
}
.new_2023 .l-main .new_adv #ad_kv .inc h1 {
font-size: 5.2vw;
margin: 8vw 0 5vw;
padding-bottom: 2vw;
}
.new_2023 .l-main .new_adv #ad_kv .inc h1:before {
width: 7.4vw;
background: #85B5E6;
}
.new_2023 .l-main .new_adv #ad_kv .inc p {
font-size: 3.4vw;
text-align: left;
line-height: 1.6;
}
.new_2023 .l-main .new_adv #ad_list .inc {
padding-bottom: 80px;
margin-bottom: 120px;
}
.new_2023 .l-main .new_adv #ad_list .inc .area .box {
width: 100%;
margin: 5vw 0;
}
.new_2023 .l-main .new_adv #ad_list .inc .area .box .thum {
width: 48vw;
z-index: 0;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a {
width: 65vw;
margin: 5vw 0 0 -14vw;
padding: 3vw;
z-index: 1;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .title {
font-size: 3.4vw;
margin-bottom: 6vw;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.yaku {
margin-bottom: 2vw;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.yaku dt {
font-size: 2.8vw;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.yaku dd {
font-size: 3.6vw;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a dl.roop {
font-size: 2.8vw;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .btn {
font-size: 2.6vw;
margin-top: 6vw;
}
.new_2023 .l-main .new_adv #ad_list .inc .area a .btn i img {
width: 3vw;
margin-left: 1vw;
}
.new_2023 .l-main .new_adv.new_adv_single {
margin-top: 60px;
}
.new_adv_single .c-crumbs {
display: none;
}
.new_adv_single .newadv_sec1 .inc {
display: block;
}
.new_adv_single .newadv_sec1 .inc .img {
order: 1;
width: 100%;
overflow: hidden;
height: 110vw;
position: relative;
}
.new_adv_single .newadv_sec1 .inc .img img {
transform: scale(1.1);
position: absolute;
top: 3vw;
right: -4vw;
}
.new_adv_single .newadv_sec1 .inc .txt {
width: 100%;
max-width: unset;
padding: 6vw 3vw;
}
.new_adv_single .newadv_sec1 .inc .txt p.top {
font-size: 4.2vw;
margin-bottom: 5.2vw;
}
.new_adv_single .newadv_sec1 .inc .txt h1.title span.position {
font-size: 3vw;
margin-right: 2vw;
line-height: 1;
}
.new_adv_single .newadv_sec1 .inc .txt h1.title {
display: flex;
align-items: end;
margin-bottom: 4vw;
}
.new_adv_single .newadv_sec1 .inc .txt h1.title span.name {
font-size: 4.8vw;
margin: 0;
line-height: 1;
}
.new_adv_single .newadv_sec1 .inc .txt dl.loop {
font-size: 3.4vw;
margin-bottom: 1vw;
line-height: 1.8;
}
.new_adv_single .newadv_sec1 .hover_cv_btn {
position: relative;
bottom: 0;
padding-bottom: 10vw;
}
.new_adv_single .newadv_sec1 .hover_cv_btn a {
width: 60vw;
padding: 4vw 0;
background: #2D3F57;
}
.new_adv_single .newadv_sec1 .hover_cv_btn a p {
padding-bottom: 2vw;
font-size: 3.4vw;
}
.new_adv_single .newadv_sec2 .inc {
max-width: unset;
padding: 6vw 3vw;
}
.new_adv_single .newadv_sec2 .inc h2 {
font-size: 3.2vw;
margin-bottom: 2vw;
}
.new_adv_single .newadv_sec2 .inc .text p {
font-size: 3.2vw;
line-height: 1.8;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area {
display: block;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .p-advisor_single__slider {
width: 100%;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .text {
width: 100%;
max-width: unset;
padding: 5vw 3vw;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .text h2.title {
font-size: 3.2vw;
margin-bottom: 2vw;
}
.new_adv_single .newadv_sec3 .inc .newadv_sec3_area .text p {
font-size: 3.2vw;
line-height: 1.8;
}
.new_adv_single .newadv_sec4 .inc {
padding: 8vw 3vw;
}
.new_adv_single .newadv_sec4 .inc h3.cent_d::before {
width: 19vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 {
padding: 6vw 3vw 18vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .cat_area ul {
flex-wrap: wrap;
margin-bottom: 6vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .cat_area ul li {
margin: 1vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .cat_area ul li a {
font-size: 3.2vw;
width: 27vw;
padding: 1vw 0;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide {
padding: 0 3vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide p.swip3_title {
font-size: 4vw;
padding-left: 3vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex {
display: block;
margin-top: 4vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box {
width: 100%;
margin-bottom: 4vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .left {
width: 24vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .left i img {
width: 8vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .left p {
font-size: 3vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right {
padding: 3vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl {
margin-bottom: 2.5vw;
line-height: 1;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl dt {
font-size: 2.2vw;
margin-right: 1vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl dd {
font-size: 3.2vw;
}
.new_adv_single .newadv_sec4 .inc .swip3 .swiper-wrapper .swiper-slide .flex .box .right dl.half dt {
padding: 0.5vw 1vw;
margin-right: 2vw;
}
.new_adv_single section .inc .swiper-button-prev {
bottom: 3vw;
top: auto;
color: #fff;
font-family: 'Noto Serif JP', serif;
width: 25vw;
display: block;
height: auto;
}
.new_adv_single section .inc .swiper-button-next {
bottom: 3vw;
top: auto;
color: #fff;
font-family: 'Noto Serif JP', serif;
width: 25vw;
display: block;
height: auto;
}
.new_adv_single .newadv_sec5 .inc {
padding: 8vw 3vw;
}
.new_adv_single .newadv_sec5 .inc h3.cent_d:before {
width: 34vw;
}
.new_adv_single .newadv_sec5 .inc .area {
padding-bottom: 18vw;
}
.new_adv_single .newadv_sec5 .inc .box a {
padding-bottom: 10vw;
}
.new_adv_single .newadv_sec5 .inc .box a p.title {
font-size: 4.2vw;
padding: 3vw;
}
.new_adv_single .newadv_sec5 .inc .box a dl {
padding: 0 3vw 2vw;
}
.new_adv_single .newadv_sec5 .inc .box a dl dt {
font-size: 3vw;
}
.new_adv_single .newadv_sec5 .inc .box a dl dd {
font-size: 3.6vw;
}
.new_adv_single .newadv_sec5 .inc .box a .btn {
padding: 1vw 3vw;
font-size: 2.8vw;
}
.new_adv_single .newadv_sec5 .inc .box a .btn i img {
width: 3.8vw;
margin-right: 2vw;
}
nav.new_nav_menu {
overflow-y: scroll;
}
nav.new_nav_menu .l-header__logo {
margin: 8vw 3vw 3vw;
}
nav.new_nav_menu .nav_area {
display: block;
}
nav.new_nav_menu .nav_area {
margin: 0 3vw;
}
nav.new_nav_menu .nav_area ul {
margin: 0;
}
nav.new_nav_menu .nav_area ul h3 {
margin: 5vw 0 2vw;
font-size: 3.8vw;
}
nav.new_nav_menu .nav_area ul li a {
font-size: 2.8vw;
margin: 0 3vw 2vw;
}
nav.new_nav_menu .nav_btm {
margin: 5vw 3vw 10vw;
flex-wrap: wrap;
justify-content: left;
}
nav.new_nav_menu .nav_btm span {
margin-right: 2vw;
font-size: 3.2vw;
}
nav.new_nav_menu .nav_btm a {
margin: 0 2vw;
} nav.new_nav_menu .nav_btm .head_btn.btn1 {
margin: 5vw 3vw 0 0;
}
nav.new_nav_menu .nav_btm .head_btn a {
margin: 0;
width: 45vw;
}
nav.new_nav_menu .nav_btm .head_btn.btn2 {
margin-top: 5vw;
}
nav.new_nav_menu .nav_btm .head_btn.btn3 {
margin-top: 5vw;
}
} span.slash_l {
padding-right: 4px;
color: #ffffff;
}
span.slash_l_top {
padding-left: 4px;
}
@media only screen and (max-width: 1320px) {
.head_pc_menu {
display: none;
}
}
.head_pc_menu {
font-size: 14px;
}
header.new_header .head_inc .head_right div a:active,
header.new_header .head_inc .head_right div a:hover,
header.new_header .head_inc .head_right div a:link,
header.new_header .head_inc .head_right div a:visited {
color: #ffffff;
}
@media screen and (max-width: 440px) {
.new_2023 .new_nav_btn {
width: 9vw;
height: 9vw;
margin: 0;
top: 4vw;
right: 3vw;
border: unset;
}
}
@media screen and (max-width: 370px) {
#js-header .l-header__info ul li.btn.ye a {
font-size: 3.4vw;
border-radius: 6vw;
}
}  .webp .n_index_fv_fukuoka {
background-image: url(https://mabp.co.jp/img/new_top/cv2_bg.webp);
}
.no-webp .n_index_fv_fukuoka {
background-image: url(https://mabp.co.jp/img/new_top/cv2_bg.jpg);
}
.n_index_fv_fukuoka {
height: 840px;
background-size: cover;
}
.n_index_fv_fukuoka .inc {
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: end;
padding: 128px 64px;
height: 100%;
}
.n_index_fv_fukuoka .inc h1 {
font-size: 45px;
color: #fff;
line-height: 1.8;
font-family: 'Noto Serif JP', serif;
}
.n_index_fv_fukuoka .inc h1 span {
position: relative;
line-height: 1.6;
}
.n_index_fv_fukuoka .inc h1 span:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background: #fff;
}
.n_index_fv_fukuoka .fv_block {
margin: 0 42px 24px 0;
}
.n_index_fv_fukuoka .fv_block img {
max-width: 385px;
margin: 42px 0 20px;
}
.n_index_fv_fukuoka .fv_block p {
font-size: 16px;
color: #fff;
margin-top: 24px;
font-family: 'Noto Serif JP', serif;
line-height: 1.9;
}
.n_index_fv_fukuoka .hover_cv .hover_cv_btn a {
background: #272F44
}
@media screen and (max-width: 980px) {
.n_index_fv_fukuoka {
height: auto;
background-size: contain;
background-repeat: no-repeat;
background-color: #010101;
}
.n_index_fv_fukuoka .inc {
padding: 50vw 3vw 0;
display: block;
height: auto;
}
.n_index_fv_fukuoka .inc h1 {
font-size: 7vw;
}
.n_index_fv_fukuoka .fv_block img {
max-width: 100%;
margin: 9vw 0 6vw;
}
.n_index_fv_fukuoka .fv_block p {
font-size: 4vw;
}
.webp .n_index_fv_fukuoka {
background-image: url(https://mabp.co.jp/img/new_top/cv2_bg_sp.webp);
}
.no-webp .n_index_fv_fukuoka {
background-image: url(https://mabp.co.jp/img/new_top/cv2_bg_sp.jpg);
}
.n_index_fv_fukuoka .fv_block {
margin: 0 0 24px 0;
}
} .new_2023 #tvcm_fukuoka {
background: #DFE1E5;
}
.new_2023 #tvcm_fukuoka .inc {
max-width: 1200px;
margin: 0 auto;
padding: 236px 60px 120px
}
.new_2023 #tvcm_fukuoka .inc h2.left_d {
color: #01091E;
}
.new_2023 #tvcm_fukuoka .inc h2.left_d:before {
background: #01091E;
}
.new_2023 #tvcm_fukuoka .inc .area {
max-width: 1060px;
margin: 0 auto;
padding: 46px 30px 60px;
display: flex;
justify-content: space-between;
}
.new_2023 #tvcm_fukuoka .inc .area .youtube h3 {
position: absolute;
top: -5rem;
font-size: 20px;
font-family: 'Noto Serif JP', serif;
line-height: 1;
}
.new_2023 #tvcm_fukuoka .inc .area .youtube h3 i {
font-family: 'Crimson Text', serif;
font-size: 44px;
font-weight: 300;
margin-right: 12px;
}
.new_2023 #tvcm_fukuoka .inc .area .youtube {
position: relative;
width: 48%;
padding-top: 27.25%;
}
.new_2023 #tvcm_fukuoka .inc .area iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
@media screen and (max-width:980px) {
.new_2023 #tvcm_fukuoka .inc .area .youtube {
width: 100%;
padding-top: 56.25%;
margin: 20vw 0;
}
.new_2023 #tvcm_fukuoka .inc {
padding: 10vw 3vw;
}
.new_2023 #tvcm_fukuoka .inc .area {
padding: 0;
display: block;
}
} .no-webp .new_2023 #reason_fukuoka {
background-color: #01091E;
background-image: url(//mabp.co.jp/img/new_top/rea_bg1.png);
background-size: 1152px;
background-repeat: no-repeat;
background-position: right -270px bottom -423px;
}
.webp .new_2023 #reason_fukuoka {
background-color: #01091E;
background-image: url(//mabp.co.jp/img/new_top/rea_bg1.webp);
background-size: 1152px;
background-repeat: no-repeat;
background-position: right -270px bottom -423px;
}
.new_2023 #reason_fukuoka .inc {
max-width: 1200px;
margin: 0 auto;
padding: 120px 60px 120px;
}
.new_2023 #reason_fukuoka .inc .area {
display: flex;
justify-content: flex-end;
color: #fff;
}
.new_2023 #reason_fukuoka .inc .area .txt {
margin: 0 86px 0 96px;
}
.new_2023 #reason_fukuoka .inc .area .txt h3 {
font-size: 27px;
font-family: 'Noto Serif JP', serif;
margin-bottom: 20px;
margin-top: 30px;
line-height: 1;
display: flex;
align-items: center;
}
.new_2023 #reason_fukuoka .inc .area .txt:first-child h3 {
margin-top: 0;
}
.new_2023 #reason_fukuoka .inc .area .txt h3 i {
font-family: 'Crimson Text', serif;
font-size: 55px;
font-weight: 300;
margin-right: 24px;
}
.new_2023 #reason_fukuoka .inc .area .txt p {
font-size: 14px;
}
.new_2023 #reason_fukuoka .inc .area .img {
max-width: 413px;
}
@media screen and (max-width:980px) {
.webp .new_2023 #reason_fukuoka {
background-color: #010101;
background: #010101;
background: -moz-linear-gradient(top, #1b2a55 0%, #132147 100%);
background: -webkit-linear-gradient(top, #010101 0%, #132147 100%);
background: linear-gradient(to bottom, #010101 0%, #132147 100%);
}
.no-webp .new_2023 #reason_fukuoka {
background-color: #010101;
background: #010101;
background: -moz-linear-gradient(top, #1b2a55 0%, #132147 100%);
background: -webkit-linear-gradient(top, #010101 0%, #132147 100%);
background: linear-gradient(to bottom, #010101 0%, #132147 100%);
}
.new_2023 #reason_fukuoka .inc {
padding: 10vw 3vw;
}
.new_2023 #reason_fukuoka .inc .area {
display: block;
}
.new_2023 #reason_fukuoka .inc .area .txt {
margin: 0 5vw 5vw;
}
.new_2023 #reason_fukuoka .inc .area .txt h3 {
font-size: 4.8vw;
}
.new_2023 #reason_fukuoka .inc .area .txt h3 i {
font-size: 9.4vw;
opacity: 0.7;
margin-right: 4vw;
}
.new_2023 #reason_fukuoka .inc .area .txt p {
font-size: 3.4vw;
margin-bottom: 6vw;
}
.new_2023 #reason_fukuoka .inc .area .img {
max-width: 75vw;
margin: 0 0 0 auto;
}
} .new_2023 #contact_fukuoka {
background: #DFE1E5;
}
.new_2023 #contact_fukuoka .inc {
max-width: 1200px;
margin: 0 auto;
padding: 120px 30px;
}
.new_2023 #contact_fukuoka .inc h2.left_d {
color: #01091E;
}
.new_2023 #contact_fukuoka .inc h2.left_d:before {
background: #01091E;
}
.new_2023 #contact_fukuoka .inc .contact_contents {
background-color: #fff;
border: 1px solid #0F2446;
padding: 50px;
width: 100%;
max-width: 940px;
margin: 50px auto 0;
}
@media screen and (max-width: 980px) {
.new_2023 #contact_fukuoka .inc {
padding: 10vw 3vw;
}
}
#contact_fukuoka .inc .contact_contents .fv_contact_form form div.fv_contact_form_row {
display: block;
align-items: center;
margin-bottom: 30px;
} .fv_contact {
background: rgba(255, 255, 255, 0.7);
padding: 24px;
margin-left: 42px;
}
.fv_contact-txt {
font-family: 'Noto Serif JP', serif;
text-align: center;
}
.fv_contact_form {
margin-top: 20px;
}
.fv_contact_form form div.fv_contact_form_row {
display: flex;
align-items: center;
margin-bottom: -8px;
}
.fv_contact_form form div p.fv_contact_form_input input {
width: 100%;
padding: 7px 6px;
border: 1px solid #e2e9fc;
border-radius: 10px;
background-color: #F2F6FA;
}
.fv_contact_form form div .fv_contact_form_title {
width: 150px;
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: space-between;
padding-right: 5px;
letter-spacing: 0.1rem;
}
.fv_contact_form form div .fv_contact_form_input {
font-family: 'Noto Serif JP', serif;
flex: 2;
}
.fv_contact_form form div .fv_contact_form_title span {
font-size: 9px;
color: #fff;
padding: 1px 6px;
background-color: #2B5077;
margin: 0 3px;
letter-spacing: 0.1;
}
.fv_contact_form form div .fv_contact_form_select {
width: 100%;
padding: 7px 6px;
background-color: #fff;
border: 1px solid #e2e9fc;
background-color: #F2F6FA;
}
.fv_contact_form form div .fv_contact_form_select>select {
width: 100%;
}
.fv_contact_form form div .fv_contact_form_submit {
margin-top: 35px;
text-align: center;
}
.fv_contact_form_submit-innr {}
.fv_contact_form form div .fv_contact_form_submit-innr button {
position: relative;
display: block;
width: 100%;
max-width: 250px;
height: 100%;
color: #fff;
font-family: 'Noto Serif JP', serif;
font-size: 18px;
font-weight: 600;
text-align: center;
background-color: #2B5077;
padding: 10px 20px;
margin: 0 auto;
}
.fv_contact_form form div .fv_contact_form_submit-innr button:hover {
opacity: 0.8;
}
@media (max-width: 380px) {
.fv_contact_form form div .fv_contact_form_submit-innr button {
width: 100%;
}
}
.fv_contact_form form p.fv_contact_form_attention {
display: flex;
font-size: 10px;
line-height: 1.3;
column-gap: 2px;
}
@media (max-width: 769px) {
.fv_contact {
margin: 0;
}
.fv_contact_form form div.fv_contact_form_row {
display: flex;
align-items: flex-start;
flex-direction: column;
margin-bottom: 0px;
}
.fv_contact_form form p.fv_contact_form_title {
justify-content: flex-start;
}
}
.fv_contact_form_want {
text-align: center;
margin-top: 8px;
margin-bottom: 8px;
}
.fv_contact_form_want .mwform-checkbox-field-text {
position: relative;
padding-left: 24px;
font-family: 'Noto Serif JP', serif;
font-size: 13px;
font-weight: 600;
}
.fv_contact_form_want .mwform-checkbox-field-text::before {
position: absolute;
top: 48%;
left: 0;
width: 16px;
height: 16px;
background-color: #fff;
border: 2px solid #e2e9fc;
border-radius: 2px;
transform: translateY(-50%);
content: "";
}
.fv_contact_form_want .mwform-checkbox-field-text::after {
position: absolute;
top: 43%;
left: 6px;
display: none;
width: 5px;
height: 10px;
border-right: 2px solid #303e58;
border-bottom: 2px solid #303e58;
transform: translateY(-50%) rotate(45deg);
content: "";
}
.fv_contact_form_want input:checked+.mwform-checkbox-field-text::after {
display: block;
} .no-webp .new_2023 .foot_cv_fukuoka {
background-image: url(//mabp.co.jp/img/new_top/fv_bg.png);
background-size: cover;
background-position: 0% 30%;
position: relative;
z-index: 0;
}
.webp .new_2023 .foot_cv_fukuoka {
background-image: url(//mabp.co.jp/img/new_top/fv_bg.webp);
background-size: cover;
background-position: 0% 30%;
position: relative;
z-index: 0;
}
.new_2023 .foot_cv_fukuoka::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: inherit;
filter: brightness(60%);
z-index: -1;
}
.new_2023 .foot_cv_fukuoka .inc {
max-width: 1060px;
margin: 0 auto;
padding: 168px 30px 90px;
text-align: left;
}
.new_2023 .foot_cv_fukuoka .inc p {
font-size: 26px;
color: #fff;
font-family: 'Noto Serif JP', serif;
line-height: 2;
margin-bottom: 104px;
}
.new_2023 .foot_cv_fukuoka .inc .hover_cv {
margin-top: 0;
}
.new_2023 .foot_cv_fukuoka .inc .hover_cv .hover_cv_btn a p {
font-size: 20px;
margin: 0;
}
@media screen and (max-width: 980px) {
.webp .new_2023 .foot_cv_fukuoka {
background-image: url(//mabp.co.jp/img/new_top/fv_bg_sp.webp);
}
.no-webp .new_2023 .foot_cv_fukuoka {
background-image: url(//mabp.co.jp/img/new_top/fv_bg_sp.png);
}
.new_2023 .foot_cv_fukuoka .inc {
padding: 15vw 3vw;
}
.new_2023 .foot_cv_fukuoka .inc p {
font-size: 4.2vw;
margin-bottom: 6vw;
}
.new_2023 .foot_cv_fukuoka .inc .hover_cv .hover_cv_btn a p {
font-size: 4.2vw;
}
}
header.new_header {
background: rgba(31, 47, 84, 1);
}
@media only screen and (min-width: 1301px) {
.new_2023 .l-main {
padding-top: 10px;
}
} .webp #n_index_fv_lpa {
background-image: url(https://mabp.co.jp/img/new_top/fv_bg.webp);
}
@media screen and (max-width:980px) {
.webp #n_index_fv_lpa {
background-image: url(https://mabp.co.jp/img/new_top/fv_bg_sp.webp);
}
}
#n_index_fv_lpa .fv_contact {
background: rgba(255, 255, 255, 0);
padding: 0;
margin-top: 20px;
margin-left: 0px;
color: #ffffff;
}
@media screen and (min-width:980px) {
#n_index_fv_lpa .fv_contact {
width: 36%;
margin-bottom: -18px;
}
}
#n_index_fv_lpa .inc h1 {
font-size: 42px;
}
@media screen and (max-width:980px) {
#n_index_fv_lpa .inc h1 {
font-size: 6vw;
}
}
#n_index_fv_lpa .fv_block {
margin: 0 auto; padding: 10px;
}
#n_index_fv_lpa .inc {
max-width: 1100px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: end;
padding: 128px 64px;
height: 100%;
}
@media screen and (max-width: 980px) {
#n_index_fv_lpa .inc {
padding: 50vw 3vw 0;
display: block;
height: auto;
}
}
#n_index_fv_lpa .hover_cv {
max-width: 828px;
margin: -74px auto 0;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 980px) {
#n_index_fv_lpa .hover_cv {
display: block;
margin: 0 5vw;
padding: 4vw 0;
max-width: 100%;
}
}
.new_2023 #tvcm_fukuoka #n_index_tvcm_lpa {
padding: 120px 60px 120px;
}
@media screen and (max-width: 980px) {
.new_2023 #tvcm_fukuoka #n_index_tvcm_lpa {
padding: 10vw 3vw;
}
}
.cv_lpa p.cta_tell {
text-align: center;
color: #ffffff;
margin-top: 10px;
}
.cv_lpa p.cta_tell a {
color: #ffffff;
font-size: 40px;
}
.new_2023 .cv .inc #hover_cv_lpa {
margin: 0 auto 0;
}
.cv_lpa div.cta_bottom {
margin-bottom: 0;
}
@media screen and (max-width: 980px) {
.cv_lpa div.cta_bottom {
margin-bottom: 20px;
}
}
@media screen and (min-width: 980px) {
.cv_lpa p.Nationwide {
padding-top: 20px;
}
}
@media screen and (max-width: 980px) {
.new_2023 .cv .inc .txt p#tell_top {
margin-top: -20px
}
}
.webp .lpa_2023 #reason_fukuoka {
background-color: #101e42;
}
.lpa_2023 #advisor {
background: #101e42;
}
@media screen and (max-width: 980px) {
#n_index_fv_lpa .fv_contact {
padding: 0 8px;
}
}
@media screen and (min-width: 981px) {
.cv_lpa .cta_tell_right {
padding-right: 40px;
padding-top: 10px;
}
}
@media screen and (max-width: 980px) {
p#lpa_head_contact_fv {
display: none;
}
}
p.lpa_senmon {
width: 50%;
padding-left: 10px;
text-align: left;
}
@media screen and (min-width: 981px) {
p.lpa_senmon {
padding-top: 5px;
}
}
@media screen and (max-width: 980px) {
p.lpa_senmon {
width: 100%;
line-height: 1.5em;
font-size: 4vw;
}
}
@media screen and (min-width: 981px) {
p.lpa_senmon_text {
padding-top: 5px;
}
p.lpa_senmon_text2 {
padding-top: 5px;
}
}
@media screen and (min-width: 981px) {
.lpa_2023 #senmon .inc p {
margin-bottom: 0;
}
.lpa_2023 #senmon .inc p.senmon_lpa_m {
margin-bottom: 80px;
}
p.lpa_senmon_text {
padding-top: 28px;
}
p.lpa_senmon_text2 {
padding-top: 40px;
}
}
@media screen and (max-width: 981px) {
#n_index_fv_lpa #fv_block_pc {
display: none;
}
}
@media screen and (min-width: 980px) {
#n_index_fv_lpa #fv_block_sp {
display: none;
}
} .new_2023 #senmon .inc .accordions {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.new_2023 #senmon .inc .accordion {
width: 48%;
height: fit-content;
margin: 2% .5%;
border: 1px solid #d6dde3;
background: transparent;
}
.new_2023 #senmon .inc .accordion summary {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 2.75em 2em;
color: #fff;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
font-weight: 600;
cursor: pointer;
}
.new_2023 #senmon .inc .accordion[open] summary {
border-bottom: 1px solid #d6dde3;
}
.new_2023 #senmon .inc .accordion summary::-webkit-details-marker {
display: none;
}
.new_2023 #senmon .inc .accordion summary::after {
transform: translateY(-25%) rotate(45deg);
width: 16px;
height: 16px;
margin-left: 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
content: '';
transition: transform .3s;
}
.new_2023 #senmon .inc .accordion[open] summary::after {
transform: rotate(225deg);
}
.new_2023 #senmon .inc .accordion ul {
display: flex;
justify-content: flex-start;
align-content: flex-start;
flex-wrap: wrap;
min-height: 260px;
background: linear-gradient(to bottom, #1b2a55 0%, #000b24 100%);
backdrop-filter: blur(30px);
-webkit-backdrop-filter: blur(30px);
padding: 1.5rem 2rem;
}
.new_2023 #senmon .inc .accordion li {
font-size: 14px;
min-width: 135px;
transform: translateY(-10px);
opacity: 0;
margin: 0;
padding: 1em .5em;
color: #fff;
transition: transform .5s, opacity .5s;
}
.new_2023 #senmon .inc .accordion[open] li {
transform: none;
opacity: 1;
}
.new_2023 #senmon .inc .accordion a {
color: #fff;
display: block;
height: 100%;
width: 100%
}
.new_2023 #senmon .inc .accordion .accordion-bg01::before,
.new_2023 #senmon .inc .accordion .accordion-bg02::before,
.new_2023 #senmon .inc .accordion .accordion-bg03::before,
.new_2023 #senmon .inc .accordion .accordion-bg04::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(1, 9, 30, .01);
z-index: -1;
}
.new_2023 #senmon .inc .accordion .accordion-bg01 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn01.png) no-repeat top center / cover;
position: relative;
z-index: 0;
}
.new_2023 #senmon .inc .accordion .accordion-bg02 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn02.png) no-repeat top center / cover;
position: relative;
z-index: 0;
}
.new_2023 #senmon .inc .accordion .accordion-bg03 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn03.png) no-repeat top center / cover;
position: relative;
z-index: 0;
}
.new_2023 #senmon .inc .accordion .accordion-bg04 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn04.png) no-repeat top center / cover;
position: relative;
z-index: 0;
} .new_2023 #senmon .inc a.accordion__link {
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
padding: 2.75em 2em;
color: #fff;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
font-weight: 600;
cursor: pointer;
width: 48%;
height: fit-content;
margin: 2% .5%;
border: 1px solid #d6dde3;
background: transparent;
}
.new_2023 #senmon .inc .accordion__link:hover {
opacity: 1;
}
.new_2023 #senmon .inc .accordion__link.accordion-bg05::before,
.new_2023 #senmon .inc .accordion__link.accordion-bg06::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(1, 9, 30, .01);
z-index: -1;
}
.new_2023 #senmon .inc .accordion .accordion-bg05 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn05.png) no-repeat top center / cover;
position: relative;
z-index: 0;
}
.new_2023 #senmon .inc a.accordion__link.accordion-bg05 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn05.png) no-repeat top center / cover;
position: relative;
z-index: 0;
}
.new_2023 #senmon .inc .accordion .accordion-bg06 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn06.png) no-repeat top center / cover;
position: relative;
z-index: 0;
}
.new_2023 #senmon .inc a.accordion__link.accordion-bg06 {
background: url(https://mabp.co.jp/img/new_top/ser_accbtn06.png) no-repeat top center / cover;
position: relative;
z-index: 0;
}
.new_2023 #senmon .inc a.accordion__link p {
color: #fff;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
font-weight: 600;
margin: 0;
}
@media screen and (max-width: 980px) {
.new_2023 #senmon .inc .accordions {
display: inline-block;
}
.new_2023 #senmon .inc .accordion {
width: 100%;
height: fit-content;
margin: 3% 0;
}
.new_2023 #senmon .inc .accordion ul {
min-height: 90px;
}
.new_2023 #senmon .inc .accordion li {
font-size: 16px;
width: 33%;
min-height: fit-content;
}
.new_2023 #senmon .inc a.accordion__link {
width: 100%;
height: fit-content;
margin: 3% 0;
}
.new_2023 #senmon .inc a.accordion__link {
min-height: 90px;
}
.new_2023 #senmon .inc a.accordion__link p {
font-size: 20px;
min-height: fit-content;
}
}
@media screen and (max-width: 767px) {
.new_2023 #senmon .inc .accordion summary {
font-size: 4vw;
padding: 2em 1.75em;
height: 90px;
}
.new_2023 #senmon .inc .accordion ul {
justify-content: space-around;
}
.new_2023 #senmon .inc .accordion li {
font-size: 16px;
width: 50%;
min-height: fit-content;
}
.new_2023 #senmon .inc a.accordion__link {
height: 90px;
padding: 1em 1.75em;
}
.new_2023 #senmon .inc a.accordion__link p {
font-size: 4vw;
}
} .new-container {
width: 1140px;
margin: 0 auto;
padding: 0 15px;
}
.new_contact_form .note {
padding: 0 0 40px 0;
margin-bottom: 0;
font-size: 16px;
line-height: 170%;
text-align: center;
}
.new_contact_form .note a {
color: #2b5077;
font-weight: 700;
font-size: 18px;
line-height: 2;
display: block;
}
.new_contact_form h3.confirm {
font-family: 'Noto Serif JP', serif;
color: #2b5077;
font-size: min(2.6rem, 5vw);
text-align: center;
margin-bottom: 40px;
}
.new_contact_form {
max-width: 1110px;
width: 100%;
height: auto;
padding: 80px 80px 10px;
background: #fff;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
margin: 0 auto;
}
.new_contact_form .form,
.new_contact_form .form_privacy {
max-width: 770px;
margin: 0 auto;
}
.new_contact_form .form_row {
margin-bottom: 14px;
border-bottom: 1px solid #f0f0f0;
display: flex;
align-items: center;
}
.new_contact_form .form_row:last-child,
.new_contact_form .form_row:nth-last-child(2) {
border-bottom: none;
}
.new_contact_form .form_inline {
display: flex;
}
.new_contact_form .form_title {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 1.6;
letter-spacing: .15px;
text-align: left;
color: #001b32;
min-width: 250px;
width: 35%;
margin-left: 60px;
margin-bottom: 14px;
position: relative;
}
.new_contact_form .form_title .form_require:before {
content: "必須";
position: absolute;
top: 5px;
left: -60px;
height: 20px;
padding: 0 10px;
font-size: 12px;
background: #af332e;
color: #fff;
}
.new_contact_form .form_title .form_any:before {
content: "任意";
position: absolute;
top: 5px;
left: -60px;
height: 20px;
padding: 0 10px;
font-size: 12px;
background: #9f9f9f;
color: #fff;
}
.new_contact_form .form_title .form_auto:before {
content: "自動";
position: absolute;
top: 5px;
left: -60px;
height: 20px;
padding: 0 10px;
font-size: 12px;
background: #16212D;
color: #fff;
}
.new_contact_form .form_othertitle {
min-width: 50px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 3.8;
letter-spacing: 1.3px;
text-align: left;
color: #333;
}
.new_contact_form .form_input {
width: 100%;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1;
letter-spacing: 1.3px;
text-align: left;
color: #333;
position: relative;
margin: 0 10px 14px 10px;
flex: 1;
} .new_contact_form .form_input span {
font-weight: 600;
line-height: 1.5;
width: 100%;
}
.new_contact_form .form_input span::after {
content: none;
}
.new_contact_form .form_input input[type=text],
.new_contact_form .form_input input[type=date],
.new_contact_form .form_select select,
.new_contact_form .form_input textarea {
width: 100%;
height: 50px;
padding: 12px 20px;
border: solid 1.45px #d2d2d2; background: #f1f1f1;
box-shadow: 1px 1px 1px 0 rgba(1, 37, 67, 0.05);
}
.new_contact_form .form_input textarea {
width: 100%;
min-height: 150px;
resize: vertical;
line-height: 2;
}
.new_contact_form .form_input input[type=date] {
width: 100%;
}
.new_contact_form .form_select {}
.new_contact_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 6px 0 6px;
transform: translateY(-50%);
pointer-events: none;
}
.new_contact_form .form_checkbox {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
max-width: 250px;
}
.new_contact_form .form_checkbox.kibou {
min-width: 100%;
}
.new_contact_form .form_checkbox label {
min-width: 200px;
line-height: 1.5;
}
.new_contact_form .form_checkbox input[type=checkbox] {
display: inline-block;
border: solid 1px #d2d2d2;
background: #fff;
vertical-align: middle;
width: 20px;
height: 20px;
margin-right: 10px;
}
.new_contact_form .form_radio {
color: #fff;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
}
.new_contact_form .form_radio label {
display: inline-block;
color: #fff;
min-width: 100px;
}
.new_contact_form .form_radio input[type=radio] {
display: inline-block;
}
.new_contact_form .form_privacy {
margin: 16px 0;
padding: 10px 10px 5px;
background: #f1f1f1;
}
.new_contact_form .form_privacy p {
font-family: 'Noto Sans CJK', 'NotoSansCJKjp', sans-serif;
font-size: 14px;
line-height: 1.6;
letter-spacing: 1.2px;
color: #133958;
margin-bottom: 10px !important;
}
.new_contact_form .form_privacy a {
text-decoration: underline;
color: #133958;
}
.new_contact_form .form_submit {
position: relative;
}
.new_contact_form .form_submit input,
.new_contact_form .form_submit button {
width: 100%;
font-family: 'Noto Sans JP', sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1.27;
letter-spacing: 2px;
text-align: center;
color: #fff;
padding: 25px 0 24px;
background: #005eaa;
box-shadow: 2px 2px 4px 0 rgba(1, 37, 67, 0.5);
border-radius: 5px;
}
.new_contact_form .form_submit::after {
content: "";
position: absolute;
background: url(//mabp.co.jp/img/recruit/newgrads/entry_submit-arrow.svg) center center / cover no-repeat;
bottom: 32px;
right: 30px;
width: 29px;
height: 8.5px;
pointer-events: none;
}
.new_contact_form .form_input input:hover,
.new_contact_form .form_select select:hover,
.new_contact_form .form_input textarea:hover,
.new_contact_form .form_input input[type=date]:hover {
border: 1.5px solid #133958;
}
.new_contact_form .form_submit input:hover {
border: 1.5px solid #fff;
}
.new_contact_form .form_input .formrun-system-show[data-formrun-show-if-error] {
color: #df0000;
font-size: 10px;
line-height: 1;
letter-spacing: 1.5px;
position: absolute;
right: 0;
top: -12px;
}
.new_contact_form a.back_button {
font-family: 'Noto Serif JP', serif;
color: #133958;
text-align: center;
width: 100%;
}
@media screen and (max-width: 980px) {
.new_contact_form {
padding: 60px 60px 10px;
}
.new_contact_form .form_row {
display: block;
margin-bottom: 12px;
border-bottom: none;
}
.new_contact_form .form_title {
margin-bottom: 0;
font-size: 14px;
width: calc(100% - 50px);
margin-left: 50px;
letter-spacing: .2px;
}
.new_contact_form .form_input {
margin: 8px 0 16px;
}
.new_contact_form .form_title .form_require:before,
.new_contact_form .form_title .form_any:before,
.new_contact_form .form_title .form_auto:before {
top: 2px;
left: -50px;
padding: 0 6px;
}
.new_contact_form .form_row .form_input.-second {
margin: 20px 0 10px 0;
}
.new_contact_form .form_input input[type=text],
.new_contact_form .form_input input[type=date],
.new_contact_form .form_select select,
.new_contact_form .form_input textarea {
width: 100%;
height: 40px;
padding: 5px 7px;
}
.new_contact_form .form_checkbox {
max-width: 100%;
}
.new_contact_form .form_checkbox label {
font-size: 12px;
}
.new_contact_form .form_privacy p {
font-size: 12px;
line-height: 1.6;
letter-spacing: .1px;
}
.new_contact_form .note {
font-size: 12px;
padding: 0 0 16px 0;
}
.new_contact_form .note a {
font-size: 16px;
margin-top: 10px;
}
}
@media screen and (max-width: 767px) {
.new-container {
padding: 0;
width: 100%;
}
.new_contact_form {
padding: 24px 16px 16px;
}
} .p-content_contact-tel {
margin: 40px auto;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 24px 0;
border: 1.5px solid #2b5077;
font-weight: 600;
color: #fff;
background: #2b5077;
}
.p-content_contact__telText {
font-family: 'Noto Sans JP', sans-serif;
font-size: min(2.3rem, 2.3vw);
font-weight: 600;
color: #EFF2F4;
margin-bottom: 15px
}
.p-content_contact__telNum {
display: flex;
align-items: center;
justify-content: center;
}
a.p-content_contact__telNum {
color: #fff;
}
.p-content_contact__telNum span {
line-height: 1;
font-size: 1.4rem;
font-weight: 600;
margin-right: 20px;
border: 1px solid #fff;
padding: 5px 14px
}
.p-content_contact__telNum address {
line-height: 1;
font-family: 'Noto Sans JP', sans-serif;
font-size: min(3.8rem, 3.8vw);
font-weight: 600;
}
@media screen and (max-width: 980px) {
.p-content_contact__telText {
font-size: 1.4rem;
}
.p-content_contact__telNum address {
font-size: 2.4rem;
}
.p-content_contact__telNum span {
font-size: 1.2rem;
padding: 5px 8px;
margin-right: 10px;
}
} .n_index_fv .swiper-container {
height: 100%;
}
.n_index_fv .swiper-container .swiper-wrapper {
height: 100vh;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide {
position: relative;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide picture > img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: 50% 30%;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet {
position: absolute;
left: 50%;
top: 65%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
width: 100%;
height: auto;
color: #fff;
max-width: 880px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: end;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet.-center {
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet.-bottom {
left: 50%;
top: 70%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .blur_bg {
position: relative;
display: flex;
flex-direction: column;   
align-items: center;
width: 100%;
height: auto;
padding: 40px 10px;
text-align: center;
border: 1px solid #fff;
background: #01091e8f;
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .trp_bg {
position: relative;
display: flex;
flex-direction: column;   
align-items: center;
width: 100%;
height: auto;
text-align: center;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet h1 {
font-size: min(45px, 6vw);
color: #fff;
line-height: 1.8;
font-family: 'Noto Serif JP', serif;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet h1 span {
position: relative;
line-height: 1.6;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet h1 span:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background: #fff;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet p {
font-family: 'Noto Serif JP', serif;
font-size: min(16px, 3vw);
line-height: 1.8;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet.center p {
margin-bottom: 40px;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .notice {
background: #ffffff4a;
padding: 5px 14px;
margin: 0px;
text-align: center;
position: relative;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .notice a {
font-size: min(16px, 3vw);
color: #fff;
margin: 0px;
font-family: 'Noto Serif JP', serif;
display: inline-block;
text-decoration: underline;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .notice a:before {
position: absolute;
content: "";
display: block;
top: 50%;
right: -45px;
transform: translateY(-50%);
border-radius: 50%;
border: 3.5px solid #85B5E6;
width: 40px;
height: 40px;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .notice a:after {
position: absolute;
content: "";
display: block;
top: 50%;
right: -35px;
transform: translateY(-50%);
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 10px 0 10px 15px;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .notice a:hover,
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .notice a:focus {
opacity: 0.7;
outline: none;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet p.fv_subhead {
font-family: 'Noto Serif JP', serif;
font-size: min(34px, 5vw);
line-height: 1.6;
margin-bottom: 24px;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .area {
width: 100%;
display: flex;
align-items: center;
justify-content: space-evenly;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .hover_cv_btn a {
width: 300px;
height: auto;
border: 1px solid #fff;
display: block;
text-align: center;
padding: 20px 36px;
position: relative;
z-index: 1;
background: #272F44;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .hover_cv_btn a:hover,
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .hover_cv_btn a:active {
opacity: 0.95;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .hover_cv_btn a p {
position: relative;
padding-bottom: 10px;
display: inline-block;
font-size: min(18px, 3vw);
font-weight: 500;
color: #fff;
font-family: 'Noto Serif JP', serif;
margin: 0;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .hover_cv_btn a p:before {
content: "";
width: 100%;
height: 1px;
background: #85B5E6;
position: absolute;
bottom: 0;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .hover_cv_btn a p:after {
content: "";
width: 36px;
height: 2px;
background: #fff;
position: absolute;
bottom: 0;
right: 0;
}
.n_index_fv .swiper-container .swiper-pagination {
left: 3%;
text-align: left;
}
.n_index_fv .swiper-container .swiper-pagination-bullet {
background: #fff !important;
}
.n_index_fv .swiper-container .swiper-pagination-bullet-active {
width: 10px;
height: 10px;
}
@media screen and (max-width: 980px) {
.n_index_fv .swiper-container .swiper-wrapper {
height: 110vh;
min-height: 600px;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide picture > img {
max-width: 100%;
object-position: 50% 0%;
margin: 0 0 1vw;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet {
display: block;
padding: 3vw;
top: 60%;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet.-center {
display: block;
padding: 3vw;
top: 50%;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet.-bottom {
display: block;
padding: 3vw;
top: 60%;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet img.industry {
width: 100%;
max-width: 500px;
margin: 4vw 0 1vw;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet p {
margin: 1vw 0 5vw;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .notice {
width: 85%;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet .hover_cv_btn a {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.n_index_fv .swiper-container .swiper-wrapper {
height: 100vh;
}
.n_index_fv .swiper-container .swiper-wrapper .fv_slide .fv_slide__contet img.industry {
max-width: 400px;
}
}
@media screen and (max-width: 500px) {
.n_index_fv .swiper-container .swiper-wrapper {
height: 70vh;
}
} .modaal-wrapper {
z-index: 999999;
background: #000;
}
.modaal-container {
background: #000;
}
.modaal-iframe .modaal-content {
aspect-ratio: 16/9;
}
.modaal-wrapper .modaal-close {
position: absolute;
top: -60px;
right: 0;
}
.modaal-close:after,
.modaal-close:before {
width: 2px;
}
.modaal-close:focus,
.modaal-close:hover {
outline: 0;
background: transparent;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
background: #fff;
} #contact .p-contact-renew__banner {
display: flex;
align-items: center;
gap: 14px;
background: #a29667 !important;
border: none !important;
border-radius: 8px;
height: auto !important;
padding: 14px 22px !important;
margin-bottom: 20px !important;
font-family: 'Noto Sans JP', sans-serif !important;
font-weight: 500 !important;
transition: opacity .2s ease;
}
#contact .p-contact-renew__banner--phone {
background: #005eaa !important;
}
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone) {
background: #fff !important;
border: 1.5px solid #a29667 !important;
}
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone),
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone):link,
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone):visited,
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone):hover,
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone):active {
color: #a29667 !important;
}
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone) .p-contact-renew__banner-title {
color: #a29667 !important;
}
#contact .p-contact-renew__banner:not(.p-contact-renew__banner--phone) .p-contact-renew__banner-sub {
color: rgba(162, 150, 103, .8) !important;
}
#contact .p-contact-renew__banner--phone .p-contact-renew__banner-title {
font-size: 20px;
letter-spacing: .02em;
line-height: 1.8;
}
#contact .p-contact-renew__banner,
#contact .p-contact-renew__banner:link,
#contact .p-contact-renew__banner:visited,
#contact .p-contact-renew__banner:hover,
#contact .p-contact-renew__banner:active {
color: #fff !important;
text-decoration: none !important;
}
#contact .p-contact-renew__banner:hover {
opacity: .85;
}
#contact .p-contact-renew__banner-text {
flex: 1;
min-width: 0;
}
#contact .p-contact-renew__banner-title {
display: block;
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: 700;
letter-spacing: .04em;
margin-bottom: 4px;
word-break: keep-all;
overflow-wrap: anywhere;
color: #fff !important;
}
#contact .p-contact-renew__banner-sub {
display: block;
font-family: 'Noto Sans JP', sans-serif;
font-size: 12.5px;
font-weight: 500;
color: rgba(255, 255, 255, .85) !important;
letter-spacing: .02em;
line-height: 2;
word-break: keep-all;
overflow-wrap: anywhere;
}
#contact .p-contact-renew__banner-arrow {
flex-shrink: 0;
font-family: 'Noto Sans JP', sans-serif !important;
font-size: 20px;
font-weight: 700 !important;
}
#contact .p-contact-renew__banner-icon {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
background: rgba(255, 255, 255, .22);
}
#contact .p-contact-renew__form-note {
display: flex;
align-items: center;
gap: 10px;
font-family: 'Noto Sans JP', sans-serif;
font-size: 12.5px;
font-weight: 700;
color: #2b5077;
margin: 0 0 26px;
}
#contact .p-contact-renew__form-note .dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: #005eaa;
flex-shrink: 0;
}
@media screen and (max-width: 980px) {
#contact .p-contact-renew__banner {
max-width: 363px;
margin: 0 auto 24px;
}
} .page-mv.-contact .page-mv__main::before {
background-image: url(//mabp.co.jp/img/main/kv_contact.jpg);
} .manda_2023 #contact .inc {
padding: 56px 0 56px !important;
}
.manda_2023 #contact .inc h2.contact_heading {
font-family: 'Shippori Mincho B1', 'Noto Serif JP', serif !important;
font-size: 28px !important;
line-height: 1.4 !important;
margin-bottom: 20px !important;
}
.manda_2023 #contact .inc .contact_inner .contact_text {
font-size: 15px !important;
line-height: 1.7 !important;
margin-bottom: 24px !important;
padding-bottom: 24px !important;
border-bottom: 1px dashed #c7c7c7 !important;
}
.manda_2023 #contact .inc .contact_inner .contact_desc {
flex: 4 1 0 !important;
width: auto !important;
max-width: none !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form {
flex: 6 1 0 !important;
width: auto !important;
max-width: none !important;
padding: 26px 34px !important;
}
.manda_2023 #contact .inc .contact_inner {
gap: 40px !important;
} .manda_2023 #contact .inc .contact_inner .contact_form .form_row {
display: flex !important;
align-items: center;
gap: 16px;
margin-bottom: 12px !important;
padding-bottom: 12px; }
.manda_2023 #contact .inc .contact_inner .contact_form .form_row:last-of-type,
.manda_2023 #contact .inc .contact_inner .contact_form .form_row:has(.form_submit),
.manda_2023 #contact .inc .contact_inner .contact_form .form_row:has(.back_button) {
border-bottom: none;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_title {
flex: 0 0 200px;
width: 200px;
font-size: 13px !important;
line-height: 1.4 !important;
margin-bottom: 0 !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_title label {
display: flex;
align-items: center;
gap: 6px;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_title .form_require:before,
.manda_2023 #contact .inc .contact_inner .contact_form .form_title .form_any:before {
flex-shrink: 0;
display: inline-block;
font-size: 10px;
font-weight: 700;
color: #fff;
padding: 3px 7px;
border-radius: 4px;
line-height: 1;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_title .form_require:before {
content: "必須";
background: #af332e;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_title .form_any:before {
content: "任意";
background: #9f9f9f;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_input {
flex: 1 1 auto;
min-width: 0;
margin-bottom: 0 !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_input input[type=text],
.manda_2023 #contact .inc .contact_inner .contact_form .form_select select {
height: 42px !important;
padding: 8px 16px !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_row:has(.form_checkbox) {
display: block !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_row:has(.form_checkbox) .form_title {
width: auto !important;
flex-basis: auto !important;
margin-bottom: 6px !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_privacy {
margin-bottom: 20px !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_privacy p {
font-size: 11.5px !important;
line-height: 1.6 !important;
margin-bottom: 6px !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_submit input[type="submit"],
.manda_2023 #contact .inc .contact_inner .contact_form .form_submit button[type="submit"] {
padding: 16px !important;
}
@media screen and (max-width: 980px) {
.manda_2023 #contact .inc .contact_inner .contact_form .form_row {
display: block !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form .form_title {
width: auto !important;
flex-basis: auto !important;
margin-bottom: 6px !important;
}
.manda_2023 #contact .inc .contact_inner .contact_form {
margin-top: 40px !important;
}
}