@charset "utf-8";

/* -------------------------------------------------- */
/* #block-team */
/* -------------------------------------------------- */
#block-team .list-team{display:flex;flex-wrap:wrap;gap:40px;}
#block-team .list-team > li{width:calc((100% - 120px) / 4);box-shadow:0 0 15px rgba(0,0,0,0.1);background:#fff;border-radius:10px;overflow:hidden;}
#block-team .list-team > li a{display:flex;flex-direction:column;height:100%;}
#block-team .list-team > li .inner{flex:1;padding:30px 20px;min-height:145px;display:flex;flex-direction:column;justify-content:center;}
#block-team .list-team > li .detail{font-size:1.8rem;background:#d5443f;color:#fff;text-align:center;padding:14px 50px;letter-spacing:0.02em;line-height:1.4;position:relative;}
#block-team .list-team > li .detail::after{content:"";display:block;width:20px;height:20px;background:url(../img/icon-plus-white.svg) no-repeat;background-size:contain;position:absolute;right:20px;top:50%;margin-top:-10px;}
#block-team .list-team > li .position{font-weight:bold;margin:0;line-height:1.5;margin-bottom:12px;}
#block-team .list-team > li .name{font-size:2.2rem;font-weight:bold;margin:0;line-height:1.4;}


/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:999px){
	/* -------------------------------------------------- */
	/* #block-team */
	/* -------------------------------------------------- */
	#block-team .list-team{gap:20px;}
	#block-team .list-team > li{width:calc((100% - 40px) / 3);}

}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:767px){
		/* -------------------------------------------------- */
	/* #block-team */
	/* -------------------------------------------------- */
	#block-team .list-team{display:block;max-width:420px;margin:auto;}
	#block-team .list-team > li{width:100%;}
	#block-team .list-team > li + li{margin-top:15px;}
	#block-team .list-team > li .inner{min-height:1px;padding:25px 20px;}
	#block-team .list-team > li .position{margin-bottom:5px;}	
	#block-team .list-team > li .detail{font-size:1.6rem;padding:8px 30px;}
	#block-team .list-team > li .detail::after{width:14px;height:14px;margin-top:-7px;}
	
}