@charset "utf-8";

/* Zen Old Mincho — public_html/fonts/ のローカルファイル */
@font-face {
    font-family: "Zen Old Mincho";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../fonts/ZenOldMincho-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Zen Old Mincho";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../../fonts/ZenOldMincho-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Zen Old Mincho";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../../fonts/ZenOldMincho-SemiBold.ttf") format("truetype");
}

@font-face {
    font-family: "Zen Old Mincho";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../../fonts/ZenOldMincho-Bold.ttf") format("truetype");
}

/* Zen Kaku Gothic New — Google Fonts 静的ファイルは 300/400/500/700/900（600 SemiBold は無い） */
@font-face {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../../fonts/ZenKakuGothicNew-Regular.woff2") format("woff2");
}

@font-face {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../../fonts/ZenKakuGothicNew-Medium.woff2") format("woff2");
}

@font-face {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../../fonts/ZenKakuGothicNew-Bold.woff2") format("woff2");
}

@font-face {
    font-family: "Zen Kaku Gothic New";
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url("../../fonts/ZenKakuGothicNew-Black.ttf") format("truetype");
}

/*///////////////////// 共通 ///////////////////////////*/
body {
    /*スマホで勝手に文字が大きくなる対策*/
    -webkit-text-size-adjust: 100%;
}

#contents {
    width: 100%;
    padding: 0;
    overflow: hidden;
}

.l-page * {
    font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
    color: #1A1A1A;
}

.l-page {
    background-color: #FFF;
    width: 100%;
    padding: 0;
}

.cont__wrap {
    position: relative;
    width: 100%;
}

.cont__inner {
    width: 1140px;
    margin: 0 auto;
    padding: 80px 0;
}

.ttl__wrapper {
    text-align: center;
    margin: 0 0 40px;
}

.ui__ttl {
    position: relative;
    font-size: 36px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    line-height: 1.389;
    color: #1A1A1A;
    font-weight: 600;
}

.case .ui__ttl,
.contact .ui__ttl {
    font-weight: 400;
}

.ui__ttl__en {
    font-size: 16px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    position: relative;
    display: inline-block;
    line-height: 1.375;
    padding: 0 0 0 15px;
    color: #25509D;
    font-weight: 400;
}

.ui__ttl__en:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../images/icn_hexagon_blue.webp) no-repeat center / cover;
    width: 10px;
    height: 10px;
}

.contact .ui__ttl__en:before,
.case .ui__ttl__en:before {
    background: url(../images/icn_hexagon_white.webp) no-repeat center / cover;
}

/*///////////////////// mv ///////////////////////////*/
.mv .cont__inner {
    width: 100%;
    margin: 0;
    padding: 0;
}

.mv__inner {
    width: 100%;
}

.mv__content {
    position: relative;
    height: 580px;
}

.mv__content img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mv__cta--wrapper {
    width: 1140px;
    margin: 0 auto;
    position: relative;
}

