@charset "UTF-8";
html,
body {
    font-family: 'Noto Sans JP', sans-serif;
    color: #3d3d3d;
    letter-spacing: 0.05em;
    -webkit-text-size-adjust: 100%;
}

a {
    text-decoration: underline;
    :hover {
        text-decoration: none;
    }
}

.stop {
    overflow-y: hidden;
}

.all_wrap {
    position: relative;
}

.pc {
    display: block;
    @media screen and (max-width: 955px) {
        display: none!important;
    }
}

.sp,
.tb {
    display: none;
    @media screen and (max-width: 955px) {
        display: block;
    }
}

.wrap {
    padding: 0 10vw;
    max-width: 1500px;
    margin: auto;
}

.agency {
    text-align: center;
    line-height: 3rem;
    font-size: 1rem;
    height: 3rem;
    background: #ffe4ce;
    color: #363636;
}

sup {
    vertical-align: middle;
    font-size: clamp(0.875rem, 0.694rem + 0.89vw, 1.25rem);
}

.js-fade {
    opacity: 1;
    visibility: hidden;
    transform: translateY(100px);
    transition: opacity 1s, visibility 0.8s, transform 0.8s;
}

.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.notes {
    font-size: clamp(0.75rem, 0.69rem + 0.3vw, 0.875rem)!important;
    padding-left:1em;
    text-indent:-1em;
}

/* ------------------- 共通部分 ------------------- */

section {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: clamp(2.5rem, 1.293rem + 5.96vw, 5rem);
    @media screen and (max-width: 955px) {
        align-items: initial;
    }
}

.sec-wrap {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    & .notes {
        @media screen and (max-width: 955px) {
            line-height: 18px;
        }
    }
    &.flow {
        background-color: #fff;
        padding: clamp(1.5rem, 1.017rem + 2.38vw, 2.5rem) 0;
        border-radius: 15px 15px 0 0;
        & radius-non-btm {
                border-bottom-right-radius: 0!important;
                border-bottom-left-radius: 0!important;
            }
            &.radius-non-top {
                border-radius: 0 0 15px 15px;
            }
        @media screen and (max-width: 955px) {
            background-color: #F5F8D5;
            &.radius-non-btm {
                border-bottom-right-radius: 0!important;
                border-bottom-left-radius: 0!important;
            }
            &.radius-non-top {
                border-radius: 0 0 15px 15px;
            }
        }
    }
    @media screen and (max-width: 955px) {
        min-width: 320px;
        padding: 0 16px;
    }
}

h2 {
    font-size: clamp(1.25rem, 0.646rem + 2.98vw, 2.5rem);
    font-weight: 600;
    color: #3d3d3d;
    margin-bottom: 26px;
}

h3 {
    &.sec-h3 {
        font-family: "M PLUS Rounded 1c", sans-serif;
        transform:rotate(0.03deg);
        font-size: 32px;
        font-weight: 700;
        color: #fff;
        text-align: center;
        background: #67b43b;
        width: 100%;
        height: 58px;
        margin-bottom: 36px;
        border-radius: 15px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    &.copy {
        font-size: clamp(1.25rem, 0.767rem + 2.38vw, 2.25rem);
        font-weight: 600;
        text-align: center;
        line-height: 36px;
        color: #3d3d3d;
        & span {
            font-size: clamp(1.75rem, 1.146rem + 2.98vw, 3rem);
            background: linear-gradient(transparent 60%, yellow 60%);
        }
    }
    &.orange-text {
        font-size: clamp(1.25rem, 0.646rem + 2.98vw, 2.5rem);
        font-weight: bold;
        color: #f05400;
        text-align: center;
        line-height: 1.5;
        & span {
            font-size: clamp(3rem, 2.517rem + 2.38vw, 4rem);
            font-weight: 900;
        }
    }
    &.gray-text {
        font-size: clamp(1.125rem, 0.582rem + 2.68vw, 2.25rem);
        font-weight: bold;
        color: #3d3d3d;
        margin-bottom: 24px;
    }
}

p {
    color: #3d3d3d;
    &.normal {
        font-size: clamp(1rem, 0.759rem + 1.19vw, 1.5rem);
        font-weight: 400;
        line-height: 1.8;
        text-align: center;
    }
    &.sub-text {
        font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem);
        padding-left: 1em;
        text-indent: -1em;
    }
}

li {
    margin-bottom: 8px;
}

/* 余白 */
.mb-16 {
    margin-bottom: 16px!important;
}
.mb-40 {
    margin-bottom: 40px!important;
}
.mb-60 {
    margin-bottom: 60px!important;
}

.sec-title {
    width: 100%;
    & .sec-h3 {
        font-size: clamp(1.125rem, 0.702rem + 2.09vw, 2rem);
        border-radius: initial;
    }
}

/* ------------------- FV関連 ------------------- */

#FV {
    width: 100%;
    max-width: 1440px;
    position: relative;
    box-sizing: border-box;
    margin: 0 auto;
    & h1 {
        text-align: center;
    }
    & .fv-contents {
        width: 100%;
        max-width: 59vw;
        min-width: 0;
        aspect-ratio: 298 / 43;
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        bottom: 0;
        z-index: 10;
        box-sizing: border-box;
        & .sec-fv-btns {
            width: 100%;
            display: flex;
            justify-content: center;
            gap: 27px;
            margin-bottom: 16px;
            & a {
                text-decoration: none;
            }
        }
        & p.notes {
            font-family: "M PLUS Rounded 1c", sans-serif;
            transform:rotate(0.03deg);
            font-size: clamp(0.75rem, 0.69rem + 0.3vw, 0.875rem)!important;
            text-align: center;
            line-height: 18px;
            letter-spacing: 0;
            white-space: nowrap;
            margin-bottom: 8px;
            letter-spacing: normal;
        }
        @media screen and (max-width: 955px) {
            max-width: 100%;
            padding: 0 16px;
            aspect-ratio: initial;
            & .sec-fv-btns {
                gap: 8px;
                margin-bottom: initial;
            }
            & p.notes {
                font-size: 1vw!important;
            }
        }
    }
    & picture {
        & img {
            width: 100%;
            /* max-width: 1800px; */
            height: auto;
        }
    }
}

/* ------------------- かんたん見積もり関連 ------------------- */
/* ヘッダー部 */
.calc-head {
    width: 100%;
    height: 42px;
    background-color: #67B43B;
    border-radius: 15px 15px 0 0;
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}


/* 入力部 */
.uk-select:not([multiple]):not([size]) {
    background-image: none;
    height: 40px;
    padding: 9px 10px;
    position: relative;
}

.agfpc-product-select-category, 
.agfpc-product-select-age, 
.agfpc-product-select-method {
    position: relative;
    &::before {
        content: "";
        display: block!important;
        width: 40px!important;
        height: 32px!important;
        background-color: #fff;
        position: absolute!important;
        right: 1px!important;
        top: 0!important;
        bottom: 0!important;
        margin: auto!important;
        pointer-events: none!important;
        border-left: 1px solid #7d7d7d!important;
        z-index: 10;
    }
    &::after {
            content: "";
            width: 10px;
            height: 10px;
            border: 0;
            border-top: solid 2px #67B43B;
            border-right: solid 2px #67B43B;
            position: absolute;
            top: 45%!important;
            right: 14px;
            transform: translateY(-50%) rotate(135deg);
            pointer-events: none;
            background-color: #fff;
            z-index: 15
    }
}

