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

/*_______________________________

            SP
_______________________________*/



/* 　　#safe-system 　page
________________________________*/

.key_v{
	 background: url(../img/system_main_bg_v1.webp) no-repeat left 37% #f4f1de;
}
.contents{
background: rgb(255,250,231); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,250,231,1) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 90%, rgba(255,250,231,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,250,231,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 90%,rgba(255,250,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,250,231,1) 0%,rgba(255,255,255,1) 10%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 90%,rgba(255,250,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffae7', endColorstr='#fffae7',GradientType=0 ); /* IE6-9 */
}
.contents h2{
	margin-bottom: 20px;
}
.contents .system{
	padding: 20px 10px 0;
	margin-bottom: 20px;
}
.contents .system p{
	font-size: 12px;
	margin-bottom: 20px;
}
.contents .system dl{
	background: #f4ebda;
	padding: 10px 10px 10px 75px;
	margin-bottom:10px;
	position: relative;
}
.contents .system dl:before {
    content: '';
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 5px;
	transform: scale(0.7);
    transform-origin: left top;
}
.contents .system dl:last-of-type{
	margin-bottom: 0;
}
.contents .system dl:nth-of-type(1):before {
    background: url(../img/5steps.jpg);
    background-position: -34px -5px;
}
.contents .system dl:nth-of-type(2):before {
    background: url(../img/5steps.jpg);
    background-position: -34px -156px;
}
.contents .system dl:nth-of-type(3):before {
    background: url(../img/5steps.jpg);
    background-position: -34px -307px;
}
.contents .system dl:nth-of-type(4):before {
    background: url(../img/5steps.jpg);
    background-position: -34px -461px;
}
.contents .system dl:nth-of-type(5):before {
    background: url(../img/5steps.jpg);
    background-position: -34px -621px;
}
.contents .system dt{
	color: #833e0c;
	font-size: 16px;
	margin-bottom: 5px;
}
.contents .system dd{
	font-size: 13px;
}

.contents .vow{
	padding:0 10px 20px;
}

.contents .vow dl{
	margin-bottom: 20px;
}
.contents .vow .box2 dl:last-of-type{
	margin-bottom: 0;
}
.contents .vow dt{
	font-size: 14px;
	margin-bottom: 5px;
	color: #833e0c;
}
.contents .vow li{
	font-size: 12px;
	padding-left:15px;
	margin-bottom: 5px;
	line-height: 1.5;
	position: relative;
}
.contents .vow li:last-of-type{
	margin-bottom: 0;
}
.contents .vow li:before{
	content: '';
    display: block;
    width: 4px;
    height: 4px;
	border-radius: 50%;
	background: #b98f4d;
	position: absolute;
	left: 5px;
	top: 7px;
}