@charset "utf-8";

/*///////////////////// font-face 読み込み例 ///////////////////////////*/

/*Noto Sans JP 700*/
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Bold.ttf);
    font-weight: 700;
    font-display: swap;
}

/*Noto Sans JP 900*/
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Black.ttf);
    font-weight: 900;
    font-display: swap;
}

/*///////////////////// font-face 読み込み例 ///////////////////////////*/
.l-header {
    background: #E5E5E5;
}
.hd-pattern4__top {
    justify-content: flex-start;
    align-items: flex-start;
    padding: 16px 0 10px;
}
    .hd-pattern4__top-left {
        margin-right: 190px;
    }
        .header__catch-list {
            display: flex;
            flex-direction: column;
            gap: 10px;
            padding-block: 41px 5px;
            margin-left: 111px;
            position: relative;
            z-index: 1;
        }
        .header__catch-list::after {
            content: "";
            width: 415px;
            height: 188px;
            background: url(/images/top/catch_bg.webp) no-repeat center / cover;
            position: absolute;
            top: -16px;
            left: -189px;
            z-index: -1;
        }
            [class*="header__catch-item"] {
                font-family: "Noto Sans JP", sans-serif;
                font-size: 30px;
                font-weight: 900;
                line-height: 1;
                letter-spacing: 0.1em;
                color: #000;
            }
            .header__catch-item--mid {
                margin-left: 17px;
            }
            .header__catch-item--bottom {
                margin-left: 34px;
            }
    .hd-pattern4__top .header__logo {
        width: 339px;
        justify-content: center;
        margin-top: 22px;
    }
    .hd-pattern4__top .header__logo:hover {
        opacity: 1;
    }
        .hd-pattern4__top .header__logo img {
            max-width: 339px;
            max-height: 112px;
            object-fit: contain;
        }
    .hd-pattern4__top-right {
        display: flex;
        flex-direction: column;
        gap: 24px;
        align-items: flex-start;
        margin-left: 87px;
    }
        .hd-pattern4__top-right-head {
            display: flex;
            gap: 29px;
        }
            .org-header__side-left {
                flex-shrink: 0;
            }
                .org-header__tel {
                    display: flex;
                    align-items: center;
                    gap: 5px;
                    font-family: "Noto Sans JP", sans-serif;
                    font-size: 30px;
                    font-weight: 700;
                    line-height: 1.3;
                    color: #333;
                    white-space: nowrap;
                }
                .org-header__tel::before {
                    content: "";
                    display: inline-block;
                    width: 25px;
                    height: 25px;
                    background: url(/images/top/tel_icn.svg) no-repeat center / cover;
                }
                .org-header__info-list {
                    display: flex;
                    flex-direction: column;
                }
                    .org-header__info-item {
                        font-family: "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
                        font-size: 13px;
                        font-weight: 500;
                        line-height: 1.4;
                        color: #78909C;
                    }
            .org-header__side-right {
                margin-top: 7px;
            }
        .hd-pattern4__top-right-bottom {
            padding: 24px 9px 8px 10px;
            background: #FFFDC8;
            position: relative;
        }
            .org-header__baloon-txt {
                font-family: "Yu Gothic Medium", "Yu Gothic", "游ゴシック体", "游ゴシック", sans-serif;
                font-size: 14px;
                font-weight: 700;
                color: #FFF;
                text-align: center;
                width: 196px;
                height: 29px;
                padding-top: 2px;
                background: url(/images/top/header_baloon-bg.svg) no-repeat center / cover;
                position: absolute;
                top: -11px;
                left: 0;
                right: 0;
                margin: 0 auto;
            }
            .org-header__bnr-list {
                display: flex;
                gap: 9px;
            }