@charset "UTF-8";

@media screen and (max-width:1024px){
br.br1024-non{display:none;}
}

ul.feature-list{
	display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;
}
ul.feature-list li{
	position:relative;
	display:flex;
	align-items:center;
	width:calc((100% - 60px)/5);
	margin-right:15px;
	border:1px solid #e0e0e0;
	border-radius:10px;
	box-shadow:0 3px 0 rgba(0,0,0,0.1);
	transform:translateY(0);
	transition:0.2s ease;
}
ul.feature-list li:hover{
	background:#F3F9FF;
	transform:translateY(3px);
	box-shadow:0 0 0 rgba(0,0,0,0.1);
	border-color:#A1D8FF;
}
ul.feature-list li:nth-child(5n){margin-right:0;}
ul.feature-list li:nth-child(n + 6){margin-top:15px;}

ul.feature-list li::before{
	position:absolute;
	content:"";
	bottom:5px;
	left:50%;
	transform:translateX(-50%);
	border:6px solid transparent;
	border-top:6px solid #111;
	transition:0.2s ease;
}
ul.feature-list li:hover::before{border-top-color:#0068B7;}

ul.feature-list li a{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	width:100%;
	height:100%;
	color:#111;
	font-size:12px;
	line-height:1.3;
	font-weight:600;
	text-decoration:none;
	padding:30px 15px;
	transition:0.2s ease;
}
ul.feature-list li a div.img{
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto;
	width:60px;
	height:60px;
}
ul.feature-list li a div.img img{width:100%;}

ul.feature-list li a span.label{
	display:block;
	color:#0068B7;
	font-size:12px;
	padding-bottom:0.25em;
	margin-top:10px;
}
ul.feature-list li a:hover{
	color:#0068B7;
}


div.feature-box{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
div.feature-box.reverse{flex-direction:row-reverse;}
* + div.feature-box{margin-top:clamp(50px,9.765vw,75px);}

div.feature-box div.img{width:300px;}
div.feature-box div.img img{width:100%;}

div.feature-box div.txt{width:calc(100% - clamp(320px,39.0625vw,400px));}
div.feature-box span.label{
	display:block;
	color:#0068B7;
	font-size:16px;
	font-weight:600;
}
div.feature-box h2{
	font-size:clamp(24px,3.906vw,40px);
	font-weight:600;
	line-height:1.5;
	text-align:left;
	padding-top:5px;
	margin:0;
}
div.feature-box p{
	color:#666;
	font-size:clamp(14px,2.083vw,16px);
	line-height:2;
}
div.feature-box h2 + div.read{margin-top:15px;}
div.feature-box p + p{margin-top:1em;}

@media screen and (max-width:768px){

div.dis-768-non{display:none;}
div.dis-768-non + div.lower-area{margin-top:15px;}

div.feature-box,
div.feature-box.reverse{
	flex-direction:column;
	align-items:flex-start;
	width:390px;
	margin-left:auto;
	margin-right:auto;
}

div.feature-box div.txt{
	display:contents;
	width:100%;
}

div.feature-box span.label{order:1;}
div.feature-box h2{order:2;}
div.feature-box div.img{
	order:3;
	margin:15px auto 0;
}
div.feature-box div.read{order:4;}

}