@charset "utf-8";

/* .cont */
.cont{
	padding:50px 0 90px;
	text-align:left;
}
.cont h2{
	font-size:26px;
	font-weight:900;
}
.cont h2 + p{
	margin:0.3em 0 1.2em;
}
.cont .sky{
	padding:1.5%;
}
.cont .sky ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cont .sky ul li{
	width:32%;
	line-height:1.3;
}
.cont .sky ul li:nth-child(even){
	width:58%;
}
.cont .sky ul li span{
	margin-right:0.1em;
	font-size:24px;
}
.cont .sky p{
	line-height:2;
	margin-top:1em;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	background-color:#fff;
}

.cont .flex{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cont .flex li{
	width:30%;
	margin-top:5%;
	border-radius:1.5em 0 1.5em 0;
	overflow:hidden;
}
.cont .flex li a{
	display:block;
}
.cont .flex li a:hover{
	opacity:1;
}
.cont .flex li a figure figcaption{
	padding-left:2.2em;
	line-height:3;
	font-weight:900;
	background:#0092d7 url(../images/func/cont_arrow.svg)no-repeat 1em center;
	background-size:0.8em;
	position:relative;
	z-index:1;
}
.cont .flex li a figure img{
	display:block;
	transition : transform 0.8s;
	-webkit-transition : transform 0.8s;
}
.cont .flex li a:hover figure img{
	transform:scale(1.2);
}


@media screen and (max-width:1024px){
	.cont{
		padding:5% 0 9%;
	}
	.cont h2 + p br{
		display:none;
	}
	.cont .sky{
		text-align:center;
	}
	.cont .sky ul{
		display:inline-block;
	}
	.cont .sky ul li{
		width:auto;
		text-align:left;
	}
	.cont .sky ul li:nth-child(even){
		width:auto;
	}
	.cont .sky ul li span{
		margin-right:0.1em;
		font-size:24px;
	}
	.cont .sky p{
		line-height:2;
		margin-top:1em;
		font-size:22px;
		font-weight:bold;
		text-align:center;
		background-color:#fff;
	}
	
	.cont .flex li{
		width:32%;
		margin-top:3%;
	}
}

@media screen and (max-width:768px){
	.cont{
		padding:5% 0 9%;
	}
	.cont h2{
		font-size:4vw;
	}
	.cont .sky{
		padding:3% 5%;
	}
	.cont .sky ul li{
		width:auto;
		padding-left:1.2em;
		text-indent:-0.8em;
		text-align:left;
	}
	.cont .sky ul li:nth-child(even){
		width:auto;
	}
	.cont .sky ul li span{
		margin-right:0.1em;
		font-size:4vw;
	}
	.cont .sky p{
		padding:0.5em 0;
		line-height:1.3;
		font-size:4vw;
	}
	.cont .flex li{
		width:48%;
		margin-top:5%;
	}
	.cont .flex li a figure figcaption{
		line-height:2.4;
}