@charset "UTF-8";
 @font-face {
font-family: "RyuminPro B-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_B-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_B-KL.ttf) format('truetype');
}
@font-face {
font-family: "RyuminPro EB-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_EB-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_EB-KL.ttf) format('truetype');
}
@font-face {
font-family: "RyuminPro EH-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_EH-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_EH-KL.ttf) format('truetype');
}
@font-face {
font-family: "RyuminPro H-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_H-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_H-KL.ttf) format('truetype');
}
@font-face {
font-family: "RyuminPro L-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_L-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_L-KL.ttf) format('truetype');
}
@font-face {
font-family: "RyuminPro M-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_M-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_M-KL.ttf) format('truetype');
}
@font-face {
font-family: "RyuminPro R-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_R-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_R-KL.ttf) format('truetype');
}
@font-face {
font-family: "RyuminPro U-KL";
src:
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_U-KL.woff) format('woff'),
url(//mabp.co.jp/dist/fonts/ad-lp/RyuminPro_U-KL.ttf) format('truetype');
} summary::-webkit-details-marker {
display: none;
}
.lp-ad_2023 {
font-family: 'Noto Sans JP', sans-serif;
color: #1d2c5b;
}
.lp-ad_2023 .c-loading {
display: none;
}
.lp-ad_2023 .pc {
display: block;
}
.lp-ad_2023 .sp {
display: none;
}
@media screen and (max-width:980px) {
.new_2023 .pc {
display: none;
}
.new_2023 .sp {
display: block;
}
}
.lp-ad_2023 a {
opacity: 1;
transition: .6s;
}
.lp-ad_2023 a:hover,
.lp-ad_2023 a:active {
opacity: 0.6;
}
.lp-ad_2023 .l-main {
padding-top: 120px;
}
@media screen and (max-width: 768px) {
.lp-ad_2023 .l-main {
padding-top: 14vw;
}
} .lp-ad_2023 h2.heading {
font-family: "RyuminPro R-KL", serif;
font-size: 90px;
line-height: 1;
letter-spacing: 11px;
text-align: center;
color: #1d2c5b;
position: relative;
}
.lp-ad_2023 h2.heading::after {
content: "";
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 50px;
height: 3px;
background: #aaa;
}
@media screen and (max-width:980px) {
.lp-ad_2023 h2.heading {
font-size: 38px;
letter-spacing: 3px;
}
.lp-ad_2023 h2.heading::after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 20px;
height: 1px;
background: #aaa;
}
}
@media screen and (max-width:768px) {
.lp-ad_2023 h2.heading {
font-size: 30px;
letter-spacing: 3px;
}
.lp-ad_2023 h2.heading::after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 20px;
height: 1px;
background: #aaa;
}
} .lp-ad_2023 .swiper-container {
padding-bottom: 80px;   
}
.lp-ad_2023 .swiper-container .swiper-pagination-bullet {
background: #fff !important;
opacity: 0.8;
width: 10px;
height: 10px;
}
.lp-ad_2023 .swiper-container .swiper-pagination-bullet-active {
background: #CCAF10 !important;
}
.lp-ad_2023 .swiper-container .swiper-button-prev,
.lp-ad_2023 .swiper-container .swiper-button-next {
width: 16px;
height: auto;
}
.lp-ad_2023 .swiper-container .swiper-button-prev::after,
.lp-ad_2023 .swiper-container .swiper-button-next::after {
display: none;
}
.lp-ad_2023 .swiper-container .swiper-button-prev img, 
.lp-ad_2023 .swiper-container .swiper-button-next img {
width: 100%;
}
@media screen and (max-width:980px) {
.lp-ad_2023 .swiper-container .swiper-button-prev,
.lp-ad_2023 .swiper-container .swiper-button-next {
bottom: 52%;
top: auto;
width: auto;
height: auto;
}
.lp-ad_2023 .swiper-container .swiper-button-prev img, 
.lp-ad_2023 .swiper-container .swiper-button-next img {
width: 50%;
}
} .lp-ad_2023 .ad_index_fv {
min-height: 100vh;
background-image: url(//mabp.co.jp/img/lp_ad/hanyou/index-main_bg.png);
background-size: cover;
position: relative;
}
.lp-ad_2023 .ad_index_fv.production {
background-image: url(//mabp.co.jp/img/lp_ad/production/index-main_bg.png);
}
.lp-ad_2023 .ad_index_fv.construction {
background-image: url(//mabp.co.jp/img/lp_ad/construction/index-main_bg.png);
}
.lp-ad_2023 .ad_index_fv.real-estate {
background-image: url(//mabp.co.jp/img/lp_ad/real-estate/index-main_bg.png);
}
.lp-ad_2023 .ad_index_fv.healthcare {
background-image: url(//mabp.co.jp/img/lp_ad/healthcare/index-main_bg.png);
}
.lp-ad_2023 .ad_index_fv.logistics {
background-image: url(//mabp.co.jp/img/lp_ad/logistics/index-main_bg.png);
}
.lp-ad_2023 .ad_index_fv .inc {
width: 1400px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 83px 0px;
height: 100%;
display: flex;
justify-content: space-evenly;
align-items: flex-start;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left {
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_logo img {
min-width: 230px;
margin-bottom: 25px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_title {
width: 100%;
margin-bottom: 52px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_text {
width: 100%;
font-size: 26px;
line-height: 1.6;
letter-spacing: 6.4px;
text-align: left;
color: #fff;
margin-bottom: 39px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_text.healthcare {
color: #000;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_industry {
margin-bottom: 39px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_industry p {
font-size: 16px;
color: #fff;
text-align: center;
margin: 20px 0;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_industry.healthcare p {
color: #000;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_records {
display: flex;
flex-direction: row;
align-items: center;
margin-bottom: 20px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_records picture {
margin-bottom: 20px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right {
width: 46%;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form {
box-shadow: 5px 5px 16px 0 rgba(14, 24, 56, 0.2);
background-color: #fff;
border-radius: 20px;
}.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form .lp-ad_form {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form .form_heading {
background-color: #1d2c5b;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form .form_heading p {
font-size: 26px;
text-align: center;
color: #fff;
padding: 20px;
margin: 0;
}
@media screen and (max-width:980px) {
.lp-ad_2023 .ad_index_fv .inc {
display: block;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left,
.lp-ad_2023 .ad_index_fv .inc .fv_right {
width: 100%;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form .form_heading {
background-color: #fff;
border-radius: 10px;
position: relative;
list-style: none;
list-style-type: none;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form .form_heading::before {
position: absolute;
content: '';
border: 7px solid transparent;
border-right: 8px solid #1d2c5b;
transform: translateY(-50%);
top: 50%;
right: 30px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form .form_heading p {
font-size: 16px;
color: #1d2c5b;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form[open] .form_heading {
background-color: #1d2c5b;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} 
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form[open] .form_heading p {
color: #fff;
}
.lp-ad_2023 .ad_index_fv .inc .fv_right .fv_form[open] .form_heading::after {
position: absolute;
content: '';
border: 7px solid transparent;
border-top: 8px solid #fff;
transform: translateY(-20%);
top: 50%;
right: 30px;
}
}
@media screen and (max-width: 768px) {
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_title {
margin-bottom: 34px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_text {
font-size: 16px;
letter-spacing: 3.2px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_industry p {
font-size: 13px;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_records {
flex-wrap: wrap;
justify-content: center;
}
.lp-ad_2023 .ad_index_fv .inc .fv_left .fv_records picture {
width: 50%;
}
} .lp-ad_2023 #reason4 {
margin: 100px 0 200px;
}
.lp-ad_2023 #reason4 .reason_heading {
background: #fff;
padding: 0 0 140px;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.select {
font-size: 30px;
line-height: 1.63;
letter-spacing: 4.2px;
margin-bottom: 10px;
display: block;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.max {
font-size: 110px;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.min {
font-size: 80px;
}
.lp-ad_2023 #reason4 .reason_lists {}
.lp-ad_2023 #reason4 .reason_list {
height: 600px;
margin-bottom: 100px;
background-size: cover;
}
.lp-ad_2023 #reason4 .reason_list.reason-01 {
background-image: url(//mabp.co.jp/img/lp_ad/hanyou/reason-main_bg01.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-01_production {
background-image: url(//mabp.co.jp/img/lp_ad/production/reason-main_bg01.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-01_construction {
background-image: url(//mabp.co.jp/img/lp_ad/construction/reason-main_bg01.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-01_real-estate {
background-image: url(//mabp.co.jp/img/lp_ad/real-estate/reason-main_bg01.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-01_healthcare {
background-image: url(//mabp.co.jp/img/lp_ad/healthcare/reason-main_bg01.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-01_logistics {
background-image: url(//mabp.co.jp/img/lp_ad/logistics/reason-main_bg01.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-02 {
background-image: url(//mabp.co.jp/img/lp_ad/hanyou/reason-main_bg02.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-03 {
background-image: url(//mabp.co.jp/img/lp_ad/hanyou/reason-main_bg03.png);
}
.lp-ad_2023 #reason4 .reason_list.reason-04 {
background-image: url(//mabp.co.jp/img/lp_ad/hanyou/reason-main_bg04.png);
}
.lp-ad_2023 #reason4 .reason_list .inner {
width: 1200px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 83px 0px;
height: 100%;
position: relative;
display: flex;
align-items: center;
}
.lp-ad_2023 #reason4 .reason_list .inner span.num {
font-family: "RyuminPro L-KL", serif;
font-size: 420px;
line-height: 1;
color: #fff;
position: absolute;
top: 50%;
left: 0%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
z-index: 2;
}
.lp-ad_2023 #reason4 .reason_list .inner span.num.right {
left: initial;
right: 0%;
}
.lp-ad_2023 #reason4 .reason_list .inner .head {
position: absolute;
z-index: 2;
right: 0%;
max-width: 610px;
}
.lp-ad_2023 #reason4 .reason_list .inner .head.right {
right: initial;
left: 0%;
}
.lp-ad_2023 #reason4 .reason_list .inner .head h3 {
font-family: "RyuminPro EB-KL", serif;
font-size: 55px;
line-height: 1.6;
text-align: left;
color: #fff;
padding: 10px;
display: inline;
background: linear-gradient(transparent 0%, #000 0%);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.lp-ad_2023 #reason4 .reason_list .inner .head p {
text-shadow: 2px 2px 10px #000;
font-size: 26px;
line-height: 2;
color: #fff;
padding-left: 32px;
margin: 32px 0 0;
position: relative;
}
.lp-ad_2023 #reason4 .reason_list .inner .head p:before {
content: "";
position: absolute;
top: 0;
left: 10px;
width: 3px;
height: 100%;
margin: 0 32px 0 0;
background-color: #fff;
}
.lp-ad_2023 #reason4 .reason_list .inner .img {
position: absolute;
top: 15px;
max-width: 1150px;
}
.lp-ad_2023 #reason4 .reason_list .inner .img.right {
left: initial;
right: 0%;
}
@media screen and (max-width:980px) {
.lp-ad_2023 #reason4 {
margin: 70px 0 0;
}
.lp-ad_2023 #reason4 .reason_heading {
padding: 0 0 36px;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.select {
font-size: 24px;
line-height: 1.29;
letter-spacing: 1.96px;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.max {
font-size: 40px;
letter-spacing: 4.25px;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.min {
font-size: 38px;
letter-spacing: 2.5px;
}
.lp-ad_2023 #reason4 .reason_list {
height: 500px;
margin-bottom: 70px;
}
.lp-ad_2023 #reason4 .reason_list .inner .img img {
max-height: 500px;
}
.lp-ad_2023 #reason4 .reason_list .inner span.num {
font-size: 220px;
}
.lp-ad_2023 #reason4 .reason_list .inner .head {
width: 70%;
}
.lp-ad_2023 #reason4 .reason_list .inner .head h3 {
font-size: 26px;
line-height: 2;
}
.lp-ad_2023 #reason4 .reason_list .inner .head p {
font-size: 20px;
line-height: 2;
}
}
@media screen and (max-width: 768px) {
.lp-ad_2023 #reason4 .reason_heading h2.heading span.select {
font-size: 14px;
line-height: 1.29;
letter-spacing: 1.96px;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.max {
font-size: 30px;
letter-spacing: 4.25px;
}
.lp-ad_2023 #reason4 .reason_heading h2.heading span.min {
font-size: 28px;
letter-spacing: 2.5px;
}
.lp-ad_2023 #reason4 .reason_list {
height: 210px;
margin-bottom: 50px;
}
.lp-ad_2023 #reason4 .reason_list .inner .img img {
max-height: 220px;
}
.lp-ad_2023 #reason4 .reason_list .inner span.num {
font-size: 160px;
}
.lp-ad_2023 #reason4 .reason_list .inner .head {
width: 70%;
}
.lp-ad_2023 #reason4 .reason_list .inner .head h3 {
font-size: 18px;
line-height: 2.4;
}
.lp-ad_2023 #reason4 .reason_list .inner .head p {
font-size: 12px;
margin: 16px 0 0;
}
} .lp-ad_2023 #ma_advisor {
background-image: url(//mabp.co.jp/img/lp_ad/ma_advisor-main_bg.png);
background-size: cover;
margin: 100px 0 200px;
}
.lp-ad_2023 #ma_advisor .advisor_heading {
background: #fff;
padding: 0 0 140px;
}
.lp-ad_2023 #ma_advisor .inc {
width: 1200px;
max-width: calc(100% - 64px);
margin: 0 auto;
display: block;
padding: 128px 0 30px;
height: 100%;
position: relative;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider {}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_boxes {
padding-bottom: 80px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box {
max-width: 410px;
width: auto;
height: 100%;
position: relative;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_title {
margin: 0 0 -75px 0;
z-index: 1;
position: relative;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_title.more {
margin: 0 0 -122px 0;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_title h3 {
font-family: "RyuminPro M-KL", serif;
font-size: 24px;
line-height: 2;
letter-spacing: 3px;
color: #fff;
padding: 10px;
display: inline;
background: linear-gradient(transparent 0%, #000 0%);
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .img {
margin: 20px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile {
min-height: 250px;
padding: 30px;
margin: -60px 0px 0 35px;
position: relative;
background-color: #01091eb8;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner {
position: relative;
z-index: 1;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner .advisor_position {
font-size: 14px;
letter-spacing: 2px;
color: #fff;
margin-bottom: 10px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner .advisor_name {
font-family: "RyuminPro M-KL", serif;
font-size: 26px;
letter-spacing: 4px;
color: #fff;
margin: 0;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner .advisor_name span {
font-family: "Futura";
font-size: 10px;
font-weight: 500;
font-style: italic;
letter-spacing: 2px;
color: #fff;
margin-left: 10px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner dl {
font-size: 12px;
letter-spacing: 1.8px;
line-height: 1.8;
color: #1d2c5b;
background-color: #fff;
padding: 5px 10px;
margin: 10px 0;
display: flex;
flex-direction: row;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner dl dt {}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner dl dd {}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile a {
font-size: 14px;
letter-spacing: 3.2px;
color: #fff;
background-color: #000;
padding: 10px;
margin: 0;
min-width: 190px;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
bottom: -30px;
right: 20px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile a,
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile a:active {
opacity: 1;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile a::after {
content: "";
position: absolute;
top: 10px;
right: -5px;
background: transparent;
border: solid 1.5px #ccaf10;
width: 190px;
height: 44px;
z-index: -1;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile a img {
width: 30px;
margin-left: 15px;
}
@media screen and (max-width:980px) {
.lp-ad_2023 #ma_advisor {
margin: 70px 0 0;
}
.lp-ad_2023 #ma_advisor .inc {
padding: 40px 0;
}
.lp-ad_2023 #ma_advisor .advisor_heading {
padding: 0 0 36px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider {}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_title h3 {
font-size: 17px;
line-height: 2.6;
letter-spacing: 1.7px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .img {
margin: 20px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile {
padding: 20px;
min-height: 200px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner .advisor_position {
font-size: 10px;
line-height: 1;
letter-spacing: 1px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner .advisor_name {
font-size: 20px;
line-height: 2.4;
letter-spacing: 2px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner .advisor_name span {
font-size: 12px;
font-weight: 500;
font-style: italic;
line-height: 3.67;
letter-spacing: 1.2px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner dl {
font-size: 12px;
letter-spacing: 1.2px;
}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner dl dt {}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile .inner dl dd {}
.lp-ad_2023 #ma_advisor .inc .advisor_slider .advisor_box .advisor_profile a {
font-size: 12px;
letter-spacing: 2px;
padding: 10px;
margin: 0;
min-width: 190px;
bottom: -30px;
right: 20px;
}
}
@media screen and (max-width: 768px) {
} .lp-ad_2023 #case {
background-image: url(//mabp.co.jp/img/lp_ad/case-main_bg.png);
background-size: cover;
margin: 100px 0 200px;
}
.lp-ad_2023 #case .case_heading {
background: #fff;
padding: 0 0 140px;
}
.lp-ad_2023 #case .inc {
width: 1200px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 128px 0px;
height: 100%;
position: relative;
}
.lp-ad_2023 #case .inc .head {
background: #1d2c5b;
min-height: 150px;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.lp-ad_2023 #case .inc .head .title {
font-family: "RyuminPro EB-KL", serif;
font-size: 18px;
line-height: 1.6;
letter-spacing: 2.4px;
text-align: center;
color: #fff;
margin: 0;
}
.lp-ad_2023 #case .inc .detail {
min-height: 320px;
background: #fff;
padding: 30px;
}
.lp-ad_2023 #case .inc .detail dl {
margin-bottom: 30px;
}
.lp-ad_2023 #case .inc .detail dl dt {
font-size: 14px;
font-weight: normal;
line-height: 1;
letter-spacing: 2px;
color: #fff;
padding: 10px 12px;
border-radius: 5px;
display: inline-block;
background-color: #1d2c5b;
margin-bottom: 15px;
}
.lp-ad_2023 #case .inc .detail dl dd {
font-size: 14px;
font-weight: normal;
line-height: 1.5;
letter-spacing: 2px;
color: #1d2c5b;
}
.lp-ad_2023 #case .inc .case_slider {}
.lp-ad_2023 #case .inc .case_slider .case_boxes {
padding-bottom: 60px;
}
.lp-ad_2023 #case .inc .case_slider .case_box {
max-width: 410px;
width: auto;
height: 100%;
position: relative;
}
@media screen and (max-width:980px) {
.lp-ad_2023 #case {
margin: 70px 0 0;
}
.lp-ad_2023 #case .case_heading {
padding: 0 0 36px;
}
.lp-ad_2023 #case .inc {
padding: 20px 0 40px;
}
.lp-ad_2023 #case .inc .head .title {
font-size: 16px;
line-height: 1.76;
letter-spacing: 1.7px;
}
.lp-ad_2023 #case .inc .detail {
padding: 20px;
}
.lp-ad_2023 #case .inc .detail dl {
margin-bottom: 30px;
}
.lp-ad_2023 #case .inc .detail dl dt {
font-size: 13px;
line-height: 1.54;
letter-spacing: 1.3px;
padding: 6px;
}
.lp-ad_2023 #case .inc .detail dl dd {
font-size: 13px;
line-height: 1.54;
letter-spacing: 1.3px;
}
}
@media screen and (max-width: 768px) {} .lp-ad_2023 #system {
background-image: url(//mabp.co.jp/img/lp_ad/system-main_bg.png);
background-size: cover;
margin: 100px 0 200px;
}
.lp-ad_2023 #system .system_heading {
padding: 0 0 140px;
background: #fff;
}
.lp-ad_2023 #system .inc {
width: 1200px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 128px 0px;
height: 100%;
position: relative;
}
.lp-ad_2023 #system .inc h3 {
max-width: 1000px;
margin: 0 auto 100px;
}
.lp-ad_2023 #system .inc h3 img {
margin: 0 auto;
}
.lp-ad_2023 #system .inc .system_image {
background: #fff;
text-align: center;
padding: 70px;
}
@media screen and (max-width:980px) {
.lp-ad_2023 #system {
margin: 70px 0 0;
}
.lp-ad_2023 #system .inc {
padding: 20px 0;
}
.lp-ad_2023 #system .system_heading {
padding: 0 0 36px;
}
.lp-ad_2023 #system .inc h3 {
max-width: 512px;
padding: 0 30px;
margin: 0 auto 25px;
}
}
@media screen and (max-width: 768px) {
.lp-ad_2023 #system .inc .system_image {
padding: 20px;
}
} .lp-ad_2023 #step {
background-color: rgba(29, 44, 91, 0.1);
margin: 100px 0 200px;
}
.lp-ad_2023 #step .step_heading {
padding: 0 0 140px;
background: #fff;
}
.lp-ad_2023 #step .inc {
width: 1200px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 128px 0px;
height: 100%;
position: relative;
}
.lp-ad_2023 #step .inc .step_img {
max-width: 1000px;
text-align: center;
margin: 0 auto;
}
@media screen and (max-width:980px) {
.lp-ad_2023 #step {
margin: 70px 0 0;
}
.lp-ad_2023 #step .inc {
padding: 20px 0;
}
.lp-ad_2023 #step .step_heading {
padding: 0 0 36px;
}
.lp-ad_2023 #step .inc .step_img {
max-width: 600px;
}
}
@media screen and (max-width: 768px) {} .lp-ad_2023 #consult {
background-image: url(//mabp.co.jp/img/lp_ad/consult-main_bg.jpg);
background-size: cover;
margin: 100px 0 200px;
}
.lp-ad_2023 #consult .consult_heading {
padding: 0 20px 50px;
background: #fff;
}
.lp-ad_2023 #consult .consult_heading h2.heading:after {
content: none;
}
.lp-ad_2023 #consult .consult_heading h2 img {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
.lp-ad_2023 #consult .inc {
width: 1100px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 128px 0px;
height: 100%;
position: relative;
}
.lp-ad_2023 #consult .inc .consult_head h3 {
font-family: "RyuminPro R-KL", serif;
font-size: 50px;
line-height: 0.98;
letter-spacing: 5px;
text-align: center;
color: #fff;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 15px;
margin-bottom: 100px;
}
.lp-ad_2023 #consult .inc .consult_head .consult_img {
max-width: 1100px;
margin-bottom: 90px;
}
.lp-ad_2023 #consult .inc .consult_boxes {
display: flex;
flex-direction: row;
justify-content: space-evenly;
margin-bottom: 100px;
}
.lp-ad_2023 #consult .inc .consult_boxes .box {
width: 29%;
padding: 50px 20px;
border-radius: 15px;
background-color: #fff;
}
.lp-ad_2023 #consult .inc .consult_boxes .box h4 {
font-size: 20px;
line-height: 1.1;
letter-spacing: 2.5px;
text-align: center;
color: #1d2c5b;
position: relative;
margin-bottom: 68px;
}
.lp-ad_2023 #consult .inc .consult_boxes .box h4:after {
content: "";
position: absolute;
bottom: -20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 25px;
height: 2px;
background: #aaa;
}
.lp-ad_2023 #consult .inc .consult_boxes .box ul li {
font-size: 14px;
line-height: 1.2;
letter-spacing: 1px;
color: #1d2c5b;
padding-left: 25px;
margin: 11px 0;
position: relative;
}
.lp-ad_2023 #consult .inc .consult_boxes .box ul li::before {
content: "";
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background: url(//mabp.co.jp/img/lp_ad/consult-checkbox_img.svg);
width: 20px;
height: 20px;
}
.lp-ad_2023 #consult .inc .consult_form {
max-width: 1000px;
margin: 0 auto;
}
.lp-ad_2023 #consult .inc .consult_form .inner .form_heading {
background-color: #ececec;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.lp-ad_2023 #consult .inc .consult_form .inner .form_heading p {
font-size: 36px;
text-align: center;
color: #1d2c5b;
padding: 30px;
margin: 0;
}
.lp-ad_2023 #consult .inc .consult_form .inner .lp-ad_form {
padding: 80px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.lp-ad_2023 #consult .inc .consult_form .inner .lp-ad_form .form_title {
min-width: 200px;
max-width: 200px;
}
.lp-ad_2023 #consult .inc .consult_form .inner .lp-ad_form .form_checkbox {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-bottom: 10px;
}
@media screen and (max-width:980px) {
.lp-ad_2023 #consult {
margin: 70px 0 0;
}
.lp-ad_2023 #consult .consult_heading {
padding: 0 20px 36px;
}
.lp-ad_2023 #consult .inc {
padding: 20px 0 50px;
}
.lp-ad_2023 #consult .inc .consult_head .consult_img {
margin-bottom: 20px;
}
.lp-ad_2023 #consult .inc .consult_head h3 {
font-size: 24px;
line-height: 1.5;
letter-spacing: 5px;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 5px;
margin-bottom: 34px;
}
.lp-ad_2023 #consult .inc .consult_boxes {
display: flex;
flex-direction: column;
margin: 0 20px;
}
.lp-ad_2023 #consult .inc .consult_boxes .box {
width: 100%;
margin-bottom: 20px;
}
.lp-ad_2023 #consult .inc .consult_form {
margin: 10px;
}
.lp-ad_2023 #consult .inc .consult_form .form_heading {
background-color: #fff;
border-radius: 10px;
position: relative;
list-style: none;
list-style-type: none;
padding: 20px;
}
.lp-ad_2023 #consult .inc .consult_form .form_heading::before {
position: absolute;
content: '';
border: 7px solid transparent;
border-right: 8px solid #1d2c5b;
transform: translateY(-50%);
top: 50%;
right: 30px;
}
.lp-ad_2023 #consult .inc .consult_form .form_heading p {
font-size: 15px;
color: #1d2c5b;
text-align: center;
margin: 0;
}
.lp-ad_2023 #consult .inc .consult_form[open] .form_heading {
background-color: #1d2c5b;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
} 
.lp-ad_2023 #consult .inc .consult_form[open] .form_heading p {
color: #fff;
}
.lp-ad_2023 #consult .inc .consult_form[open] .form_heading::after {
position: absolute;
content: '';
border: 7px solid transparent;
border-top: 8px solid #fff;
transform: translateY(-20%);
top: 50%;
right: 30px;
}
}
@media screen and (max-width: 768px) {
.lp-ad_2023 #consult .inc .consult_head h3 {
font-size: 18px;
}
.lp-ad_2023 #consult .inc .consult_boxes .box ul li {
font-size: 13px;
}
} .lp-ad_2023 #faq {
margin: 100px 0;
}
.lp-ad_2023 #faq .faq_heading {
padding: 0 0 140px;
background: #fff;
}
.lp-ad_2023 #faq .inc {
width: 1100px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 0px;
height: 100%;
position: relative;
}
.lp-ad_2023 #faq .inc .qanda_lists {}
.lp-ad_2023 #faq .inc details.qanda_list {
margin: 100px 0 50px;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question {
padding: 23px 30px;
background-color: rgba(29, 44, 91, 0.1);
display: flex;
align-items: center;
position: relative; cursor: pointer;
padding: 3% 3% 3% 50px;
transition: all .5s ease;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question::after{
position: absolute;
content:'';
top: 50%;
right: 30px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background: url(//mabp.co.jp/img/lp_ad/faq-accordion_close.svg);
background-size: cover;
width: 40px;
height: 40px;
} .lp-ad_2023 #faq .inc details.qanda_list[open] .list_question::after{
background: url(//mabp.co.jp/img/lp_ad/faq-accordion_open.svg);
background-size: cover;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question p.q_mark {
font-family: "Futura";
font-size: 80px;
font-weight: 500;
line-height: 0.61;
letter-spacing: 8px;
text-align: center;
color: #005dab;
margin: 0 30px 0 0;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question p {
font-size: 24px;
line-height: 1.67;
letter-spacing: 3px;
color: #1d2c5b;
margin: 0;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_answer {
border: 3px solid rgba(29, 44, 91, 0.1);
padding: 30px;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_answer p {
font-size: 20px;
line-height: 2;
letter-spacing: 3px;
color: #1d2c5b;
margin: 0;
}
@media screen and (max-width:980px) {
.lp-ad_2023 #faq {
margin: 70px 0 54px;
}
.lp-ad_2023 #faq .faq_heading {
padding: 0 0 36px;
}
.lp-ad_2023 #faq .inc details.qanda_list {
margin: 0 0 20px 0;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question {
padding: 10px 35px 10px 10px
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question::after{
right: 10px;
width: 14px;
height: 14px;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question p.q_mark {
font-size: 25px;
margin: 0 5px 0 0;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_question p {
font-size: 12px;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_answer {
padding: 20px;
}
.lp-ad_2023 #faq .inc details.qanda_list .list_answer p {
font-size: 12px;
letter-spacing: normal;
}
}
@media screen and (max-width: 768px) {} .lp-ad_form {
width: 100%;
height: auto;
padding: 30px;
background: #fff;
box-shadow: 0 0 26px 0 rgba(0, 0, 0, 0.16);
margin: 0 auto;
}
.lp-ad_form .form_row {
display: flex;
align-items: center;
}
.lp-ad_form .form_row:last-child {
border-bottom: none;
}
.lp-ad_form .form_row .form_flex {
display: flex;
flex-direction: column;
width: 100%;
}
.lp-ad_form .form_inline {
display: flex;
margin-left: 20px;
}
.lp-ad_form .form_title {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-weight: bold;
letter-spacing: 1.6px;
text-align: left;
color: #133958;
min-width: 160px;
max-width: 160px;
width: 30%;
margin-bottom: 12px;
display: flex;
justify-content: space-between;
}
.lp-ad_form .form_title .form_require {
font-family: 'Noto Sans CJK', 'NotoSansCJKjp', sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.13px;
text-align: left;
color: #fff;
padding: 0 10px;
min-width: 45px;
background: #3670ac;
border-radius: 5px;
margin-left: 5px;
display: flex;
align-items: center;
}
.lp-ad_form .form_othertitle {
min-width: 50px;
font-family: 'Noto Serif JP', serif;
font-size: 13px;
font-weight: 500;
line-height: 3.8;
letter-spacing: 1.3px;
text-align: left;
color: #333;
}
.lp-ad_form .form_input {
width: 100%;
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-weight: 500;
line-height: 1;
letter-spacing: 1.3px;
text-align: left;
color: #333;
position: relative;
margin: 0 0 12px 20px;
}
.lp-ad_form .form_input input[type=text],
.lp-ad_form .form_input input[type=date],
.lp-ad_form .form_select select,
.lp-ad_form .form_input textarea {
width: 100%;
height: 44px;
padding: 10px 20px 10px 23px;
border: solid 1.5px #d2d2d2;
border-radius: 5px;
background: #0125430a;
}
.lp-ad_form .form_input textarea {
width: 100%;
min-height: 150px;
resize: vertical;
line-height: 2;
}
.lp-ad_form .form_input input[type=date] {
width: 100%;
}
.lp-ad_form .form_select {}
.lp-ad_form .form_select::after {
content: "";
position: absolute;
top: 50%;
right: 24px;
width: 0;
height: 0;
border-color: #2b5077 transparent transparent transparent;
border-style: solid;
border-width: 8px 4px 0 4px;
transform: translateY(-50%);
pointer-events: none;
}
.lp-ad_form .form_checkbox {
display: flex;
flex-wrap: wrap;
flex-direction: column;
margin-bottom: 10px;
}
.lp-ad_form .form_checkbox.kibou {
min-width: 100%;
margin: 16px 0;
}
.lp-ad_form .form_checkbox label {
line-height: 1.5;
}
.lp-ad_form .form_checkbox input[type=checkbox] {
display: inline-block;
border: solid 1px #d2d2d2;
background: #fff;
vertical-align: middle;
}
.lp-ad_form .form_radio {
color: #fff;
vertical-align: middle;
font-size: 14px;
font-weight: 500;
}
.lp-ad_form .form_radio label {
display: inline-block;
color: #fff;
min-width: 100px;
}
.lp-ad_form .form_radio input[type=radio] {
display: inline-block;
}
.lp-ad_form .form_privacy {
margin-bottom: 10px;
}
.lp-ad_form .form_privacy p,
.lp-ad_form .form_privacy a {
font-family: 'Noto Sans CJK', 'NotoSansCJKjp', sans-serif;
font-size: 11px;
line-height: 2.17;
letter-spacing: 1.2px;
color: #133958;
margin-bottom: 10px !important;
}
.lp-ad_form .form_privacy a {
text-decoration: underline;
}
.lp-ad_form .form_submit {
position: relative;
max-width: 450px;
margin: 0 auto;
}
.lp-ad_form .form_submit input[type="submit"] {
width: 100%;
font-family: 'Noto Serif JP', serif;
font-size: 16px;
font-weight: 500;
line-height: 1.27;
letter-spacing: 2px;
text-align: center;
color: #fff;
padding: 14px 0;
background: #1d2c5b;
border: 1.5px solid #1d2c5b;
border-radius: 5px;
}
.lp-ad_form .form_submit::after {
content: "";
position: absolute;
background: url(//mabp.co.jp/img/recruit/newgrads/entry_submit-arrow.svg) center center / cover no-repeat;
top: 50%;
right: 30px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
width: 29px;
height: 8.5px;
pointer-events: none;
}
.lp-ad_form .form_input input:hover,
.lp-ad_form .form_select select:hover,
.lp-ad_form .form_input textarea:hover,
.lp-ad_form .form_input input[type=date]:hover {
border: 1.5px solid #1d2c5b;
}
.lp-ad_form .form_link {
position: relative;
max-width: 450px;
margin: 15px auto 0;
}
.lp-ad_form .form_link a {
width: 100%;
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-weight: 500;
line-height: 1.27;
letter-spacing: 2px;
text-align: center;
color: #fff;
padding: 14px 0;
background: #aaa;
border: 1.5px solid #aaa;
border-radius: 5px;
}
@media screen and (max-width: 980px) {
.lp-ad_form {
padding: 60px 60px 10px;
}
.lp-ad_form .form_row {
display: block;
margin-bottom: 16px;
}
.lp-ad_form .form_input {
margin: 0 auto;
}
.lp-ad_form .form_checkbox {
max-width: 100%;
}
.lp-ad_form .form_title {
min-width: initial;
max-width: initial;
width: 100%;
justify-content: flex-start;
}
.lp-ad_form .form_inline {
margin-left: 0;
}
.lp-ad_form .form_checkbox label {
font-size: 12px;
}
.lp-ad_form .form_privacy p,
.lp-ad_form .form_privacy a {
line-height: 1.5;
}
}
@media screen and (max-width: 767px) {
.lp-ad_form {
padding: 30px 20px 30px;
}
}  .lp-ad_2023 h2.n-head {
font-family: 'Noto Serif JP', serif;
font-size: 28px;
font-weight: 500;
text-align: center;
line-height: 1.5;
color: #fff;
position: relative;
margin-bottom: 55px;
}
.lp-ad_2023 h2.n-head::after {
content: '';
position: absolute;
width: 40px;
height: 1px;
background-color: #f3f5fc;
bottom: -16px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.lp-ad_2023 h2.n-head span {
font-family: 'EB Garamond', serif;
font-size: 40px;
font-weight: 500;
line-height: 1.05;
text-align: left;
color: #2b5077;
text-align: center;
display: block;
}
.lp-ad_2023 h2.n-head.dark span {
color: #325f8e;
}
@media screen and (max-width: 980px) {
.lp-ad_2023 h2.n-head {
font-size: 24px;
}
}
@media screen and (max-width: 768px) {} .lp-ad_2023 .newad_index_fv {
min-height: 100vh;
background: #01091e;
background-image: url(//mabp.co.jp/img/lp_ad/hanyou_new/index_bg.png);
background-size: contain;
background-repeat: no-repeat;
position: relative;
}
.lp-ad_2023 .newad_index_fv .inc {
width: 1400px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 40px 0px;
height: 100%;
display: flex;
justify-content: space-evenly;
align-items: flex-end;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left { width: 60%;
display: flex;
flex-direction: column;
align-items: center;
margin-right: 5vw;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt {
width: 100%;
display: flex;
flex-direction: row; margin-bottom: 38px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_title {
min-width: 252px;
font-size: 36px;
color: #fff;
line-height: 1.8;
font-family: 'Noto Serif JP', serif;
margin-right: 40px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_title span {
position: relative;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_title span:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
bottom: 0;
left: 0;
background: #fff;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_industry {
max-width: 600px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_industry .fv_text {
font-family: 'Noto Serif JP', serif;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: 2px;
color: #fff;
margin: 10px 0 0 0;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .fv_records {
display: flex;
align-items: center;
gap: 10px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .fv_attention {
width: 100%;
font-family: 'Noto Sans JP', serif;
font-size: 12px;
font-weight: normal;
line-height: 4.08;
letter-spacing: 1.2px;
text-align: right;
color: #fff;
margin: 0;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .hover_cv {
gap: 40px;
margin: 30px auto 0;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .hover_cv .hover_cv_btn a {
max-width: 340px;
width: 25vw;
padding: 40px 0;
backdrop-filter: blur(10.1px);
-webkit-backdrop-filter: blur(10.1px);
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .hover_cv .hover_cv_btn a p {
font-size: min(4vw, 18px);
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .hover_cv .hover_cv_btn:before {
backdrop-filter: blur(10.1px);
-webkit-backdrop-filter: blur(10.1px);
}
.lp-ad_2023 .newad_index_fv .inc .fv_right {
max-width: 460px;
} .lp-ad_2023 .newad_index_fv .inc .fv_right .fv_form .form_heading {
background-color: #1f2f54;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .fv_form .form_heading p {
font-family: 'Noto Serif JP', serif;
font-size: 20px;
text-align: center;
color: #fff;
padding: 10px;
margin: 0;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_title {
font-size: 12px;
min-width: 140px;
max-width: 140px;
margin-bottom: 10px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_title .form_require {
font-size: 10px;
min-width: 0;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_input {
font-size: 12px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_checkbox {
flex-direction: row;
max-width: 390px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_input input[type=text],
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_input input[type=date],
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_select select,
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_input textarea {
height: 36px;
padding: 8px 20px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_othertitle {
line-height: 2.8;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_privacy p,
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_privacy a {
line-height: 1.5;
font-size: 10px;
margin-bottom: 5px !important;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_checkbox.kibou {
margin: 0 0 12px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_submit input[type="submit"] {
font-size: 14px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_right .lp-ad_form .form_link a {
font-size: 12px;
}
@media screen and (max-width: 1200px) {
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt {
flex-direction: column;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_title {
margin-bottom: 20px;
}
}
@media screen and (max-width: 980px) {
.lp-ad_2023 .newad_index_fv {
min-height: 100vh;
background-image: url(//mabp.co.jp/img/lp_ad/hanyou_new/index_bg_sp.png);
padding-top: 120px;
margin-bottom: -100px;
}
.lp-ad_2023 .newad_index_fv .inc {
flex-direction: column;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left {
width: 100%;
margin: 0;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt {
flex-direction: column;
align-items: flex-start;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_title {
font-size: 32px;
margin-bottom: 20px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .txt .fv_industry .fv_text {
font-size: 18px;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .fv_records {
flex-wrap: wrap;
justify-content: center;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .fv_records .record {
max-width: 300px;
width: 48%;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .fv_attention {
text-align: left;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .hover_cv {
margin: 10px auto 0;
}
.lp-ad_2023 .newad_index_fv .inc .fv_left .hover_cv .hover_cv_btn a {
min-width: 350px;
}
}
@media screen and (max-width: 768px) {
.lp-ad_2023 .newad_index_fv .inc .fv_left .fv_records{
justify-content: flex-start;
}
} .lp-ad_2023 #newad_reason4 {
min-height: 100vh;
background-image: linear-gradient(to right, #0f2446 1%, #01091e 100%);
position: relative;
}
.lp-ad_2023 #newad_reason4 .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 100px 0px 80px;
height: 100%;
}
.lp-ad_2023 #newad_reason4 .inc .inner {
display: flex;
flex-direction: row;
}
.lp-ad_2023 #newad_reason4 .inc .inner .reason_lists {
min-width: 500px;
}
.lp-ad_2023 #newad_reason4 .inc .inner .reason_lists .reason_list {
margin-bottom: 30px;
}
.lp-ad_2023 #newad_reason4 .inc .inner .reason_lists .reason_list .head h3 {
font-family: 'Noto Serif JP', serif;
font-size: 24px;
font-weight: 500;
text-align: left;
color: #fff;
margin-bottom: 10px;
}
.lp-ad_2023 #newad_reason4 .inc .inner .reason_lists .reason_list .head h3 span.num {
margin-right: 20px;
}
.lp-ad_2023 #newad_reason4 .inc .inner .reason_lists .reason_list .head p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #fff;
}
.lp-ad_2023 #newad_reason4 .inc .inner .reason_img {
width: 100%;
height: 100%;
object-fit: cover;
margin-right: -20vw;
}
@media screen and (max-width: 980px) {
.lp-ad_2023 #newad_reason4 .inc .inner {
flex-direction: column;
}
.lp-ad_2023 #newad_reason4 .inc .inner .reason_lists {
min-width: 0;
}
}
@media screen and (max-width: 768px) {} .lp-ad_2023 #newad_expertise {
background-image: url(//mabp.co.jp/img/lp_ad/hanyou_new/exp_bg.png);
background-size: cover;
background-position: center;
position: relative;
}
.lp-ad_2023 #newad_expertise .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_expertise .inc p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #fff;
max-width: 750px;
margin: 0 auto 40px;
}
.lp-ad_2023 #newad_expertise .inc h3 {
max-width: 300px;
font-family: 'Noto Serif JP', serif;
font-size: 20px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: center;
color: #fff;
border: solid 1px #fff;
padding: 11px 60px 10px;
margin: 0 auto 40px;
}
.lp-ad_2023 #newad_expertise .inc .accordions {
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.lp-ad_2023 #newad_expertise .inc .accordion {
width: 48%;
height: fit-content;
margin: 2% .5%;
border: 1px solid #d6dde3;
background: transparent;
}
.lp-ad_2023 #newad_expertise .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;
}
.lp-ad_2023 #newad_expertise .inc .accordion[open] summary {
border-bottom: 1px solid #d6dde3;
}
.lp-ad_2023 #newad_expertise .inc .accordion summary::-webkit-details-marker {
display: none;
}
.lp-ad_2023 #newad_expertise .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;
}
.lp-ad_2023 #newad_expertise .inc .accordion[open] summary::after {
transform: rotate(225deg);
}
.lp-ad_2023 #newad_expertise .inc .accordion ul {
display: flex;
justify-content: center;
align-content: flex-start;
flex-wrap: wrap;
min-height: 260px;
background: linear-gradient(to bottom, #1b2a55 0%, #000b24 100%);
backdrop-filter: blur(30px);
padding: 1.5rem 2rem;
}
.lp-ad_2023 #newad_expertise .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;
}
.lp-ad_2023 #newad_expertise .inc .accordion[open] li {
transform: none;
opacity: 1;
}
.lp-ad_2023 #newad_expertise .inc .accordion a {
color: #fff;
text-align: center;
display: block;
height: 100%;
width: 100%
}
.lp-ad_2023 #newad_expertise .inc .accordion .accordion-bg01::before,
.lp-ad_2023 #newad_expertise .inc .accordion .accordion-bg02::before,
.lp-ad_2023 #newad_expertise .inc .accordion .accordion-bg03::before,
.lp-ad_2023 #newad_expertise .inc .accordion .accordion-bg04::before,
.lp-ad_2023 #newad_expertise .inc .accordion .accordion-bg05::before {
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: rgba(1, 9, 30, .01);
z-index: -1;
}
.lp-ad_2023 #newad_expertise .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;
}
.lp-ad_2023 #newad_expertise .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;
}
.lp-ad_2023 #newad_expertise .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;
}
.lp-ad_2023 #newad_expertise .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;
}
.lp-ad_2023 #newad_expertise .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;
}
@media screen and (max-width: 980px) {
.lp-ad_2023 #newad_expertise .inc .accordions {
display: inline-block;
}
.lp-ad_2023 #newad_expertise .inc .accordion {
width: 100%;
height: fit-content;
margin: 3% 0;
}
.lp-ad_2023 #newad_expertise .inc .accordion ul {
min-height: 90px;
}
.lp-ad_2023 #newad_expertise .inc .accordion li {
font-size: 16px;
width: 33%;
min-height: fit-content;
}
}
@media screen and (max-width: 767px) {
.lp-ad_2023 #newad_expertise .inc .accordion summary {
font-size: 4vw;
padding: 2.75em 1.75em;
}
.lp-ad_2023 #newad_expertise .inc .accordion ul {
justify-content: space-around;
}
.lp-ad_2023 #newad_expertise .inc .accordion li {
font-size: 16px;
width: 50%;
min-height: fit-content;
}
}
.lp-ad_2023 .cv {
background-image: linear-gradient(to right, #0f2446 1%, #01091e 100%);
}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 768px) {} .lp-ad_2023 #newad_flow {
background: #0f2446;
background-image: url(//mabp.co.jp/img/lp_ad/hanyou_new/flow_bg.png);
background-size: cover;
background-position: center;
position: relative;
}
.lp-ad_2023 #newad_flow .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_flow .inc p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #fff;
max-width: 850px;
margin: 0 auto 40px;
}
.lp-ad_2023 #newad_flow .inc .flow_img {
width: 100%;
margin: 40px auto;
}
.lp-ad_2023 #newad_flow .inc .flow_img.sp {
max-width: 500px;
}
@media screen and (max-width: 980px) {
}
@media screen and (max-width: 768px) {} .lp-ad_2023 #newad_rate {
background-image: linear-gradient(to right, #0f2446 1%, #01091e 100%);
background-size: cover;
position: relative;
}
.lp-ad_2023 #newad_rate .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_rate .inc p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: left;
color: #fff;
max-width: 750px;
margin: 0 auto 40px;
}
.lp-ad_2023 #newad_rate .inc .rate_img {
width: 100%;
margin: 40px auto;
}
.lp-ad_2023 #newad_rate .inc .rate_img.sp {
max-width: 500px;
}
.lp-ad_2023 #newad_rate .inc p.attention {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: normal;
text-align: left;
color: #fff;
margin: 0;
}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 768px) {} .lp-ad_2023 #newad_achive {
background-image: linear-gradient(to right, #2b5077 0%, #0f2446 100%);
background-size: cover;
position: relative;
}
.lp-ad_2023 #newad_achive .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_achive .inc p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-bottom: 40px;
}
.lp-ad_2023 #newad_achive .inc .achive_img {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.lp-ad_2023 #newad_achive .inc .achive_img.sp {
max-width: 500px;
}
@media screen and (max-width: 980px) {}
@media screen and (max-width: 768px) {} .lp-ad_2023 #newad_case {
background-image: linear-gradient(to right, #0f2446 1%, #01091e 100%);
background-size: cover;
position: relative;
}
.lp-ad_2023 #newad_case .inc {
width: 1400px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_case .inc p {
font-family: 'Noto Sans JP', sans-serif;
font-size: 16px;
font-weight: normal;
line-height: 1.63;
letter-spacing: normal;
text-align: center;
color: #fff;
margin-bottom: 40px;
}
.lp-ad_2023 #newad_case .inc .case_slider {
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes {
display:-webkit-box;
display:-ms-flexbox;
display: flex;
overflow-x: scroll;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
scroll-snap-type: x mandatory;
padding:0 0 1em;
margin:0 0 2em 0;
scroll-behavior: smooth;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes::-webkit-scrollbar {
background: #2b5077;
width: 5px;
height: 5px;
border-radius: 20px;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes::-webkit-scrollbar-thumb {
background-color: #fff;
width: 5px;
height: 5px;
border-radius: 20px;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box {
flex: 0 0 90%;
margin: 0 20px;
max-width: calc(100% / 5);
height: 100%;
gap: 40px;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .thum {
width: 100%;
height: 100%;
object-fit: cover;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .detail {
min-height: 320px;
backdrop-filter: blur(10.1px);
-webkit-backdrop-filter: blur(10.1px);
background-color: #ffffff2b;
color: #fff;
padding: 20px;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .detail p.title {
font-family: 'Noto Serif JP', serif;
font-size: 16px;
font-weight: 600;
text-align: left;
margin: 0;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .detail dl {
margin-top: 10px;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .detail dl dt {
font-family: 'Noto Sans JP', sans-serif;
font-size: 12px;
border: solid 1px #fff;
padding: 5px 20px;
display: initial;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .detail dl dd {
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 1.8;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .link {
background: #fff;
padding: 14px 20px 14px 0;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .link p {
font-family: 'Noto Serif JP', serif;
font-size: 16px;
font-weight: 600;
color: #0f2446;
text-align: right;
margin: 0;
}
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box .link img {
width: 32px;
margin-left: 10px;
vertical-align: baseline;
}
@media screen and (max-width: 980px) {
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box {
max-width: calc(100% / 3);
}
}
@media screen and (max-width: 768px) {
.lp-ad_2023 #newad_case .inc .case_slider .case_boxes .box {
max-width: calc(100% / 1.3);
}
} .lp-ad_2023 #newad_ma_advisor {
background-image: linear-gradient(to right, #0f2446 1%, #01091e 100%);
background-size: cover;
position: relative;
}
.lp-ad_2023 #newad_ma_advisor::before {
content: '';
position: absolute;
background-image: url(//mabp.co.jp/img/lp_ad/hanyou_new/story_bg1.png);
background-size: cover;
width: 100%;
height: 414px;
top: 0;
left: 0;
z-index: 0;
}
.lp-ad_2023 #newad_ma_advisor .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes {
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box {
position: relative;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .adv_img {
width: 400px;
height: 494px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile {
position: absolute;
top: 0;
left: 0;
width: 400px;
height: 442px;
margin: 26px 0 26px 290px;
padding: 40px 37px 40px 40px;
-webkit-backdrop-filter: blur(10.1px);
backdrop-filter: blur(10.1px);
background-color: #0000002b;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile a {
color: #fff;
width: 100%;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .title h3 {
font-family: 'Noto Serif JP', serif;
font-size: 26px;
font-weight: normal;
line-height: 1.2;
margin-bottom: 20px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner .position {
font-family: 'Noto Sans JP', sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner .name {
font-family: 'Noto Sans JP', sans-serif;
font-size: 28px;
font-weight: normal;
line-height: 1.2;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner dl {
margin-bottom: 20px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner dl dt {
font-size: 12px;
border: solid 1px #fff;
padding: 5px 20px;
display: initial;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner dl dd {
font-size: 14px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile p {
font-family: 'Noto Serif JP', serif;
font-size: 16px;
font-weight: 600;
letter-spacing: normal;
color: #fff;
display: block;
text-align: right;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile p img {
width: 32px;
margin-left: 10px;
vertical-align: baseline;
}
@media screen and (max-width: 1050px) {
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .adv_img {
width: 360px;
height: auto;
margin: 0 20px 0 10px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile {
position: static;
margin: -20px 0 0;
}
}
@media screen and (max-width: 980px) {
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile {
padding: 20px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner .position,
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner .name {
text-align: left;
margin-bottom: 10px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile .inner dl {
margin-bottom: 10px;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile {
height: 100%;
}
.lp-ad_2023 #newad_ma_advisor .inc .advisor_slider .advisor_boxes .box .profile p {
}
}
@media screen and (max-width: 768px) {} .lp-ad_2023 #newad_consult {
background-image: url(//mabp.co.jp/img/lp_ad/hanyou_new/consult_bg1.png), linear-gradient(to right, #2b5077 0%, #0f2446 100%);
position: relative;
}
.lp-ad_2023 #newad_consult .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_consult .inc h2 {
max-width: 800px;
margin: 0 auto;
margin-bottom: 40px;
}
.lp-ad_2023 #newad_consult .inc h2 .consult_img.sp {
max-width: 500px;
margin: 0 auto;
}
.lp-ad_2023 #newad_consult .inc .consult_boxes {
display: flex;
margin-bottom: 40px;
}
.lp-ad_2023 #newad_consult .inc .consult_boxes .box {
width: 320px;
height: auto;
padding: 40px 24px;
margin: 0 20px 0 0;
border-radius: 10px;
background-color: #fff;
}
.lp-ad_2023 #newad_consult .inc .consult_boxes .box p {
font-family: 'Noto Serif JP', serif;
font-size: 14px;
font-weight: bold;
text-align: left;
color: #0f2446;
}
.lp-ad_2023 #newad_consult .inc .consult_boxes .box ul {
width: 100%;
border-top: 1px solid #85b5e6;
padding-top: 20px;
margin: 19px 0 20px 0.5px;
}
.lp-ad_2023 #newad_consult .inc .consult_boxes .box ul li {
font-family: 'Noto Sans JP', sans-serif;
font-size: 13px;
text-align: left;
color: #0f2446;
position: relative;
margin-left: 1.5em;
}
.lp-ad_2023 #newad_consult .inc .consult_boxes .box ul li::after {
content: '';
display: block;
position: absolute;
left: -1.5em;
top: .75em;
width: 12px;
height: 7px;
border-left: 3px solid #85b5e6;
border-bottom: 3px solid #85b5e6;
border-radius: 1px;
transform: rotate(-45deg);
}
.lp-ad_2023 #newad_consult .inc .consult_form {
max-width: 800px;
margin: 0 auto 80px;
}
.lp-ad_2023 #newad_consult .inc .consult_form .lp-ad_form {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.lp-ad_2023 #newad_consult .inc .consult_form .form_heading {
background-color: #1f2f54;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.lp-ad_2023 #newad_consult .inc .consult_form .form_heading p {
font-family: 'Noto Serif JP', serif;
font-size: 27px;
text-align: center;
color: #fff;
padding: 15px 0;
margin: 0;
}
.lp-ad_2023 #newad_consult .inc .area {
display: flex;
}
.lp-ad_2023 #newad_consult .inc .area .txt {
width: 48%;
text-align: left;
}
.lp-ad_2023 #newad_consult .inc .area .txt .logo {
max-width: 200px;
}
.lp-ad_2023 #newad_consult .inc .area .txt p.title {
font-size: 20px;
color: #fff;
margin: 24px 0;
}
.lp-ad_2023 #newad_consult .inc .area .txt p {
font-size: 14px;
color: #fff;
margin-bottom: 14px;
line-height: 1.8;
}
.lp-ad_2023 #newad_consult .inc .area .img {
width: 50%;
}
@media screen and (max-width: 980px) {
.lp-ad_2023 #newad_consult .inc .consult_boxes {
display: flex;
flex-direction: column;
align-items: center;
}
.lp-ad_2023 #newad_consult .inc .consult_boxes .box {
max-width: 500px;
width: 100%;
margin: 0 0 20px 0;
}
.lp-ad_2023 #newad_consult .inc .area {
display: block;
}
.lp-ad_2023 #newad_consult .inc .area .txt {
width: 100%;
}
.lp-ad_2023 #newad_consult .inc .area .img {
width: 100%;
}
.lp-ad_2023 #newad_consult .inc .consult_form .form_heading p {
font-size: 20px;
}
}
@media screen and (max-width: 768px) {} .lp-ad_2023 #newad_faq {
background-image: linear-gradient(to right, #0f2446 1%, #01091e 100%);
position: relative;
}
.lp-ad_2023 #newad_faq .inc {
width: 1000px;
max-width: calc(100% - 32px);
margin: 0 auto;
display: block;
padding: 80px 0px;
height: 100%;
}
.lp-ad_2023 #newad_faq .inc .qanda_lists {
margin-top: 40px;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list {
margin-bottom: 20px;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question {
display: flex;
align-items: center;
position: relative;
cursor: pointer;
padding: 20px 50px 20px 20px;
transition: all .5s ease;
border: solid 1px #fff;
border-radius: 10px;
color: #fff;
background: #ffffff1f;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list[open] .list_question {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question::before,
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question::after  {
content: '';
display: inline-block;
width: 25px;
height: 4px;
background-color: #85b5e6;
position: absolute;
right: 25px;
top: 50%;
transform: translateY(-50%);
transition: opacity .5s;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question::after {
transform: translateY(-50%) rotate(90deg);
transition: transform .5s;
} .lp-ad_2023 #newad_faq .inc details.qanda_list[open] .list_question::before {
opacity: 0;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list[open] .list_question::after {
transform: translateY(-50%) rotate(180deg);
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question p.q_mark {
font-family: 'EB Garamond', serif;
font-size: 40px;
font-weight: normal;
line-height: 1.05;
text-align: left;
color: #fff;
margin: 0 20px 0 0;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question p {
font-size: 18px;
font-weight: 500;
color: #fff;
margin: 0;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_answer {
border: 3px solid rgba(29, 44, 91, 0.1);
padding: 30px;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_answer p {
font-size: 16px;
line-height: 2;
letter-spacing: 3px;
color: #fff;
margin: 0;
}
@media screen and (max-width: 980px) {
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question p {
font-size: 15px;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_answer p {
font-size: 14px;
}
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question::before,
.lp-ad_2023 #newad_faq .inc details.qanda_list .list_question::after {
right: 15px;
}
}
@media screen and (max-width: 768px) {}