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


.container {
	padding-top: 30px;
}

.container > section:not(:last-child) {
	margin-bottom: 100px;
}


.midashi02 h4 {
	padding-bottom: 25px;
	border-bottom-style : solid;
border-color : #3F3B3A;
border-width : 1px;
}

/* contents01 */

.contents01 > div:not(:last-child) {
	margin-bottom: 100px;
}

.contents01 .box-wrap > div:not(:last-child) {
	margin-bottom: 50px;
}

.contents01 .box-wrap:last-child > div:not(:last-child) {
	margin-bottom: 0px;
}

.contents01 h3 {
	font-size: 20px;
	color: #C30013;
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: 700;
	margin-bottom: 30px;
}


/* lay01 */

.lay01 {
	position: relative;
	padding-right: 100px;
}

.lay01 p {
	line-height: 2;
}


/* lay02 */

.lay02 {
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	gap:0px 60px;
}

.lay02 .box01 {
	flex: 1;
}

.lay02 .box02 {
	width: 360px;
}

.lay02 .box {
	background-color: #F8F8FE;
	padding: 35px 40px;
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	border-radius: 20px;
}

.lay02a .box {
	padding: 35px 80px;
}

.lay02 .box:not(:last-child) {
	margin-bottom: 20px;
}

.lay02 ul {
	width: 75%;
}

.lay02 ul li {
line-height: 1.6;
letter-spacing: 0.05em;
font-weight: 400;
	text-indent: -16px;
	margin-left: 16px;
}

.lay02 ul li:not(:last-child) {
	margin-bottom: 5px;
}

.lay02 p {
	font-size: 20px;
line-height: 1.2;
}


/* lay03 */

.lay03 {
	display: flex;
  justify-content: flex-start;
flex-wrap: wrap;
	gap:40px 25px;
}

.lay03 .box {
	width: 350px;
}

.lay03 .box img {
	border-radius: 20px;
}

.lay03 p {
	padding-top: 15px;
}


/* lay04 */

.lay04 {
	background-color: #F8F8FE;
	padding: 35px 50px;
	border-radius: 20px;
	display: flex;
  justify-content: space-between;
flex-wrap: wrap;
	gap:0px 80px;
}

.lay04 .box-text {
	flex: 1;
}

.lay04 .box-img {
	width: 190px;
}



.sp-view {
	display: none;
}

