@charset "UTF-8";
/* ===============================================================================
 * Tpoint
 * =============================================================================== */
#contents.top img {
	max-width:100%;
	width: auto;
}
.spt80 {margin-top: 80px;}
.ttl {
	background: url(/tpoint/images/ttl_bg.png) repeat-x 0 0;
}

.point {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
.point dt,
.point dd {
	float: left;
	padding: 10px 0 25px;
}
.point dt {
	clear: both;
	width: 390px;
}
.point dd {
	width: 560px;
}
.maru {
	background: url(/tpoint/images/ico_maru.png) no-repeat 0 6px;
	padding: 4px 0 2px 28px;
}
.red {
	color:#e50012;
}
.blu {
	color:#039;
}
.imgL {
	float: left;
	margin-right: 15px;
}
.dot {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 5px;
}

.contactBox {
	background: url(/tpoint/images/contact.png) no-repeat 0 0;
	border:2px solid #039;
	width: 326px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 0;
}
.contactBox h2 {
	padding-left: 63px;
}
.cautionBox {
	width: 950px;
	margin: 50px auto 0;
	text-align: left;
}
.tpoint a:link,
.tpoint a:visited,
.tpoint a:active {
	color:#039;
}

.flex{
	display: flex;
	align-items: center;
}