@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

.border-style {
	margin-left: 0 !important;
}

hr.border-style {
    border-bottom-width: 4px !important;
    height: 0;
}


/* === Value Block 全体 === */
.value-block-style {
    position: relative;
    padding: 48px 32px 40px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
    overflow: hidden;
}

/* === 数字（左上配置） === */
.value-number-style {
    position: absolute;
    top: 16px;
    left: 20px;   /* ← 右から左へ変更 */
    font-size: 72px;
    font-weight: 700;
    line-height: 1;
    color: rgba(0, 0, 0, 0.04);
    margin: 0;
    pointer-events: none;
}

/* === 画像 === */
.value-block-style .wp-block-image {
    margin: 0 auto 20px;
    max-width: 120px;
}

.value-block-style .wp-block-image img {
    width: 100%;
    height: auto;
}

/* === テキスト === */
.value-text-styel {
    margin-top: 16px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0.04em;
    color: #111;
}

/* === Value Block 全体ここまで === */







/* === モバイル調整 === */
@media (max-width: 768px) {
    .value-block-style {
        padding: 40px 24px 32px;
    }

    .value-number-style {
        font-size: 56px;
        left: 16px;
    }

    .value-text-styel {
        font-size: 16px;
    }
}