@charset "UTF-8";

/* 余白 */
:root {
    --space-xxs: 8px;
    --space-xs: 16px;
    --space-sm: 24px;
    --space-md: 32px;
    --space-lg: 40px;
    --space-xl: 64px;
    --space-xxl: 80px;
}

.mt-sm {
    /* 40px */
    margin-top: calc(var(--space-xxs)*5);
}

.mt-md {
    /* 64px */
    margin-top: calc(var(--space-xxs)*8);
}

.mt-lg {
    /* 80px */
    margin-top: calc(var(--space-xxs)*10);
}

.mt-xl {
    /* 120px */
    margin-top: calc(var(--space-xxs)*15);
}

@media screen and (max-width:768px) {
    .mt-sm {
        margin-top: calc(var(--space-xxs)*3);
    }

    .mt-md {
        margin-top: calc(var(--space-xxs)*4);
    }

    .mt-lg {
        margin-top: calc(var(--space-xxs)*5);
    }

    .mt-xl {
        margin-top: calc(var(--space-xxs)*8);
    }
}


.pt-md {
    /* 64px */
    padding-top: calc(var(--space-xxs)*8);
}

.pb-md {
    /* 64px */
    padding-bottom: calc(var(--space-xxs)*8);
}

.pt-lg {
    /* 64px */
    padding-top: calc(var(--space-xxs)*10);
}

.pb-lg {
    /* 64px */
    padding-bottom: calc(var(--space-xxs)*10);
}

@media screen and (max-width:768px) {
    .pt-md {
        padding-top: calc(var(--space-xxs)*4);
    }

    .pb-md {
        /* 64px */
        padding-bottom: calc(var(--space-xxs)*4);
    }

    .pt-lg {
        /* 64px */
        padding-top: calc(var(--space-xxs)*5);
    }

    .pb-lg {
        /* 64px */
        padding-bottom: calc(var(--space-xxs)*5);
    }
}

/* other */

.rounded-border {
    border-radius: 8px;
}

.text-border {
    border-bottom: 2px solid #101d32;
    padding-bottom: 4px;
    display: inline;
}

.box-shadow {
    box-shadow: 0 0 10px rgba(125, 125, 125, 0.3);
}

@media screen and (max-width:768px) {
    .flex {
        flex-direction: column !important;
        align-items: center !important;
    }
}

main {
    margin-top: 60px;
}

@media screen and (max-width: 950px) {
    main {
        margin-top: 0;
        padding-top: 55px;
    }
}

