@charset "utf-8";

/* 極小デバイス（縦向きモバイル, 576px 未満）*/
@media (max-width: 575.98px) {
    .action-btn::after {
        display: none;
    }
        .display-1  {
        font-size: 2rem;
    }
    .h1,
    .h2 {
        font-size: 1.5rem;
    }

    .h3,
    .h4 {
        font-size: 1.3rem;
    }

    .main-ttl {
        font-size: 1.5rem;
    }
}

/* 小デバイス（横向きモバイル, 768px 未満）*/
@media (max-width: 767.98px) {
    a:hover {
        color  : transparent;
        opacity: 0;
    }

    .bg-pattern {
        background-image: none;
    }

    .sp-border-bottom {
        border-bottom: 3px dotted #898989 !important;
    }

    .action-btn {
        letter-spacing: normal;
    }

    .main-ttl {
        letter-spacing: normal;
    }

    .form_btn {
        width: 300px;
        max-width: 100%;
        margin: 0 auto;
    }
}

/* 中デバイス（タブレット, 992px 未満）*/
@media (max-width: 991.98px) {
    header .brd-top {
        border-top: 3px solid #003b83 !important;
    }

    .bg-cream-sp {
        background-color: #fffcee;
    }

    .num-font {
        margin-top: 1rem;
        font-size : 3rem;
    }

    .voice {
        background-color: #fff;
        padding         : 2rem;
        text-align      : center;
    }

}

/* 大デバイス（デスクトップ, 1200px 未満）*/
@media (max-width: 1199.98px) {
    ...
}

/* 特大デバイス（ワイド・デスクトップ, 1400px 未満）*/
@media (max-width: 1399.98px) {
    ...
}


/* 小デバイス（横向きモバイル, 576px 以上）*/
@media (min-width: 576px) {
    ...
}

/* 中デバイス（タブレット, 768px 以上）*/
@media (min-width: 768px) {
    .w-200p {
        width: 200px;
    }

    .w-300p {
        width: 300px;
    }
}

/* 大デバイス（デスクトップ, 992px 以上）*/
@media (min-width: 992px) {
    .bg-image {
        width: 100%;
        background-image: url(../image/woman.png),
            url(../image/interview.png),
            url(../image/sitter.png),
            url(../image/president.png);
        background-repeat: no-repeat,
            no-repeat,
            no-repeat,
            no-repeat;
        background-position: left 150px top,
            left bottom 50px,
            right 50px top 150px,
            right 50px bottom 150px;
        background-size: 18%,
            28%,
            20%,
            15%;
    }

    .bg-pattern {
        -moz-box-sizing    : border-box;
        box-sizing         : border-box;
        background-image   : url(../image/bg-nomal.png);
        background-size    : contain;
        background-repeat  : no-repeat;
        background-position: center center;
    }

    .voice {
        background-image   : url(../image/bg-voice.png);
        background-repeat  : no-repeat;
        background-position: center center;
        background-size    : cover;
        height             : 250px;
    }

    .inclined {
        transform: rotate(5deg);
    }

    .logo {
        width: 400px;
    }

    .ls-03 {
        letter-spacing: .3rem;
    }

    .num-font {
        margin-left: .2rem;
        margin-top : .5rem;
    }

    .pc-border-end-bottom {
        border-right : 3px dotted #898989 !important;
        border-bottom: 3px dotted #898989 !important;
    }

    .pc-border-end {
        border-right: 3px dotted #898989 !important;
    }

    .pc-border-bottom {
        border-bottom: 3px dotted #898989 !important;
    }
}

/* 特大デバイス（ワイド・デスクトップ, 1200px 以上）*/
@media (min-width: 1200px) {
    ...
}

/* 超特大デバイス (よりワイドな・デスクトップ, 1400px 以上) */
@media (min-width: 1400px) {
    ...
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .tb-border-end {
        border-right: 3px dotted #898989 !important;
    }

    .tb-border-bottom {
        border-bottom: 3px dotted #898989 !important;
    }
}