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

#secTit {
	position: relative;
	margin-top: 0!important;
}

#secTit h4 {
	position: absolute;
	font-size:2.4vw;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	color: #fff;
}
#secTit dl {
	position: absolute;
	
	right: 5%;
	bottom: 5%;
	background-color: rgba(0,0,0,0.7);
	color: #fff;
	padding: 1em;
}
#secTit dt {
	font-size: 16px;
}
#secTit dd {
	font-size: 13px;
}

/*#sec01 {
	padding: 6% 0;
	background-color: #fff;
	color: #000;
	
}
#sec01 > div {
	max-width: 1000px;
	margin: 0 auto;
}
#sec01 .h3Wrap {}
#sec01 .h3Wrap h3 {
	font-size: 24px;
	text-align: center;
	padding-bottom: 1em;
	
}
#sec01 .h3Wrap p.lead {
	font-size: 16px;
	text-align: center;
	padding-bottom: 1em;
	line-height: 2;
}*/
/*#sec01 .itemBox dt {
	font-size: 16px;
	padding: 0.5em 0;
}*/
.row01 {
	padding-top: 5%;
}
.row01 .leftBox {
	width: 37%;
	max-width: 370px;
	
}
.row01 .leftBox ul {
	padding-top: 1em;
}
.row01 .leftBox ul li {
	width: 32%;
	color: #4681a5;
	border: #4681a5 solid 1px;
	height: 2.5em;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	letter-spacing: 0em;
}
.row01 .rightBox {
	width: 58%;
	max-width: 580px;
}
.row01 .rightBox .imgBox {
	width: 52%;
	max-width: 300px;
}
.row01 .rightBox dl {
	width: 46%;
}
.row01 .rightBox .points {
	width: 100%;
	padding-top: 5px;
}
.row01 .rightBox .points dl {
	width: 100%;
	border: #4681a5 solid 1px;
	margin-bottom: 3px;
}
.row01 .rightBox .points dt {
	background-color: #717071;
	color: #fff;
	font-size: 13px!important;
	width: 10em;
	padding: 0.4em 1em;
	text-align: center;
}
.row01 .rightBox .points dd {
	width: calc(100% - 10em);
	color: #4681a5;
	padding: 0.4em 1em;
	
}
.row02 {
	padding-top: 5%;
}
.row02 .itemBox {
	width: 30%;
	padding-bottom: 30px;
}
.row03 {
	padding-top: 5%;
}
.row03 .fig01 {
	
}
.row03 .fig02 {
	padding-top: 3%;
	max-width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 959px) {
	.row01 .leftBox ul li {
		width: 100%;
		margin-bottom: 4px;
		}
}

@media screen and (max-width: 599px) {
	#sec01 .h3Wrap h3 {
		font-size: 18px;
	}
	.row01 {max-width: 360px;}
	.row01 .leftBox,.row01 .rightBox {
		width: 100%;
		max-width: 100%;
		margin-bottom: 20px;

	}
	.row01 .rightBox .imgBox {
		width: 70%;
		max-width: 300px;
		margin: 0 auto;
	}
	.row01 .rightBox dl {
		width: 100%;
	}
	.row01 .rightBox dt,
	.row02 .itemBox dt {
		text-align: center;
		font-size: 15px;
		text-align: center;
	}
	.row02 .itemBox {
		width: 100%;
		padding-bottom: 30px;
	}
	.row02 .itemBox .imgBox {
		max-width: 300px;
		margin: 0 auto;
	}
}