@charset "UTF-8";
/********************************************************************************

page-contact-phone.css　電話での相談予約用css

********************************************************************************/

/*============================================================
 メインビジュアル
*============================================================*/
#page-contact-phone #mainvisual  {
}

/*============================================================
 セクション共通
*============================================================*/
/* 
---------------------------------------- */
#page-contact-phone .section {

}

/*============================================================
 セクション 電話をかける
*============================================================*/
#page-contact-phone #sec-call {
    margin-bottom: 64px;
}
#page-contact-phone #sec-call .btn-tel {
    --width: 100%;
}
#page-contact-phone #sec-call .btn-tel a {
    background-image: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}
#page-contact-phone #sec-call .btn-tel a::before {
    display: block;
    content: "";
    width: 48px;
    height: 48px;
    background-image: url(../images/common/icon-phone-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 48px auto;
}
#page-contact-phone #sec-call .btn-tel a .label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    font-weight: bold;
    font-size: 40px;
    line-height: 100%;
}
#page-contact-phone #sec-call .btn-tel a .label .label-hour {
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
}

/*============================================================
 セクション 相談票
*============================================================*/
#page-contact-phone #sec-consultation-form {
    margin-bottom: 64px;
}
#page-contact-phone #sec-consultation-form .sec-lead {
    margin-bottom: 40px;
}
#page-contact-phone #sec-consultation-form .pdf-list {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
}
#page-contact-phone #sec-consultation-form .pdf-list .btn-pdf {
    margin: 0;
}

/*============================================================
 セクション 導線
*============================================================*/
#page-contact-phone #sec-conductor {
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1007px) {
    /*============================================================
     セクション 電話をかける
    *============================================================*/
    #page-contact-phone #sec-call .btn-tel a::before {
        width: 32px;
        height: 32px;
        background-size: 32px auto;
    }
    #page-contact-phone #sec-call .btn-tel a .label {
        font-size: 24px;
    }
    #page-contact-phone #sec-call .btn-tel a .label .label-hour {
        font-weight: 400;
        font-size: 12px;
        line-height: 100%;
    }
    
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*============================================================
     メインビジュアル
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-contact-phone #mainvisual  {
    }

    /*============================================================
     セクション
    *============================================================*/
    /* 
    ---------------------------------------- */
    #page-contact-phonetop #sec-セクション名 {
    }

}