@charset "UTF-8";


h3{
	margin-top: 150px;
}

p{
	text-align: center;
	font-size: 2rem;
	line-height: 1.7;
}

.box_list{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 80px auto;
}
.box_list .box{
	flex-basis: 27%;
	background-color: #c3e3f5;
	padding: 20px;
	margin: 10px;
}
html.sp .box_list .box{
	box-sizing: border-box;
	flex-basis: 45%;
}
.box_list .box .image{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}
.box_list .box h4{
	text-align: center;
	font-size: 22px;
	letter-spacing: 1px;
	color: #005bab;
	border-bottom: 1px solid #005bab;
	padding: 0 0 10px;
	margin: 0 0 15px;
}
html.sp .kojin_page .box_list .box:nth-of-type(3) h4{
	padding: 23px 0;
}
.box_list .box p{
	text-align: justify;
	font-size: 16px;
}
.box_list .box:nth-of-type(2n){
	background-color: #e8f4fb;
}
html.sp .box_list .box:nth-of-type(2n){
	background-color: #c3e3f5;
}
html.sp .box_list .box:nth-of-type(4n+2),
html.sp .box_list .box:nth-of-type(4n+3){
	background-color: #e8f4fb;
}

.toriatukai p.blue{
	letter-spacing: 7px;
	margin-bottom: 15px;
}

.box_list2{
	display: flex;
	justify-content: start;
	flex-wrap: wrap;
	width: 680px;
	margin: 0 auto 100px;
}
html.sp .box_list2{
	width: 100%;
}
.box_list2 .box{
	flex-basis: 46.8%;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 95px;
	margin: 9px;
	border: 1px solid #005bab;
}
html.sp .box_list2 .box{
	box-sizing: border-box;
	padding: 0 10px;
	margin: 5px;
}

.box_list3{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	/* width: 680px; */
	margin: 100px auto 100px;
}
.box_list3 .box{
	flex-basis: 31%;
	text-align: center;
	/* padding: 0 0 20px; */
	margin: 9px 9px 70px;
	border: 1px solid #0665b9;
}
html.sp .box_list3 .box{
	flex-basis: 45%;
}
.box_list3 .box .head_image{
	margin: -39px 0 0;
}
.box_list3 .box h4{
	font-size: 2rem;
	color: #07569E;
	margin: 10px 0 13px;
}
.box_list3 .box .row{
	margin: 0px 9px 30px;
}
.box_list3 .box h5{
	font-size: 1.6rem;
	color: #fff;
	background-color: #07569E;
	padding: 3px 0;
	margin: 0px 0 25px;
}
.box_list3 .box a{
	transition: opacity 0.15s linear;
}
.box_list3 .box a:hover{
	opacity: 0.7;
}
.box_list3 .box p{
	color: #07569E;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 15px 0;
}