.section{
	background-color:var(--theme-blue);
	position:relative;
	color:#fff;
}




.sec1{
	padding:4.6875% 0 5.2%;
}
.sec1 .inner{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .title{
	width:36.3%;
}
.sec1 h3{
	font-size: 3.25em;
	line-height: 1.33;
	margin-bottom:0.77em;
}
.sec1 h5{
	font-size:1.125em;
}
.sec1 .title h5{
	font-weight:normal;
	opacity:0.65;
	line-height:1.67;
}
.sec1 p{
	line-height: 1.3125;
	opacity:0.45;
	margin-top:3.75%;
}
.sec1 ul{
	width:47.1%;
}
.sec1 li{
	border-bottom:1px solid rgba(255,255,255,0.25);
	margin-bottom:6.25%;
	padding-bottom:4.75%;
}
.sec1 li:last-child{
	margin-bottom:0;
}


.sec2{
	padding:5.2% 0 7%;
}
.sec2 .inner{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
	flex-wrap:wrap;
}
.sec2 .inner::after{
	content:"";
	display:block;
	width:28.125em;
}
.sec2 h5{
	font-size: 1.375em;
	line-height: 1.23;
	margin-bottom:0.55em;
}
.sec2 p{
	line-height:1.3125;
	opacity:0.7;
}
.sec2 a{
	transition:opacity 0.5s,transform 0.5s;
	width:28.125em;
	margin-bottom:5%;
}
.sec2 a.nohover{
	opacity:0.15;
	transform:scale(0.9);
}
.sec2 .img-box{
	border-radius:1.25em;
	overflow:hidden;
	position:relative;
	margin-bottom:2em;
	transition:border-radius 0.5s;
}
.sec2 a.hover .img-box{
	border-radius:50%;
}
.sec2 .img-box::before{
	content:"";
	padding-top:100%;
	display:block;
}
.sec2 .img-box img{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:cover;
}



@media only screen and (min-width:1025px){
}


@media only screen and (max-width:1024px){
	.sec1{
		padding:10% 0 7.5%;
	}
	.sec1 .inner{
		display:block;
	}
	.sec1 .title{
		width:100%;
		margin-bottom:10%;
	}
	.sec1 h3{
		font-size: 2.75em;
	}
	.sec1 ul{
		width:100%;
	}


	.sec2{
		padding:7.5% 0 10%;
	}
	.sec2 .inner{
		display:block;
	}
	.sec2 .inner::after{
		display:none;
	}
	.sec2 a{
		display:block;
		width:100%;
		margin-bottom:10%;
	}
}