@charset "utf-8";
/* CSS Document */

/* ========================================
   ベーススタイル（モバイル優先 max-width: 900px）
======================================== */
body {
    margin: 6rem 0 0;
    font-size: 1.4rem;
}

.sp {
    display: inline;
}

.pc {
    display: none !important;
}

.headerBtm{
	display: none;
}

.cta-button p{
	font-size: 2rem;
	text-align: center;
}

/* CTAボタン */
        .cta-button {
            width: 90%;
            margin: 0 auto;
        }

        .cta-button a {
            display: flex;
            align-items: center;
            background: #e13535;
            color: #fff;
            text-decoration: none;
            border-radius: 10px;
            border-bottom: solid 8px #880202; 
            overflow: hidden;
            transition: opacity 0.3s ease;
        }

        .cta-button a:hover {
            opacity: 0.6;
        }

        /* 左側：受話器アイコンエリア */
        .cta-icon {
            width: 20%;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 1% 0;
        }

        .cta-icon::before {
		    content: '';
		    width: 100px;
		    height: 100px;
		    background: url('https://www.wagaya-ososhiki.com/wp-content/themes/wagaya/assets/images/fukushisou-lp/tel.png') no-repeat center;
		    background-size: contain;
        }

        /* 右側：テキストエリア */
        .cta-content {
            width: 80%;
            padding: 0 3%;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        /* 上部：24時間365日受付・通話無料 */
        .cta-badges {
            display: flex;
            gap: 15px;
            margin-bottom: 5px;
            flex-wrap: wrap;
        }

        .cta-badge {
            border: 1px solid #fff;
            padding: 2% 3%;
            border-radius: 10px;
            font-size: 1.6rem;
            font-weight: 600;
            white-space: nowrap;
        }

        /* 下部：今すぐ電話相談する */
        .cta-main-text {
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 1.3;
        }

        .p-small{
        	font-size: 1rem !important;
        	line-height: 1.5rem;
        	padding: 3% 0;
        	text-align: left !important;
        }




/* ========================================
   タブレット・PC（min-width: 901px）
======================================== */
@media screen and (min-width: 901px) {
    body {
        margin: 0;
        font-size: 1.6rem;
    }

    .sp {
        display: none !important;
    }

    .pc {
        display: inline !important;
    }

    .cta-button {
            width: 20%;
        }

}