.ital {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.zero,
p.zero {
    margin-bottom: 0;
}

.ten,
p.ten {
    margin-bottom: 10px;
}

.twenty,
p.twenty {
    margin-bottom: 20px;
}

.thirty,
p.thirty {
    margin-bottom: 30px;
}

.fourty,
p.fourty {
    margin-bottom: 40px;
}

.fifty,
p.fifty {
    margin-bottom: 50px;
}

.sixty,
p.sixty {
    margin-bottom: 60px;
}

.sec {
    padding-top: 64px;
    padding-bottom: 64px;
}

.sec-inner {
    margin-top: 0;
}

.sec-inner.mx-1000 {
    max-width: 1000px;
}

.ttl-h4.beta {
    font-size: 28px;
}

.btn-add-text {
    flex-direction: column;
    row-gap: 8px;
}

.bg-inner {
    padding: 60px 0;
}

.bg-secondaryblue {
    background-color: #ebf7f9;
}

/* font */
main .ttl {
    font-weight: bold;
    text-align: center;
}

.fs-xxs {
    font-size: 16px !important;
}

.fs-xs {
    font-size: 20px !important;
}

.fs-sm {
    font-size: 22px !important;
}

.fs-md {
    font-size: 24px !important;
    line-height: 1.4 !important;
}

.fs-lg {
    font-size: 34px !important;
    line-height: 1.475 !important;
}

.fs-xl {
    font-size: 40px !important;
    line-height: 1.364 !important;
}

/* .ttlがついているものだけ小さく */
@media screen and (max-width:768px) {
    .fs-xxs.ttl {
        font-size: 12px !important;
    }

    .fs-xs.ttl {
        font-size: 14px !important;
    }

    .fs-sm.ttl {
        font-size: 16px !important;
    }

    .fs-md.ttl {
        font-size: 18px !important;
    }

    .fs-lg.ttl {
        font-size: 20px !important;
    }

    .fs-xl.ttl {
        font-size: 24px !important;
    }
}

@media screen and (max-width:768px) {
    .bg-inner {
        padding: 30px 0;
    }

    .sec {
        padding: 32px 0
    }
}

/* -------------- main */

.kv {
    width: 100%;
    height: 445px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../img/kv-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    box-sizing: border-box;
}

.kv-inner {
    width: 86%;
    max-width: 1200px;
    display: flex;
    position: relative;
}

.kv-inner .txt-side {
    width: 50%;
}

.h1-ttl {
    font-size: 3vw;
    font-weight: bold;
    margin-bottom: 16px;
    display: inline-block;
}

.kv-inner .kvnum {
    font-size: 1.34em;
}

.kv-inner .expsup {
    font-size: 10px;
}

.kv-inner .ttl-h4 {
    font-size: 1.71vw;
    margin-bottom: 10px;
}

.kv-inner .kv-logo img {
    width: 37vw;
    height: auto;
    margin-top: 15px;
    max-width: 228px;
}

.kvcvbox {
    margin: 45px auto 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    flex-flow: row wrap;
}

.kvcvbox .kvcvtxt {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 10px;
    line-height: 1.5;
}

.kvcvbox .kvcvbtn {
    margin: 10px;
}

.kvcvbox .kvcvbtn .btn {
    font-size: 16px;
    font-weight: bold;
    padding: 16px 60px;
    line-height: 1.5;
    box-sizing: border-box;
    min-width: 0;
}

.kv-inner .fig-side {
    width: 50%;
}

.kv-inner .fig-side img {
    width: 100%;
    height: auto;
}

.kvcvbox.sp {
    display: none;
}

.fig-flex {
    display: flex;
    flex-flow: row wrap;
}

.fig-flex .doc-left {
    width: 50%;
}

.fig-flex .doc-right {
    width: 50%;
    padding: 0 50px;
    box-sizing: border-box;
}

.kv .btn-covering {
    margin-top: 32px;
}

@media screen and (min-width: 1400px) {
    .h1-ttl {
        font-size: 42px;
    }

    .kv-inner .expsup {
        font-size: 12px;
    }

    .kv-inner .kv-logo img {
        width: 85%;
    }

    .kv-inner .ttl-h4 {
        font-size: 24px;
    }
}

@media screen and (max-width: 768px) {
    .h1-ttl {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .kv-inner .expsup {
        font-size: 10px;
    }

    .kv-inner .kv-logo img {
        width: 200px;
        margin-top: 0;
    }

    .kv-inner .ttl-h4 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .kv-inner .txt-side,
    .kv-inner .fig-side {
        width: 100%;
        justify-content: center;
    }

    .kv-inner .txt-side {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .kv-inner .fig-side {
        text-align: center;
    }

    .kv-inner .fig-side img {
        width: 100%;
        max-width: 625px;
        position: relative;
        bottom: 0;
    }

    .kvcvbox {
        margin: 30px auto 40px;
        padding: 10px 20px;
        max-width: 625px;
    }

    .kvcvbox.pc {
        display: none;
    }

    .kvcvbox.sp {
        display: flex;
    }

    .kvcvbox .kvcvtxt {
        font-size: 16px;
    }

    .kvcvbox .kvcvbtn .btn {
        font-size: 14px;
    }

    .fig-flex {
        display: block;
        flex-flow: row wrap;
    }

    .fig-flex .doc-left {
        width: 100%;
    }

    .fig-flex .doc-left .ttl-h3,
    .fig-flex .doc-left .btn-covering,
    .fig-flex .doc-left p {
        text-align: center;
    }

    .fig-flex .doc-right {
        width: 100%;
        padding: 0;
    }

    .kv .btn-covering {
        margin-top: 20px;
    }
}

/*===============
お使いの電子契約サービスに課題はありませんか？
================*/
.assignment {
    position: relative;
}

.assignment::after {
    content: '';
    display: block;
    width: 120px;
    height: 35px;
    background-image: url(/lp/transfer/img/arrow-1.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(var(--space-sm)*-1);
}

.assignment .assignment-wrap {
    justify-content: space-between;
    gap: var(--space-lg);
    align-items: start;
}

.assignment .assignment-list {
    width: 336px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.assignment .assignment-list .ttl {
    font-size: clamp(20px, 1vw, 24px);
    min-height: 101px;
    display: flex;
    align-items: center;
    line-height: 1.4;
}

.assignment .assignment-list img {
    height: 166px;
    width: auto;
    margin-top: var(--space-xs);
}

.assignment .assignment-list .hukidashi {
    margin-top: var(--space-md);
    position: relative;
    padding: var(--space-md) var(--space-md) var(--space-sm);
}

.assignment .assignment-list .hukidashi:before {
    content: "";
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 15px solid #F5F5F5;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.assignment .assignment-list .hukidashi p:not(:first-child) {
    margin-top: var(--space-sm);
}

@media screen and (max-width:1024px) {
    .assignment .assignment-wrap {
        gap: var(--space-xs);
    }
}

@media screen and (max-width:768px) {
    .assignment .assignment-list {
        width: 100%;
    }

    .assignment .assignment-list .ttl {
        font-size: 24px;
    }

    .assignment .assignment-list .hukidashi {
        box-sizing: border-box;
        max-width: 400px;
    }
}

/*===============
GMOサインなら、すべて解決できます！
================*/

.solved .solved-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    place-content: center;
    gap: var(--space-lg);
}

.solved .solved-wrap .solved-item {
    border-radius: 10px;
    background: #EBF7F9 url(/template/img/top_neo/topneo-feature-bg.png) no-repeat 100% 100%;
    padding: var(--space-md);
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: var(--space-xs);
}

.solved .solved-wrap .solved-item img {
    height: auto;
}

.solved .solved-wrap .solved-item .solved-inner img {
    height: 95px;
}

@media screen and (max-width:1150px) {
    .solved .solved-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .solved .solved-wrap .solved-item {
        width: 300px;
        box-sizing: border-box;
    }
}

@media (max-width: 768px) {
    .solved .solved-wrap .solved-item {
        max-width: 400px;
        width: 100%;
    }
}



.opening-sec {
    margin-top: 20px;
}

.rd-sec {
    padding: 60px 0;
}

.rd-sec.mynumber-sec {
    background: url(../img/bg_mynumber.png) no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
}

.insec-mgb {
    margin-bottom: 60px;
}

.insec-mgb-large {
    margin-bottom: 120px;
}

.fig1 img {
    max-width: 1152px;
}

.one-apper {
    display: flex;
    justify-content: center;
    margin-bottom: 15px;
}

.one-apper .l-fig {
    width: 50%;
    max-width: 219px;
}

.one-apper .l-fig img {
    width: 100%;
    height: auto;
}

.one-apper .m-txt {
    display: inline-block;
    margin: auto 25px 0;
}

.one-apper .r-fig {
    max-width: 230px;
    width: 50%;
}

.one-apper .r-fig img {
    width: 100%;
    height: auto;
}

.full-figure {
    width: 100%;
    margin-top: 20px;
}

.full-figure img {
    width: 100%;
    height: auto;
}

.accordion .ttl {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
}

/* inner-link-section */
.inn-menu .nav-label {
    margin: auto;
    justify-content: center;
}


@media screen and (min-width:769px) {
    .nav-label li {
        min-width: 230px;
    }
}

/* increase-section */
.increase-box {
    display: flex;
    align-items: center;
    padding: 30px 40px;
    box-sizing: border-box;
    width: 100%;
}

.increase-box .txt-side {
    width: calc(100% - 440px);
    box-sizing: border-box;
    padding-right: 40px;
}

.increase-box .fig-side {
    max-width: 440px;
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 8px;
    padding: 15px 45px;
    margin: auto;
}

.increase-box .fig-side img {
    width: 100%;
    height: auto;
}

/* reason-section */
.sub-ttl-fig {
    text-align: center;
}

.sub-ttl-fig img {
    width: 90px;
    height: 86px;
}

.cvbox {
    display: flex;
    padding: 40px 30px;
    width: 100%;
    box-sizing: border-box;
    justify-content: center;
    flex-flow: row wrap;
    border-radius: 10px;
    background: #fff;
}

.cvbox.clear {
    background-color: #e5eef7;
}

/* movie-section */
.qa-section.none-style {
    padding: 0;
    background: inherit;
}

.qa-section.none-style p {
    margin-bottom: 0;
}


@media screen and (min-width: 769px) {
    .sp {
        display: none;
    }
}

@media screen and (max-width: 1000px) {

    .increase-box,
    .merits .figflex,
    .ex-collection .exc-box {
        flex-flow: row wrap;
    }

    .increase-box .txt-side,
    .merits .figflex .txt-side {
        width: 100%;
        padding-right: 0;
    }

    .merits .figflex .fig-side {
        margin: 20px auto 0;
    }

    .rcm-block .rcm-box .rcmb-inner {
        justify-content: center;
    }

    .rcm-block .rcm-box .rcmb-inner .txt-side {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
}

@media screen and (max-width: 768px) {

    .ten,
    p.ten {
        margin-bottom: 10px;
    }

    .twenty,
    p.twenty,
    .sec-inner .twenty,
    .sec-inner p.twenty {
        margin-bottom: 10px;
    }

    .thirty,
    p.thirty,
    .sec-inner .thirty,
    .sec-inner p.thirty {
        margin-bottom: 15px;
    }

    .fourty,
    p.fourty,
    .sec-inner .fourty,
    .sec-inner p.fourty {
        margin-bottom: 20px;
    }

    .fifty,
    p.fifty,
    .sec-inner .fifty,
    .sec-inner p.fifty {
        margin-bottom: 25px;
    }

    .sixty,
    p.sixty,
    .sec-inner .sixty,
    .sec-inner .sixty {
        margin-bottom: 30px;
    }

    .sp-center {
        text-align: center;
    }

    .rd-sec {
        padding: 40px 0;
    }

    .mt-large {
        margin-top: 50px;
    }

    p.note {
        font-size: 10px;
    }

    .ttl-h4.beta {
        font-size: 16px;
    }

    .mn-lfont,
    p.mn-lfont,
    .rdx-cv .cts-box .cts-ttl {
        font-size: 15px;
    }

    .tb-comm,
    p.tb-comm {
        font-size: 10px;
    }

    .kv {
        height: auto;
        min-height: 400px;
        background-position: 60% center;
    }

    .kv-inner {
        flex-flow: row wrap;
        width: 92%;
    }

    .one-apper .m-txt {
        margin: auto 12.5px 0;
    }

    .one-apper .l-fig {
        width: 140px;
    }

    .one-apper .r-fig {
        width: 145px;
    }

    .insec-mgb {
        margin-bottom: 40px;
    }

    .insec-mgb-large {
        margin-bottom: 40px;
    }

    .increase-box {
        padding: 15px 20px;
    }

    .increase-box .fig-side {
        max-width: 300px;
        padding: 10px 25px;
    }

    .cost .ccard {
        width: 100%;
        max-width: 380px;
        margin: 5px;
        border-radius: 4px;
        padding: 20px;
    }

    .cost .ccard.second {
        min-width: 0;
    }

    .cost .ccard .sub {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .cost .price-txt {
        font-size: 40px;
    }

    .cost .ccard .unit {
        font-size: 12px;
        display: inline-block;
    }

    .price-badge {
        width: 80px;
    }

    .rsn-cts-fist {
        flex-flow: row wrap;
        width: 100%;
        margin-left: 0;
    }

    .rsn-cts-fist .fig-side,
    .rsn-cts-fist .txt-side {
        width: 100%;
        margin: 10px auto;
    }

    .rsn-cts-fist .fig-side {
        max-width: 300px;
    }

    .quote-post {
        font-size: 14px;
    }

    .sub-ttl-fig {
        margin-bottom: 5px;
    }

    .sub-ttl-fig img {
        width: 70px;
        height: 67px;
    }

    .ex-collection {
        padding-bottom: 0;
        padding-top: 10px;
    }

    .ex-collection .exc-box {
        margin: 0 auto 25px;
    }

    .ex-collection .exc-box .fig-side {
        width: 100%;
        max-width: 240px;
        height: 80px;
    }

    .ex-collection .exc-box .fig-side .logo-a {
        width: 170px;
    }

    .ex-collection .exc-box .fig-side .logo-c {
        width: 205px;
    }

    .cap-box {
        padding: 20px 30px;
        margin-top: 20px;
    }

    .cap-box .fig-side {
        width: 200px;
    }

    .cap-box .fig-side.abs {
        height: 100px;
    }

    .cap-box .fig-side.abs img {
        width: 150px;
    }

    .cap-box .txt-side .ttl {
        font-size: 20px;
    }

    .mnbs-top-cts .fig-side img {
        width: 300px;
    }

    .capbdg {
        padding: 2.5px 15px;
    }

    .cvbox {
        padding: 20px 15px;
    }

    .onebox {
        margin: 10px auto;
    }

    .onebox .cap {
        font-size: 15px;
    }

    .onebox .ob-btn {
        width: 240px;
        padding: 15px 20px;
    }

    .accordion .ttl {
        font-size: 15px;
    }

    .support-list .card .ttl-pic img {
        max-width: 170px;
    }

    .support-list {
        width: 100%;
        margin: auto;
        flex-flow: row wrap;
    }

    .support-list .card {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 45px;
        max-width: 400px;
    }

    .support-list .card .ttl-pic {
        height: auto;
        line-height: 0;
        margin-bottom: 20px;
    }

    .support-list .card .ttl {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .support-list .card p.exp-txt {
        margin-bottom: 0;
    }

    .support-list .card:last-of-type {
        margin-bottom: 0;
    }

    .review-list {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }

    .review-list li {
        padding: 10px 0 0;
        width: 100%;
        max-width: 450px;
    }

    .movie-intr {
        width: 100%;
        border-radius: 15px;
        height: calc((92vw / 16) * 10);
        box-shadow: 0px 0px 12px 0px rgba(59, 188, 206, 0.19);
    }
}

@media screen and (max-width: 550px) {
    .mnbs-top-cts .txt-side {
        padding-top: 45px;
    }

    .mnbs-top-cts .fig-side img {
        width: 200px;
    }

    .note-box.figbox {
        padding: 20px 15px;
    }

    .rcm-block {
        width: 100%;
        margin-left: 0;
    }

    .rcm-block .rcm-box {
        width: 100%;
        margin: 50px auto 0;
        max-width: 400px;
    }

    .rcm-block .rcm-box .rcmb-inner .txt-side {
        padding-top: 10px;
    }

    .rcm-block .rcm-box .bdg-sub img {
        width: 60px;
        height: 58px;
    }

    .rcm-block .rcm-box .rcmb-inner .fig-side img.half {
        width: 50px;
        height: 87px;
    }

    .rcm-block .rcm-box .rcmb-inner .fig-side {
        margin-top: 5px;
        width: 125px;
        height: 125px;
    }

    .rdx-cv .cts-box .btn-primary {
        padding: 15px 20px;
    }

    .cap-box {
        padding: 20px;
    }
}

/*===============
cv
================*/
.cta-cv-area p.cap {
    font-size: 18px;
    margin-bottom: 8px;
}

.cta-cv-area .row-flex.two-side .conts {
    padding-bottom: 0;
}

@media screen and (max-width: 1150px) {
    .row-flex.two-side {
        flex-direction: column;
        align-items: center;
        gap: var(--space-sm)
    }
}

@media screen and (max-width: 1024px) {
    .cta-cv-area .row-flex {
        flex-direction: column;
        align-items: center;
    }

    .row-flex.two-side .conts {
        width: 100%;
    }

    .cta-cv-area .row-flex.two-side .conts {
        box-sizing: border-box;
        padding-right: 16px;
        padding-left: 16px;
    }

    .cta-cv-area p.cap {
        font-size: 12px;
    }

    .row-flex.two-side {
        margin-left: 0;
    }
}

@media screen and (max-width: 768px) {
    .cta-cv-area {
        padding: 32px 16px;
    }

    .row-flex {
        display: flex;
    }
}

.sec.sec-trnsf {
    margin-bottom: 0;
}

.sec-trnsf .note-box {
    margin-bottom: 0;
}

.request-list {
    justify-content: center;
    flex-flow: row wrap;
}

.ttl-uline {
    padding-bottom: 15px;
    line-height: 2.5;
    border-bottom: 4px solid #005bac;
}

.full-board {
    margin-bottom: 40px;
}

.sign-logo {
    max-width: 200px;
}

.badge-danger {
    padding: 3px 7px;
    display: inline-block;
    font-size: 13px;
    margin: 2.5px;
    border: 1px solid #d8563b;
    border-radius: 2px;
    color: #d8563b;
}

.card .inner-card .badge-danger {
    position: absolute;
    right: 5px;
    top: 5px;
}

.page-nav {
    display: flex;
    justify-content: center;
    width: calc(100% + 50px);
    margin-left: -25px;
    padding-top: 50px;
    flex-flow: row wrap;
}

.page-nav .conts {
    width: calc(100% / 3);
    padding: 0 25px;
    min-width: 350px;
    box-sizing: border-box;
}

.page-nav .conts .navs {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    background-color: #e5eef7;
    border-radius: 8px;
    border: 3px solid #005bac;
    transition: 0.5s;
    height: 130px;
    box-sizing: border-box;
    margin-top: 50px;
    margin-bottom: 40px;
    position: relative;
}

.page-nav .conts .navs::after {
    content: "";
    position: absolute;
    width: 40px;
    height: 22px;
    background: url(/template/img/transfer/arrow.png)no-repeat;
    background-position: center;
    background-size: contain;
    bottom: -40px;
    left: calc(50% - 20px);
}

.ttl-sq-badge {
    position: relative;
    text-align: center;
    color: #fff;
    z-index: 0;
    display: inline-block;
    line-height: 0.9;
    margin-right: 45px;
}

.ttl-sq-badge::before {
    position: absolute;
    content: "";
    width: 75px;
    height: 75px;
    background-color: #005bac;
    border-radius: 20px;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
    top: calc(50% + 9px);
    z-index: -1;
}

.ttl-sq-badge .txt {
    font-size: 9px;
    z-index: 1;
}

.ttl-sq-badge .nums {
    font-size: 45px;
    z-index: 1;
}

.ttl-h2.ttl-forsq {
    margin-bottom: 40px;
}

.ttl-h2-mini {
    font-size: 30px;
}


.j-center {
    justify-content: center;
}

.cost {
    display: flex;
    justify-content: center;
    position: relative;
    max-width: 990px;
    margin: auto;
    margin-bottom: 30px;
}

.cost::after {
    content: "";
    position: absolute;
    background: url(/template/img/transfer/badge_cost.png)no-repeat;
    background-position: center;
    background-size: contain;
    width: 11%;
    max-width: 109px;
    height: 114px;
    right: 0;
    top: 0;
}

.cost .ccard {
    width: calc(34% - 20px);
    margin: 10px;
    max-width: 335px;
    border-radius: 8px;
    background-color: #ebf7f9;
    padding: 10px 10px 20px 10px;
}

.cost .price-fonts {
    font-size: 40px;
    line-height: 1;
}

.inner-card .fig {
    line-height: 1;
    margin-bottom: 20px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inner-card .fig img {
    max-height: 90px;
    width: auto;
}

.num-cap {
    color: #fff;
    font-size: 34px;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
}

.num-cap::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 14px;
    background-color: #005bac;
    transform: translate(-50%, -50%) rotate(45deg);
    left: 50%;
    top: calc(50% - 4px);
    z-index: -1;
}

.category {
    margin-bottom: 0;
}

.category .card .inner-card {
    padding: 24px;
    height: auto;
    max-width: 400px;
    margin: auto;
}

.mt-10 {
    margin-top: 10px;
}

.button-2lines span {
    font-size: 24px;
}

.button-2lines {
    line-height: 1.2;
    min-width: 300px;
    margin-top: 16px;
    margin-bottom: 16px;
}

/*===============
    		cv1
    		================*/
.cv-1 {
    padding: 64px 0;
}

.cv-1 .cv-1-inner {
    padding: 40px 80px;
    justify-content: space-between;
    gap: 24px;
    margin-top: 40px;
}

.cv-1 .doc-left .cv-title {
    margin-bottom: 0;
}

.cv-1 .doc-left {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.cv-1 .doc-left .btn-covering a {
    min-width: initial;
}

.cv-1 .doc-right figure img {
    width: 100%;
    height: auto;
}

.cv-1 .doc-right figure {
    width: 437.55px;
    box-shadow: 0px 0px 16px 0px #101D3229;
}

@media screen and (max-width:1100px) {
    .cv-1 .cv-1-inner {
        padding: 40px;
        flex-direction: column-reverse;
        align-items: center;
    }
}

@media screen and (max-width:768px) {
    .cv-1 .doc-left {
        width: 100%;
    }

    .cv-1 .doc-right figure {
        width: 100%;
        max-width: 437.55px;
    }

    .sign-logo {
        max-width: 150px;
    }

    .ttl-h2-mini {
        font-size: 24px;
    }
}

@media screen and (min-width:769px) {

    .page-nav .conts .navs:hover {
        transition: 0.5s;
        background-color: #fff;
    }

    .category .card .inner-card {
        height: calc(100% - 50px);
    }
}

@media screen and (max-width:768px) {
    .sec-inner {
        margin-top: 0;
    }

    .row-card .fig {
        text-align: center;
    }

    .sec.sec-trnsf {}

    .full-board {
        margin-bottom: 20px;
    }

    .cost {
        margin-bottom: 70px;
    }

    .ttl-uline {
        padding-bottom: 5px;
        border-bottom: 2px solid #005bac;
        line-height: 2;
    }

    .page-nav {
        padding-top: 25px;
        margin-left: 0;
        width: 100%;
    }

    .page-nav .conts {
        width: 100%;
        padding: 0 20px;
        min-width: 0;
    }

    .page-nav .conts .navs {
        margin-top: 25px;
        height: auto;
        padding: 30px;
        margin-bottom: 45px;
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .num-cap {
        font-size: 20px;
    }

    .num-cap::after {
        content: "";
        position: absolute;
        width: 35px;
        height: 35px;
        border-radius: 10px;
        top: calc(50% - 2px);
    }

    .page-nav .conts .navs::after {
        width: 20px;
        height: 11px;
        bottom: -20px;
        left: calc(50% - 10px);
    }

    .badge-danger {
        padding: 2px 5px;
    }

    .category {
        margin: 25px auto 0;
    }

    .ttl-sq-badge {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .ttl-sq-badge::before {
        width: 45px;
        height: 45px;
        border-radius: 14px;
        top: calc(50% + 5px);
    }

    .ttl-sq-badge .txt {
        font-size: 12px;
        display: inline-block;
        transform: scale(0.5);
    }

    .ttl-sq-badge .nums {
        font-size: 22.5px;
    }

    .ttl-h2.ttl-forsq {
        margin-bottom: 5px;
    }

    .category .card {
        width: 100%;
        padding: 6.25px 20px;
    }

    .cost::after {
        width: 55px;
        height: 57px;
        right: calc(50% - 27.5px);
        top: calc(100% + 4px);
    }

    .cost .ccard {
        width: 50%;
        margin: 5px;
        border-radius: 4px;
    }

    .cost .ccard .sub {
        font-size: 10.5px;
    }

    .cost .price-fonts {
        font-size: 20px;
    }

    .cost .ccard .unit {
        font-size: 10px;
        transform: scale(0.8);
        display: inline-block;
    }

    .mt-10 {
        margin-top: 5px;
    }
}

/*===============
すぐにご相談したい方はこちら
================*/

.contact {
    background-color: #F6FCFD;
}

.recommend-box {
    padding: var(--space-md) var(--space-lg);
    max-width: 900px;
    margin-inline: auto;
    border: 3px solid #9cd7e2;
    background-color: #fff;
    margin-bottom: var(--space-sm);
}

.recommend-box .recommend-box-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.recommend-box .recommend-box-inner img {
    width: 256px;
    height: auto;
}

.recommend-box .recommend-box-inner h4 {
    color: #3aafc5;
}

@media screen and (max-width:768px) {
    .recommend-box .recommend-box-inner {
        flex-direction: column;
    }

    .recommend-box .recommend-box-inner h3 {
        text-align: center;
    }
}