@charset "utf-8";
/* CSS Document */

.fs-16{font-size: 16px!important;}
/*
.column-wrap .demerit__list{
	width: 320px;
}*/

.bubble{
    display: block;
    margin: -9% auto 40px;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 180px;
}

@media (max-width: 765px) {
	.bubble{
		margin: -20% auto 30px;
	}
}

.t-black{
	color: #333333;
}

.bg-wh{
	align-content: center;
    width: 300px;
    align-items: center;
	margin: 0 auto;
	display: block;
	background: #fff;
}

table .purple{background:#7772B5; color: #fff;}
table .blue{background:#007bc7; color: #fff;}
table .pink{background:#ec6d81; color: #fff;}

table tr td{
	padding: 15px 15px;
	border: 1px solid #b2b6b6;
}

table tr td.nomargin{
	padding: 0;
}

table tr td:nth-child(2) {
	width: 42%;
}

.l-blue{
	background: #F7FAFF;
}

.red{
	background: #FFEBED;
}



/****/
.black_dia li{
	position: relative;
	color: #333333;
	padding-left: 20px;
	line-height: 1.8em;
	margin-bottom: 15px;
}

.black_dia li:before{
	content: "◆";
	color: #333333;
	position: absolute;
	left: 0;
}

.black_dia li a{
	border-bottom: 1px solid #333333;
	overflow-wrap: break-word;
}

.white-box{
	box-shadow: 0px 0px 20px 2px #e0e0e0;
	border-radius: 10px;
	padding: 30px;
	box-sizing: border-box;
	position: relative;
	max-width: 500px;
	margin: 30px auto;
}

.white-box.box1:before{
	content: "①";
	position: absolute;
    left: 20px;
    top: 33px;
}

.white-box.box2:before{
	content: "②";
	position: absolute;
    left: 20px;
    top: 33px;
}

.white-box.box3:before{
	content: "③";
	position: absolute;
    left: 20px;
    top: 33px;
}