.mv__cta--satei {
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 78px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 64px;
    border-radius: 36px;
    box-sizing: border-box;
    padding-right: 36px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: 0.04em;
    color: #ffffff;
    text-decoration: none;
    filter: drop-shadow(3px 0 2px rgba(0, 0, 0, 0.3));
    background-image: linear-gradient(101.31deg, #c7b342 0%, #b88c13 100%);
    padding: 0 0 0 2px;
}

.mv__cta--satei::after {
    position: absolute;
    content: "";
    right: 31px;
    top: 50%;
    margin-top: -6px;
    border-style: solid;
    border-width: 6px 0 6px 10px;
    border-color: transparent transparent transparent #ffffff;
}

/*///////////////////// upper ///////////////////////////*/
.upper .cont__inner {
    margin: 0;
    padding: 80px 0;
    box-sizing: border-box;
    width: 100%;
}

.upper__content {
    display: flex;
    position: relative;
    width: 1140px;
    margin: 0 auto;
    height: 400px;
    align-items: flex-start;
}

.upper__detail {
    flex-shrink: 0;
    width: 504px;
    display: flex;
    flex-direction: column;
    gap: 22px;
    padding: 57px 0 0;
}

.upper__head {
    position: relative;
    margin: 0;
    padding-top: 0;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.45;
    letter-spacing: 0;
    color: #1a1a1a;
    text-align: center;
}

.upper__head__accent {
    font-size: 46px;
    line-height: 1.4;
    color: #25509d;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
}

.upper__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.upper__item {
    position: relative;
    padding: 0 0 0 20px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.upper__item::before {
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    width: 10px;
    height: 10px;
    margin-top: -5px;
    background-color: #c7b342;
}

.upper__item span {
    color: #25509d;
    font-weight: 600;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
}

.upper__img {
    position: absolute;
    flex-shrink: 0;
    width: 926px;
    height: 400px;
    width: calc(50vw - 34px);
    /* 画面幅いっぱいのためvw使用 */
    right: calc(50% - 50vw);
}

.upper__img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left;
}

/*///////////////////// case ///////////////////////////*/
.case {
    background: url("../images/bg_case.webp") no-repeat center center / cover;
}

.case * {
    color: #fff;
}

.case__content {
    text-align: center;
}

.case__img {
    width: 655px;
    margin: 0 auto 60px;
}

.case__bottom {
    padding: 0 0 20px;
}

.case__head {
    font-size: 26px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    line-height: 1.6154;
    margin: 0 0 15px;
    font-weight: 400;
}

.case__txt {
    font-size: 16px;
    line-height: 1.813;
    font-weight: 300;
}

/*///////////////////// example ///////////////////////////*/
.example__list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.example__item {
    background: #F3F9FF;
    padding: 0 40px 40px;
}

.example__item:nth-of-type(even) {
    padding-bottom: 37px;
}

.example__head {
    text-align: center;
    margin: 0 0 22px;
}

.example__ttl--num {
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-size: 20px;
    color: #fff;
    background: #25509D;
    width: 92px;
    margin: 0 auto 8px;
    padding: 1px 0;
    font-weight: 400;
}

.example__head--ttl {
    color: #25509D;
    font-size: 26px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-weight: 600;
}

.example__block {
    display: flex;
    gap: 30px;
    align-items: flex-start;
}

[class^="example__img--"] {
    width: 467px;
}

.example__img--1 {
    height: 202px;
    position: relative;
    top: 15px;
}

.example__img--2 {
    height: 206px;
}

.example__img--3 {
    height: 160px;
    position: relative;
    top: 7px;
}

.example__detail {
    font-size: 16px;
    flex: 1;
    line-height: 1.813;
    font-weight: 400;
}

/*///////////////////// liave ///////////////////////////*/
.liave {
    background: #F3F9FF;
}

.liave__inner {
    display: flex;
    justify-content: flex-end;
}

.liave__img {
    position: absolute;
    flex-shrink: 0;
    height: 440px;
    width: calc(50vw - 130px);
    /* 画面幅いっぱいのためvw使用 */
    left: calc(50% - 50vw);
}

.liave__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.liave__content {
    width: 640px;
    padding: 8px 0 7px;
}

.liave__content .ttl__wrapper {
    text-align: left;
}

.liave__head {
    color: #25509D;
    font-size: 26px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    line-height: 1.6154;
    font-weight: 500;
    margin: 0 0 20px;
}

.liave__txt {
    font-size: 16px;
    line-height: 1.813;
    margin: 0 0 50px;
    font-weight: 400;
}

.liave__bottom {
    position: relative;
    background: #F5F3E8;
    width: 494px;
}

.liave__bottom--head {
    position: absolute;
    background: #C7B342;
    color: #fff;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-size: 20px;
    padding: 3px 15px;
    top: -20px;
    font-weight: 400;
}

.liave__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0px 30px;
    padding: 35px 35px 21px 56px;
}

.liave__item {
    min-width: 160px;
    font-size: 16px;
    line-height: 1.813;
    position: relative;
    font-weight: 400;
}

.liave__item:before {
    position: absolute;
    content: "";
    top: 50%;
    left: -10px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: #C7B342;
    border-radius: 9999px;
    width: 3px;
    height: 3px;
}

/*///////////////////// reason ///////////////////////////*/
.reason__content {
    text-align: center;
}

.reason__upper {
    font-size: 20px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-weight: 500;
    padding: 1px 0 0;
    margin: 0 0 19px;
}

.reason__main {
    display: flex;
    gap: 0;
    position: relative;
}

.reason__main:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 76px;
    height: 75px;
    background: url("../images/deco_reason.webp") no-repeat center center / cover;
}

