@charset "utf-8";
#underPage #mainVisual{
	background: url("../img/mainVisual.jpg") no-repeat right bottom;
	background-size: cover;
}
#underPage #mainVisual h2{
	color: #fff;
}

#contentsBlock .contents > section{
	margin-bottom: 120px;
}

#contentsBlock .contents > section p{
	font-weight: 400;
	margin-bottom: 20px;
	text-align: left;
}

.hd03{
	margin-bottom: 60px;
}

.hd05.blue::before{
	background: #00a7e4;
}

.anker_link_wrap{
	max-width: 717px;
	width: 100%;
	margin: 0 auto;
}
.anker_link_wrap > p{
	color: #00aeeb;
}
.anker_link_ul li{
	max-width: 330px;
	width: 48%;
	height: auto;
}
	.anker_link_ul li a{
		padding: 0;
		display: block;
	}
		.anker_link_ul li a img{
			margin-bottom: 0;
		}
		.anker_link_ul li a p{
			padding: 25px;
			text-align: left;
		}

.anker_link_ul li a::after{
	right: 20px;
	bottom: 31px;
	left: inherit;
	transform: rotate(45deg);
}

.blue_lead{
	font-size: 3.2rem;
	font-weight: bold !important;
	color: #00aeeb;
	text-align: left;
	line-height: 1.2;
	margin-bottom: 20px;
}

#sec_01 > figure{
	margin-bottom: 60px;
}

#sec_01 > section{
	margin-bottom: 60px;
}

#sec_01 > section .hd05{
	margin-bottom: 0;
}

.icon_wrap{
	max-width: 865px;
	width: 100%;
	margin: 0 auto;
}
.icon_wrap ul{
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 50px;
}
	.icon_wrap ul li{
		max-width: 182px;
		width: 26%;
	}
		.icon_wrap ul li div{
			margin-bottom: 10px;
		}
		.icon_wrap ul li figcaption{
			font-size: 1.6rem;
			color: #00aeeb;
			line-height: 1.2;
			font-weight: 400;
		}

.lead_box{
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	text-align: left;
	padding: 40px 0;
}
.lead_box h5{
	font-size: 3.2rem;
	margin-bottom: 5px;
}
#contentsBlock .contents > section .lead_box p{
	margin-bottom: 0;
}
.card_wrap{
	align-items: flex-start;
}
	.card_wrap .card{
		width: 47.5%;
	}

.card_wrap .card .hd05{
	margin-bottom: 10px !important;
}

.card_wrap .card > .flex{
	justify-content: flex-start;
}
	.card_wrap .card > .flex figure{
		margin-right: 20px;
	}
	.card_wrap .card > .flex p{
		font-size: 3rem;
		font-weight: 400;
		margin-bottom: 0 !important;
		line-height: 1.2;
		text-align: left;
	}
		.card_wrap .card > .flex p span{
			font-size: 5rem;
			font-family: 'Roboto', sans-serif;
		}

.card_wrap .card table{
	width: 100%;
	border-collapse: collapse;
	/*margin-top: 66px;*/
	margin-top: 26px;
}
	.card_wrap .card table th,
	.card_wrap .card table td{
		width: 50%;
		border-collapse: collapse;
		padding: 5px 10px;
	}
	.card_wrap .card table tr:nth-child(odd) th,
	.card_wrap .card table tr:nth-child(odd) td{
		background: #efefef;
	}
	.card_wrap .card table th{
		text-align: left;
		font-weight: 400;
	}
	.card_wrap .card table td{
		text-align: right;
	}

@media screen and (max-width: 1060px){
	.card_wrap .card > .flex p{
		font-size: 2vw;
	}
		.card_wrap .card > .flex p span{
			font-size: 3.8vw;
		}
}
@media screen and (max-width: 1023px){
	.card_wrap .card table{
		margin-top: 54px;
	}
}
@media screen and (max-width: 767px){
	#underPage #mainVisual{
		background: url("../img/mainVisual_sp.jpg") no-repeat right center;
		background-size: cover;
	}
	#contentsBlock .contents > section{
		margin-bottom: 50px;
	}
	.hd03{
		margin-bottom: 30px;
	}
	.blue_lead{
		font-size: 2rem;
		margin-top: 35px
	}
	#sec_01 > figure{
		margin: 0 -20px 40px;
	}
	#sec_01 > section{
		margin-bottom: 20px;
	}
	.card_wrap{
		display: block;
	}
		.card_wrap .card{
			width: 100%;
			margin-bottom: 20px;
		}
	
	.card_wrap .card > .flex p{
		font-size: 2rem
	}
		.card_wrap .card > .flex p span{
			font-size: 3.4rem;
		}
	
	.card_wrap .card table{
		margin-top: 20px;
		font-size: 1.8rem;
	}
	.card_wrap .card > .flex figure {
		max-width: 160px;
		width: 100%;
	}

	.icon_wrap{
		max-width: inherit;
	}
	.icon_wrap ul{
		display: flex;
		flex-wrap: wrap;
	}
	.icon_wrap ul li{
		width: 25%;
		margin: 0 10px 10px;
	}
	.icon_wrap ul li div{
		width: 70%;
		margin: 0 auto 10px;
	}
	.icon_wrap ul li figcaption{
		font-size: 1.4rem;
	}
	.lead_box{
		padding: 10px 0 20px;
	}
	.lead_box h5{
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 480px){
	.icon_wrap ul{
		justify-content: flex-start;
		margin: 0 auto 20px;
		max-width: 375px;
		width: 100%;
	}
	.icon_wrap ul li{
		width: 48.5%;
		margin: 0 3% 6% 0%;
	}
	.icon_wrap ul li:nth-child(2n){
		margin-right: 0;
	}
	.card_wrap .card > .flex figure{
		width: 20%;
	}
	.card_wrap .card.card04 > .flex figure,
	.card_wrap .card.card05 > .flex figure{
		width: 30%;
	}
	.card_wrap .card.card05 > .flex figure img{
		width: 60%;
	}
	.card_wrap .card table th{
		width: 70%;
		padding-right: 0;
	}
	.card_wrap .card table td{
		width: 30%;
	}
}