@charset "utf-8";
main{
  	font-family: "Noto Sans Japanese", sans-serif;
}
a{
	-webkit-transition: opacity 0.3s;
	   -moz-transition: opacity 0.3s;
	    -ms-transition: opacity 0.3s;
	     -o-transition: opacity 0.3s;
	        transition: opacity 0.3s;
}
#main a:hover{
	opacity: 0.7;
}
.sec_member{
	margin: 60px 0;
}
.sec_member *{
	color: #000000;
}
.sec_member img{
	width: 100%;
	height: auto;
}
.sec_member .inner{
	width: 91.319%;
	max-width: 1315px;
	margin: 0 auto;
}
.sec_member h1{
	font-size: 48px;
	font-weight: 700;
	line-height: 1.2;
	margin-bottom: 20px;
	padding-bottom: 0;
}
.sec_member p{
  font-size: 14px;
}
.sec_member div{
  font-size: 14px;
}


.sec_member h2{
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 45px;
}
.flexbox{
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	margin-bottom: 50px;
}
.flexbox article{
	width: 32%;
	max-width: 417px;
	background: #FFFFFF;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.flexbox article figure{
	margin: 0;
	-webkit-border-radius: 8px 8px 0 0;
	        border-radius: 8px 8px 0 0;
}
.flexbox article figcaption{
	padding: 30px;
}
.flexbox article h3{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
	margin-bottom: 25px;
}
.flexbox article p{
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	margin-bottom: 25px;
}
.bottom_list{
	text-align: center;
}
.btn_mod{
	display: block;
	font-size: 16px;
	font-weight: 700;
	color: #CA123F;
}
.bottom_list .btn_mod{
	margin: 0 auto;
}
.btn_arrow{
	position: relative;
	padding-right: 15px;
}
.flexbox article .btn_arrow{
	text-align: right;
}
.btn_arrow::after{
	content: '';
	position: absolute;
	border: solid #CA123F;
	border-width: 0 2px 2px 0;
	padding: 4px;
	top: 8px;
	right: 0;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
	    -ms-transform: rotate(-45deg);
	     -o-transform: rotate(-45deg);
	        transform: rotate(-45deg);
}
.bottom_list .btn_bg,
.bottom_list .btn_border{
	margin-bottom: 24px;
	-webkit-border-radius: 8px;
	        border-radius: 8px;
}
.bottom_list .btn_arrow{
	width: 132px;
}
.btn_bg{
	width: 224px;
	padding: 12px 0;
	color: #FFFFFF;
	background: #CA123F;
}
.btn_border{
	width: 222px;
	padding: 11px 0;
	border: 1px solid #CA123F;
}


@media only screen and (max-width: 767px) {
	.sec_member{
		margin: 10.256vw 0;
	}
	.sec_member .inner{
		width: 94.359vw;
		max-width: 94.359vw;
	}
	.sec_member h1{
		font-size: 8.205vw;
		margin-bottom: 5.128vw;
	}
	.sec_member h2{
		font-size: 4.103vw;
		margin-bottom: 10.256vw;
	}
	.flexbox{
		display: block;
		margin-bottom: 13.846vw;
	}
	.flexbox article{
		width: 100%;
		max-width: 100%;
		-webkit-border-radius: 2.051vw;
		        border-radius: 2.051vw;
		margin-bottom: 10.256vw;
	}
	.flexbox article:last-child{
		margin-bottom: 0;
	}
	.flexbox article figure{
		-webkit-border-radius: 2.051vw 2.051vw 0 0;
		        border-radius: 2.051vw 2.051vw 0 0;
	}
	.flexbox article figcaption{
		padding: 5.128vw 3.846vw 10.256vw;
	}
	.flexbox article h3{
		font-size: 6.154vw;
		margin-bottom: 5.128vw;
	}
	.flexbox article p{
		font-size: 4.103vw;
		margin-bottom: 5.128vw;
	}
	.btn_mod{
		font-size: 4.103vw;
	}
	.btn_arrow{
		padding-right: 3.846vw;
	}
	.btn_arrow::after{
		border-width: 0 0.513vw 0.513vw 0;
		padding: 1.026vw;
		top: 2.051vw;
	}
	.bottom_list .btn_bg,
	.bottom_list .btn_border{
		margin-bottom: 6.154vw;
		-webkit-border-radius: 2.051vw;
		        border-radius: 2.051vw;
	}
	.bottom_list .btn_arrow{
		width: 33.846vw;
	}
	.btn_bg{
		width: 57.436vw;
		padding: 3.077vw 0;
	}
	.btn_border{
		width: 56.923vw;
		padding: 2.821vw 0;
		border: 0.256vw solid #CA123F;
	}
}