/* ============================================
   関連研究・事業ページ (relation_research.php)
   ============================================ */

/* セクションタイトル行（タイトル + アイコン） */
.rr-title-row {
    display: flex;
    align-items: center;
}

/* アイコングループ（右寄せ） */
.rr-icon-group {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-left: auto;
    flex-shrink: 0;
}

/* アイコン（丸型ラッパー） */
.rr-icon-wrap {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

/* アイコン画像（ズーム表示） */
.rr-icon-img {
    width: 120%;
    height: 120%;
    object-fit: cover;
    display: block;
    margin: -10%;
}

/* 2行分の高さを持つセクションタイトル（文字を縦中央揃え） */
.rr-title-tall {
    display: flex;
    align-items: center;
    min-height: 2.8em;
}

/* サブセクション間の余白 */
.rr-section-content-gap {
    margin-top: 20px;
}

/* サブセクションタイトル */
.rr-subtitle {
    font-size: calc(1em + 3px);
}

/* ピンクリンク前の●印 */
#relation_research .txt.open_new {
    display: inline-block;
    padding-left: 1.2em;
    text-indent: -1.2em;
}
#relation_research .txt.open_new::before {
    content: "● ";
}

/* ============================================
   スマホ対応 (〜896px)
   ============================================ */
@media screen and (max-width: 500px) {

    /* タイトル行：アイコンを右上揃えに */
    .rr-title-row {
        align-items: flex-start;
    }

    /* アイコングループを縦並びに */
    .rr-icon-group {
        flex-direction: column;
        gap: 6px;
        margin-top: 20px;
    }

    /* アイコンを小さく */
    .rr-icon-wrap {
        width: 40px;
        height: 40px;
    }

    /* rr-title-tall はスマホでは min-height 不要 */
    .rr-title-tall {
        min-height: unset;
    }
}