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

/* ２３のお約束宣言設定 */
@media print,screen and (min-width: 768px){
/* PC用設定 */
}
@media screen and (max-width: 767px){
/* スマホ用設定 */
#contents #promise {
	margin-bottom:25px;
}
#contents #promise h3 {
	margin-bottom:15px;
}
#contents #promise h3 img {
	width:100%;
}
#contents #promise h4 {
	margin-bottom:15px;
	background-color: #FFF;
	padding:5px;
	text-align:center;
	font-size: 14px;
	line-height: 1em;
	vertical-align: text-bottom;
}
#contents #promise h5 {
	margin-bottom:0.5em;
	color: #FF0;
	font-size: 13px;
	line-height: 1em;
}
#contents #promise ul {
}
#contents #promise li {
	font-size: 13px;
	line-height: 1.4em;
	color: #FFF;
	background-repeat: no-repeat;
	background-position: left top;
	background-size:25px;
	padding-left:35px;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
#contents #promise .before {
	padding:10px;
	margin-bottom:15px;
	background-color: #b147a5;
}
#contents #promise .before h4 {
	color: #b147a5;
}
#contents #promise .before li:nth-child(1) { background-image: url(../img/promise/pict1-1.gif); }
#contents #promise .before li:nth-child(2) { background-image: url(../img/promise/pict1-2.gif); }
#contents #promise .before li:nth-child(3) { background-image: url(../img/promise/pict1-3.gif); }
#contents #promise .before li:nth-child(4) { background-image: url(../img/promise/pict1-4.gif); }
#contents #promise .before li:nth-child(5) { background-image: url(../img/promise/pict1-5.gif); }
#contents #promise .before li:nth-child(6) { background-image: url(../img/promise/pict1-6.gif); }
#contents #promise .before li:nth-child(7) { background-image: url(../img/promise/pict1-7.gif); }
#contents #promise .before li:nth-child(8) { background-image: url(../img/promise/pict1-8.gif); }
#contents #promise .before li:nth-child(8) {
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}
#contents #promise .now {
	padding:10px;
	margin-bottom:15px;
	background-color: #2e3e98;
}
#contents #promise .now h4 {
	color: #2e3e98;
}
#contents #promise .now li:nth-child(1) { background-image: url(../img/promise/pict2-1.gif); }
#contents #promise .now li:nth-child(2) { background-image: url(../img/promise/pict2-8.gif); }
#contents #promise .now li:nth-child(3) { background-image: url(../img/promise/pict2-2.gif); }
#contents #promise .now li:nth-child(4) { background-image: url(../img/promise/pict2-3.gif); }
#contents #promise .now li:nth-child(5) { background-image: url(../img/promise/pict2-4.gif); }
#contents #promise .now li:nth-child(6) { background-image: url(../img/promise/pict2-5.gif); }
#contents #promise .now li:nth-child(7) { background-image: url(../img/promise/pict2-6.gif); }
#contents #promise .now li:nth-child(8) { background-image: url(../img/promise/pict2-7.gif); }
#contents #promise .now li:nth-child(8) {
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}
#contents #promise .after {
	padding:10px;
	margin-bottom:15px;
	background-color: #318668;
}
#contents #promise .after h4 {
	color: #318668;
}
#contents #promise .after li:nth-child(1) { background-image: url(../img/promise/pict3-1.gif); }
#contents #promise .after li:nth-child(2) { background-image: url(../img/promise/pict3-4.gif); }
#contents #promise .after li:nth-child(3) { background-image: url(../img/promise/pict3-5.gif); }
#contents #promise .after li:nth-child(4) { background-image: url(../img/promise/pict3-7.gif); }
#contents #promise .after li:nth-child(4) {
	margin-bottom:0px;
	padding-bottom:0px;
	border:none;
}
#contents #promise .guarantee {
	margin-top:25px;
}
#contents #promise .guarantee h6 {
	margin-bottom:10px;
	font-size: 14px;
	line-height: 1em;
	color: #060;
}
}