@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;
}

@media screen and (max-width:1024px){
	.cont{
		padding:5% 0 9%;
	}
}

@media screen and (max-width:768px){
	.cont{
		padding:5% 0 9%;
	}
	.cont > h2{
		font-size:4vw;
	}
}


/* #cont1 */
#cont1{
	padding:30px 0;
	background:url(../images/top/cont6_bg.png) center center;
	background-size:90px auto;
}
#cont1 .inner{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont1 .inner li{
	width:48.8%;
	padding:1.5%;
	background-color:#fff;
}
#cont1 .inner li h2{
	line-height:3.2;
	font-size:26px;
	font-weight:900;
	text-align:center;
	position:relative;
}
#cont1 .inner li h2:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5em 0.5em 0 0.5em;
	border-color: #0092d7 transparent transparent transparent;
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
}
#cont1 .inner li:last-child h2:after{
	border-color: #ffdb32 transparent transparent transparent;
}

#cont1 .inner li .start{
	margin:1em 0 0.5em;
	font-size:20px;
	font-weight:bold;
}
#cont1 .inner li dl{
	padding:3%;
	background-color:#f0f9fd;
	font-size:20px;
	font-weight:bold;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
#cont1 .inner li dl dt{
	width:7em;
	margin-right:0.5em;
	padding-right:1em;
	line-height:3;
	font-weight:900;
	text-align:center;
	background-color:#294667;
	position:relative;
}
#cont1 .inner li dl dt:before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 1.2em 1.5em 0;
	border-color: transparent #f0f9fd transparent transparent;
	position:absolute;
	right:0;
	top:0;
}
#cont1 .inner li dl dt:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 1.5em 1.2em;
	border-color: transparent transparent #f0f9fd transparent;
	position:absolute;
	right:0;
	bottom:0;
}
#cont1 .inner li dl dd{
	width:calc(100%- 7em);
	line-height:1.2;
}
#cont1 .inner li dl dd .orange{
	line-height:0.9;
	font-size:75px;
}
#cont1 .inner li dl dd .middle{
	font-size:28px;
}
#cont1 .inner li .caution{
	margin-top:1em;
}

@media screen and (max-width:1024px){
	#cont1 .inner li{
		font-size:1.7vw;
	}
	#cont1 .inner li h2{
		font-size:2.6vw;
	}
	#cont1 .inner li .start{
		font-size:2.2vw;
	}
	#cont1 .inner li dl{
		font-size:2vw;
	}
	#cont1 .inner li dl dd .orange{
		font-size:7.5vw;
	}
	#cont1 .inner li dl dd .middle{
		font-size:2.8vw;
	}
}

@media screen and (max-width:768px){
	#cont1{
		padding:3% 0;
	}
	#cont1 .inner{
		display: block;
	}
	#cont1 .inner li{
		width:90%;
		margin:3% auto;
		font-size:3.2vw;
	}
	#cont1 .inner li h2{
		font-size:4.5vw;
	}
	#cont1 .inner li .start{
		font-size:4vw;
	}
	#cont1 .inner li dl{
		font-size:3.8vw;
	}
	#cont1 .inner li dl dd .orange{
		font-size:14vw;
	}
	#cont1 .inner li dl dd .middle{
		font-size:5vw;
	}
}


/* #cont2 */
#cont2{
}
#cont2 ol{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
}
#cont2 ol li{
	width:23%;
	position:relative;
}
#cont2 ol li:nth-child(n+2){
	margin-left:-2.5%;
}
#cont2 ol li:first-child{
	z-index:5;
}
#cont2 ol li:nth-child(2){
	z-index:4;
}
#cont2 ol li:nth-child(3){
	z-index:3;
}
#cont2 ol li:nth-child(4){
	z-index:2;
}
#cont2 ol li:last-child{
	width:19.1%;
}
#cont2 .sky{
	margin:0.3em 0 0.8em;
	line-height:2;
	font-weight:bold;
	text-align:center;
	background-color:#f0f9fd;
}
#cont2 .caution{
	padding-left:1.2em;
	text-indent:-1.2em;
	display:block;
	font-size:15px;
	text-align:left;
}

@media screen and (max-width:768px){
	#cont2 ol{
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#cont2 ol li{
		width:34%;
	}
	#cont2 ol li:last-child{
		width:28.2%;
	}
	#cont2 .caution{
		font-size:3.2vw;
	}
}