.reason__reason,
.reason__situation {
    flex: 1;
    padding: 50px 0;
}

.reason__reason {
    background: #F0F7FF;
}

.reason__situation {
    background: #FDFBF0;
}

.reason__head {
    font-size: 26px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    line-height: 1.6154;
    font-weight: 400;
    margin: 0 0 15px;
}

.reason__reason .reason__head {
    color: #25509D;
}

.reason__situation .reason__head {
    color: #C7B342;
}

.reason__txt {
    font-size: 16px;
    line-height: 1.813;
    font-weight: 400;
}

/*///////////////////// proposal ///////////////////////////*/
.proposal {
    background: #F3F9FF;
}

.proposal__list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

[class^="proposal__item"] {
    width: 360px;
    height: 160px;
}

[class^="proposal__item"] a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding: 15px 26px 0;
    position: relative;
}

.proposal__item--1 a {
    background: url(../images/bg_proposal1.webp) no-repeat center / cover;
}

.proposal__item--2 a {
    background: url(../images/bg_proposal2.webp) no-repeat center / cover;
}

.proposal__item--3 a {
    background: url(../images/bg_proposal3.webp) no-repeat center / cover;
}

.proposal__item--4 a {
    background: url(../images/bg_proposal4.webp) no-repeat center / cover;
}

.proposal__item--5 a {
    background: url(../images/bg_proposal5.webp) no-repeat center / cover;
}

.proposal__item--6 a {
    background: url(../images/bg_proposal6.webp) no-repeat center / cover;
}

[class^="proposal__item"] a:after {
    position: absolute;
    content: "";
    display: block;
    background: url(../images/arw_proposal.webp) no-repeat center / cover;
    width: 55px;
    height: 22px;
    right: 15px;
    bottom: 15px;
}

.proposal__head {
    color: #fff;
    font-size: 36px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    font-weight: 400;
}

/*///////////////////// staff ///////////////////////////*/
.staff__inner {
    position: relative;
    display: flex;
    gap: 130px;
    padding: 80px 0 88px;
}

.staff__content {
    overflow: hidden;
    min-width: 1180px;
    flex: 1;
}

.staff__inner .ttl__wrapper {
    width: 260px;
    padding: 88px 0 0;
    text-align: left;
}

.slider__item--staff {
    width: 280px;
    height: 297px;
    background: #fff;
}

.slider__list--staff {
    justify-content: flex-start;
    margin: 0 0 30px;
}

.btn__more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 56px;
    background: #25509D;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    margin: 30px 0 0;
    position: relative;
    font-weight: 500;
}

.btn__more:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../images/arw_white.webp) no-repeat center / cover;
    width: 7px;
    height: 13px;
}

.slider__img {
    width: 100%;
    height: 187px;
}

.slider__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.staff__txt {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.staff__name {
    color: #25509D;
    font-size: 16px;
    font-weight: 700;
}

.staff__text {
    font-size: 16px;
    color: #5B5B5B;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.slide__option {
    position: absolute;
    width: calc(50vw - 34px);
    /* 画面幅いっぱいのためvw使用 */
    right: calc(50% - 50vw);
    padding: 0 70px 0 0;
}

.slide__option .swiper-pagination {
    top: 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
    gap: 15px;
}

.slide__option .swiper-pagination .swiper-pagination-bullet {
    margin: 0;
    width: 8px;
    height: 8px;
    opacity: 1;
    background: #D9D9D9;
}

.slide__option .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #25509D;
}

/*///////////////////// contact ///////////////////////////*/
.contact {
    background: #25509D;
}

.contact * {
    color: #fff;
}

.contact__detail .ttl__wrapper {
    margin: 0 0 37px;
}

.contact__inner {
    padding: 80px 0 88px;
}

.contact__content {
    display: flex;
    justify-content: flex-end;
}

.contact__img {
    position: absolute;
    height: 516px;
    width: calc(50vw + 100px);
    /* 画面幅いっぱいのためvw使用 */
    left: calc(50% - 50vw);
    top: 0;
}

.contact__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.contact__detail {
    width: 470px;
    text-align: center;
}

.contact__tel {
    font-size: 36px;
    line-height: 1;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    padding: 0 0 0 45px;
    margin: 0 0 12px;
    position: relative;
}

