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


.contents01 {
	width: 1170px;
}

/* layout01 */

.layout01 {
	padding-top: 50px;
}

.layout01 .box {
	position: relative;
	background-color: #edf9d6;
	border-radius: 30px;
	padding: 80px 80px 50px;
}

.layout01 .box:not(:last-child) {
	margin-bottom: 100px;
}

.layout01 .box-detail {
	background-color: #FFF;
	border-radius: 20px;
	padding: 60px 100px;
}

.layout01 .item {
	padding: 15px 10px;
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	text-align: left;
}

.layout01 .item:not(:last-child) {
	border-bottom-style : solid;
border-color : rgba(0, 0, 0, 0.3);
border-width : 1px;
}


.layout01 h5, .layout01 h6 {
	font-family: "Zen Maru Gothic", serif;
color: #1fb589;
line-height: 1.2;
letter-spacing: 0.2em;
font-weight: 400;
}

.layout01 h5 {
	font-size: 18px;
letter-spacing: 0.1em;
	line-height: 1.8;
	width: 25%;
}

.layout01 h6 {
	position: absolute;
left:10%;
top: 0px;
	width: 80%;
	display: block;
	padding: 15px;
	font-size: 32px;
	background-color: #d3ede2;
	border-radius: 60px;
	margin-top: -30px;
}

.layout01 p {
	flex: 1;
}


.sp-view {
	display: none;
}