/* --------------------------------------------------

    馬主情報
	FAQ/お問い合わせ 共通

-------------------------------------------------- */

/* - FAQトップに戻るボタン（ヘッダー内）
-------------------------------------------------- */
.header_line > .content { overflow: auto; }

.header_line > .content .btn_back {
    position: absolute;
    right: 0;
    top: 0;
}

.header_line > .content .btn_back > a.btn-def {
    border-radius: 0 0 4px 4px;
    padding: 6px 10px;
}

.header_line > .content .btn_back > a.btn-def:hover,
.header_line > .content .btn_back > a.btn-def:focus {
    color: #333;
    border-color: #888;
    background-color: #f7f7f7;
}

/* - 注記
---------------------------------------------------------------------- */

.bg_rounded {
    border-radius: var(--radius_sm);
    padding: 16px 10px;
    /* padding: 16px var(--mt8_16); */
}

.bg_rounded.gray {
	background-color: var(--color-bg-gray);
}


/* - 関連コンテンツ
-------------------------------------------------- */
#related_contents_link {  }
#related_contents_link ul.link_list > li > a { font-size: 1.6rem; }



@keyframes group_fade_in {
    from{ opacity: 0; }
    to{ opacity: 1; }
}

/* - FAQトップに戻るボタン（ページ下部）
-------------------------------------------------- */
.back_btn_area { margin-top: 30px; }
.back_btn_area ul.link_list > li > a { padding: 10px; }
.back_btn_area.bottom { display: none; }



/* - リダイレクトページ
-------------------------------------------------- */
.redirect_box { margin-top: 30px; }

.redirect_box > .grid {
    display: table;
    margin: 0 auto;
}

.redirect_box > .grid > .cell {
    display: table-cell;
    vertical-align: middle;
}

.redirect_box > .grid > .cell.img { width: 180px; }
.redirect_box > .grid > .cell.img img { border-right: top; }

.redirect_box > .grid > .cell.txt { padding-left: 50px; }
.redirect_box > .grid > .cell.txt > p { font-size: 1.8rem; }





/* ------------------------------------------------------------

	959px以下

------------------------------------------------------------ */

@media screen and ( max-width : 959px ) {
    

    /* - 関連コンテンツ
    -------------------------------------------------- */
    #related_contents_link ul.link_list > li { width: 50%; }
    
}


/* ------------------------------------------------------------

	767px以下

------------------------------------------------------------ */

@media screen and ( max-width : 767px ) {

    
    
    /* - お問い合わせ先一覧ボタン
    ---------------------------------------- */
    div.link_btn.sp { display: block; }

    
    /* - 関連コンテンツ
    ---------------------------------------- */
    #related_contents_link ul.link_list > li { width: 50%; }
    
}


/* ------------------------------------------------------------

	639px以下

------------------------------------------------------------ */

@media screen and ( max-width : 639px ) {
    
    /* - FAQトップに戻るボタン
    -------------------------------------------------- */
    .header_line > .content .btn_back { display: none;}
    .back_btn_area.bottom { display: block; }

    
    /* - お問い合わせ先一覧ボタン（スマホ表示用）
    ---------------------------------------- */
    div.link_btn.sp > a {
        padding: 5px;
        font-size: 1.3rem;
    }
    
    
    /* - 関連コンテンツ
    -------------------------------------------------- */
    #related_contents_link ul.link_list > li > a { font-size: 1.5rem; }
    
    
}

/* ------------------------------------------------------------

	479px以下

------------------------------------------------------------ */
@media screen and ( max-width : 479px ) {
	
    /* - コンテンツヘッダーエリア
    ---------------------------------------- */
    div.header_line { margin-bottom: 10px; }
    
    
    /* - お問い合わせ先一覧ボタン（スマホ表示用）
    ---------------------------------------- */
    div.link_btn.sp > a {
        padding: 5px;
        font-size: 1.2rem;
    }
    
    
    /* - 関連コンテンツ
    ---------------------------------------- */
    #related_contents_link ul.link_list > li { width: 100%; }
    
    
}

/* ------------------------------------------------------------

	359px以下

------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
    
    /* - Q&Aユニット
    -------------------------------------------------- */
    .group_unit ul.link_list > li > a > .inner > .line > .txt { font-size: 1.3rem; }
    
}