.contact__tel:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 95px;
    margin: 3px 0 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    background: url(../images/icn_tel.webp) no-repeat center / cover;
    width: 36px;
    height: 36px;
}

.contact__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin: 0 0 19px;
}

.info__detail {
    font-size: 14px;
    line-height: 1.786;
    font-weight: 400;
}

.contact__cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.contact__cta [class^="btn__"] {
    width: 260px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 16px;
    font-weight: 600;
}

.contact__cta .btn__contact {
    background-color: #C7B342;
    font-weight: 500;
}

.contact__cta .btn__satei {
    background-color: #FFF;
    color: #25509D;
}

.contact__cta [class^="btn__"]:after {
    position: absolute;
    content: "";
    top: 50%;
    right: 14px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    width: 7px;
    height: 13px;
}

.contact__cta .btn__contact:after {
    background: url(../images/arw_white.webp) no-repeat center / cover;
}

.contact__cta .btn__satei:after {
    background: url(../images/arw_blue.webp) no-repeat center / cover;
}

/*///////////////////// choices ///////////////////////////*/
.choices {
    background: #F3F9FF;
    padding: 80px 0 0;
}

.choices__inner {
    padding: 80px 0 40px;
    background: #fff;
}

.choices__content {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

[class^="choices__row"] {
    display: flex;
    justify-content: center;
    gap: 90px;
}

.choices__row4 {
    gap: 31px;
}

[class^="choices__block--"] {
    height: 100px;
    background: #E8EDF5;
    font-size: 20px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    text-align: center;
    padding: 2px 0 0;
    font-weight: 500;
}

.choices__block--none {
    background: transparent;
    width: 240px;
    height: 100px;
}

[class^="choices__block--"]:before,
[class^="choices__block--"]:after {
    position: absolute;
    content: "";
    display: block;
}

.choices__row1 [class^="choices__block--"] {
    width: 400px;
}

.choices__row2 [class^="choices__block--"],
.choices__row3 [class^="choices__block--"] {
    width: 240px;
}

.choices__block--1:before {
    background: url(../images/img_yes1.webp) no-repeat center / cover;
    width: 54px;
    height: 51px;
    left: -15px;
    top: 100px;
}

.choices__block--1:after {
    background: url(../images/img_no1.webp) no-repeat center / cover;
    width: 48px;
    height: 51px;
    right: -5px;
    top: 100px;
}

.choices__block--2:before {
    background: url(../images/img_yes2.webp) no-repeat center / cover;
    width: 93px;
    height: 246px;
    left: -98px;
    top: 49px;
}

.choices__block--2:after {
    background: url(../images/img_no2.webp) no-repeat center / cover;
    width: 48px;
    height: 51px;
    right: 2px;
    top: 100px;
}

.choices__block--3:before {
    background: url(../images/img_yes3.webp) no-repeat center / cover;
    width: 54px;
    height: 51px;
    left: 0;
    top: 100px;
}

.choices__block--3:after {
    background: url(../images/img_no3.webp) no-repeat center / cover;
    width: 48px;
    height: 51px;
    right: 0;
    top: 100px;
}

.choices__block--4:before {
    background: url(../images/img_yes4.webp) no-repeat center / cover;
    width: 54px;
    height: 50px;
    left: 57px;
    top: 100px;
}

.choices__block--4:after {
    background: url(../images/img_no4.webp) no-repeat center / cover;
    width: 81px;
    height: 52px;
    right: -86px;
    top: 6px;
}

.choices__block--5:before {
    background: url(../images/img_yes5.webp) no-repeat center / cover;
    width: 54px;
    height: 50px;
    right: 54px;
    top: 100px;
}

.choices__block--5:after {
    background: url(../images/img_no5.webp) no-repeat center / cover;
    width: 279px;
    height: 61px;
    left: -201px;
    top: 89px;
}

.choices__row4 [class^="choices__block--"] {
    width: 306px;
    height: 100px;
    color: #FFF;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
}

.choices__block--purchase {
    background: #0077C5;
}

.choices__block--guarantee {
    background: #024DA1;
}

.choices__block--broker {
    background: #1D2089;
}

/*///////////////////// flow ///////////////////////////*/
.flow {
    background: #F3F9FF;
    padding: 0 0 80px;
}

.flow__inner {
    padding: 40px 0 80px;
    background: #fff;
}

.flow__content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.flow__outer {
    width: 980px;
    margin: 0 auto;
    display: flex;
    gap: 40px;
}

.flow__head {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

[class^="flow__head--"] {
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 180px;
    position: relative;
    padding: 4px 2px 2px 0;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
}

.flow__head--broker {
    background: #1D2089;
}

.flow__head--purchase {
    background: #0077C5;
}

.flow__head--guarantee {
    background: #024DA1;
    width: 77px;
    height: 200px;
}

[class^="flow__head--"]:before,
[class^="flow__head--"]:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 55px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

[class^="flow__head--"]:before {
    width: 850px;
    height: 2px;
}

.flow__head--broker:before {
    background: #1D2089;
}

.flow__head--purchase:before {
    background: #0077C5;
}

.flow__head--guarantee:before {
    background: #024DA1;
}

[class^="flow__head--"]:after {
    width: 10px;
    height: 16px;
    left: 894px;
    z-index: 1;
}

.flow__head--broker:after {
    background: url(../images/icn_arw_broker.webp) no-repeat center / cover;
}

.flow__head--purchase:after {
    background: url(../images/icn_arw_purchase.webp) no-repeat center / cover;
}

.flow__head--guarantee:after {
    background: url(../images/icn_arw_guarantee.webp) no-repeat center / cover;
}

.flow__list {
    display: flex;
    gap: 10px;
}

[class^="flow__item--"] {
    width: 78px;
    height: 380px;
    background: #F3F9FF;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 22px 0 0 2px;
    letter-spacing: 0.1em;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    line-height: 1;
}

.flow__outer.flow__outer--guarantee [class^="flow__item--"] {
    height: 260px;
}

[class^="flow__item--"]:nth-of-type(3),
[class^="flow__item--"]:nth-of-type(4),
[class^="flow__item--"]:nth-of-type(5),
[class^="flow__item--"]:nth-of-type(6) {
    height: 250px;
}

.flow__outer.flow__outer--guarantee {
    gap: 33px;
}

.flow__outer.flow__outer--guarantee .flow__head {
    padding: 30px 0 0;
}

.flow__item--guarantee {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 166px;
    padding: 22px 29px 0 2px;
    height: 260px;
}

[class^="flow__guarantee-sub"] {
    font-size: 16px;
    letter-spacing: 0.1em;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    line-height: 1;
    letter-spacing: 0.13em;
}

.flow__guarantee-txt {
    font-size: 20px;
    letter-spacing: 0.1em;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    line-height: 1;
}

.flow__guarantee-sub1 {
    color: #024DA1;
}

.flow__guarantee-sub2 {
    color: #02A199;
    padding: 0 14px 0 0;
}

/*///////////////////// faq ///////////////////////////*/
.faq__block {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border-bottom: 1px solid #E8EDF5;
    padding: 20px 20px 20px 54px;
}

.faq__block:first-child {
    border-top: 1px solid #E8EDF5;
}

.faq__q {
    font-size: 20px;
    color: #25509D;
    position: relative;
    padding: 0 0 0 0;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
    position: relative;
    font-weight: 500;
}

.faq__q::before {
    position: absolute;
    font-size: 20px;
    content: "Q.";
    color: #25509D;
    top: 0;
    left: -29px;
    font-family: "Zen Old Mincho", "Noto Serif JP", serif;
}

.faq__a {
    font-size: 16px;
    line-height: 1.813;
    font-weight: 400;
}

/*///////////////////// blog ///////////////////////////*/
.blog {
    background: #F3F9FF;
}

.blog__inner .ttl__wrapper {
    margin: 0 0 39px;
}

.blog__list {
    display: flex;
    gap: 30px;
}

.blog__item {
    width: 360px;
    height: 337px;
}

.blog__link {
    display: block;
    width: 100%;
    height: 100%;
}

.blog__img {
    width: 100%;
    height: 240px;
}

.blog__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.blog__txt {
    padding: 8px 16px 16px;
    background: #fff;
}

.blog__date time {
    display: block;
    font-size: 16px;
    color: #25509D;
    font-weight: 700;
}

.blog__date {
    margin: 0 0 1px;
}

.blog__text {
    font-size: 16px;
    color: #5B5B5B;
    line-height: 1.5;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 400;
}

.blog .btn__more {
    margin: 30px auto 0;
}