/* ===== SERVICE ページ ===== */

.service-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
}

.service-block {
    gap: 40px;
    margin-bottom: 60px;
    border-bottom: 1px solid #eee;
    padding-bottom: 60px;
}

.service-block:last-of-type {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.service-block__logo img {
    width: 100%;
    height: auto;
    border: 1px solid #eee;
}

/* 英語名 */
.service-block__en {
    font-size: 4.6rem;
    letter-spacing: 0.12em;
}

/* 日本語サービス名称 */
.service-block__title {
    font-size: 2.2rem;
    margin: 0 0 16px;
}

/* 詳細見出し */
.service-block__headline {
    font-size: 1.8rem;
    margin: 0 0 12px;
}

/* 詳細説明 */
.service-block__text {
    font-size: 1.4rem;
    line-height: 1.9;
    margin: 20px 0;
    text-align: left;
}

/* ボタン */
.service-block__btn {
    margin: 0;
}

.service-block__btn-link {
    display: inline-block;
    border: 1px solid #000;
    font-size: 1.3rem;
    text-decoration: none;
    transition: 0.2s ease-in-out;
    width: 300px;
    height: 60px;
    text-align: center;
    text-decoration: none;
    outline: none;
    position: relative;
    z-index: 2;
    background-color: #fff;
    line-height: 60px;
    font-weight: bold;
    overflow: hidden;
}

.service-block__btn-link:hover {
    background: #000;
    color: #fff;
}

/* SP レイアウト */
@media screen and (max-width: 768px) {
    .service-block {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
        padding-bottom: 40px;
        text-align: center;
    }
}

/* ===== SERVICE の各ボックス共通 ===== */
.service-box {
    text-align: center;
    margin: 60px auto;
    max-width: 720px;
}

/* 日・英タイトルは今のままでOK（必要なら微調整用） */
.service-title-ja {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 8px;
}

.service-title-en {
    font-size: 1.1rem;
    letter-spacing: 0.12em;
    margin-bottom: 12px;
}

/* ★ ロゴ画像の位置を「タイトルの下・中央」に固定 */
.service-box img {
    display: block;
    margin: 16px auto 24px;
    max-width: 180px;
    height: auto;
    float: none;
}

/* alignleft が付いていても左寄せしないように上書き */
.service-box .alignleft {
    float: none !important;
    margin: 16px auto 24px !important;
}

/* ===== SERVICEページのロゴ画像を中央に揃える ===== */
.page-id-1888 #main-inner img {
    display: block;
    margin: 16px auto 24px;
    height: auto;
    float: none !important;
    /* alignleft などを無効化 */
}

/* ===== SERVICEページのロゴを中央に強制配置（テスト用） ===== */
.page-id-1888 .service-box img {
    content: url("https://dummyimage.com/300x150/000/fff.png&text=SERVICE+LOGO");
    display: block;
    margin: 16px auto 24px;
    max-width: 300px;
    float: none !important;
}


.service-block__desc {
    width: 100%;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}


/* SP レイアウト */
@media screen and (max-width: 768px) {
    .service-block__btn-link {
        width: 200px;
        height: 50px;
        line-height: 46px;
    }
}