/*
Theme Name: TailPress
Theme URI: https://github.com/jeffreyvr/tailpress
Author: Jeffrey van Rossum
Author URI: https://vanrossum.dev
Description: TailPress is a simple boilerplate WordPress theme with Tailwind CSS.
Version: 3.4.8
License: MIT
License URI: https://github.com/jeffreyvr/tailpress/blob/master/LICENSE
Text Domain: tailpress
*/
@media (min-height: 32em) {
    html {
        scroll-padding-top: 80px;
    }
}

body {
    background-color: #FFFBF3;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-style: normal;
    /* word-break: auto-phrase;
    text-wrap: balance; */
    color: #333;
}

a:hover {
    opacity: 0.8;
}

.custom-logo {
    width: clamp(98px, 10.694vw, 154px);
    height: auto;
}

.custom-logo-text {
    font-weight: 900;
    font-size: clamp(1px, 1.11vw, 16px);
    line-height: 1.5;
}

#top_fv {
    width: 100%;
    height: 690px;
    background-image: url('../assets/img/top-fv-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

.frame-3 {
    background-image: url('../assets/img/top-fv-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}

#top_introduce ul {
    list-style: none;
}

#top_introduce ul li {
    line-height: 24px;
}

#top_introduce ul li::before {
    content: "✓";
    font-family: 'Zen Kaku Gothic New';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    padding-right: 6px;
}

#top_diagnosis ul {
    list-style: none;
}

#top_diagnosis ul li {
    line-height: 24px;
}

#top_diagnosis ul li::before {
    content: "✓";
    font-family: 'Zen Kaku Gothic New';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    color: #F97917;
    padding-right: 6px;
}

#top_feature {
    background-image: url('../assets/img/top-feature-bg.png');
    background-repeat: repeat-y;
    background-size: cover;
    background-position: top;
}

#top_feature .point {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    width: 52px;
    height: 40px;
    background-image: url('../assets/img/top-feature-point.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#top_benefit_support {
    background-image: url('../assets/img/top-benefit-support-bg.png');
}

.icn-corner {
    display: block;
    background-image: url('../assets/icon/icon-corner-ee7622.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#top-questions .question button.active {
    background-color: #EB6403;
}

#top-questions .question button.active p {
    color: #fff;
}

#top-questions .question button.active p span {
    background-color: #fff;
    color: #EB6403;
}

#primary-menu {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}

#registerMenuBtn {
    width: 224px;
    height: 50px;
    align-content: center;
    background-color: #F97917;
    border-radius: 9999px;
    color: #fff;
    font-weight: 900;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}

@media screen and (max-width: 1319px) {
    #primary-menu {
        font-size: clamp(1px, 1.11vw, 16px);
    }

    #registerMenuBtn {
        width: clamp(1px, 15.56vw, 224px);
        height: clamp(1px, 3.472vw, 50px);
        font-size: clamp(1px, 1.67vw, 24px);
    }
}

@media screen and (max-width: 959px) {
    #primary-menu {
        font-size: 14px;
    }

    .custom-logo {
        width: 98px;
        height: auto;
    }

    .custom-logo-text {
        font-size: 10px;
    }

    #top_fv {
        height: 380px;
        background-image: url('../assets/img/top-fv-bg-sp.jpg');
    }

    #top_feature {
        background-image: url('../assets/img/top-feature-bg-sp.png');
        background-size: 100% 390px;
    }
}

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

    #top_introduce ul li::before,
    #top_diagnosis ul li::before {
        padding-right: 4px;
    }

    .frame-3 {
        background-image: url('../assets/img/top-fv-banner-sp.jpg');
    }
}

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