@charset "utf-8";
/* 色変更時用CSS */

/* 菱形 */
.diamond {
	color: #F06785;
}

/* 小見出し */
.tips {
    border-color: #FFE8F9;
}

.tips::before {
    color: #D04A80;
}

/*小見出し_改修*/
.tips_repair {
    font-weight: bold;
    font-size: 103%;
	 border-color: #FFE8F9;
    border-bottom: solid 3px #D04A80;
    position: relative;
    padding: 3px;
    line-height: 30px;
}

.tips_repair::before {
    content: "▼";
    color: #D04A80;
    font-size: 1.2em;
    display: inline-block;
    vertical-align: middle;
}

/* 数字小見出し */
.tips_1 {
    font-weight: bold;
    font-size: 103%;
    border-bottom: solid 3px #FFCCDB;
    position: relative;
	padding: 5px 0px 2px 0px;
    line-height: 30px;
}

.tips_1::before {
    content: "1";
	color: white;
	font-size: 1.1em;
	line-height: 26px;
	vertical-align: middle;
	display: inline-block;
	background: #B43F7D;
	font-weight: bold;
	width: 25px;
	text-align: center;
	height: 25px;
	border: solid 6px white; 
	border-radius: 50%;
	margin-left: -10px; 
}


.tips_2 {
    font-weight: bold;
    font-size: 103%;
    border-bottom: solid 3px #FFCCDB;
    position: relative;
	padding: 5px 0px 2px 0px;
    line-height: 30px;
}

.tips_2::before {
    content: "2";
	color: white;
	font-size: 1.1em;
	line-height: 26px;
	vertical-align: middle;
	display: inline-block;
	background: #B43F7D;
	font-weight: bold;
	width: 25px;
	text-align: center;
	height: 25px;
	border: solid 6px white; 
	border-radius: 50%;
	margin-left: -10px; 
}