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

.contents01 {
	width: 1170px;
}

/* layout01 */

.layout01 {
	padding-top: 30px;
}

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

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

.layout01 .box-detail {
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
}

.layout01 .box-inner {
	background-color: #FFF;
	border-radius: 20px;
	padding: 30px;
	width: 48.5%;
}

.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: 25px;
	margin-bottom: 25px;
}

.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 {
	text-align: left;
	font-size: 16px;
	line-height: 2;
	letter-spacing: 0em;
}


/* layout02 */

.layout02 {
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	align-items: center;
}

.layout02 .box-img {
	width: 400px;
}

.layout02 .box-img img {
	border-radius: 50%;
}

.layout02 .box-text {
	flex: 1;
	padding-left: 50px;
	text-align: left;
}

.layout02 .box-text p {
	padding-top: 30px;
}

.sp-view {
	display: none;
}