@charset "UTF-8";
/* CSS Document */
.notes-area {
    margin: 0% auto 0;
}
#contentWrap {
	background-image: url("../../images/bg.jpg");
	background-size: cover;
	color: #000;
}
#contentWrap .boxWidth {
	background-color: #fff;
	box-shadow: 2px 6px 10px rgba(0,0,0,0.6);
	padding: 30px 50px;
}
h3.h3-01 {
color: #000;
	border-bottom: #847f4d solid 1px;
	}
h3.h3-01 .engTxt {
	color: #9899bf;
}
#sec01 {
	padding: 50px 0;
}
#sec01 > div {
	background-color: #f9f6ed;
	padding: 30px;
}
#sec01 > div dt {
	font-size: 16px;
}
#sec01 > div dd {
	font-size: 13px;
	line-height: 1.4;
	padding: 1em 0;
}
#sec01 .leftBox {
	width: 45%;

}
#sec01 .rightBox {
	width: 52%;
}



#sec02 {
padding-bottom: 30px;
}
#sec02 .itemBox {
	width: 31%;
	align-items: center;
}
#sec02 .itemBox .imgBox {
	width: 55%;
	max-width: 200px;
}
#sec02 .itemBox .imgBox .caption {
	position: absolute;
	top: 101%;
	left: 0;
	font-size: 10px;
}
#sec02 .itemBox dl {
	width: 42%;
}
#sec02 .itemBox dt {
	font-size: 1.2vw;
		font-size: clamp(12px, 1.2vw, 14px);
	border-bottom: #999 solid 1px;
}
#sec02 .itemBox dd {
	padding-top: 0.5em;
}
#sec02 .lineBox {
	width: 1px;
	background-color: #777;
}



@media screen and (max-width: 959px){
	#sec01 .leftBox {
		width: 100%;

	}
	#sec01 .leftBox .imgBox {
		max-width: 400px;
		margin: 0 auto;
	}
	#sec01 .rightBox {
		width: 100%;
	}
	#sec02 .itemBox .imgBox {
		width: 100%;
		max-width: 200px;
	}
	#sec02 .itemBox .imgBox .caption {
		position: absolute;
		top: 101%;
		left: 0;
		font-size: 10px;
	}
	#sec02 .itemBox dl {
		width: 100%;
		margin-top: 20px;
	}
	#sec02 .itemBox dt {
		font-size: 15px;
	}
	#sec02 .itemBox dd {
		font-size: 13px;
	}

	
}

@media screen and (max-width: 599px){
	#contentWrap .boxWidth {
    background-color: #fff;
    box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.6);
    padding: 20px;
	}
	#sec01 {
    padding: 20px 0;
	}
	#sec01 > div {
		padding: 20px;
	}
	#sec02 {
		width: 90%;
		max-width: 350px;
		margin: 0 auto;
	}
	#sec02 .itemBox {
    width: 100%;
    align-items: center;
		padding: 20px 0;
	}
	#sec02 .itemBox .imgBox {
		margin: 0 auto;
	}
	#sec02 .itemBox dl {
		margin-top: 10px;
	}
	#contentWrap {
		padding: 10px 0;
  }

}