@charset "UTF-8";

/*
======== table of content. ===============

summary:プランページ要素

==========================================
*/

.promo { background-image:url(../images/img_index_promo.jpg); }
section { padding:0 20px; }
.ttl_icon_square { margin-left:-20px; }

/* index */
.index h3 { font-family:"Hannari", Hannari; font-weight:normal; }
.index .sec_bnr { position:relative; }
	.index .sec_bnr .txt_bnr { position:absolute; top:0; bottom:0; width:100%; height:78px; margin:auto; text-align:center; }
		.index .sec_bnr .txt_bnr h3 { height:36px; padding-top:5px; background-color:rgba(0,0,0,0.8); font-size:128.5%; color:#fff; }
		.index .sec_bnr .txt_bnr p { height:42px; margin:0; padding-top:6px; background:rgba(255,255,255,0.9) url(../../global/images/arrow_l_off.png) no-repeat 20px 8px; font-size:142.8%; }
.list_bnr { clear:both; padding-top:40px; }

@media screen and (min-width: 768px) {
.list_bnr a:hover { opacity:0.8; }
}

@media screen and (max-width: 767px) {
.promo { background-position:center center; background-size:cover; }

/* index */
.index .sec_bnr .txt_bnr { height:68px; }
.index .sec_bnr .txt_bnr h3 { height:32px; background-color:rgba(0,0,0,0.8); font-size:100%; color:#fff; }
.index .sec_bnr .txt_bnr p { height:36px; background-position:10px 8px; background-size:18px 18px; font-size:114.2%; }
.list_bnr { text-align:center; }
.list_bnr a + a { margin-top:15px; }
}


/* outfit */
figure { margin:15px auto; text-align:center; }
.fig_plan .sec_table { }
.list_note_dot,
.txt_note_dot { margin-top:30px;  }
.txt_note_symbol,
.list_note_symbol { margin-top:15px; }
h4.bd_btm { font-size:128.5%; }

/* set */
.sec_img_r_set_l img { float:right; max-width:320px; margin-left:20px; }

/* kinsfolk */
.fig_charge img:first-child { float:left; }
.fig_charge img:last-child { float:right; }


@media screen and (max-width: 767px) {
.list_note_dot,
.txt_note_dot { margin-top:15px;  }

.fig_schedule img { width:100%; max-width:310px; }

/* set */
.sec_img_r_set_l img { float:none; width:100%; max-width:320px; margin:0 auto; }

/* kinsfolk */
.fig_charge img:first-child { float:none; width:100%; max-width:410px; }
.fig_charge img:last-child { float:none; width:100%; max-width:320px; margin-top:15px; }

}