.uk-input, 
.uk-select, 
.uk-textarea {
    border: 1px solid #7D7D7D;
}

.uk-input:focus, 
.uk-select:focus, 
.uk-textarea:focus {
    border: 1px solid #7D7D7D;
}


.agfpc-product {
    width: 100%;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    padding: 0 24px;
    border: #67B43B solid 1px;
    border-radius: 0 0 15px 15px;
    box-sizing: border-box;
    & .agfpc-product-form {
        height: 40px;
        gap: 8px;
        display: flex;
        /* 犬猫選択 */
        & .lab-estimate__col {
            margin: initial;
            & ul {
                display: flex;
                gap: 8px;
                & li {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    margin-bottom: initial;
                    /* & label {
                        & input[type="radio"] {
                            display: none;
                        &:checked + span {
                          border: 2px solid orange;
                          background-color: #fff7e6;
                        }
                    } */
                    & label {
                        width: 64px;
                        height: 40px;
                        & input[type="radio"] {
                            display: none;
                            &:checked + span {
                                border: #67B43B solid 3px;
                                background-color: #F9FFD1;
                            }
                        }
                    }
                    & span {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 100%;
                        height: 100%;
                        border: #7d7d7d solid 1px;
                        box-sizing: border-box;
                        cursor: pointer;
                        transition: all 0.3s;
                    }
                }
            }
        }
        /* 種別選択 */
        & .agfpc-product-col {
            display: flex;
            gap: 8px;
            & .agfpc-product-select-category {
                width: 360px;
                @media screen and (max-width: 955px) {
                    width: initial;
                    font-size: 13px;
                }
            }
        }
        /* 年齢選択 */
        & .agfpc-product-select-age {
            width: 100%;
            max-width: 115px;
        }
        /* 月額・年額 */
        & .agfpc-product-select-method {
            width: 100%;
            max-width: 142px;
        }
        @media screen and (max-width: 955px) {
            width: 100%;
            flex-direction: column;
            & .lab-estimate__col {
                & ul {
                    & li {
                        width: 100%;
                        /* padding: 0 8px; */
                        & label {
                            width: 100%;
                            height: 63px;
                        }
                    }
                }
            }
            & .agfpc-product-select-age {
                max-width: 100%;
            }
            & .agfpc-product-select-method {
                max-width: 100%;
            }
        }
    }
    @media screen and (max-width: 955px) {
        height: 100%;
        min-height: 310px;
        padding: 16px 8px;
        flex-direction: column;
        justify-content: space-between;
        & .agfpc-product-col {
            flex-direction: column;
        }
    }
}

.agfpc-product-btn {
    width: 100%;
    max-width: 186px;
    height: 51px;
    font-size: 16px;
    font-weight: 600;
    color: #67B43B;
    background-color: #fff;
    border: #67B43B solid 2px;
    border-radius: 30px;
    box-shadow: 2px 2px 12px #311e1e33;
    cursor: pointer;
}

/* ------------------- キャンペーン関連 ------------------- */
#campaign {
    & h2 {
        color: #f05400;
    }
    & figure {
        width: 100%;
        & picture {
            & img {
                width: 100%!important;
                margin: initial!important;
                border: #f05400 solid 2px;
            }
        }
    }
}

/* ------------------- お悩み関連 ------------------- */
#problem {
    & h2 {
        font-size: clamp(1.25rem, 0.767rem + 2.38vw, 2.25rem);
        text-align: center;
        line-height: 38px;
    }
    & figure {
        margin-bottom: 11px;
        & img {
            width: 100%;
            max-width: 900px;
        }
    }
    & .satisfaction {
        width: 100%;
        max-width: 900px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 16px;
        & .text-side {
            width: 100%;
            max-width: 616px;
            display: flex;
            flex-direction: column;
            box-sizing: border-box;
            & .fit-max-banner {
                min-width: 0;
                max-width: 100%;
                min-width: 0;
                display: flex;
                gap: 15px;
                margin-bottom: 16px;
                & img {
                    display: block;
                    width: 100%;
                    max-width: 300px;
                    min-width: 0;
                    height: 100%;
                    max-height: 145px;
                }
            }
            & h5 {
                font-size: clamp(1.25rem, 0.827rem + 2.09vw, 2.125rem);
                font-weight: 600;
                line-height: 126%;
                margin: 0 auto;
                margin-bottom: 16px;
                & span {
                    color: #f05400;
                    font-size: clamp(1.5rem, 1.017rem + 2.38vw, 2.5rem);
                    font-weight: 600;
                    line-height: 126%;
                }
            }
            & .notes {
                margin: 0 10px;
            }
        }
        & .graph-side {
            padding-top: 20px;
            & img {
                width: 237px;
                height: 237px;
            }
        }
        & .notes {
            text-align: left;
            line-height: 20px;
        }
        @media screen and (max-width: 955px) {
            margin-bottom: initial;
            & .text-side {
                max-width: 100%;
                & .fit-max-banner {
                    justify-content: center;
                    padding: 0 16px;
                }
            }
        }
    }
}

/* ------------------- Top3関連 ------------------- */
#top3 {
    background-color: #FFFDF1;
    padding: 40px 0;
    & .top3-icons {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, max-content));
        justify-content: space-between;
        width: 100%;
        margin-bottom: 21px;
        & a {
            text-decoration: none;
        }
        & .single-icon {
            display: flex;
            flex-direction: column;
            align-items: center;
            & img {
                width: 175px;
                margin-bottom: 32px;
            }
            & p {
                font-size: clamp(1rem, 0.759rem + 1.19vw, 1.5rem);
                font-weight: 600;
                letter-spacing: -1px;
                color: #f05400;
            }
        }
    }
    @media screen and (max-width: 955px) {
        & .top3-icons {
            grid-template-columns: repeat(2, 1fr);
            row-gap: 16px;
            & .single-icon {
                &:first-child {
                    grid-column: 1/ -1;
                }
                & img {
                    width: 123px;
                    margin-bottom: 8px;
                }
            }
        }
    }
}

