header .header-nav-child .flex {
    justify-content: center !important;
}

header li a:hover {
    opacity: 1 !important;
    color: var(--theme-blue) !important;
}

/* .front-page__service__card .body ul li a:hover {
    color: #1A1A1C!important;
}

.front-page__strength__studio .body ul li a:hover {
    color: #1A1A1C!important;
}

.single-services .other-services .service .card .body ul li a:hover {
    color: #1A1A1C!important;
} */

.front-page__strength__studio .body img {
    height: 340px !important;
}

/* .front-page__strength__product .content .body ul li a {
    color: #212529 !important;
}

.front-page__strength__product .content .body ul li a:hover {
    color: #1A1A1C !important;
} */

.header-nav-child-f {
    display: block !important;
    position: fixed;
    /* top: 0; */
    top: 80px !important;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.25) !important;
}

@media (max-width: 800px) {
    .header-nav-child-f {
        display: none;
    }
}

.document-request {
    background-color: #fff !important;
    margin-top: initial !important;
}

.document-request__thanks {
    color: #1A1A1C;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 16px;
}

.document-request__back {
    color: #1A1A1C;
    font-size: 16px;
    font-weight: bold;
    margin-top: 42px;
    position: relative;
    margin-left: -20px;
}

.document-request__back:hover {
    opacity: .7;
    transition: .3s;
}

.document-request__back>span {
    border-top: 2px solid #1A1A1C;
    border-right: 2px solid #1A1A1C;
    right: -20px;
}

/* そう */
.p-fv__title-wrap {
    position: relative;
}

.p-fv__img {
    position: absolute;
    width: 21.1%;
    height: auto;
    right: 2%;
    top: 0;
}

.p-cards {
    max-width: 1080px;
}

.p-card {
    border-radius: 8px;
    position: relative;
    padding: 24px;
    height: 100%;
}

.p-card__top {
    font-family: Red Hat Display !important;
    position: absolute;
    top: -17px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    background-color: #1A1A1C;
    font-size: 24px;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    padding-right: 16px;
    padding-left: 16px;
    display: inline-table;
    border-radius: 100px;
}

.p-card__img {
    margin-top: 8px;
    width: 100%;
}

.p-card__img>img {
    width: 100%;
}

.p-card__title {
    font-size: 1.52778vw;
    text-align: center;
    font-weight: bold;
    line-height: 48px;
}

.p-card__text {
    margin-top: 16px;
    font-size: 1.38889vw;
}

.p-reason {
    overflow: hidden;
}

.p-reason__inner {
    position: relative;
}

.p-reason__bottom-text {
    position: absolute;
    bottom: -8vw;
    right: -7%;
    font-family: Red Hat Display;
    font-size: 13.8889vw;
    letter-spacing: 0.8vw;
    font-weight: bold;
    white-space: nowrap;
    color: #1A69C6;
    opacity: 0.05;
}

.p-feature__inner {
    padding: 80px 12.5vw;
}

.p-feature__content-text {
    font-size: min(3.3333vw, 40px);
}

.p-feature__content-subtext {
    font-size: min(1.3888vw, 18px);
    width: 100%;
    letter-spacing: 0.3px;
}

.p-feature__content-meta {
    padding: 0;
    width: 47.4%;

}

.p-feature__image {
    margin-top: 0;
    width: 47.4%;
}

.p-feature__content {
    justify-content: space-between;
    padding: 0;
}

.p-feature__content:not(:last-child) {
    padding-bottom: 64px;
}

.p-feature__contents {
    justify-content: space-between;
    padding-top: 64px;
}

.p-function__inner {
    padding: 80px 12.5vw;
}

.p-function__contents {
    gap: 3.3%;
    max-width: 1080px;
}

.p-function__content {
    background-color: unset;
    padding-top: 0;
    width: 100%;
}

.p-function__content::after {
    display: none;
}

.p-function_content__img {
    padding: 0;
    position: relative;
    z-index: 2;
}

.p-function__img {
    box-shadow: 0 0 32px #0000003f;
}

.p-function_content__img-back {
    display: block;
    position: absolute;
    z-index: -1;
    width: 95.1%;
    top: -37%;
    left: 0;
    right: 0;
    margin: 0 auto;
    transform: rotate(21deg);
}

.p-function_content__body {
    padding: 32px 0 0;
}

.p-function_content__title {
    text-align: left;
    padding-left: 84px;
    position: relative;
}

.p-function_content__title-first {
    padding-left: 74px;
}

