@charset "UTF-8";
 @import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Shippori+Mincho+B1&family=Zen+Old+Mincho&display=swap"); input[type=submit],
input[type=button] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
outline-offset: -2px;
}
@media screen and (max-width: 959px) {
.pc_only {
display: none;
}
.tb_only {
display: block;
}
}
@media screen and (min-width: 960px) {
.pc_only {
display: block;
}
.tb_only {
display: none;
}
}
@media screen and (max-width: 768px) {
.sp_only {
display: block;
}
}
@media screen and (min-width: 767px) {
.sp_only {
display: none;
}
}
body {
color: #16212d;
letter-spacing: 0.02em;
font-family: "Noto Sans JP", serif;
line-height: 1.4;
background: #e6ecf0;
font-size: 16px;
}
body input,
body button {
font-family: inherit;
}
body a {
color: inherit;
}
body a:hover {
cursor: pointer;
}
body p {
line-height: 1.8;
}
body strong {
font-weight: bold;
}
body .underline {
text-decoration: underline;
}
body img {
max-width: 100%;
height: auto;
}
body iframe {
max-width: 100%;
}
@media screen and (min-width: 960px) {
body a {
transition: 0.3s;
}
}
.a-container {
width: 1200px;
max-width: 100%;
margin: auto;
box-sizing: border-box;
padding: 0 20px;
}
@media screen and (max-width: 959px) {
.a-container {
padding: 0 20px;
}
}
.heading .heading-ja {
text-align: center;
font-family: "Shippori Mincho B1", serif;
font-size: 38px;
line-height: 1.8;
}
@media screen and (max-width: 959px) {
.heading .heading-ja {
font-size: 24px;
}
}
@media screen and (max-width: 479px) {
.heading .heading-ja {
font-size: 24px;
}
}
@media screen and (max-width: 959px) {
.heading .heading-ja {
text-align: left;
}
}
.heading .heading-description {
text-align: center;
margin-top: 30px;
}
@media screen and (max-width: 959px) {
.heading .heading-description {
margin-top: calc(30 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.heading .heading-description {
text-align: left;
}
}
.contents-block {
margin-top: 60px;
}
@media screen and (max-width: 959px) {
.contents-block {
margin-top: calc(30 * 2 / 10 * 1vw);
}
}
.margin-l-0 {
margin-left: calc(50% - 50vw);
}
.margin-r-0 {
margin-right: calc(50% - 50vw);
}
.ta-center {
text-align: center;
}
.white {
color: #fff;
}
.bg-white {
background-color: #fff !important;
}
.bg-mainColor {
background-color: #172943;
}
.bg-mainColor-gradation {
background: linear-gradient(186.61deg, #172943 11.38%, #303c4d 96.96%);
}
.button-simple {
text-decoration: none;
transition: 0.3s;
display: flex;
justify-content: center;
align-items: center;
font-family: "Shippori Mincho B1", serif;
gap: 2em;
font-size: 14px;
color: #fff;
}
@media screen and (max-width: 959px) {
.button-simple {
font-size: 14px;
}
}
@media screen and (max-width: 479px) {
.button-simple {
font-size: 14px;
}
}
.button-simple::after {
content: url(//mabp.co.jp/img/foot_cv02/icon/arrow-right.svg);
transition: 0.3s;
}
.button-simple:hover::after {
transform: translateX(5px);
}
.text-indent {
text-indent: -1em;
padding-left: 1em;
}
.section_inner {
padding: 40px 0px 80px;  }
@media screen and (max-width: 959px) {
.section_inner {
padding: 40px 0px;
}
}
.page__head {
margin-bottom: 100px;
}
@media screen and (max-width: 959px) {
.page__head {
margin-bottom: 30px;
}
}
.ul {
margin-top: 20px;
}
@media screen and (max-width: 959px) {
.ul {
margin-top: calc(20 * 2 / 10 * 1vw);
}
}
.ul li {
display: flex;
justify-content: flex-start;
gap: 0.6em;
align-items: flex-start;
font-size: 16px;
}
@media screen and (max-width: 959px) {
.ul li {
font-size: 15px;
}
}
@media screen and (max-width: 479px) {
.ul li {
font-size: 15px;
}
}
.ul li:not(:first-child) {
margin-top: 16px;
}
@media screen and (max-width: 959px) {
.ul li:not(:first-child) {
margin-top: calc(16 * 2 / 10 * 1vw);
}
}
.ul li:before {
content: url(//mabp.co.jp/img/foot_cv02/icon/check.svg);
width: 16px;
}
.page-mv {
width: 100%;
margin-top: 80px;
}
@media screen and (max-width: 959px) {
.page-mv {
margin-top: 54px;
}
}
.page-mv__wrap {
height: 100%;
}
.page-mv__main {
position: relative;
}
.page-mv__main::before {
position: absolute;
content: "";
background-image: url(//mabp.co.jp/img/ceremony/bg-pageMv.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.page-mv__main::after {
position: absolute;
content: "";
background: linear-gradient(0deg, #16212d 0%, rgba(46, 65, 86, 0.85) 100%);
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.page-mv__main-inner {
padding-top: 48px;
padding-bottom: 48px;
padding-left: 60px;
padding-right: 60px;
position: inherit;
z-index: 1;
}
@media screen and (max-width: 959px) {
.page-mv__main-inner {
padding-top: calc(48 * 2 / 10 * 1vw);
padding-bottom: calc(48 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.page-mv__main-inner {
padding-left: calc(30 * 2 / 10 * 1vw);
padding-right: calc(30 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.page-mv__main-inner {
padding-top: 30px;
padding-bottom: 30px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.page-mv__main-inner {
padding-top: calc(36 * 2 / 10 * 1vw);
padding-bottom: calc(30 * 2 / 10 * 1vw);
}
}
.page-mv__heading {
font-family: "Shippori Mincho B1", serif;
color: #fff;
text-align: center;
font-size: 36px;
line-height: 1.8;
}
@media screen and (max-width: 959px) {
.page-mv__heading {
font-size: 24px;
}
}
@media screen and (max-width: 479px) {
.page-mv__heading {
font-size: 24px;
}
}
.page-mv__breadcrumb {
color: #fff;
background-color: #16212d;
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (max-width: 959px) {
.page-mv__breadcrumb {
padding-top: calc(20 * 2 / 10 * 1vw);
padding-bottom: calc(20 * 2 / 10 * 1vw);
}
}
.page-mv__breadcrumb nav {
max-width: 1200px;
padding-left: 20px;
margin: 0 auto;
}
.ceremony_sec .comparison {
border: 1px solid #16212d;
}
.ceremony_sec .comparison__heading {
font-family: "Shippori Mincho B1", serif;
color: #172943;
text-align: center;
font-size: 24px;
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison__heading {
font-size: 24px;
}
}
@media screen and (max-width: 479px) {
.ceremony_sec .comparison__heading {
font-size: 24px;
}
}
.ceremony_sec .comparison__inner {
padding-left: 70px;
padding-right: 70px;
padding-top: 40px;
padding-bottom: 50px;
box-sizing: border-box;
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison__inner {
padding-left: calc(70 * 2 / 10 * 1vw);
padding-right: calc(70 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison__inner {
padding-top: calc(40 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison__inner {
padding-bottom: calc(50 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison__inner {
padding-left: 16px;
padding-right: 16px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.ceremony_sec .comparison__inner {
padding-left: calc(16 * 2 / 10 * 1vw);
padding-right: calc(16 * 2 / 10 * 1vw);
}
}
.ceremony_sec .comparison__container {
margin-top: 40px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison__container {
margin-top: calc(40 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison__container {
display: block;
}
}
.ceremony_sec .comparison .comparison-item {
width: 48%;
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item {
width: 100%;
}
.ceremony_sec .comparison .comparison-item:not(:first-child) {
margin-top: 10px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item:not(:first-child) {
margin-top: calc(10 * 2 / 10 * 1vw);
}
}
.ceremony_sec .comparison .comparison-item__inner {
padding-top: 40px;
padding-bottom: 50px;
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__inner {
padding-top: calc(40 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__inner {
padding-bottom: calc(50 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__inner {
padding-left: calc(20 * 2 / 10 * 1vw);
padding-right: calc(20 * 2 / 10 * 1vw);
}
}
.ceremony_sec .comparison .comparison-item__icon {
text-align: center;
height: 120px;
}
.ceremony_sec .comparison .comparison-item__icon img {
max-height: 100%;
object-fit: contain;
width: auto;
}
.ceremony_sec .comparison .comparison-item__title {
margin-top: 20px;
font-size: 24px;
font-family: "Shippori Mincho B1", serif;
text-align: center;
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__title {
margin-top: calc(20 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__title {
font-size: 24px;
}
}
@media screen and (max-width: 479px) {
.ceremony_sec .comparison .comparison-item__title {
font-size: 24px;
}
}
.ceremony_sec .comparison .comparison-item__ul {
margin-top: 30px;
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__ul {
margin-top: calc(30 * 2 / 10 * 1vw);
}
}
.ceremony_sec .comparison .comparison-item__ul .ul-title {
color: #fff;
font-weight: bold;
font-size: 16px;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
background: linear-gradient(90deg, rgba(230, 236, 240, 0.3) 0%, rgba(230, 236, 240, 0) 100%);
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__ul .ul-title {
font-size: 15px;
}
}
@media screen and (max-width: 479px) {
.ceremony_sec .comparison .comparison-item__ul .ul-title {
font-size: 15px;
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__ul .ul-title {
padding-top: calc(4 * 2 / 10 * 1vw);
padding-bottom: calc(4 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.ceremony_sec .comparison .comparison-item__ul .ul-title {
padding-left: calc(10 * 2 / 10 * 1vw);
padding-right: calc(10 * 2 / 10 * 1vw);
}
}
.ceremony_sec .comparison .comparison-item:first-child {
background-color: #344052;
color: #fff;
}
.ceremony_sec .comparison .comparison-item:last-child {
background-color: #e6ecf0;
}
.ceremony_sec .comparison .comparison-item:last-child .ul-title {
background: linear-gradient(90deg, rgba(22, 33, 45, 0.3) 0%, rgba(22, 33, 45, 0) 100%);
}
.ceremony_sec .comparison .comparison-item:last-child .comparison-item__title {
color: #072a4d;
}
.ceremony_sec .comparison .comparison-item:last-child li::before {
content: url(//mabp.co.jp/img/foot_cv02/icon/check--black.svg);
}
.gallery-lists {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2rem;
}
.gallery-lists .gallery-list {
width : calc(100% / 3 - 2rem);
}
.gallery-lists .gallery-list img {
cursor: pointer;
object-fit: cover;
aspect-ratio: 16/9;
object-position: 0 20%;
}
.modaal-container {
width: 80%;
max-width: 750px !important;
}
@media screen and (max-width: 959px) {
.gallery-lists {
gap: 1rem;
}
.gallery-lists .gallery-list {
width : calc(100% / 2 - 1rem);
}
}
@media screen and (max-width: 959px) {
.achive .heading-ja {
text-align: center;
}
}
.achive .achive-item {
color: #16212d;
background-color: #fff;
border: 1px solid #16212d;
}
.achive .achive-item:not(:first-child) {
margin-top: 40px;
}
@media screen and (max-width: 959px) {
.achive .achive-item:not(:first-child) {
margin-top: calc(40 * 2 / 10 * 1vw);
}
}
.achive .achive-item__inner {
padding: 40px;
box-sizing: border-box;
}
@media screen and (max-width: 959px) {
.achive .achive-item__inner {
padding-left: calc(60 * 2 / 10 * 1vw);
padding-right: calc(60 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.achive .achive-item__inner {
padding-top: calc(40 * 2 / 10 * 1vw);
padding-bottom: calc(40 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.achive .achive-item__inner {
padding-left: 36px;
padding-right: 36px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.achive .achive-item__inner {
padding-left: calc(24 * 2 / 10 * 1vw);
padding-right: calc(24 * 2 / 10 * 1vw);
}
}
.achive .achive-item__container {
display: flex;
justify-content: space-between;
gap: 3em; }
@media screen and (max-width: 959px) {
.achive .achive-item__container {
flex-direction: column;
gap: 0em;
}
.achive .achive-item__container.--reverse {
flex-direction: column-reverse;
gap: 0em;
}
}
.achive .achive-item__text-block {
margin-top: 24px;
width: 60%;
}
@media screen and (max-width: 959px) {
.achive .achive-item__text-block {
margin-top: 0;
width: 100%;
}
}
.achive .achive-item__box {
display: flex;
margin-bottom: 24px;
gap: 24px;
align-items: center;
}
@media screen and (max-width: 959px) {
.achive .achive-item__box {
gap: 16px;
margin-bottom: 16px;
}
}
.achive .achive-item__label {
font-family: "Shippori Mincho B1", serif;
font-size: 12px;
padding: 4px 8px;
line-height: 1.6;
letter-spacing: 0.1em;
min-width: 65px;
text-align: center;
}
.achive .achive-item__label.-navy {
color: #fff;
background-color: #16212D;
border: 1px solid #16212D;
}
.achive .achive-item__label.-red {
color: #fff;
background-color: #6F0000;
border: 1px solid #6F0000;
}
.achive .achive-item__label.-white {
color: #16212D;
background-color: #fff;
border: 1px solid #16212D;
}
@media screen and (max-width: 959px) {
.achive .achive-item__label {
font-size: 12px;
}
}
@media screen and (max-width: 479px) {
.achive .achive-item__label {
font-size: 10px;
}
}
@media screen and (max-width: 959px) {
.achive .achive-item__label { }
}
.achive .achive-item__heading {
font-family: "Shippori Mincho B1", serif;
font-size: 22px;
line-height: 1;
letter-spacing: 0.1em;
}
@media screen and (max-width: 959px) {
.achive .achive-item__heading {
font-size: 18px;
}
}
@media screen and (max-width: 479px) {
.achive .achive-item__heading {
font-size: 14px;
}
}
@media screen and (max-width: 959px) {
.achive .achive-item__heading { }
}
.achive .achive-item__heading.-border {
line-height: 1.6;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: .1em;
}
.achive .achive-item__sub-heading {
font-family: "Shippori Mincho B1", serif;
font-size: 20px;
line-height: 1;
letter-spacing: 0.1em;
}
@media screen and (max-width: 959px) {
.achive .achive-item__sub-heading {
font-size: 20px;
}
}
@media screen and (max-width: 479px) {
.achive .achive-item__sub-heading {
font-size: 16px;
}
}
@media screen and (max-width: 959px) {
.achive .achive-item__sub-heading { }
}
.achive .achive-item__text {
margin-top: 30px;
}
@media screen and (max-width: 959px) {
.achive .achive-item__text {
margin-top: calc(30 * 2 / 10 * 1vw);
margin-bottom: 10px;
}
}
.achive .achive-item__text span {
font-size: 12px;
}
@media screen and (max-width: 959px) {
.achive .achive-item__text span {
font-size: 12px;
}
}
@media screen and (max-width: 479px) {
.achive .achive-item__text span {
font-size: 12px;
}
}
.achive .achive-item__image {
flex: 1;
}
@media screen and (max-width: 959px) {
.achive .achive-item__image { margin: auto; }
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.achive .achive-item__image { }
}
.achive .achive-item__image img {
margin: auto;
display: block; aspect-ratio: 16/10;
object-fit: cover;
width: 100%;
}
.achive .achive-item__image p {
text-align: center;
margin-top: 20px;
font-size: 14px;
line-height: 1.2;
}
@media screen and (max-width: 959px) {
.achive .achive-item__image p {
margin-top: calc(20 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.achive .achive-item__image p {
font-size: 14px;
}
}
@media screen and (max-width: 479px) {
.achive .achive-item__image p {
font-size: 14px;
}
}
.achive .achive-item__image p span {
font-size: 10px;
}
@media screen and (max-width: 959px) {
.achive .achive-item__image p span {
font-size: 10px;
}
}
@media screen and (max-width: 479px) {
.achive .achive-item__image p span {
font-size: 10px;
}
}
.link-block__container {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 959px) {
.link-block__container {
display: block;
}
}
.link-block .link-item {
border: 1px solid rgba(230, 236, 240, 0.3019607843);
background-color: rgba(7, 19, 31, 0.3);
width: calc(33.3333333333% - 2em);
}
@media screen and (max-width: 959px) {
.link-block .link-item {
width: 100%;
}
.link-block .link-item:not(:first-child) {
margin-top: 20px;
}
.link-block .link-item a {
width: 100%;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.link-block .link-item:not(:first-child) {
margin-top: calc(20 * 2 / 10 * 1vw);
}
}
.link-block .link-item__inner {
padding-top: 40px;
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
box-sizing: border-box;
}
@media screen and (max-width: 959px) {
.link-block .link-item__inner {
padding-top: calc(40 * 2 / 10 * 1vw);
padding-bottom: calc(40 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.link-block .link-item__inner {
padding-left: calc(30 * 2 / 10 * 1vw);
padding-right: calc(30 * 2 / 10 * 1vw);
}
}
.link-block .link-item__icon {
width: 100px;
height: 100px;
margin: auto;
display: flex;
align-items: center;
}
.link-block .link-item__icon img {
max-width: 100%;
height: auto;
object-fit: contain;
}
.link-block .link-item__title {
text-align: center;
font-size: 28px;
margin-top: 30px;
line-height: 1;
font-family: "Shippori Mincho B1", serif;
color: #fff;
}
@media screen and (max-width: 959px) {
.link-block .link-item__title {
font-size: 28px;
}
}
@media screen and (max-width: 479px) {
.link-block .link-item__title {
font-size: 28px;
}
}
@media screen and (max-width: 959px) {
.link-block .link-item__title {
margin-top: calc(30 * 2 / 10 * 1vw);
}
}
.link-block .link-item__title span {
color: #778796;
font-size: 14px;
}
@media screen and (max-width: 959px) {
.link-block .link-item__title span {
font-size: 14px;
}
}
@media screen and (max-width: 479px) {
.link-block .link-item__title span {
font-size: 14px;
}
}
.link-block .link-item__text {
font-size: 14px;
margin-top: 30px;
min-height: 110px;
color: #fff;
}
@media screen and (max-width: 959px) {
.link-block .link-item__text {
font-size: 14px;
}
}
@media screen and (max-width: 479px) {
.link-block .link-item__text {
font-size: 14px;
}
}
@media screen and (max-width: 959px) {
.link-block .link-item__text {
margin-top: calc(30 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.link-block .link-item__text {
min-height: auto;
}
}
.link-block .link-item__button {
margin-top: 20px;
}
@media screen and (max-width: 959px) {
.link-block .link-item__button {
margin-top: calc(20 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.link-block .link-item__button {
margin-top: 50px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.link-block .link-item__button {
margin-top: calc(50 * 2 / 10 * 1vw);
}
}
.link-block .link-item:hover .button-simple::after {
transform: translateX(10px);
}
.cta .cta-heading__block {
padding-left: 30px;
padding-right: 30px;
display: flex;
justify-content: space-between;
gap: 2em;
}
@media screen and (max-width: 959px) {
.cta .cta-heading__block {
padding-left: calc(30 * 2 / 10 * 1vw);
padding-right: calc(30 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.cta .cta-heading__block {
padding-left: 0px;
padding-right: 0px;
display: block;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.cta .cta-heading__block {
padding-left: calc(0 * 2 / 10 * 1vw);
padding-right: calc(0 * 2 / 10 * 1vw);
}
}
.cta .heading {
flex: 1;
}
@media screen and (max-width: 959px) {
.cta .heading {
margin-top: 30px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.cta .heading {
margin-top: calc(30 * 2 / 10 * 1vw);
}
}
.cta .heading .heading-ja {
font-size: 30px;
}
@media screen and (max-width: 959px) {
.cta .heading .heading-ja {
font-size: 20px;
}
}
@media screen and (max-width: 479px) {
.cta .heading .heading-ja {
font-size: 20px;
}
}
@media screen and (max-width: 959px) {
.cta .heading .heading-ja {
text-align: center;
}
}
.cta .cta-accent {
font-size: 38px;
display: flex;
justify-content: center;
align-items: center;
font-family: "Shippori Mincho B1", serif;
text-align: center;
width: 130px;
height: 130px;
border: 1px solid #16212d;
border-radius: 50%;
line-height: 1.1;
}
@media screen and (max-width: 959px) {
.cta .cta-accent {
font-size: 38px;
}
}
@media screen and (max-width: 479px) {
.cta .cta-accent {
font-size: 38px;
}
}
@media screen and (max-width: 959px) {
.cta .cta-accent {
margin: auto;
}
}
.cta .cta-accent span {
font-size: 14px;
display: block;
}
@media screen and (max-width: 959px) {
.cta .cta-accent span {
font-size: 14px;
}
}
@media screen and (max-width: 479px) {
.cta .cta-accent span {
font-size: 14px;
}
}
.cta .cta-accent__inner {
height: fit-content;
}
.cta .heading-ja {
text-align: left;
}
.cta .cta-button {
display: flex;
justify-content: flex-start;
gap: 0.6em;
align-items: flex-end;
line-height: 1;
flex-wrap: wrap;
margin-top: 20px;
}
@media screen and (max-width: 959px) {
.cta .cta-button {
margin-top: calc(20 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.cta .cta-button {
justify-content: center;
}
}
.cta .cta-button a {
font-size: 48px;
font-family: "Shippori Mincho B1", serif;
letter-spacing: 0.1em;
white-space: nowrap;
color: #16212d;
}
@media screen and (max-width: 959px) {
.cta .cta-button a {
font-size: 38px;
}
}
@media screen and (max-width: 479px) {
.cta .cta-button a {
font-size: 38px;
}
}
.cta .cta-button span {
font-size: 14px;
}
@media screen and (max-width: 959px) {
.cta .cta-button span {
font-size: 14px;
}
}
@media screen and (max-width: 479px) {
.cta .cta-button span {
font-size: 14px;
}
}
.cta .cta-item {
width: calc(33.3333333333% - 1em);
background-color: #fff;
border: 1px solid #16212d;
}
@media screen and (max-width: 959px) {
.cta .cta-item {
width: 100%;
}
.cta .cta-item:not(:first-child) {
margin-top: 15px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.cta .cta-item:not(:first-child) {
margin-top: calc(15 * 2 / 10 * 1vw);
}
}
.cta .cta-item__block {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 959px) {
.cta .cta-item__block {
display: block;
}
}
.cta .cta-item__inner {
padding: 40px;
}
@media screen and (max-width: 959px) {
.cta .cta-item__inner {
padding: calc(40 * 2 / 10 * 1vw);
}
}
.cta .cta-item__heading {
font-size: 24px;
padding-bottom: 10px;
font-family: "Shippori Mincho B1", serif;
color: #344052;
border-bottom: 1px solid #16212d;
}
@media screen and (max-width: 959px) {
.cta .cta-item__heading {
font-size: 20px;
}
}
@media screen and (max-width: 479px) {
.cta .cta-item__heading {
font-size: 20px;
}
}
@media screen and (max-width: 959px) {
.cta .cta-item__heading {
padding-bottom: calc(10 * 2 / 10 * 1vw);
}
}
.cta .cta-item__ul {
margin-top: 30px;
}
@media screen and (max-width: 959px) {
.cta .cta-item__ul {
margin-top: calc(30 * 2 / 10 * 1vw);
}
}
.cta .cta-item__ul li {
font-size: 14px;
color: #344052;
}
@media screen and (max-width: 959px) {
.cta .cta-item__ul li {
font-size: 14px;
}
}
@media screen and (max-width: 479px) {
.cta .cta-item__ul li {
font-size: 14px;
}
}
.cta .cta-item__ul li::before {
content: url(//mabp.co.jp/img/foot_cv02/icon/check--blue.svg);
width: 16px;
}
.page-nav-block {
display: flex;
justify-content: space-between;
margin-top: 60px;
}
@media screen and (max-width: 959px) {
.page-nav-block {
margin-top: calc(60 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.page-nav-block {
display: block;
}
}
.page-nav-block .page-nav {
width: calc(50% - 2em);
background-color: #16212d;
}
@media screen and (max-width: 959px) {
.page-nav-block .page-nav {
width: 100%;
}
.page-nav-block .page-nav:not(:first-child) {
margin-top: 12px;
}
.page-nav-block .page-nav a {
width: 100%;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.page-nav-block .page-nav:not(:first-child) {
margin-top: calc(12 * 2 / 10 * 1vw);
}
}
.page-nav-block .page-nav__container {
display: flex;
justify-content: space-between;
align-items: center;
gap: 2em;
}
@media screen and (max-width: 959px) {
.page-nav-block .page-nav__container {
display: block;
}
}
.page-nav-block .page-nav__inner {
padding-left: 40px;
padding-right: 40px;
padding-top: 30px;
padding-bottom: 30px;
box-sizing: border-box;
}
@media screen and (max-width: 959px) {
.page-nav-block .page-nav__inner {
padding-left: calc(40 * 2 / 10 * 1vw);
padding-right: calc(40 * 2 / 10 * 1vw);
}
}
@media screen and (max-width: 959px) {
.page-nav-block .page-nav__inner {
padding-top: calc(30 * 2 / 10 * 1vw);
padding-bottom: calc(30 * 2 / 10 * 1vw);
}
}
.page-nav-block .page-nav__image {
width: 20%;
}
.page-nav-block .page-nav__image img {
width: 100%;
}
@media screen and (max-width: 959px) {
.page-nav-block .page-nav__image {
width: 100%;
}
}
.page-nav-block .page-nav__title {
flex: 1;
color: #fff;
font-family: "Shippori Mincho B1", serif;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 20px;
}
.page-nav-block .page-nav__title::after {
content: url(//mabp.co.jp/img/foot_cv02/icon/arrow-right.svg);
transition: 0.3s;
}
@media screen and (max-width: 959px) {
.page-nav-block .page-nav__title {
font-size: 16px;
}
}
@media screen and (max-width: 479px) {
.page-nav-block .page-nav__title {
font-size: 16px;
}
}
@media screen and (max-width: 959px) {
.page-nav-block .page-nav__title {
margin-top: 20px;
}
}
@media screen and (max-width: 959px) and (max-width: 959px) {
.page-nav-block .page-nav__title {
margin-top: calc(20 * 2 / 10 * 1vw);
}
}
.page-nav-block .page-nav:hover .page-nav__title::after {
transform: translateX(10px);
}
.breadcrumb {
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 12px;
}
@media screen and (max-width: 959px) {
.breadcrumb {
font-size: 10px;
line-height: 1;
}
}
@media screen and (max-width: 479px) {
.breadcrumb {
font-size: 10px;
}
}
.breadcrumb li {
white-space: nowrap;
}
.breadcrumb li::after {
content: url(//mabp.co.jp/img/foot_cv02/icon/arrow-right--white.svg);
margin-left: 10px;
margin-right: 10px;
}
.breadcrumb li a {
color: #fff !important;
}
@media screen and (max-width: 959px) {
.breadcrumb li::after {
margin-left: calc(10 * 2 / 10 * 1vw);
margin-right: calc(10 * 2 / 10 * 1vw);
}
}
.breadcrumb li:last-child::after {
display: none;
}