.reason {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    border-radius: 15px;
    border: #0071BF solid 4px;
    box-sizing: border-box;
    padding: 50px 0;
    margin-bottom: clamp(2.438rem, 1.2rem + 6.11vw, 5rem);
    & .reason-wrap {
        width: 100%;
        max-width: 800px;
        display: flex;
        flex-direction: column;
        align-items: center;
        & .reason-intro {
            width: 100%;
            max-width: 800px;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 40px;
            @media screen and (max-width: 955px) {
                & .gray-text {
                    align-self: flex-start;
                }
                & p {
                    align-self: flex-start;
                    text-align: left;
                }
            }
        }
        & .copy-fit {
            text-align: center;
            margin-bottom: 40px;
            & .fit {
                font-size: clamp(1.125rem, 0.702rem + 2.09vw, 2rem);
                font-weight: 600;
                color: #f05400;
                margin-bottom: 24px;
            }
            @media screen and (max-width: 955px) {
                align-self: flex-start;
                & .fit {
                    text-align: left;
                }
                & .normal {
                    text-align: left;
                    letter-spacing: 0;
                }
            }
        }
        & .copy-max {
            text-align: center;
            margin-bottom: 40px;
            & .max {
                font-size: clamp(1.125rem, 0.702rem + 2.09vw, 2rem);
                font-weight: 600;
                color: #00C4B6;
                margin-bottom: 24px;
            }
            & sup {
                top: -8px;
            }
            @media screen and (max-width: 955px) {
                align-self: flex-start;
                & .max {
                    text-align: left;
                    letter-spacing: 0;
                }
                & p.normal {
                    text-align: left;
                    letter-spacing: 0;
                    & sup {
                        font-size: 12px;
                    }
                }
                & .notes {
                    text-align: left;
                }
            }
        }
        & .app-dl {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: flex-start;
            width: 100%;
            max-width: 546px;
            height: 100%;
            max-height: 176px;
            & .anical-area {
                & p {
                    font-size: clamp(1rem, 0.879rem + 0.6vw, 1.25rem);
                    font-weight: 600;
                    text-align: center;
                    margin-bottom: 5px;
                }
                & img {
                    width: 100%;
                    max-width: 147px;
                    border: #3d3d3d solid 1px;
                }
            }
            & .app-QR-area {
                & p {
                    font-size: clamp(1rem, 0.879rem + 0.6vw, 1.25rem);
                    font-weight: 600;
                    text-align: center;
                    margin-bottom: 16px;
                }
                & .app-QR-code {
                    display: flex;
                    justify-content: space-between;
                    gap: 80px;
                    & img {
                        height: 100%;
                        max-height: 130px;
                    }
                }
            }
            @media screen and (max-width: 955px) {
                flex-direction: column;
                align-items: center;
                gap: 24PX;
                max-height: initial;
                & .anical-area {
                    & p {
                        margin-bottom: 16px;
                    }
                }
            }
        }
    }
    @media screen and (max-width: 955px) {
        padding: 20px 10px 46px 10px;
    }
}
#reason1 {
    p.normal {
        margin-bottom: 16px;
        @media screen and (max-width: 955px) {
            margin-bottom: 8px;
            letter-spacing: 0;
        }
    }
    & .notes {
        @media screen and (max-width: 955px) {
            align-self: flex-start;
        }
    }
}

#reason3 {
    p.normal {
        margin-bottom: 16px;
        @media screen and (max-width: 955px) {
            margin-bottom: 8px;
        }
    }
}

/* -------------------  ------------------- */
.sec_cv {
    background: #fff;
    text-align: center;
    & .KV_notes {
        margin: auto;
        padding-top: 10px;
        font-size: clamp(8px, 1.1vw, 13px);
        width: 65vw;
        max-width: 1200px;
        padding-left: 1em;
        line-height: 1.5em;
        text-align: left;
        & a {
            border-bottom: 1px solid #363636;
            &:hover {
                color: #fe5e45;
                border-bottom: 1px solid #fe5e45;
            }
        }
    }
}

.button3 {
    cursor: pointer;
    text-indent: initial;
}

.sec_wrap {
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 42px;
    box-sizing: border-box;
    &.btm-sec {
        justify-content: center;
        align-items: stretch;
        padding: 0 16px!important;
        & h2 {
            font-size: clamp(1rem, 0.638rem + 1.79vw, 1.75rem);
        }
    }
    @media screen and (max-width: 955px) {
        flex-direction: column;
        align-items: center;
        gap: 40px;
        &.btm-sec {
            flex-direction: row;
            gap: 5px;
        }
    }
}

/* ------------------- 訴求ボタン ------------------- */
.cv_box {
    width: 100%;
    max-width: 424px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    line-height: 1.5;
    font-weight: 700;
    background: #fff;
    border: solid 3px #fe5e45;
    border-top-width: 16px;
    border-radius: 15px;
    padding: 24px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    position: relative;
    & h2 {
        font-size: 28px;
        font-weight: 700;
        color: #fe5e45;
        margin-bottom: 16px;
        @media screen and (max-width: 955px) {
            text-align: center;
        }
    }
    & p {
        font-size: clamp(0.875rem, 0.815rem + 0.3vw, 1rem);
        font-weight: 500;
        text-align: center;
        color: #363636;
        margin-bottom: 33px;
        &.cv-bottom {
            font-size: clamp(0.75rem, 0.629rem + 0.6vw, 1rem);
        }
    }
    & .btm-txt {
        & h2 {
            font-size: clamp(1rem, 0.638rem + 1.79vw, 1.75rem);
        }
        & p {
            font-size: clamp(0.75rem, 0.629rem + 0.6vw, 1rem);
        }
    }
    & .btn_wrap {
        bottom: 0;
        margin-top: auto;
    }
    & .cv-btns {
        width: 100%;
        max-width: 100%;
        display: flex;
        gap: 18px;
        box-sizing: border-box;
        & a {
            text-decoration: none;
        }
        & .cv_btn {
            font-size: clamp(18px, 1.5vw, 24px);
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 100%;
            height: 48px;
            background: #fe5e45;
            color: #fff;
            border-radius: 10px;
            border: solid 2px #fe5e45;
            box-sizing: border-box;
            &::hover {
                background-color: #fcd0c3;
                border: solid 2px #fe5e45;
                color: #fe5e45;
                transition: 0.2s;
            }
        }
        & .siryou_btn {
            font-size: clamp(18px, 1.5vw, 24px);
            font-weight: 700;
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            max-width: 100%;
            height: 48px;
            background: #fff;
            color: #fe5e45;
            border: solid 2px #fe5e45;
            box-sizing: border-box;
            border-radius: 10px;
            &::hover {
                background-color: #fcd0c3;
                border: solid 2px #fe5e45;
                color: #fe5e45;
                transition: 0.2s;
            }
        }
        @media screen and (max-width: 955px) {
            flex-direction: column-reverse;
            & .cv_btn {
                max-width: 100%;
            }
        }
    }
    &.max {
        border: solid 3px #01c4b5;
        border-top-width: 16px;
        border-radius: 15px;
        & h2 {
            color: #01c4b5;
        }
        & .cv_btn {
            background: #01c4b5;
            color: #fff;
            border: solid 2px #01c4b5;
            & ::hover {
                background-color: #e5f9f6;
                border: solid 2px #01c4b5;
                color: #01c4b5;
            }
        }
        & .siryou_btn {
            background: #fff;
            color: #01c4b5;
            border: solid 2px #01c4b5;
            & ::hover {
                background-color: #e5f9f6;
                border: solid 2px #01c4b5;
                color: #01c4b5;
            }
        }
    }
}

.button2 {
    cursor: pointer;
    text-decoration: underline;
}

.sec_cv .wrap h5 {
    margin: 4vw auto auto;
    text-align: center;
    font-size: 1.5vw;
    font-weight: 700;
    background: #fcd0c3;
    width: 60vw;
    padding: 0.5em 0;
    border-radius: 1vw 1vw 0 0;
}

/* ------------------- 簡単見積もりまわり ------------------- */

#quick-quote {
    & h5 {
        width: 100%;
        color: #fff;
        background-color: #67b43b;
        font-size: 1.5vw;
        font-weight: 700;
        text-align: center;
        margin: initial;
        padding: 0.5em 0;
        border-radius: 1vw 1vw 0 0;
    }
}

/* .sec_cv .wrap .form {
    width: 100%;
    margin: auto;
    border-radius: 0 0 1vw 1vw;
} */

