/*========================================================
ファイル名    ：cta.css
管理番号　　：No.025
内容　　　　：CTAセクション専用CSS
バージョン　：Ver1
作成日　　　：2026-07-17
更新日　　　：2026-07-17

【変更履歴】
Ver0 初期登録
Ver1 style.cssからCTA部分を分離
========================================================*/

/*********************************************************************
/ CTA
/*********************************************************************/
/*============================
/ Section
============================*/
.cta-section{

    padding:100px 0;

    background:linear-gradient(135deg,#0d6efd,#4da3ff);

}
/*============================
/ Box
============================*/
.cta-box{

    background:#ffffff;

    border-radius:20px;

    padding:60px;

    box-shadow:0 15px 40px rgba(0,0,0,.15);

}
/*============================
/ Title
============================*/
.cta-title{

    text-align:center;

    font-size:2.4rem;

    font-weight:700;

    color:#0d6efd;

    margin-bottom:20px;

}

.cta-subtitle{

    text-align:center;

    font-size:1.15rem;

    color:#666;

    line-height:1.8;

    margin-bottom:25px;

}

.cta-text{

    text-align:center;

    font-size:1.05rem;

    line-height:2;

    color:#555;

    margin-bottom:50px;

}
/*============================
/ Message
============================*/
.cta-message{

    background:#f8fbff;

    border:1px solid #d9e9ff;

    border-radius:15px;

    padding:35px;

    margin-bottom:40px;

}

.cta-message h3{

    color:#198754;

    font-size:1.6rem;

    font-weight:700;

    margin-bottom:20px;

}

.cta-message p{

    color:#555;

    line-height:2;

    margin-bottom:0;

}
/*============================
/ Button
============================*/
.cta-button{

    padding:18px 35px;

    border-radius:50px;

    font-size:1.15rem;

    font-weight:700;

    min-width:280px;

}

.cta-button-label-sp{

    display:none;

}

@media(max-width:767px){

    .cta-section{

        padding:50px 0;

    }

    .cta-box{

        padding:28px 16px;

        border-radius:16px;

    }

    .cta-title{

        font-size:clamp(1.35rem,6vw,1.8rem);

        line-height:1.4;

        margin-bottom:18px;

        text-align:left;

        width:auto;

        color:#075fc9;

        font-weight:800;

        white-space:nowrap;

    }

    .cta-title span,
    .cta-message h3 span,
    .cta-message p span{
        display:block;
    }

    .cta-subtitle{

        text-align:left;

        font-size:1rem;

        line-height:1.75;

        margin-bottom:20px;

    }

    .cta-text{

        text-align:left;

        font-size:.96rem;

        line-height:1.8;

        margin-bottom:28px;

    }

    .cta-message{

        padding:22px 16px;

        margin-bottom:24px;

    }

    .cta-message h3{

        font-size:1.35rem;

        line-height:1.45;

        margin-bottom:14px;

    }

    .cta-message p{

        font-size:.94rem;

        line-height:1.8;

    }

    .cta-message .text-center{

        margin-top:20px;

    }

    .cta-button{

        display:inline-flex;

        align-items:center;

        justify-content:center;

        gap:8px;

        width:auto;

        min-width:0;

        max-width:100%;

        padding:14px 28px;

        font-size:1.05rem;

        white-space:nowrap;

    }

    .cta-button-label-pc{

        display:none;

    }

    .cta-button-label-sp{

        display:inline;

    }

    .cta-footer{

        margin-top:24px !important;

    }

    .cta-footer-title,
    .cta-footer-text{

        text-align:left;

    }

    .cta-footer-title{

        font-size:1.25rem;

        line-height:1.5;

        margin-bottom:12px;

        color:#075fc9;

        font-weight:700;

    }

    .cta-footer-text{

        font-size:.94rem;

        line-height:1.8;

    }

    .cta-business{

        margin-top:22px;

        text-align:center;

        font-size:16px;

    }

    .cta-business__title,
    .cta-business__time,
    .cta-business small span{
        display:block;
    }

    .cta-business__title{
        font-size:20px;
        line-height:1.4;
    }

    .cta-business__time{
        margin-top:5px;
        color:#075fc9;
        font-size:18px;
        font-weight:700;
    }

    .cta-business small{
        display:block;
        margin-top:24px;
        font-size:16px;
        line-height:1.7;
    }

}