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

#sec01 {
	padding: 8vw 0;
}
#sec01 .lead {
	
	text-align: center;

}
#sec02 {

/*	background-image: url("../img/img01-1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;*/
}
#sec02 .baseBox {
	position: sticky;
	top: 0;
	left: 0;
}
#sec02 .itemWrap {
	width: 36%;
	margin-left: 60%;
	max-width: 600px;
	background-color: rgba(255,255,255,0.9);
	padding: 5vw ;
	position: relative;
	z-index: 1;
}
#sec02 .itemWrap .itemBox {
	container-type: inline-size;
	padding-bottom: 50px;
}
#sec02 .itemWrap .itemBox .imgBox {
	position: relative;
	
}
#sec02 .itemWrap .itemBox .imgBox .num {
	position: absolute;
	font-size: 40cqw;
	font-weight: 200;
	line-height: 1;
	left: 1%;
	bottom: 0%;
	color: #fff;
}
#sec02 .itemWrap .itemBox dl {
	padding: 30px 0;
}
#sec02 .itemWrap .itemBox dt {
	font-size: 5cqw;
}
#sec02 .itemWrap .itemBox dd {
	padding: 1em 0;
	font-size: 4cqw;
}

@media screen and (max-width: 959px) {
	#sec02 .itemWrap {
		width: 50%;
		margin-left: 45%;
	}
}

@media screen and (max-width: 599px) {
	#sec02 .itemWrap {
		width: 80%;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: 10%;
		box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
	}
	#sec02 .itemWrap .itemBox {
		padding-bottom: 7px;
		padding-top: 7px;
	}
	#sec02 .itemWrap .itemBox dl {
		padding: 15px 0;
	}
	#sec02 .itemWrap .itemBox dt {
		font-size: 6cqw;
	}
	#sec02 .itemWrap .itemBox dd {
		padding: 1em 0;
		font-size: 5.2cqw;
	}
}