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


.container {
	padding-top: 30px;
}

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

/* contents01 */

.contents01 > div:not(:last-child) {
	padding-bottom: 90px;
	margin-bottom: 80px;
	border-bottom-style : solid;
border-color : #3F3B3A;
border-width : 1px;
}


/* lay01 */

.lay01 {
	width: 100%;
	position: relative;
}

.lay01 .box {
	width: 100%;
	display: flex;
  justify-content: flex-start;
flex-wrap: wrap;
	gap:0px 50px;
}

.lay01 .box:nth-child(odd) {
	flex-direction: row-reverse;
}

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

.lay01 .box01 {
	width: 55%;
}

.lay01 .box01 img {
	height: 460px;
}

.lay01 .box:nth-child(odd) .box01 img {
	border-radius: 30px 0px 0px 30px;
}

.lay01 .box:nth-child(even) .box01 img {
	border-radius: 0px 30px 30px 0px;
}

.lay01 .box02 {
	width: 440px;
}

.lay01 h3 {
	font-size: 28px;
	color: #C30013;
line-height: 1.2;
letter-spacing: 0,05em;
font-weight: 700;
	padding: 25px 0px;
	margin-bottom: 25px;
	border-bottom-style : solid;
border-color : #3F3B3A;
border-width : 1px;
}

.lay01 h4 {
	font-size: 20px;
line-height: 1.2;
letter-spacing: 0,05em;
font-weight: 700;
	padding: 40px 0px 5px;
}

.lay01 p {
	line-height: 2;
}


/* lay02 */

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

.lay02 .box {
	width: 350px;
}

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

.lay02 h3 {
	font-size: 28px;
	color: #C30013;
line-height: 1.2;
font-weight: 500;
	letter-spacing: 0.05em;
	margin-bottom: 40px;
	text-align: center;
}

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



.sp-view {
	display: none;
}