@charset "UTF-8";

/* =========================================================
   オープンイノベーション・産学連携の支援サービス LP 専用CSS
   対象テンプレート：page-open-innovation.php
   設置先　　　　　：/wp-content/themes/TechnoproducerTheme/css/open-innovation.css

   ■方針
   ・見た目はBootstrap4とテーマ既存の汎用クラス（rt-h*, fz*, lh-l, text-white-soft,
     link-text-plain, border-main-color, circle-48, faq-question 等）で組んでいる。
   ・ここには「BS4・既存クラスでは表現できないもの」だけを書く。
   ・サイト全体で style 属性は禁止のため、追加の装飾が必要になった場合もここに書く。
   ========================================================= */


/* 数字（ステップ番号・メニュー番号・金額・Q/A）の書体。Aksharはheader.phpで読込済み */
.oi-num {
    font-family: "Akshar", "Noto Sans JP", sans-serif;
}

/* 日本語の短いテキストを文節で折り返す（Chrome/Edge対応。非対応ブラウザは通常の折り返し）
   word-break は継承されるため、見出し・リストなど短いテキストの親要素に付ける。長い本文段落には付けない */
.oi-phrase {
    word-break: auto-phrase;
}

/* 濃色背景の上の細い区切り線。BS4の border-top / border-bottom と併用する */
.oi-line-light {
    border-color: rgba(255, 255, 255, 0.25) !important;
}

/* 「こんなときに」のカギカッコをぶら下げ、2行目以降の頭を揃える */
.oi-hanging {
    padding-left: 1em;
    text-indent: -1em;
}

/* 固定ヘッダー（高さ最大103px）に見出しが隠れないようにする（テーマ既定は50px） */
#for-company,
#for-academia,
#price,
#faq {
    scroll-margin-top: 110px;
}


/* ---------------------------------------------------------
   支援範囲：ステップ同士をつなぐ工程線
   番号の円は既存 .circle-48（48px）。線は円の中心（24px）を通す
   --------------------------------------------------------- */
.oi-step::before {
    content: "";
    position: absolute;
    background: #DAE0E4;
    /* 992px未満：縦線 */
    top: 48px;
    bottom: 0;
    left: 23px;
    width: 2px;
}

.oi-step:last-child::before {
    display: none;
}

@media (min-width: 992px) {
    .oi-step::before {
        /* 992px以上：横線 */
        top: 23px;
        bottom: auto;
        left: 48px;
        right: 0;
        width: auto;
        height: 2px;
    }
}


/* ---------------------------------------------------------
   よくあるご質問：テーマの .faq-question は :focus の枠線を消しているため、
   キーボード操作時だけ枠線を戻す（アクセシビリティ）
   --------------------------------------------------------- */
.oi-faq-question:focus-visible {
    outline: 2px solid #296ec5;
    outline-offset: -2px;
}