/* .sec_cv .wrap .form h5 {
    background: #67b43b;
    color: #fff;
    width: 100%;
} */

.sec_cv .wrap .form h5 span {
    background: #fff;
    color: #fe5e45;
    font-size: 1.2vw;
    border-radius: 2vw;
    padding: 0.2vw 1vw;
    margin-left: 1em;
}

.sec_cv .wrap .form_wrap {
    display: grid;
    grid-template-columns: 0.5fr 1.5fr 2fr;
    background-color: #fff;
    padding: 2vw;
    align-items: center;
    justify-content: space-around;
    border-radius: 0 0 1vw 1vw;
}

.sec_cv .wrap .form_wrap .pet_selection_wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.sec_cv .wrap .form_wrap .pet_selection_wrap .dog_select,
.sec_cv .wrap .form_wrap .pet_selection_wrap .cat_select {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 5vw;
    cursor: pointer;
}

.sec_cv .wrap .form_wrap .pet_selection_wrap .dog_select input,
.sec_cv .wrap .form_wrap .pet_selection_wrap .cat_select input {
    display: none;
}

.sec_cv .wrap .form_wrap .pet_selection_wrap .dog_select,
.sec_cv .wrap .form_wrap .pet_selection_wrap .cat_select {
    margin-right: 1vw;
    font-size: clamp(12px, 1.2vw, 24px);
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    font-weight: 600;
}

.sec_cv .wrap .form_wrap .pet_selection_wrap .dog_select img,
.sec_cv .wrap .form_wrap .pet_selection_wrap .cat_select img {
    max-width: 100%;
    margin-bottom: 0.5vw;
}

.sec_cv .wrap .form_wrap .pet_selection_wrap .cat_no_click img {
    content: url(/images/lp7/cat_no_click.webp);
}

.sec_cv .wrap .form_wrap .pet_selection_wrap .dog_no_click img {
    content: url(/images/lp7/dog_no_click.webp);
}

.sec_cv .wrap .form_wrap .dropdown_wrap {
    width: 100%;
}

