/*■■■■■ ↓消さないでください↓ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/* type108-21 */

@import url("../../../../go/designtemplate/pc/type108-01/stylebase.css");
@import url("../../../../go/designtemplate/pc/type108-01/stylebasecolor.css");
@import url("../../../../go/designtemplate/pc/type108-01/style_noside.css");

/*■■■■■ ↑消さないでください↑ ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/





/*■■■■■ ↓カスタムデザイン用スタイル記述エリア↓ ■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■ リンクボタンタイプ（おすすめタイプ２） ■■■■■*/
.rilinktype0,
.edit_form .rilinktype0,
.nicEdit-main .rilinktype0,
.nicEditorPane ul.riniceditlinkstyle > li input[type="RADIO"] + label > span.rilinktype0 {
	background: #FFA6B4;
	border: 1px solid #FFA6B4 !important;
	color: #FFFFFF !important;
}
.rilinktype0:hover,
.edit_form .rilinktype0:hover,
.nicEdit-main .rilinktype0:hover,
.nicEditorPane ul.riniceditlinkstyle > li input[type="RADIO"] + label > span.rilinktype0:hover {
	background: #FFFFFF;
	color: #FFA6B4 !important;
}


/*■■■■■ 流れ ■■■■■*/
.flex-container li {
    background: #FFFFFF;
    border: none;
    border-radius: 10px;
}
.flex-container th {
    line-height: 1.3;
    padding: 10px !important;
}

/*■■■■■ 流れリスト ol ■■■■■*/
ol.rsstep > li {
    border: none;
    border-radius: 10px;
}


/*■■■■■　エリア８　子パーツ余白なし　■■■■■*/
.area_8 .layout_box_margin_0 .list_2 {
    margin-bottom: 50px !important;
}
.area_8 .layout_box_margin_0 .list_2 .text_box {
    background: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 5%);
    padding: 30px !important;
    margin: -150px auto 0 !important;
    overflow: visible;
    width: 90%;
}
.area_8 .layout_box_margin_0 .list_2 .text_box .rilinktype0 {
    width: 80%;
}

.prev_all_smart .area_8 .layout_box_margin_0 .list_2 .child_bannerlink .img {
    object-fit: cover;
    aspect-ratio: 1;
}
@media screen and (max-width: 480px) {
    .area_8 .layout_box_margin_0 .list_2 .child_bannerlink .img {
        object-fit: cover;
        aspect-ratio: 1;
    }
}


/*■■■■■ box yoko_2maga list_2 ■■■■■*/
/*■■■■■ box yoko_3maga list_2 ■■■■■*/
/*■■■■■ box yoko_4maga list_2 ■■■■■*/
.yoko_2maga .list_2,
.yoko_3maga .list_2,
.yoko_4maga .list_2,
.tate_border .list_2,
.yoko_bborder .list_2,
.yoko_3border .list_2,
.yoko_4border .list_2 {
	box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 5%);
}

/*■■■■■ ↑カスタムデザイン用スタイル記述エリア↑ ■■■■■■■■■■■■■■■■■■■■■■*/