.p-function_content__title::before {
    position: absolute;
    content: "01";
    line-height: 56px;
    font-size: 48px;
    border-bottom: 4px solid #1A1A1C;
    font-family: Red Hat Display !important;
    display: inline-table;
    font-weight: bold;
    letter-spacing: -7px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.p-function_content__title-second::before {
    position: absolute;
    content: "02";
    line-height: 56px;
    font-size: 48px;
    border-bottom: 4px solid #1A1A1C;
    font-family: Red Hat Display !important;
    display: inline-table;
    font-weight: bold;
    letter-spacing: -1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.p-function_content__title-third::before {
    position: absolute;
    content: "03";
    line-height: 56px;
    font-size: 48px;
    border-bottom: 4px solid #1A1A1C;
    font-family: Red Hat Display !important;
    display: inline-table;
    font-weight: bold;
    letter-spacing: -1px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.p-function_content__text {
    text-align: left;
}

.p-price__inner {
    margin: 0 auto;
    max-width: 1080px;
}

.p-price__campain {
    bottom: -38%;
}

.p-price__content {
    border-radius: 8px;
}

.p-special__content {
    border-radius: 8px;
    box-shadow: 0px 4px 24px #0000001f;
}

.l-special_content+.l-special_content {
    margin-top: 64px;
}

.p-faq__content-answer {
    margin-left: 6.9%;
}

@media (max-width: 768px) {
    .p-fv__img {
        display: none;
    }

    .p-cards {
        gap: 40px;
    }

    .p-card__title {
        font-size: 22px;
    }

    .p-card__text {
        font-size: 20px;
    }

    .p-reason__bottom-text {
        display: none;
    }

    .p-feature__inner {
        padding: 80px 20px;
    }

    .p-feature__content-meta {
        width: 100%;
    }

    .p-feature__image {
        margin-top: 24px;
        width: 100%;
    }

    .p-feature__content-text {
        font-size: 32px;
        letter-spacing: 0;
    }

    .p-feature__content-subtext {
        font-size: 16px;
    }

    .p-feature__content {
        padding-left: 0;
    }

    .l-function {
        overflow: hidden;
    }

    .p-function__inner {
        padding: 80px 23px 130px;
    }

    .p-function_content__img-back {
        width: 85%;
        top: -29%;
    }

    .p-function__img {
        width: 100%;
    }

    .p-function_content__title-first {
        padding-left: 77px;
    }

    .p-function_content__title::before {
        letter-spacing: -3px;
    }

    .l-special_content+.l-special_content {
        margin-top: 32px;
    }

    .p-faq__content-answer {
        margin-left: 9.6vw;
    }
}

@media (max-width: 425px) {
    .p-faq__content-answer {
        margin-left: 22%;
    }

    .p-function_content__img-back {
        width: 90%;
        top: -35%;
    }
}

@media (min-width: 1441px) {
    .p-reason__bottom-text {
        left: -6%;
        margin: auto;
        display: inline-table;
    }
}

@media (min-width: 1440px) {
    .p-reason__inner {
        padding: 80px 12.5vw;
    }

    .p-card__title {
        font-size: 22px;
    }

    .p-card__text {
        font-size: 20px;
    }

    .p-feature__inner {
        padding: 120px 180px;
    }

    .p-feature__content-text {
        font-size: 40px;
    }

    .p-feature__content-subtext {
        font-size: 18px;
    }
}

body>header {
    top: 0 !important;
}

@media (max-width: 1335px) {
    .logo-img {
        width: 100px;
        height: auto;
    }

    .header-items {
        padding-left: initial;
    }
}

@media (max-width: 1265px) {
    header .header-nav {
        margin: 0 0 0 auto;
    }
}

@media (max-width: 1230px) {

    header .header-items,
    header .sub-menu {
        font-size: 13px;
    }

    header .inquiry-button {
        font-size: 13px;
        line-height: 1.8;
    }

    header .document-button {
        font-size: 13px;
    }
}

@media (max-width: 1175px) {
    header .logo-img {
        margin: 16px 20px !important;
    }

    .inquiry-button-wrapper {
        margin-right: 20px;
    }

    header .menu-item {
        margin-right: 25px;
    }

    header .inquiry-button {
        padding: 14px 10px;
    }

    header .document-button {
        padding: 14px 10px;
    }
}

@media (max-width: 1080px) {

    header .header-items,
    header .sub-menu {
        font-size: 12px;
    }

    header .menu-item {
        margin-right: 20px;
    }
}

@media (max-width: 991px) {
    header .menu-item {
        margin-right: 15px;
    }
}

@media (max-width: 951px) {
    .logo-img {
        width: 85px;
    }

    header .document-button {
        padding: 14px 7px;
    }

    header .inquiry-button {
        padding: 14px 7px;
    }
}

@media (max-width: 925px) {

    header .header-items,
    header .sub-menu {
        font-size: 11px;
    }
}

@media (max-width: 891px) {
    header .inquiry-button {
        font-size: 11px;
        padding: 10px 7px;
    }

    header .document-button {
        font-size: 11px;
        padding: 10px 7px;
    }
}

@media (max-width: 866px) {
    header .logo-img {
        margin: 16px 10px !important;
    }

    .inquiry-button-wrapper {
        margin-right: 10px;
    }

    header .document-button {
        margin-right: 10px;
    }
}

@media (max-width: 841px) {
    header .header-nav-child .sub-menu-title {
        font-size: 16px;
    }

    header .menu-item .sub-menu-blick {
        margin-right: 20px;
    }
}

@media (max-width: 830px) {

    header .header-items,
    header .sub-menu {
        font-size: 10px;
    }
}

.url-hidden {
    visibility: hidden;
    height: 0;
}

/* header {
    background-color: initial;
} */

.front-page__header__body {
    max-width: 1500px;
    margin: auto;
    /* background-image: none !important; */
}

@media (max-width: 800px) {
    /* .front-page__header__body {
        background-image: url(../images/top/header-pc-sp.png) !important;
    } */

    .front-page__header__body h1 {
        margin-top: 100px !important;
    }

    .front-page__header__title {
        font-size: 16px !important;
        line-height: 1.6 !important;
        letter-spacing: 0.04em !important;
    }
}

.title-en {
    font-family: 'Poppins', sans-serif !important;
    display: inline-block;
    /* color: #1A1A1C; */
    background: radial-gradient(49.25% 212.68% at 49.25% 44.53%, #00ABFD 0%, #002CB6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.f-title-box {
    position: relative;
    padding-left: calc(24px + 16px);
    display: flex;
    align-items: baseline;
    gap: 16px;
    margin-bottom: 24px;
    color: #002CB6;
}

.f-title-box h2 {
    margin: 0;
}

.f-title-box::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    /* background-color: #1A1A1C; */
    background-color: var(--theme-blue);
}

.f-title-box+.description {
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 600;
}




/* about us ver2 */
/* background-color: #F7F9FF; */

.about_us-wrap {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(74px, 104px) repeat(3, 1fr);
}

.row1-header-ttl {
    grid-area: 1 / 1 / 2 / 2;
}

.row2-header-ttl {
    grid-area: 2 / 1 / 3 / 2;
}

.row3-header-ttl {
    grid-area: 3 / 1 / 4 / 2;
}

.col1-header-ttl {
    grid-area: 1 / 2 / 2 / 3;
}

.col1-content {
    grid-area: 2 / 2 / 3 / 3;
}

.col1-footer {
    grid-area: 3 / 2 / 4 / 3;
}

.col2-header-ttl {
    grid-area: 1 / 3 / 2 / 4;
}

.col2-content {
    grid-area: 2 / 3 / 3 / 4;
}

.col2-footer {
    grid-area: 3 / 3 / 4 / 4;
}

.col3-header-ttl {
    grid-area: 1 / 4 / 2 / 5;
    white-space: nowrap;
}

.col3-content {
    grid-area: 2 / 4 / 3 / 5;
}

.col3-footer {
    grid-area: 3 / 4 / 4 / 5;
    white-space: nowrap;
}

.about_us-ttl {
    background-color: #0549AE;
    padding: 8px 4px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_us-footer {
    background-color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #0549AE;
    border: 1px solid #0549AE;
    border-radius: 4px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about_us-content-wrap {
    background-color: #E8F1FC;
    border-radius: 4px;
    padding: 24px 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.about_us-content-wrap h3 {
    color: #0549AE;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

.about_us-item-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
}

.about_us-item {
    background-color: #fff;
    border-radius: 4px;
    padding: 4px;
    color: #0549AE;
    text-align: center;
    font-size: 10px;
    font-weight: bold;
}



.about_us-group {
    display: grid;
    gap: 16px;
    /* max-width: 608px; */
    min-width: 550px;
}

.about_us-group .div1 {
    grid-area: 1 / 1 / 3 / 2;
    min-width: 104px;
}

.about_us-group .div2 {
    grid-area: 1 / 2 / 2 / 3;
    padding: 8px;
}

.about_us-group .div3 {
    grid-area: 2 / 2 / 3 / 3;
    padding: 8px;
}

.about_us-group .div4 {
    grid-area: 1 / 3 / 3 / 4;
    max-width: 104px;
}

.about_us-group .div5 {
    grid-area: 1 / 4 / 3 / 5;
    max-width: 104px;
}

/* .about_us-group .div6 {
    grid-area: 2 / 4 / 3 / 5;
    padding: 8px;
} */

.about_us-item-wrap.row {
    flex-direction: row;
    gap: 4px;
    flex-wrap: wrap;
}

.about_us-item-wrap.row .about_us-item {
    width: calc(50% - 4px);
}



@media screen and (max-width:1240px) {
    .about_us-wrap {
        gap: 10px;
        grid-template-columns: 74px repeat(3, 1fr);
    }

    .about_us-group {
        gap: 8px;
        min-width: 400px;
    }

    /* .front-page__strength__product {
        padding-left: 16px !important;
        padding-right: 16px !important;
    } */

    .about_us-group .div2,
    .about_us-group .div3,
    .about_us-group .div5,
    .about_us-group .div6 {
        max-width: 104px;
    }

    .about_us-item-wrap.row {
        flex-direction: column;
    }

    .about_us-item-wrap.row .about_us-item {
        width: 100%;
    }
}

.tb-header {
    display: none;
}

@media screen and (max-width:786px) {
    .tb-header {
        display: flex;
    }

    .about_us-wrap {
        gap: 10px;
        grid-template-columns: 74px repeat(2, 1fr);
        grid-template-rows: auto;
    }

    .row1-header-ttl {
        grid-area: 1 / 1 / 2 / 2;
        align-self: center;
    }

    .row2-header-ttl {
        grid-area: 2 / 1 / 3 / 2;
    }

    .row3-header-ttl {
        grid-area: 3 / 1 / 4 / 2;
    }

    .col1-header-ttl {
        grid-area: 1 / 2 / 2 / 4;
        align-self: center;
    }

    .col1-content {
        grid-area: 2 / 2 / 3 / 4;
    }

    .col1-footer {
        grid-area: 3 / 2 / 4 / 4;
    }

    .row1-header-ttl.tb-header {
        grid-area: 4 / 1 / 5 / 2;
        margin-top: 16px;
    }

    .row2-header-ttl.tb-header {
        grid-area: 5 / 1 / 6 / 2;
    }

    .row3-header-ttl.tb-header {
        grid-area: 6 / 1 / 7 / 2;
    }

    .col2-header-ttl {
        grid-area: 4 / 2 / 5 / 3;
        margin-top: 16px;
    }

    .col2-content {
        grid-area: 5 / 2 / 6 / 3;
    }

    .col2-footer {
        grid-area: 6 / 2 / 7 / 3;
    }

    .col3-header-ttl {
        grid-area: 4 / 3 / 5 / 4;
        margin-top: 16px;
    }

    .col3-content {
        grid-area: 5 / 3 / 6 / 4;
    }

    .col3-footer {
        grid-area: 6 / 3 / 7 / 4;
    }

    .about_us-group .div1,
    .about_us-group .div2,
    .about_us-group .div3,
    .about_us-group .div4,
    .about_us-group .div5,
    .about_us-group .div6 {
        max-width: inherit;
        padding: 8px;
    }
}

.sp-header {
    display: none;
}

@media screen and (max-width:500px) {
    .sp-header {
        display: flex;
    }

    .about_us-wrap {
        gap: 10px;
        grid-template-columns: 64px auto;
        grid-template-rows: auto;
    }

    .row1-header-ttl {
        grid-area: 1 / 1 / 2 / 2;
    }

    .row2-header-ttl {
        grid-area: 2 / 1 / 3 / 2;
    }

    .row3-header-ttl {
        grid-area: 3 / 1 / 4 / 2;
    }

    .col1-header-ttl {
        grid-area: 1 / 2 / 2 / 3;
    }

    .col1-content {
        grid-area: 2 / 2 / 3 / 3;
    }

    .col1-footer {
        grid-area: 3 / 2 / 4 / 3;
    }

    .row1-header-ttl.tb-header {
        grid-area: 4 / 1 / 5 / 2;
        margin-top: 16px;
    }

    .row2-header-ttl.tb-header {
        grid-area: 5 / 1 / 6 / 2;
    }

    .row3-header-ttl.tb-header {
        grid-area: 6 / 1 / 7 / 2;
    }

    .col2-header-ttl {
        grid-area: 4 / 2 / 5 / 3;
        margin-top: 16px;
    }

    .col2-content {
        grid-area: 5 / 2 / 6 / 3;
    }

    .col2-footer {
        grid-area: 6 / 2 / 7 / 3;
    }

    .row1-header-ttl.sp-header {
        grid-area: 7 / 1 / 8 / 2;
        margin-top: 16px;
    }

    .row2-header-ttl.sp-header {
        grid-area: 8 / 1 / 9 / 2;
    }

    .row3-header-ttl.sp-header {
        grid-area: 9 / 1 / 10 / 2;
    }

    .col3-header-ttl {
        grid-area: 7 / 2 / 8 / 3;
        margin-top: 16px;
    }

    .col3-content {
        grid-area: 8 / 2 / 9 / 3;
    }

    .col3-footer {
        grid-area: 9 / 2 / 10 / 3;
    }

    .about_us-ttl {
        font-size: 12px;
    }

    .about_us-content-wrap {
        padding: 8px;
    }

    .about_us-group {
        display: flex;
        flex-direction: column;
        min-width: inherit;
    }

    .about_us-item-wrap,
    .about_us-item-wrap.row {
        flex-wrap: wrap;
        flex-direction: row;
    }

    .about_us-item,
    .about_us-item-wrap.row .about_us-item {
        width: calc(50% - 4px);
    }
}


/* service */
.p-solution__box {
    border-radius: 8px;
    border: #1a69c6 2px solid;
    background-color: #fff;
}

.p-solution__box-text {
    font-size: 20px;
    color: #fff;
    background: var(--Primary, #1A1A1C);
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-bottom: initial;
}

.p-solution__box-title {
    color: #333;
    padding-top: 10px;
    padding-bottom: 16px;
    /* font-size: min(2.77778vw,40px); */
    font-size: 36px;
    letter-spacing: 0.02em;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
    margin-bottom: initial;
}

.p-solution__box-title>span {
    color: var(--Primary, #1A1A1C);
    /* background:linear-gradient(transparent 70%, #FFE81E 70%); */
}

.p-solution__content-box {
    margin-bottom: 64px;
}

.p-solution__img-sp {
    display: none;
}

.p-solution__link-box {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 20px;
}

.p-solution__link-box-second {
    display: none;
}

.p-worries__left {
    text-align: center;
}

.p-worries__link-text {
    display: inline-block;
    position: relative;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #1A69C6;
    margin-bottom: 5px;
}

.p-worries__link-text::before {
    position: absolute;
    content: "";
    transform: rotate(120deg);
    background-color: #1a69c6;
    width: 24px;
    height: 2px;
    right: -20px;
    bottom: 10px;
}

.p-worries__link-text::after {
    position: absolute;
    content: "";
    transform: rotate(-120deg);
    background-color: #1a69c6;
    width: 24px;
    height: 2px;
    left: -23px;
    bottom: 10px;
}

.p-worries__link-left {
    display: flex;
    justify-content: center;
    width: 270px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #1A69C6;
    border-radius: 2px;
    color: #1A69C6;
    font-weight: bold;
    font-size: 20px;
    background-color: #fff;
}

.p-worries__link-left:hover {
    opacity: .7;
}

.p-worries__link-right {
    position: relative;
    display: flex;
    justify-content: center;
    width: 270px;
    height: 70px;
    line-height: 70px;
    /* border: 1px solid #1A69C6; */
    background-color: #1A69C6;
    border-radius: 2px;
    color: #fff;
    font-weight: bold;
    padding-left: 20px;
    font-size: 20px;
}

.p-worries__link-right::before {
    position: absolute;
    content: "";
    background-image: url(../images/lp/lp-claim.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 18px;
    height: 22px;
    top: 0;
    bottom: 0;
    left: 48px;
    margin: auto;
}

.p-worries__link-right::after {
    position: absolute;
    content: "";
    background-image: url(../images/lp/lp-free.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 56px;
    height: 55px;
    top: -27px;
    right: -30px;
}

.p-worries__link-right:hover {
    color: #fff;
    opacity: .7;
}

@media screen and (max-width:900px) {
    .p-solution__box-text {
        font-size: min(5.33334vw, 20px);
        height: 74px;
        line-height: 35px;
    }

    .p-solution__box-title {
        /* font-size: min(8vw,30px); */
        font-size: 28px;
    }

    .p-solution__img-sp {
        display: block;
        width: 100%;
    }

    .p-solution__img-sp:not(:last-child) {
        margin-bottom: 20px;
    }

    .p-solution__link-box {
        display: none;
        flex-direction: column;
        align-items: center;
        gap: 24px;
    }

    .p-solution__link-box-second {
        display: flex;
    }

    .p-worries__link-left {
        width: 270px;
    }

    .p-worries__link-right {
        width: 270px;
    }

    .p-worries__link-right::before {
        left: 42px;
    }

    .p-worries__link-right::after {
        right: -10px;
    }
}

/* .p-solution__container {
    margin-top: 48px;
} */

/* .front-page__service {
    background-color: #F7F7F7 !important;
} */

.front-page__strength__product {
    /* margin-top: 60px;
    border: 1px solid #D9D9D9;
    border-radius: 8px; */
    /* background-color: #FAFBFD; */
    /* background-color: #F7F9FF;
    padding: 32px 40px !important; */
    margin-right: initial !important;
}

.front-page__strength__product>.f-sub-title {
    font-size: 40px !important;
}

.front-page__strength__product .content {
    margin-top: 32px;
}

.front-page__strength__product .content .body:not(:last-child) {
    margin-right: 32px !important;
}

.front-page__service {
    padding-bottom: 80px !important;
}

.front-page__strength__table>.title {
    font-size: 28px;
    letter-spacing: 0.02em;
    color: #000;
    margin-bottom: 24px;
}

.front-page__strength__table {
    margin-top: 60px;
}

.table-wrapper>table>tbody>tr>td {
    background-color: #fff;
}

.table-wrapper>table>tbody>tr>.gray {
    background-color: #ECECED;
}

.table-wrapper>table>tbody>tr>th:nth-child(2) {
    background-color: #fff;
}

.f-t-about-text {
    font-size: 28px;
    letter-spacing: 0;
    font-weight: bold;
}

.f-t-about__box-left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #DEE9FB;
    border-radius: 50%;
    font-size: 32px;
    letter-spacing: 0.02em;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
}

.f-t-about__box-text {
    font-size: 16px;
    letter-spacing: 0.02em;
    margin-bottom: initial;
}

.f-t-about__box-title {
    font-size: 40px;
    letter-spacing: 0.02em;
    font-weight: 600;
    color: #1A1A1C;
    font-family: 'Poppins', sans-serif;
    margin-bottom: initial;
    line-height: 1;
}

.f-t-about__box {
    display: flex;
    gap: 24px;
    align-items: center;
    padding: 28px 23px 28px 0;
    border-top: 1px solid #D9D9D9;
}

/* .f-t-about__boxes>div:last-of-type {
    border-bottom: 1px solid #D9D9D9;
} */

.f-t-about__left {
    max-width: 560px;
}

.f-t-about__right {
    max-width: 541px;
}

.f-t-about__contents {
    display: flex;
    justify-content: space-between;
}

/* member */
.p-menber__boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 48px;
    gap: 39px;
}

.p-menber__box {
    /* width: 48.149%; */
    width: 520px;
    display: flex;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: 0 16px 20px #0000001f;
    margin-bottom: 36px;
    flex-shrink: 0;
}

.p-menber__box-second {
    padding: 24px;
    text-align: center;
    width: 48.149%;
    border-radius: 8px;
}

.p-menber__left {
    background-color: #1a69c6;
    border-radius: 8px 0 0 8px;
    width: 40px;
    padding: 16px 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.p-menber__icon {
    width: 20px;
    margin-bottom: 8px;
}

.p-menber__kinds {
    writing-mode: vertical-rl;
    font-family: Red Hat Display !important;
    font-weight: 600;
    font-size: min(1.38889vw, 20px);
    color: #fff;
    margin-bottom: 0;
}

.p-menber__right-boxes {
    display: flex;
    justify-content: space-between;
}

.p-menber__img {
    width: 44.167%;
    height: auto;
}

.p-menber__right-box {
    padding-top: 23px;
    width: 50.417%;
}

.p-menber__box-title {
    font-size: min(1.11111vw, 16px);
    background: linear-gradient(45deg, #395AA8, #2E9CC9);
    color: #fff;
    padding: 10px 0 10px 16px;
    border-radius: 8px 0 0 8px;
    font-weight: 500;
    margin-bottom: 12px;
    height: 62px;
    display: flex;
    align-items: center;
}

.p-menber__name-first {
    font-weight: 500;
    font-size: min(1.52778vw, 22px);
    color: #333;
    margin-bottom: 4px;
}

.p-menber__name-second {
    font-size: min(1.11111vw, 16px);
    color: #1a69c6;
    font-weight: 400;
    font-family: Red Hat Display !important;
}

.p-menber__text {
    letter-spacing: 0.6px;
    color: #333;
    padding: 24px;
    font-size: 16px;
    margin-bottom: 0;
}

.p-menber__text>span {
    color: #1a69c6;
    font-weight: 400;
}

.p-menber__growth-title {
    font-family: "Georgia" !important;
    font-weight: bold;
    font-size: min(2.5vw, 36px);
    margin: 24px 0;
    letter-spacing: 0.6px;
}

.p-menber__growth-text {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 600;
    line-height: 1.7;
    letter-spacing: 0.6px;
    text-align: left;
    font-size: min(1.38889vw, 20px);
    margin-bottom: 0;
    padding-left: 25px;
}

.option {
    position: relative;
    margin-bottom: 1em;
    display: none;
}

@media screen and (max-width:900px) {
    .p-menber__title {
        font-size: min(6.4vw, 24px);
        line-height: 1.4;
    }

    /* .p-menber__boxes {
        flex-direction: column;
    } */
    .p-menber__box {
        width: 80%;
    }

    .p-menber__right-boxes {
        display: block;
    }

    .p-menber__img {
        width: 100%;
    }

    .p-menber__right-box {
        width: 95%;
        margin: 0 0 0 auto;
    }

    .p-menber__box-title {
        font-size: min(4.26667vw, 16px);
    }

    .p-menber__name-first {
        font-size: min(5.33334vw, 20px);
    }

    .p-menber__name-second {
        font-size: min(3.73334vw, 14px);
        margin-bottom: 16px;
    }

    .p-menber__box-second {
        width: 100%;
        padding: 0;
    }

    .p-menber__growth-title {
        text-align: left;
        font-size: min(8vw, 30px);
    }

    .p-menber__growth-text {
        font-size: min(4.8vw, 18px);
        padding-left: 0;
    }

    .p-menber__text {
        display: none;
    }

    .p-menber__text-sp {
        display: block;
    }

    .p-menber__kinds {
        font-size: min(5.33334vw, 20px);
    }

    .option {
        display: block;
    }
}

.front-page__news__archive {
    margin-top: 48px;
}

.front-page__news__archive ul li .img-wrapper {
    border-radius: 8px;
}

.front-page__news__archive ul li .tag {
    margin-top: 24px;
    font-size: 14px;
    color: var(--Primary, #1A1A1C) !important;
}

.front-page__news__archive ul li .case_tag {
    margin-top: initial;
    margin-bottom: 24px;
}

.front-page__news__archive .date,
.front-page__news__archive .venue {
    margin-bottom: 12px;
}

.front-page__whitepaper__title {
    margin: 24px 0 16px !important;
}

.front-page__news__archive .case_job {
    content: "業種";
    color: var(--text-normal);
    font-size: 14px;
    margin-bottom: 12px;
}

.front-page__news__archive .case_num {
    margin-right: 16px;
    content: "従業員数";
    color: var(--text-normal);
    font-size: 14px;
}

.front-page__news__archive .case_job::before {
    margin-right: 16px;
    content: "業種";
    width: 56px;
    display: inline-block;
}

.front-page__news__archive .case_num::before {
    margin-right: 16px;
    content: "従業員数";
    width: 56px;
    display: inline-block;
}

.f-t-blog-categories {
    margin-top: 24px;
    font-size: 14px;
    color: var(--Primary, #1A1A1C) !important;
}

.front-page__blog__title {
    margin-bottom: 16px !important;
}

.f-t-blog-time {
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    color: #666;
    margin-top: 12px;
}

.front-page__recruitment__wrapper {
    border-radius: 8px;
}

.front-page__recruitment h2 {
    font-size: 40px;
}

.front-page__media .link {
    margin-top: 48px;
}

.front-page__media .right li:first-of-type {
    padding: 5px 0 32px !important;
}

footer {
    background-color: #fff;
}

.copy-rights {
    background-color: #fff;
}

.f-t-member__partner-box {
    margin-bottom: 30px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.02em;
    padding: 0 24px;
}

.f-t-member__partner {
    display: inline-block;
    position: relative;
}

.f-t-member__partner::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: -230px;
    width: 218px;
    height: 1px;
    background: #D9D9D9;
}

.f-t-member__partner-img {
    width: 424px;
    display: block;
}

@media screen and (max-width:900px) {
    .p-solution__img {
        display: none;
    }
}

@media screen and (max-width:800px) {
    .front-page__header {
        margin-top: initial !important;
    }

    .title-en {
        font-size: 36px !important;
        letter-spacing: 0.02em !important;
    }

    h2 {
        font-size: 16px !important;
        letter-spacing: 0.02em !important;
    }

    /* .f-title-box::before {
        left: -30px;
        width: 67px;
    } */

    .f-title-box {
        padding-left: 20px;
    }

    .f-t-about-text {
        font-size: 18px;
    }

    .f-t-about-text {
        margin-bottom: 36px;
    }

    .f-t-about__box-title {
        font-size: 30px;
        margin-top: 12px;
    }

    .f-t-about__box {
        padding: 16px 0;
        gap: 20px;
    }

    .f-t-about__box-left {
        min-width: 60px;
    }

    .p-solution__container {
        margin-top: 28px;
    }

    .p-solution__box-text {
        font-size: 16px;
        letter-spacing: 0.02em;
        line-height: normal;
        height: 62px;
        padding: 5px;
    }

    .p-solution__content-box {
        margin-bottom: 28px;
    }

    .front-page__strength__product {
        margin-top: 32px;
    }

    .front-page__strength__product {
        padding: 24px !important;
    }

    .front-page__strength__product>.f-sub-title {
        font-size: 30px !important;
    }

    .front-page__strength__product .content {
        margin-top: initial;
    }

    .front-page__strength__product .content .body .name {
        font-size: 20px !important;
    }

    .front-page__strength__product .content .body ul li::before {
        top: 12px;
    }

    .front-page__strength__table>.title {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .front-page__strength__table {
        margin-top: 32px;
    }

    .front-page__strength__table .description {
        font-size: 16px !important;
    }

    .front-page__service {
        padding-bottom: 40px !important;
    }
}

@media screen and (max-width:414px) {
    .f-title-box {
        flex-direction: column;
        gap: 8px;
    }

    .f-title-box::before {
        top: 24px;
    }
}

.toggle {
    display: none;
}

.option>.title,
.content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: all 0.3s;
}

.option>.title {
    padding-left: 32px;
    padding-right: 20px;
    display: inline-block !important;
    color: #1A69C6;
    font-weight: 400;
    margin-bottom: 0;
    transition: .3s;
}

.option>.title::after,
.option>.title::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2px;
    height: 0.55em;
    background-color: #fff;
    transition: all 0.3s;
    z-index: 1;
}

.option>.title::after {
    transform: rotate(90deg);
}

.option>.title>span {
    position: absolute;
    width: 20px;
    height: 20px;
    border: 2px solid #1A69C6;
    background-color: #1A69C6;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    right: -9px;
    margin: auto;
    transition: .3s;
}

.option>.content {
    max-height: 0;
    overflow: hidden;
}

.toggle:checked+.title+.content {
    max-height: 700px;
    transition: all 1.5s;
}

.toggle:checked+.title::after {
    background-color: #fff;
}

.toggle:checked+.title::before {
    transform: rotate(90deg) !important;
}

.toggle:checked+.title {
    color: #1a69c6;
    transition: .3s;
}

.toggle:checked+.title>span {
    background-color: #1a69c6;
    border: #1a69c6;
    transition: .3s;
}

@media screen and (max-width:900px) {
    .f-t-member__partner-box {
        display: none;
    }

    .option {
        margin-bottom: 24px;
    }

    .p-menber__boxes {
        gap: 24px;
    }

    .p-menber__boxes>.p-menber__box:last-of-type {
        margin-right: 24px;
    }

    .f-t-about__left {
        max-width: initial;
    }

    .f-t-about__right {
        max-width: initial;
    }

    .front-page__contents {
        flex-direction: column;
    }

    .f-t-member__partner-box-sp {
        display: block;
    }

    .p-menber__text {
        padding: 24px 15px;
    }

    .f-t-member__partner-box {
        padding: 0 15px;
    }

    .option>.title {
        padding-left: 15px;
    }

    .f-t-member__partner::before {
        display: none;
    }

    /* body {
        margin-top: 64px !important;
    } */
}

.inquiry-button-wrapper {
    background: initial !important;
}

@media screen and (min-width:1441px) {
    .c-f-t-container {
        max-width: 1200px;
        margin: auto;
        width: 100%;
    }

    .c-f-t-container-sep {
        max-width: 1440px;
        margin: auto;
        width: 100%;
    }

    .f-t-about__contents {
        max-width: 1200px;
        margin: auto;
        box-sizing: content-box;
    }

    .footer-inquiry>.left>.description {
        max-width: 467.2px;
        margin: 0 auto 48px;
    }

    .footer-inquiry>.right>.description {
        max-width: 467.2px;
        margin: 0 auto 48px;
    }

    .index__body {
        max-width: 1440px;
        margin: auto;
    }

    #breadcrumbs {
        max-width: 1200px;
        margin: 0 auto !important;
    }

    .s-webinars-breadcrumbs {
        max-width: initial !important;
        margin: initial !important;
    }

    .index__header .text-blue {
        max-width: 1200px;
        margin: 44px auto 16px !important;
    }

    .archive-webinars__header .text-blue {
        max-width: 1200px;
        margin: 44px auto 16px !important;
    }

    .archive-case_studies__header .text-blue {
        max-width: 1200px;
        margin: 44px auto 16px !important;
    }

    .page-news__header .text-blue {
        max-width: 1200px;
        margin: 44px auto 16px !important;
    }

    .index__header h1 {
        max-width: 1200px;
        margin: 0 auto !important;
    }

    .archive-case_studies__header h1 {
        max-width: 1200px;
        margin: 0 auto !important;
    }

    .archive-webinars__header h1 {
        max-width: 1200px;
        margin: 0 auto !important;
    }

    .page-news__header h1 {
        max-width: 1200px;
        margin: 0 auto !important;
    }

    .archive-webinars__body {
        max-width: 1440px;
        margin: 0 auto !important;
    }

    .archive-case_studies__body {
        max-width: 1440px;
        margin: 0 auto !important;
    }

}

.change-color {
    background-color: #fff !important;
}

/* front-page */
.front-page__header__body {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-direction: initial;
    padding: 103px 5.5% 23px;
}

/* .c-f-t-container {
    padding-top: 90px;
} */

.l-fv_contact {
    width: 35.3%;
    padding: min(1.522vw, 32px) min(1.5944vw, 46px);
}

@media screen and (min-width:901px) {
    .front-page__header__button-wrapper {
        display: none;
    }
}

@media screen and (max-width:900px) {
    .l-fv_contact {
        display: none;
    }
}

.l-fv_contact_title {
    font-size: 22px;
    color: #1A1A1C;
    display: flex;
    gap: 6%;
    align-items: baseline;
}

.l-fv_contact_title>span {
    display: block;
    font-size: 20px;
    color: #fff;
    width: 80px;
    line-height: 41px;
    text-align: center;
    background-color: #1A1A1C;
}

.front-page__header__body .policy {
    text-align: left;
    margin-bottom: 20px;
}

.front-page__header__body .policy p {
    font-size: 14px;
    font-weight: 400;
}

.front-page__header__body .policy a {
    font-size: 12px;
    font-weight: 400;
    color: #1A1A1C;
    text-decoration: initial;
    margin-left: 5px;
}

.front-page__header__body .download {
    margin-top: 20px;
}

.l-fv_contact_title .wpcf7-form {
    margin-block-end: 0;
}

.swiper-wrapper {
    transition-timing-function: linear;
    display: flex;
    align-items: center;
    gap: 18px;
}

.company_introduction .swiper-slide {
    width: 200px;
    height: 60px;
}

.swiper-pointer-events {
    height: 80px;
}

.front-page__strength__product h2 {
    font-size: 24px;
    letter-spacing: 0.02em;
    color: #1A1A1C;
}

.front-page__strength__product .content-solusion {
    flex-wrap: wrap;
    gap: 24px;
    display: flex;
}

.front-page__strength__product .content-solusion a {
    width: 48.8%;
    display: block;
}

.s_first__boxes {
    /* background-color: rgba(54, 93, 181, 0.1); */
    background-color: #e1e1e1;
    border-radius: 8px;
    padding: 28px 40px 25px;
    display: flex;
    margin-top: 32px;
    position: relative;
}

.s_first__box {
    width: 180px;
}

.c_first__box-title {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.02em;
    display: block;
    background-color: #1A1A1C;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
}

.s_first__c-box-inner {
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s_first__box-inner {
    height: 410px;
    background-color: #fff;
}

.s_first__box-btn {
    position: absolute;
    top: 43%;
    left: 4.6%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* font-size: 12px; */
    font-size: 0.83vw;
    text-align: center;
    font-weight: 500;
    width: 14.8%;
    height: 58px;
    color: #000;
    border: 1px solid #1A1A1C;
    box-shadow: 0 3px 0 #1A1A1C;
}

/* .s_first__box-btn1 {
    position: absolute;
    width: 23.474%;
    top: 20.3%;
    left: 23.35%;
    font-size: 0.83vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    height: 5%;
    color: #000;
    border: 1px solid #1A1A1C;
    box-shadow: 0 3px 0 #1A1A1C;
    background-color: #fff;
} */

.s_first__box-btn1 {
    position: absolute;
    width: 32.38%;
    top: 15.25%;
    left: 23.36%;
    font-size: 0.83vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    height: 6.7%;
    color: #000;
    border: 1px solid #1A1A1C;
    box-shadow: 0 3px 0 #1A1A1C;
    background-color: #fff;

}

.s_first__box-btn2 {
    position: absolute;
    top: 212px;
    width: 23.474%;
    left: 23.35%;
    font-size: 0.83vw;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-weight: 500;
    height: 5%;
    color: #000;
    border: 1px solid #1A1A1C;
    box-shadow: 0 3px 0 #1A1A1C;
    background-color: #fff;
}

@media (min-width: 1440px) {
    .s_first__box-btn {
        font-size: 12px;
    }

    .s_first__box-btn1 {
        font-size: 12px;
    }

    .s_first__box-btn2 {
        font-size: 12px;
    }
}

.s_first__box-btn-c {
    transition: .3s;
}

.s_first__box-btn-c:hover {
    transition: .3s;
    color: #1A1A1C;
    box-shadow: 0 0 0 #1A1A1C;
}

.p-menber__img {
    border-radius: 8px;
    width: 244px;
    height: 178px;
    object-fit: cover;
}

.p-menber__right {
    padding: 32px 0 32px 32px;
}

.p-menber__box {
    width: 580px;
    margin-bottom: initial;
}

.p-menber__text {
    padding: 24px 24px 24px 0;
}

.p-menber__box-ota {
    width: 100%;
}

.p-menber__text-ota {
    padding: initial;
    width: 96%;
}

.f-t-member__partner-box-ota {
    padding: initial;
    margin-top: 24px;
}

.p-menber__img-ota {
    width: 320px;
    height: 320px;
    object-fit: cover;
    margin-left: 32px;
}

.p-menber__box-title-ota {
    height: 39px;
}

.p-menber__name-second-ota {
    margin-left: 15px;
}

.p-menber__right-boxes-ota {
    align-items: center;
}

.p-menber__right-box-ota {
    width: 68.417%;
}

.p-menber__name-first-ota {
    margin-bottom: 24px;
}

.p-menber__right-ota {
    padding: initial;
}

.f-cor {
    padding: 48px 120px;
}

.f-cor__title-nox {
    display: flex;
    justify-content: center;
}

.f-cor__title {
    font-size: 20px;
    letter-spacing: 0.02em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
    color: #1A1A1C;
    display: block;
    position: relative;
}

.f-cor__title::before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: -30px;
    width: 25px;
    height: 2px;
    background-color: #1A1A1C;
    transform: rotate(125deg);
}

.f-cor__title::after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: -30px;
    width: 25px;
    height: 2px;
    background-color: #1A1A1C;
    transform: rotate(55deg);
}

.f-t-about__contents {
    padding-bottom: initial;
}

.f-cor__box {
    border-radius: 8px;
    padding: 24px 48px;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.f-cor__img {
    width: 164px;
}

.front-page__contents-cor {
    /* padding: 96px 120px 48px; */
    padding: 96px 32px 48px;
}

.accordion__list {
    display: none;
}

.s_first__boxes-img-b-sp {
    display: none;
}

@media screen and (max-width:900px) {
    .front-page__header__body {
        display: block;
        padding: 100px 5.5% 23px;
    }

    .front-page__header__body h1 {
        margin-top: initial !important;
    }

    .p-menber__box-title-ota {
        height: 62px;
    }

    .p-menber__img {
        width: 295px;
        height: 215px;
    }

    .p-menber__img-ota {
        width: 295px;
        height: 295px;
        margin-left: initial;
        padding: 20px 0 0 0;
    }

    .p-menber__right-box-ota {
        width: 95%;
    }

    .p-menber__right-boxes {
        text-align: center;
    }

    .p-menber__right-box {
        text-align: left;
    }

    .p-menber__text {
        padding-left: 15px;
    }

    .p-menber__box {
        width: 100%;
    }

    .p-menber__right {
        padding-left: 15px;
    }

    .p-menber__right {
        padding-left: initial;
    }

    .front-page__contents-cor {
        padding: 40px 24px;
    }

    .f-cor {
        padding: 20px;
    }

    .f-cor__box {
        padding: 16px;
    }

    .f-cor__img {
        width: 139px;
    }

    .front-page__strength__product .content-solusion a {
        width: 100%;
    }

    .front-page__strength__product .content {
        margin-top: 24px;
    }

    .front-page__strength__product .content-solusion {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .s_first__boxes {
        margin-top: 24px;
        padding: 10px;
    }

    .s_first__boxes-img {
        display: none;
    }

    .s_first__box-btn-c {
        display: none;
    }

    .accordion__list {
        display: block;
    }

    .front-page__strength__product {
        padding: 20px !important;
    }

    .s_first__boxes-img-b-sp {
        display: block;
        margin-top: 12px;
    }
}

/*
  アコーディオンそのものの横幅と余白を指定。
  開閉動作に影響なし。
*/
.accordion__list {
    padding-left: initial;
    width: 100%;
}

/*
    アコーディオンの2つ目以降、上に余白を取る。
    開閉動作に影響なし。
  */
.accordion__item:nth-child(n+2) {
    margin-top: 10px;
}

/*
    アコーディオンの開閉ボタンの装飾。
    position: relative;が無いと、
    「+」「-」の位置がずれるので注意。
  */
.accordion__head {
    position: relative;
    width: 100%;
    padding: 7px;
    color: #fff;
    background: #1A1A1C;
    cursor: pointer;
    border-radius: 4px;
    text-align: center;
}

.accordion__head>p {
    font-size: 14px;
    margin-bottom: initial;
}

/*
    アコーディオンの開閉ボタンの右側に「+」を表示。
  */
.accordion__head::after {
    content: "+";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 9px;
    background-color: #fff;
    color: #1A1A1C;
    font-size: 20px;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
    アコーディオンが開いた際に、
    開閉ボタンの右側に「+」を「-」に変更する。
  */
.accordion__item.active .accordion__head::after {
    content: "-";
    right: 9px;
    font-size: 20px;
}

/*
    アコーディオンの閉じている部分の装飾。
    height: 0; overflow: hidden;にすることで、
    通常時は表示されないようにする。
  */
.accordion__body {
    overflow: hidden;
    width: 100%;
    height: 0;
    padding: 0 10px;
    background: #e8e8e8;
    transition: all .25s ease;
}

/*
    アコーディオンが開いた際に、
    heightを0からautoに、paddingの上下を0から10に。
  */
.accordion__item.active .accordion__body {
    margin-top: 8px;
    height: auto;
    padding: 10px 11.5px;
    background-color: #fff;
    border-radius: 4px;
}

@media screen and (max-width:900px) {
    .s_first__box-btn-sp {
        width: 100%;
        ;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-weight: 500;
        height: 40px;
        color: #000;
        border: 1px solid #1A1A1C;
        box-shadow: 0 3px 0 #1A1A1C;
        background-color: #fff;
        transition: .3s;
    }

    .s_first__box-btn-sp-hover:hover {
        transition: .3s;
        box-shadow: 0 0 0 #1A1A1C;
    }

    .accordion__item.active .accordion__body01 {
        background-color: #383838;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .accordion__item.active .accordion__body02 {
        background-color: #383838;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .s_first__box-btn-sp-sep {
        height: 40px;
        margin-bottom: initial;
    }

    .s_first__box-btn-sp {
        margin-bottom: initial;
    }

    .accordion__item.active .accordion__body03 {
        background-color: #AFAFAF;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .accordion__item.active .accordion__body04 {
        background-color: #5E5E5E;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .s_first__boxes {
        flex-direction: column;
    }

    .accordion__list {
        margin-bottom: initial;
    }
}


@media (min-width: 1440px) {
    .l-fv_contact {
        min-width: 470px;
    }
}

.front-page__header__body .policy {
    display: flex;
    align-items: center;
}

.wpcf7-list-item {
    margin-left: initial;
}

.wpcf7-list-item>label {
    margin-bottom: initial;
}

.wpcf7-form-control-wrap {
    top: 1px;
}

.front-page__header__body .policy p {
    display: flex;
    align-items: center;
}

.policy .wpcf7-not-valid-tip {
    position: absolute;
    display: block;
    width: 200px;
}

.c-br-sp {
    display: none;
}

@media (max-width: 900px) {
    .c-br-sp {
        display: block;
    }

    .f-cor__title::before {
        top: 42px;
    }

    .f-cor__title::after {
        top: 42px;
    }
}

.p-menber__boxes-scroll {
    flex-wrap: initial;
    overflow-x: scroll;
}

.p-menber__box-second {
    min-width: 540px;
}

.p-menber__container {
    padding: 80px 0 80px 12.5%;
}

.p-menber__right-scroll {
    padding: 0px 0 32px 0px;
}

.p-menber__img-scroll {
    width: 200px;
    height: auto;
    border-radius: 0;
}

.p-menber__box-scroll {
    width: 520px;
}

.p-menber__text-scroll {
    padding: 24px;
}

.title::after,
.title::before {
    /* display: none; */
}

@media (max-width: 900px) {
    .p-menber__container {
        padding: 50px 4.27%;
    }

    .p-menber__boxes-scroll {
        flex-direction: initial;
    }

    .p-menber__box-scroll {
        width: 280px;
    }

    .p-menber__box-second {
        min-width: 330px;
    }

    .p-menber__img-scroll {
        width: 100%;
    }
}

.f-sub-title-lp {
    font-weight: 700;
    font-size: 16px;
    margin: 0 0 20px;
}




.front-page__header__body {
    margin-bottom: -150px;
}

.fv {
    background-image: url(../images/top/header-fv.png) !important;
    background-size: cover;
    background-position: bottom;
    height: 386px;
    background-color: #fff;
}

@media (max-width: 900px) {
    .front-page__header__body {
        /* margin-bottom: -110px; */
        margin-bottom: 0;
    }
}

@media (max-width: 786px) {

    .fv {
        background-image: url(../images/top/header-fv-sp.png) !important;
        height: 20vh;
    }

    .front-page__header__body {
        margin-bottom: -20vh;
    }

}

.f-cor__box {
    justify-content: center;
}

.mainVisual_form {
    padding: 0 !important;
    min-width: 440px;
}

.mainVisual_form-ttl {
    border: 1px solid #FFFFFF;
    background: #1A1A1C;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    color: #fff;
    padding: 16px;
    border-radius: 4px 4px 0 0;
    background: radial-gradient(49.25% 212.68% at 49.25% 44.53%, #00ABFD 0%, #002CB6 100%);
}


.mainVisual_form-ttl img {
    width: 90px;
    position: absolute;
    top: 0;
    right: 9px;
}

.mainVisual_form-content {
    padding: 16px 24px;
}

.mainVisual_form-content .wpcf7 {
    margin-top: 0;
}

.mainVisual_form-content .form-card {
    padding: 16px;
    border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 16px;
}

.mainVisual_form-content .form-card label {
    margin-bottom: 8px !important;
}

.mainVisual_form-content input.wpcf7-form-control.wpcf7-text {
    margin-top: 0 !important;
}

.mainVisual_form-content .wpcf7-form p {
    margin-bottom: 14px;
}

.mainVisual_form-content .wpcf7-form p:last-child {
    margin-bottom: 0;
}

.mainVisual_form-content .required {
    background-color: #1A1A1C;
}

.mainVisual_form-content .field_agreement {
    margin-bottom: 12px !important;
}

.mainVisual_form-content .wpcf7-submit {
    background: radial-gradient(49.25% 212.68% at 49.25% 44.53%, #00ABFD 0%, #002CB6 100%);
}


.mainVisual_form-content .wpcf7-submit,
.mainVisual_form-content .btn-back {
    font-size: 16px !important;
    display: flex;
    padding: 16px !important;
    justify-content: center;
    align-items: center;
    border-radius: 100px !important;
    color: #FFF;
    position: relative;
    margin: 0 auto;
    border: none;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

.wpcf7-select {
    border: 1px solid #DDDDDD;
    align-items: center;
    border-radius: 4px;
    padding: 6px 16px;
    color: #333333;
}

.wpcf7-form-control-wrap:has(.wpcf7-select) {
    position: relative;
    display: block;
}

.wpcf7-form-control-wrap:has(.wpcf7-select)::after {
    content: '';
    display: block;
    background-color: #212121;
    width: 10px;
    height: 14px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    transform: rotate(90deg);
    position: absolute;
    top: 16px;
    right: 16px;
}

.mainVisual_form-content select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    /* border: none !important;
    padding: 0 !important; */
}

.mainVisual_form-content .wpcf7-checkbox label,
.mainVisual_form-content .wpcf7-acceptance label {
    display: flex !important;
    align-items: center;
}

.mainVisual_form-content .checkbox input {
    appearance: none;
    min-height: inherit;
    height: 20px;
    width: 20px;
    margin: 2px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 0;
    margin-right: 8px;
}

.mainVisual_form-content .checkbox input:checked {
    border: 1px solid #ddd;
    background-color: #002CB6;
    display: grid;
    place-content: center;
}

.mainVisual_form-content .checkbox input:checked::before {
    color: white;
    margin-top: -2px;
    transform: rotate(50deg);
    width: 6px;
    height: 12px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';
}

.checkbox input:focus-visible {
    outline: 2px solid #002CB6;
    outline-offset: 2px;
}

.checkbox .wpcf7-list-item {
    margin: 0;
}

.checkbox .wpcf7-list-item-label {
    text-decoration: underline;
}