.product_switch {
    width: 90%;
    padding-bottom: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.product_switch label {
    font-size: clamp(10px, 1.1vw, 22px);
    padding-right: 0.5vw;
    font-weight: 600;
    white-space: nowrap;
}

.product_switch select {
    width: 90%;
    height: 2.5vw;
    padding: 0 0 0 0.75vw;
    /* 矢印 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/images/lp7/dropdown_arrow.webp);
    background-repeat: no-repeat;
    background-position: right 1vw top 50%;
    background-size: 0.75vw auto;
    border: 1px solid #707070;
    border-radius: 0.15vw;
    font-size: 1vw;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .row_1 {
    width: 90%;
    padding-bottom: 1vw;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .row_1 label {
    font-size: clamp(10px, 1.1vw, 22px);
    padding-right: 0.5vw;
    font-weight: 600;
    white-space: nowrap;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .row_1 #dog_breed,
.sec_cv .wrap .form_wrap .dropdown_wrap .row_1 #cat_breed {
    width: 90%;
    height: 2.5vw;
    padding: 0 0 0 0.75vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/images/lp7/dropdown_arrow.webp);
    background-repeat: no-repeat;
    background-position: right 1vw top 50%;
    background-size: 0.75vw auto;
    border: 1px solid #707070;
    border-radius: 0.15vw;
    font-size: 1vw;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .row_2 {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 90%;
    padding-bottom: 1vw;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .row_2 .year_selection {
    padding-right: 1vw;
    flex-direction: row;
    display: flex;
    align-items: center;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .row_2 .year_selection label {
    font-size: clamp(10px, 1.1vw, 22px);
    padding-right: 0.5vw;
    font-weight: 600;
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    white-space: nowrap;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .row_2 .year_selection #dog_year {
    width: 5vw;
    height: 2.5vw;
    padding: 0 0 0 0.75vw;
    /* 矢印 */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(/images/lp7/dropdown_arrow.webp);
    background-repeat: no-repeat;
    background-position: right 1vw top 50%;
    background-size: 0.75vw auto;
    border: 1px solid #707070;
    border-radius: 0.15vw;
    font-size: 1vw;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .payment_option {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .payment_option .payment_title {
    font-weight: 600;
    font-size: clamp(10px, 1.1vw, 22px);
    margin-right: 0.5vw;
    white-space: nowrap;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .payment_option .payment_choice {
    padding-right: 0.5vw;
    font-size: 1.1vw;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .payment_option .payment_choice form {
    flex-direction: row;
    align-items: center;
}

.sec_cv .wrap .form_wrap .dropdown_wrap .payment_option .payment_choice label {
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    font-size: clamp(10px, 1.1vw, 22px);
    margin-right: 0.9vw;
    white-space: nowrap;
}

.sec_cv
    .wrap
    .form_wrap
    .dropdown_wrap
    .payment_option
    .payment_choice
    input[type="radio"] {
    accent-color: #fe5e45;
    transform: scale(1.5);
    margin: 0;
}

.sec_cv
    .wrap
    .form_wrap
    .dropdown_wrap
    .payment_option
    .payment_choice
    #payment_1,
.sec_cv
    .wrap
    .form_wrap
    .dropdown_wrap
    .payment_option
    .payment_choice
    #payment_2 {
    margin-right: 0.5vw;
}

.sec_cv
    .wrap
    .form_wrap
    .dropdown_wrap
    .payment_option
    .payment_choice
    #label_1,
.sec_cv
    .wrap
    .form_wrap
    .dropdown_wrap
    .payment_option
    .payment_choice
    #label_2 {
    white-space: nowrap;
    margin-right: 0.9vw;
}

.sec_cv .wrap .form_wrap .dog_dropdown {
    display: none;
}

.sec_cv .wrap .form_wrap .cat_dropdown {
    display: none;
}

.sec_cv .wrap .form_wrap .active {
    display: block;
}

.sec_cv .wrap .form_wrap .total_payment_wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
}

.sec_cv .wrap .form_wrap .product_name {
    color: #fe5e45;
    font-size: clamp(20px, 1.8vw, 28px);
    font-weight: 800;
    margin-top: 0.5em;
    padding-bottom: 1.1vw;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 {
    background-color: #e5f9f6;
    display: grid;
    grid-template-rows: 2fr;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 3px;
    padding: 0.5vw 0.5vw;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 .left,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 .left,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 .left {
    grid-row: 1;
    align-self: center;
    justify-self: center;
    margin: 10px auto;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 .left p,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 .left p,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 .left p {
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    font-weight: 600;
    font-size: clamp(10px, 1.1vw, 22px);
    white-space: nowrap;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 .right,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 .right,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 .right {
    grid-row: 2;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 .right .month,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 .right .month,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 .right .month {
    grid-column: 1;
    padding: 0.3em 1em;
    border-radius: 0.25vw;
    color: #fff;
    font-size: clamp(10px, 1.1vw, 22px);
    max-width: 40px;
    font-weight: 600;
    white-space: nowrap;
    margin: 0 auto;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 .right .total,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 .right .total,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 .right .total {
    grid-column: 2;
    position: relative;
    font-size: clamp(14px, 2.5vw, 34px);
    font-weight: 600;
    margin: 10px auto;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 .right .total span,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 .right .total span,
.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 .right .total span {
    position: absolute;
    bottom: 0;
    font-size: 1vw;
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 {
    background-color: rgba(1, 196, 181, 0.2);
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_1 .right .month {
    background-color: rgba(1, 196, 181, 0.7);
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 {
    background-color: rgba(103, 180, 59, 0.2);
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_2 .right .month {
    background-color: rgba(103, 180, 59, 0.7);
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 {
    background-color: rgba(254, 94, 69, 0.2);
}

.sec_cv .wrap .form_wrap .total_payment_wrap .total_wrap_3 .right .month {
    background-color: rgba(254, 94, 69, 0.7);
}

.sec_cv .wrap .form_wrap .product_name .fit {
    color: #fe5e45;
    font-size: clamp(20px, 1.8vw, 28px);
    font-weight: 800;
    margin-top: 0.5em;
    display: none;
}

.sec_cv .wrap .form_wrap .product_name .max {
    color: #01c4b5;
    font-size: clamp(20px, 1.8vw, 28px);
    font-weight: 800;
    margin-top: 0.5em;
    display: none;
}

.sec_cv .wrap .form_wrap .product_name .active {
    display: block;
}

.blue {
    background: #01c4b5;
}

.sec_cv2 {
    position: relative;
    top: -5vw;
    margin-bottom: -5vw;
    background-position-y: 1vw;
    background: #f5f8d5 url(/images/lp7/nikukyu_BG.webp) no-repeat;
    background-size: 100vw;
    /* fadeUp */
    & .cv_topBG {
        width: 100%;
        position: relative;
        bottom: 3.5vw;
    }
    & .sec_wrap {
        padding: 0;
        position: relative;
        top: -10vw;
    }
    & .cv_animal_box {
        width: 100%;
        max-width: 1000px;
        margin: auto auto -2vw;
        display: flex;
        justify-content: space-around;
        position: relative;
        top: -11vw;
        & img {
            width: 22%;
            max-width: 110px;
        }
    }
    & .fadeUp {
        animation-name: fadeUpAnime;
        animation-duration: 0.8s;
        animation-fill-mode: forwards;
        opacity: 0;
    }
}

@keyframes fadeUpAnime {
    from {
        opacity: 1;
        transform: translateY(120px);
    }
    to {
        opacity: 1;
        transform: translateY(-20px);
    }
}

.sec_cv3 {
    background: #9fca73 url(/images/lp7/nikukyu_BG.webp) no-repeat;
    background-position-y: 1vw;
    background-size: 100vw;
    @media screen and (max-width: 955px) {
        padding-bottom: 10vw;
        background-size: 100vw;
        background-position-y: 70vw;
        background: #9fca73 url(/images/lp7/nikukyu_BG2_sp.webp) no-repeat;
        top: -5vw;
        margin-bottom: -5vw;
    }
}

.sec_cv3 .cv_topBG {
    bottom: 3.1vw;
}

/* ------------------- 申し込みの流れ関連 ------------------- */

.app-flow {
    text-align: center;
    background-color: #F5F8D5;
    padding-top: 133px;
    margin-bottom: initial;
    @media screen and (max-width: 955px) {
        padding-top: initial;
    }
}

.app-flow_box_top {
    width: 100%;
    box-sizing: border-box;
    & img {
        margin: auto;
        width: 100%;
        margin: initial;
    }
}

.app-flow_inner {
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    width: 100%;
    max-width: 800px;
    /* border: purple solid 5px; */
    & h4 {
        font-size: 2vw;
        font-weight: 800;
        &.nagare_h4 {
            font-size: clamp(1.25rem, 0.888rem + 1.79vw, 2rem);
            font-weight: 700;
            margin: initial;
            margin-bottom: 27px;
        }
    }
    & p {
        font-size: clamp(11px, 1.4vw, 28px);
        font-weight: 700;
        &span {
            border-bottom: solid 2px #fe5e45;
        }
        &.webde {
            font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem);
            font-weight: 500;
            margin-bottom: 27px;
        }
    }
    @media screen and (max-width: 955px) {
        & h4 {
            &.nagare_h4 {
                margin-bottom: 8px;
            }
        }
    }
    & .app-flow_outer {
        font-family: "M PLUS Rounded 1c", sans-serif;
        transform:rotate(0.03deg);
        background-color: #f9ffd1;
        max-width: 100%;
        border-radius: 15px;
        margin-bottom: 90px;
        padding-top: 3vw;
        border: 2px solid #9fca73;
        & p {
            font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem);
            font-weight: 500;
            margin-bottom: 40px;
            line-height: 19px;
            & span {
                border-bottom: solid 2px #fe5e45;
            }
        }
        & .app-flow_box {
            display: flex;
            justify-content: space-around;
            background-color: #f9ffd1;
            width: 100%;
            margin: 0 auto 2vw;
            padding: 0 10px;
            line-height: 1.2;
            box-sizing: border-box;
            gap: 10px;
            & .app-flow_cont {
                min-width: 166px;
                display: flex;
                flex-direction: column;
                align-items: center;
                &.no1 {
                    min-width: 166px;
                }
                &.no2 {
                    max-width: 182px;
                }
                & p {
                    font-size: 14px;
                    font-weight: 400!important;
                    text-align: left;
                    font-weight: 500;
                    margin-bottom: 8px;
                    &.num {
                        font-size: 40px;
                        font-weight: 500;
                        color: red;
                        margin-bottom: 8px;
                    }
                    &.small{
                        width: 17vw;
                        font-size: clamp(6px, 1vw, 10px);
                    }
                }
                & h5 {
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 24px;
                    text-align: left;
                }
                & img {
                    padding: initial;
                }
            }
            & aside {
                background-color: #dedede;
                width: 2px;
                margin: 2vw 0;
                border-radius: 1px;
            }
            & img {
                width: 5vw;
                margin: 0;
                padding-bottom: 1vw;
                &.pc {
                    width: 12vw;
                    margin: 0 auto;
                }
            }
            & .app-flow_box_inbox {
                display: flex;
                & p {
                    font-size: 24px;
                    font-weight: 500;
                    color: #fe5e45;
                    align-self: center;
                    margin: 0 5px;
                    padding-top: 4em;
                    @media screen and (max-width: 955px) {
                        padding-top: initial;
                    }
                }
            }
        }
        @media screen and (max-width: 955px) {
            background-color: #fff;
            margin: 0 16px;
            margin-bottom: 24px;
            padding: 32px;
            & .app-flow_box {
                flex-direction: column;
                justify-content: space-around;
                align-items: center;
                background-color: #fff;
                & .app-flow_cont {
                    width: 100%;
                    max-width: 480px;
                    flex-direction: row;
                    justify-content: flex-start;
                    align-items: flex-start;
                    gap: 30px;
                    border-bottom: #d3d3d3 solid 3px;
                    margin-bottom: 10px;
                    padding-bottom: 10px;
                    &.no1 {
                        max-width: 480px;
                    }
                    &.no2 {
                        max-width: 480px;
                    }
                    & p {
                        &.num {
                            padding-top: 0.2em;
                        }
                    }
                    & .app-flow-txt {
                        display: flex;
                        flex-direction: column;
                        & p.notes {
                            font-weight: 400;
                        }
                    }
                }
                & .app-flow_box_inbox {
                    flex-direction: column;
                    & p.sp {
                        text-align: center;
                        position: initial;
                        margin-bottom: 8px;
                        padding-right: 1em;
                    }
                }
            }
        }
    }
    
    & .app-flow_step_box {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: auto auto 3em;
        & img {
            width: 2vw;
            height: 3.5vw;
            margin: 0 0.5vw;
        }
        & .step_box {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: 10px;
            background-color: #f9ffd1;
            border: 2px solid #9fca73;
            width: 100%;
            max-width: 190px;
            height: 236px;
            border-radius: 25px;
            box-sizing: border-box;
            & h5 {
                display: flex;
                flex-direction: column;
                font-size: clamp(1.5rem, 0.836rem + 3.28vw, 2.875rem);
                font-weight: 800;
                & span {
                    font-size: clamp(0.688rem, 0.265rem + 2.09vw, 1.563rem);
                    font-weight: 500;
                    display: inline-block;
                }
            }
            & img {
                width: 100%;
                height: 100%;
                max-width: 56px;
                max-height: 56px;
                
            }
            & .tex-area {
                height: 40px;
                display: flex;
                justify-content: center;
                align-items: center;
                & p {
                    font-size: 16px;
                    font-weight: 500;
                    line-height: 21px;
                }
            }
            & .step4 {
                & img {
                    padding-top: 7vw;
                }
            }
        }
        @media screen and (max-width: 955px) {
            background-color: #fff;
            border-radius: 10px;
            margin: 0 16px;
            padding: 23px 27px;
            flex-direction: column;
            align-items: center;
            box-sizing: border-box;
            & .step_box {
                max-width: 480px;
                height: auto;
                flex-direction: row;
                justify-content: flex-start;
                align-items: center;
                gap: 6px;
                background-color: initial;
                border: none;
                margin-bottom: 5px;
                & h5 {
                    align-self: flex-start;
                }
                & img {
                    width: 37px;
                    height: 37px;
                    padding: initial;
                }
                & .tex-area {
                    & p {
                        text-align: left;
                    }
                }
            }
            & img.sp {
                height: 5vw;
                width: auto;
                margin: 8px 0;
                transform: rotate(90deg);
            }
        }
    }

    & .sec4 {
        width: 100%;
        margin: auto;
        & .sec4_wrap {
            margin-bottom: 36px;
            & p {
                font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem)!important;
                font-weight: 400;
                line-height: 27px;
                text-align: left;
                margin-bottom: 33px;
                & span {
                    font-weight: 600;
                    border: none;
                }
            }
            & img {
                width: 100%;
                /* max-width: 1500px; */
                margin: 2vw 0;
            } 
            & ul {
                font-size: clamp(8px, 1.1vw, 12px);
                text-align: left;
                line-height: 1.3em;
                padding-left: 2em;
                text-indent: -2em;
            }
        }
        @media screen and (max-width: 955px) {
            & .sec-h3 {
                border-radius: initial;
            }
            & .sec4_wrap {
                border-radius: 5px;
                margin: 0 16px;
                & .sec4-img-sp {
                    background-color: #fff;
                    border-radius: 5px;
                    margin-bottom: 16px;
                    padding: 24px;
                    box-sizing: border-box;
                }
                & ul {
                    margin-bottom: 24px;
                }
            }
        }
    }
    & .sec5 {
        width: 100%;
        margin: auto;
    }
}

/* ------------------- お客様の声 関連 ------------------- */
.voices-qa {
    & .sec-wrap {
        & h3 {
            margin-bottom: 36px;
        }
        & .voice-box-wrap{
            width: 100%;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            margin-bottom: 80px;
            & .voice-box {
                width: 436px;
                height: 250px;
                border: #F05400 solid 2px;
                border-radius: 15px;
                margin-bottom: 40px;
                display: flex;
                align-items: center;
                gap: 24px;
                padding: 0 32px;
                box-sizing: border-box;
                & .face-icon {
                    width: clamp(3.125rem, 2.22rem + 4.47vw, 5rem);
                    height: clamp(3.125rem, 2.22rem + 4.47vw, 5rem);
                    border-radius: 50%;
                    display: block;
                    & img {
                        width: 100%;
                        height: 100%;
                    }
                }
                & .voice {
                    width: 268px;
                    & p {
                        font-size: clamp(1rem, 0.879rem + 0.6vw, 1.25rem);
                        font-weight: 400;
                        line-height: 28px;
                        & span {
                            color: #F05400;
                        }
                    }
                }
            }
            @media screen and (max-width: 955px) {
                flex-direction: column;
                flex-wrap: nowrap;
                align-items: center;
                & .voice-box {
                    width: 100%;
                    max-width: 436px;
                    height: auto;
                    /* min-height: 250px; */
                    margin-bottom: 32px;
                    padding: 32px;
                    &:last-child {
                        margin-bottom: initial;
                    }
                }
            }
        }
    }
    @media screen and (max-width: 955px) {
        margin-bottom: 24px;
    }
}
/* ------------------- Q & A 関連 ------------------- */

.uk-accordion .uk-accordion-item.uk-open .faq-accordion-title::after,
.uk-accordion .uk-accordion-item.uk-open .accordion-title2::after {
    top: 43%;
    transform: rotate(-45deg);
}

/* uk-accordionのデフォルトの設定無効化 */
.uk-accordion-title {
    &::before {
        background-image: none;
    }
}

.uk-open {
    & .uk-accordion-title {
        &::before {
            background-image: none;
        }
    }
}

.uk-accordion {
    width: 100%;
    max-width: 900px;
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
}

.faq-accordion-item {
    margin: 1.5vw 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
    margin: initial;
    & a {
        text-decoration: none;
    }
    &.uk-open {
        & .faq-accordion-title {
            border-radius: 15px 15px 0 0;
            border-bottom: dotted 3px #67b43b;
            &::after {
                top: 43%;
                transform: rotate(-45deg);
            }
        }
    }
}

.faq-accordion-title {
    display: block;
    width: 100%;
    padding: 18px 0 18px 29px;
    margin: auto;
    background: #fff;
    font-size: clamp(0.875rem, 0.694rem + 0.89vw, 1.25rem);
    font-weight: 500;
    border-radius: 15px;
    border: solid 2px #67b43b;
    cursor: pointer;
    box-sizing: border-box;
    position: relative;
    & span {
        color: #fe5e45;
        font-weight: 600;
    }
    &:after {
        border-right: solid 3px #FE5E45;
        border-top: solid 3px #FE5E45;
        content: "";
        display: block;
        width: 15px;
        height: 15px;
        position: absolute;
        right: 2vw;
        top: 35%;
        transform: rotate(135deg);
        transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    }
    @media screen and (max-width: 955px) {
        width:  100%;
        padding: 16px 32px 16px 50px;
        text-indent: -2.3em;
        line-height: 1.2em;
        letter-spacing: 0;
        &:after {
            width: 10px;
            height: 10px;
            right: 5vw;
        }
    }
}

.uk-open {
    /* & .faq-accordion-title {
        &::after {
            top: 43%;
            transform: rotate(-45deg);
        }
    } */
    & .accordion-title2 {
        &::after {
            top: 43%;
            transform: rotate(-45deg);
        }
    }
}

.faq-accordion-content {
    margin: auto;
    width: 100%;
    /* max-width: 1400px; */
    background: #fff;
    padding: 24px;
    padding-left: 42px;
    border-bottom: 2px solid #67b43b;
    border-left: 2px solid #67b43b;
    border-right: 2px solid #67b43b;
    border-radius: 0 0 15px 15px;
    box-sizing: border-box;
    & p {
        & span {
            font-weight: 700;
        }
        &.A_midashi {
            font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem);
            font-weight: 400;
            line-height: 1.5;
            padding: 16px 23px;
            text-indent: -1.7em;
            & a {
                color: #3d3d3d;
                text-decoration: underline!important;
            }
            & span {
                font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem);
                color: #01c4b5;
                font-weight: 800;
                /* margin-right: 0.8em; */
            }
        }
    }
    & ul {
        & li {
            text-indent: -1vw;
            margin-left: 2em;
            line-height: 1.5;
            font-size: clamp(10px, 1.2vw, 20px);
        }
    }
    & .Q4_box {
        display: flex;
        align-items: center;
        &.A_midashi {
            margin-bottom: 0;
            margin-left: 2em;
        }
        & h6 {
            font-size: 1.3vw;
            padding: 0.5em 1em;
            background: #01c4b5;
            border-radius: 2em;
            color: #fff;
            font-weight: 700;
            margin-left: 0;
            margin-top: 0;
        }
    }
    & .Q4_A {
        font-size: 1.5vw;
        margin: 0.5em 0 0.5em 2em;
    }
    & h6 {
        display: inline-block;
        font-size: 1.3vw;
        padding: 0.5em 1em;
        background: #707070;
        border-radius: 2em;
        color: #fff;
        font-weight: 700;
        margin-left: 2em;
        margin-top: 1em;
    }
    @media screen and (max-width: 955px) {
        margin: auto;
        width: 100%;
        padding: 1em;
    }
}

/* LP7 流用箇所 */
.sec7 {
    font-family: "M PLUS Rounded 1c", sans-serif;
    transform:rotate(0.03deg);
    margin: auto;
    background: #f5f8d5;
    padding: 3vw 0 15vw 0;
    /* border: green solid 1px; */
    & h3 {
        width: 100%;
        max-width: 900px;
        font-size: 2vw;
        font-weight: 700;
        color: #fff;
        background: #67b43b;
        margin: auto;
        padding: 0.5em 0;
        border-radius: 15px 15px 0 0;
        text-align: center;
    }
    & .sec7_box{
        margin: auto;
        max-width: 900px;
        background: #fff;
        padding: 1vw 3vw;
        border-bottom: 2px solid #dedede;
        border-left: 2px solid #dedede;
        border-right: 2px solid #dedede;
        border-radius: 0 0 16px 16px;
        padding: 36px 58px;
        box-sizing: border-box;
        & p {
            font-size: clamp(0.75rem, 0.629rem + 0.6vw, 1rem);
            font-weight: 300;
            line-height: 21px;
        }
        @media screen and (max-width: 955px) {
            padding: 18px 21px;
        }
    }
    @media screen and (max-width: 955px) {
        & h3 {
            font-size: clamp(1.125rem, 0.702rem + 2.09vw, 2rem);
            max-width: 100%;
            height: 58px;
            border-radius: 0;
            margin-bottom: 26px;
            padding: initial;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        & .sec7_box {
            border: #dedede solid 2px;
            border-radius: 16px;
        }
    }
}

.sec7 .sec7_box .right {
    text-align: right;
}

footer {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 8vw;
    & p {
        font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem)!important;
    }
    @media screen and (max-width: 955px) {
        height: 18vw!important;
        & img {
            width: 25vw!important;
        }
    }

}

footer img {
    width: 10vw;
}

footer p {
    font-size: 1.2vw;
    margin-top: 1vw;
}


/* -------------------- フローティング btn -------------------- */
.sec_floating {
    display: none;
    margin-bottom: initial;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 16px;
    z-index: 10;
    box-sizing: border-box;
    & .floating {
        width: 59vw;
        display: flex;
        justify-content: center;
        text-align: center;
        padding: 0.5em;
        align-items: center;
        gap: 26px;
        & a {
            text-decoration: none;
        }
        @media screen and (max-width: 955px) {
            width: initial;
            padding: initial;
            gap: 8px;
        }
    }
}

/* -------------------- CVボタン -------------------- */
a {
    /* display: block; */
    &.sec_floating_btn {
        width: 100%;
        height: auto;
        max-width: 427px;
        min-width: 0;
        color: #fff;
        border: #fff solid 3px;
        border-radius: 5px;
        box-sizing: border-box;
        box-shadow: 0 0 10px rgba(141, 141, 141, 0.5);
        transition: color 0.3s ease .3s;
        & p {
            font-family: "M PLUS Rounded 1c", sans-serif;
            transform:rotate(0.03deg);
            font-size: clamp(0.875rem, 0.573rem + 1.49vw, 1.5rem);
            font-weight: 700;
            text-align: center;
        }
        &.sec_fit {
            background-color: #FE5E45;
        }
        &.sec_max {
            background-color: #00C4B6;
        }
        @media screen and (max-width: 955px) {
            width: 100%;
        }
        & p {
            color: #fff;
            padding: 8px 0;
            & span {
                font-size: clamp(16px, 1.7vw, 22px);
            }
        }
    }
}

.uk-accordion-content a {
    text-decoration: none!important;
}

.accordion {
    width: 100%;
    max-width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    @media screen and (max-width: 955px) {
        margin-bottom: 24px;
    }
    & ul.accordion-container {
        & li.accordion-item {
            & a.accordion-title {
                font-size: clamp(1.125rem, 0.823rem + 1.49vw, 1.75rem);
                font-weight: 600;
                text-align: center;
                text-decoration: none;
                color: #fff;
                height: 60px;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 8px 0;
                background: linear-gradient(
                    180deg,
                    #363636 0%,
                    #363636 50%,
                    #1e1a19 50%,
                    #1e1a19 100%
                );
                border-radius: 15px;
                cursor: pointer;
                box-sizing: border-box;
                position: relative;
                &:before {
                    content: "";
                    content: "";
                    position: absolute;
                    width: 29px;
                    height: 29px;
                    right: 20px;
                    top: 25%;
                    border-radius: 50%;
                    background: #fff;
                }
                &:after {
                    border-right: solid 3px #363636;
                    border-top: solid 3px #363636;
                    content: "";
                    display: block;
                    width: 10px;
                    height: 10px;
                    position: absolute;
                    right: 28px;
                    top: 35%;
                    transform: rotate(135deg);
                    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
                }
                &:hover {
                    text-decoration: none;
                }
                /* &.open {
                    &:after {
                        top: 43%;
                        transform: rotate(-45deg);
                    }
                } */
                /* &.open_accordion-title {
                    font-size: clamp(1.125rem, 0.823rem + 1.49vw, 1.75rem);
                    border-radius: 15px 15px 0 0;
                    margin-bottom: 0;
                    height: 60px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    @media screen and (max-width: 955px) {
                        height: 60px;
                    }
                } */
                @media screen and (max-width: 955px) {
                    border-radius: 10px;
                    &:before {
                        width: 24px;
                        height: 24px;
                        top: 31%;
                    }
                    &:after {
                        width: 8px;
                        height: 8px;
                        position: absolute;
                        right: 27px;
                        top: 25px!important;
                    }
                }
            }
            &.uk-open {
                & a.accordion-title {
                    font-size: clamp(1.125rem, 0.823rem + 1.49vw, 1.75rem);
                    border-radius: 15px 15px 0 0;
                    margin-bottom: 0;
                    height: 60px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    @media screen and (max-width: 955px) {
                        height: 60px;
                    }
                    &:after {
                        top: 43%;
                        transform: rotate(-45deg);
                    }
                }
            }
        }
    }
}

.accordion-content {
    &.uk-accordion-content {
        margin-top: initial;
    }
    /* display: none; */
    background: #fff;
    padding: 10px 10px 40px 10px;
    border-bottom: 2px solid #363636;
    border-left: 2px solid #363636;
    border-right: 2px solid #363636;
    border-radius: 0 0 20px 20px;
    & p {
        font-size: clamp(8px, 1.2vw, 18px);
    }
    & ul {
        font-size: clamp(8px, 1.1vw, 12px);
        line-height: 1.5;
        margin-left: clamp(8px, 1.4vw, 24px);
        margin-top: 0.5vw;
    }
    & h4 {
        font-size: clamp(0.875rem, 0.452rem + 2.09vw, 1.75rem);
        margin: 27px 0;
        @media screen and (max-width: 955px) {
            margin-bottom: 10px;
        }
    }
    & h5 {
        font-size: 26px;
        font-weight: 700;
        background: #363636;
        padding: 0.5em;
        margin: auto;
        border-radius: 15px 15px 0 0;
        color: #fff;
    }
    & .small {
        font-size: 1.2vw;
        text-align: right;
        margin-right: 2vw;
        font-weight: 400;
        margin-bottom: 2em;
        &:before {
            content: "";
            display: inline-block;
            width: 3em;
            height: 1em;
            background: #ffe4ce;
            border: solid 2px #dedede;
            vertical-align: middle;
            margin-right: 0.5em;
        }
    }
    & .sec5_box {
        background-color: #f5f8d5;
        border-radius: 0 0 15px 15px;
        padding: 32px 40px 26px 40px;
        box-sizing: border-box;
        margin-bottom: 26px;
        &:last-child {
            margin-bottom: initial;
        }
        & h6 {
            width: 243px;
            font-size: 21px;
            font-weight: 700;
            color: #fff;
            background: #363636;
            border-radius: 2em;
            padding: 0.5em 1em;
            margin: 0 auto;
            margin-bottom: 32px;
            box-sizing: border-box;
        }
        & p {
            font-size: clamp(0.75rem, 0.629rem + 0.6vw, 1rem);
            font-weight: 400;
            text-align: left;
            line-height: 1.5em;
        }
        & ul {
            text-align: left;
            line-height: 1.3em;
            margin-top: 0.5em;
            margin-left: 0;
            padding-left: 1em;
            text-indent: -1em;
            & li {
                font-size: 12px;
                margin-bottom: initial;
            }
        }
        @media screen and (max-width: 955px) {
            padding: 32px 12px 26px 12px;
        }
        & .sec5_souhu_box {
            display: flex;
            justify-content: space-around;
            background: #fff;
            padding: 1em;
            margin: 2em 0 0 0;
            line-height: 1.5em;
            & .bold {
                font-weight: 700;
                padding-right: 1em;
            }
            & div {
                display: flex;
                justify-content: flex-end;
                gap: 10px;

            }
            @media screen and (max-width: 955px) {
                flex-direction: column;
                & p {
                    margin-bottom: 8px;
                }
                & div {
                    flex-direction: column;
                    gap: initial;
                    & p {
                        &:first-child {
                            margin-bottom: initial;
                        }
                    }
                }
            }
        }
        & .sec5_box_inbox {
            margin: 2em 0;
            border-bottom: 2px dotted #363636;
            padding-bottom: 1em;
            & .anical_app_box {
                display: flex;
                justify-content: center;
                align-items: baseline;
                gap: 45px;
                margin-bottom: 31px;
                & .anical-icon {
                    & p {
                        font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem);
                        font-weight: 600;
                        text-align: center;
                        margin-bottom: 5px;
                    }
                    & img {
                        max-height: 145px;
                    }
                }
                & .anical-qr {
                    & p {
                        font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem);
                        font-weight: 600;
                        margin-bottom: 5px;
                    }
                    & .QR_flex {
                        display: flex;
                        justify-content: space-between;
                        & a {
                            & img {
                                height: 100%;
                                max-height: 145px;
                            }
                        }
                    }
                }
                @media screen and (max-width: 955px) {
                    gap: 16px;
                }
            }
            & .anical_QR_box {
                display: flex;
                justify-content: space-between;
                align-items: center;
                & .anical_p {
                    font-size: clamp(0.75rem, 0.629rem + 0.6vw, 1rem);
                    font-weight: 400;
                    text-align: left;
                    line-height: 1.5;
                    margin-bottom: 24px;
                }
            }
            & .anicai_ul_box{
                display: flex;
                justify-content: space-between;
                & ul {
                    text-align: left;
                    line-height: 1.3em;
                    margin-top: 0.5em;
                    & li {
                        font-size: 12px;
                        margin-bottom: initial;
                    }
                }
                & .anical_QR {
                    text-align: center;
                    & a {
                        & p {
                            font-size: 16px;
                            font-weight: 500;
                            text-align: center;
                            text-decoration: none;
                            background: #67b43b;
                            border-radius: 16px;
                            padding: 0 15px;
                            margin-bottom: 5px;
                            color: #fff;
                        }
                    }
                    img {
                        width: 100%;
                        max-width: 109px;
                        margin: 0;
                    }
                }
            }
        }
    }
    & table {
        width: 100%;
        max-width: 742px;
        margin: auto;
        margin-bottom: 24px;
        border-collapse: separate;
        border: 1px solid #707070;
        border-radius: 20px;
        & tbody {
            & tr {
                & .maru {
                    font-size: 3vw;
                    font-weight: 700;
                    color: #67b43b;
                }
                &:last-child {
                    & td {
                        border-bottom: none;
                    }
                }
                & th {
                    font-size: clamp(0.75rem, 0.509rem + 1.19vw, 1.25rem)!important;
                    font-weight: 700;
                }
                & th, td {
                    margin: auto;
                    border-right: 1px solid #707070;
                    border-bottom: 1px solid #707070;
                    border-collapse: separate;
                    font-size: clamp(0.75rem, 0.69rem + 0.3vw, 0.875rem);
                    line-height: 1.4;
                    text-align: center;
                    padding: 0.5em;
                    width: 10vw;
                    vertical-align: middle;
                    &:first-child {
                        text-align: left;
                        width: 35vw;
                        padding: 10px 16px;
                    }
                    &:last-child {
                        border-right: none;
                    }
                    & ul {
                        & li {
                            font-size: 12px;
                            margin-bottom: initial;
                        }
                    }
                }
            }
        }
    }
}

.anical_dl {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 18px;
    &::after {
        transform: scale(-1, 1);
    }
    &::before, 
    &::after {
        content: "";
        display: inline-block;
        width: 2.5vw;
        height: 2.5vw;
        background: url(/images/lp7/line.webp) no-repeat;
        background-size: contain;
        vertical-align: middle;
    }
}

.top_c {
    font-size: 0.5em;
    vertical-align: top;
}

.max_top_c .top_c {
    font-size: 0.5em;
    vertical-align: top;
    background-color: transparent;
    color: #000;
}

/*# sourceMappingURL=style.css.map */