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

/*_______________________________

            PC
_______________________________*/



/* 　　#safe-system 　page
________________________________*/

.key_v{
	 background: url(../img/system_main_bg_v1.webp) no-repeat center #f4f1de;
}
.contents{

}
.contents h2{
	margin-bottom: 30px;
}
.contents .system{
	background:  url(../img/system_contents_bg.jpg) no-repeat top;
	padding: 40px 30px 0;
	margin-bottom: 40px;
}
.contents .system p{
	font-size: 12px;
	width: 50%;
	margin-bottom: 30px;
}
.contents .system dl{
	background: #f4ebda;
	padding: 30px 20px 30px 120px;
	margin-bottom:10px;
	position: relative;
}
.contents .system dl:before {
    content: '';
    display: block;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    left: 20px;
}
.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: 22px;
	margin-bottom: 10px;
}
.contents .system dd{
	font-size: 15px;
}

.contents .vow{
	background:  url("../img/common_btm_bg.jpg") no-repeat bottom;
	padding:0 30px 40px;
}
.contents .vow .box1{
	float: left;
	width: calc(50% - 5px);
	clear: both;
}
.contents .vow .box2{
	float: right;
	width: calc(50% - 5px);
}
.contents .vow dl{
	margin-bottom: 20px;
}
.contents .vow dl:last-of-type{
	margin-bottom: 0;
}
.contents .vow dt{
	font-size: 14px;
	margin-bottom: 10px;
	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;
}