/**
 * TOP Page Common - Container & Title
 * トップページ全ブロック共通のコンテナ・タイトルスタイル
 */

/* 外側コンテナ: 左右25pxのpadding */
.kite-top-section {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 0 25px;
}

/* 内側コンテナ: max-width 1040px、上下padding */
.kite-top-section__inner {
    position: relative;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto;
    padding: 135px 0 100px;
}

/* 共通タイトル（h2） */
.kite-top-title {
    display: inline-block;
    position: relative;
    font-family: var(--kite-font-mincho);
    font-size: 55px;
    font-weight: 500;
    line-height: 1.6;
    color: var(--kite-brown);
    margin: 0 0 85px 0;
}

/* 複数行タイトル用 */
.kite-top-title span {
    display: block;
}

/* タイトル下線 */
.kite-top-title::after {
    content: '';
    position: absolute;
    bottom: -30px;
    right: 0;
    left: min(0px, calc((1040px - 100vw) / 2));
    height: 1px;
    background: #73665a;
}

/* スマホ対応 */
@media (max-width: 767px) {
    .kite-top-section {
        padding: 0 25px;
    }

    .kite-top-section__inner {
        padding: 60px 0 80px;
    }

    .kite-top-title {
        font-size: 28px;
        margin-bottom: 50px;
    }

    .kite-top-title::after {
        bottom: -20px;
        left: -25px;
    }
}