@charset "utf-8";

/*-------------------------------
	キービジュアル
-------------------------------*/

.Keyvisual{
	background-image: url(../images/member/bg_keyvisual.jpg);
    background-image: image-set(url(../images/member/bg_keyvisual.jpg) 1x, url(../images/member/bg_keyvisual@2x.jpg) 2x);
}
@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.Keyvisual{
		background-image: url(../images/member/sp_bg_keyvisual.jpg);
		background-image: image-set(url(../images/member/sp_bg_keyvisual.jpg) 1x, url(../images/member/sp_bg_keyvisual@2x.jpg) 2x);
	}
}


/*-------------------------------
	共通パーツのここだけ設定
-------------------------------*/
.Breadclumb{
	position: relative;
}
	.Breadclumb::after{
		width: 100%;
		height: calc(100% + 8rem);
			background: var(--maincolor);
		position: absolute;
			left: 0;
			top: -8rem;
		content: "";
		display: block;
		z-index: -1;
	}
.Breadclumb-list__item,
.C-title__jp,
.C-title__en{
	color: #fff;
}
.main,
.C-Link{
	background: var(--maincolor);
}
.C-Link{
	padding-top: 12rem; /*12rem;*/
	padding-bottom: 17rem; /*17rem;*/
}

.footer{
	margin-top: -5rem;
}


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){
	
	.main-wrap{
		position: relative;
	}
	.main-wrap::before{
		content: "";
		display: block;
		width: 100%;
		height: calc(100% + 9rem);
        position: absolute;
		top: -9rem;
        right: 0;
		background-image: url(../images/member/sp_bg_member.png);
		background-image: image-set(url(../images/member/sp_bg_member.png) 1x, url(../images/member/sp_bg_member@2x.png) 2x);
		background-size: 100%;
		background-position: top center;
	}
	.C-Link{
		padding-top: var(--padding-topbottom);
		padding-bottom: calc(var(--padding-topbottom) + 5rem);
	}

}

/*-------------------------------
	背景の柄
-------------------------------*/
.Senior-list{
	padding-bottom: 0;
}
.Senior-list,
.Senior-list__container{
	position: relative;
}
.Senior-bg01{	/*--右大--*/
	width: 78.25vw;
	height: calc(100% + 60rem);
		background: linear-gradient(180deg, rgba(125,166,214,0.29) 0%, rgba(124,177,207,0.291) 55%, rgba(122,229,171,0.29) 100%);
		border-radius: 5rem 0 0 5rem ;
	position: absolute;
		right: 0;
		top: 7.5rem;
	display: block;
}
.Senior-bg02{	/*--左小--*/
	width: 45.3125vw; /*--72.5rem*/
	height: 23.223%; /*--56.1rem-*/
		background: rgba(255,255,255,0.31);
		border-radius: 0 5rem 5rem 0;
	position: absolute;
		left: 0;
		top: 36.5rem;
	display: block;
}
.Senior-bg03{	/*--左大--*/
	width: 88.625vw; /*--72.5rem*/
	height: 44.8%; /*--106rem-*/
		background: rgba(255,255,255,0.4);
		border-radius: 0 5rem 5rem 0;
	position: absolute;
		left: 0;
		top: 109rem;
	display: block;
}
@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.Senior-list:first-child{
		margin-top: -5rem;
		padding-top: calc(var(--padding-topbottom) + 5rem);
	}
	.Senior-bg01,
	.Senior-bg02,
	.Senior-bg03{
		display: none;
	}
}

/*-------------------------------
	先輩の声一覧 Senior-list
-------------------------------*/
.Senior-list__title{
	margin-bottom: 16.4rem; /*20.5rem;*/
}

.Senior-list__block{
	width: 100%;
	display: flex;
		align-items: flex-start;
		justify-content: space-between;
		flex-wrap: wrap;
}
	/*---最後の行左寄せ--*/
		.Senior-list__block::after{
			width: calc((100% - (8.6rem * 2)) / 3);
			content:"";
			display: block;
		}
.Senior-list__item {
	width: calc((100% - (8.6rem * 2)) / 3);
		margin-right: 8.6rem;
	/*width: 31rem;
	margin-right: 8.6rem;*/
	border-radius: 1rem;
    overflow: hidden;
}
.Senior-list__item:not(:nth-last-of-type(-n+3)){
	margin-bottom: 14rem;
}
	.Senior-list__item:nth-of-type(3n){
		margin-right: unset;
	}
.Senior-list__item a{
	width: 100%;
	height: 100%;
	background: #fff;
    display: block;
	position: relative;
	transition: var(--transition);
}
	/*-----hover----*/
	.Senior-list__item a:hover{
		opacity: 1;
	}
.Senior-list__item .member__img{
	width: 100%;
	height: 30.5rem; /*33.5rem; 0.9*/
	/* height: auto;
	aspect-ratio: 310 / 336; */
	position: relative;
	z-index: 2000;
}
	.Senior-list__item .member__img img.ofi__cover {
		object-position: top;
		transition: var(--transition);
	}
	/*-----hover----*/
	.Senior-list__item a:hover .member__img img.ofi__cover {
		transform: scale(1.05);
	}
.Senior-list__item .member__text{
	width: 100%;
	padding: 2.5rem;
	background: #fff; /*transform: scale(1.05);用*/
	position: relative;
	z-index: 3000;
}
.member__text .member__mds{
	width: 100%;
	padding-bottom: 0.72105263157em;
	margin-bottom: 0.763157894736em;
	font-size: 1.7rem; /*1.9rem*/
		color: var(--maincolor);
		letter-spacing: 0.01em;
		line-height: 1.578947368;
		font-weight: 700;
	position: relative;
}
	.member__text .member__mds::after{
		width: 100%;
		height: 1px;
		border-bottom: 1px dotted var(--maincolor);
		position: absolute;
			left: 0;
			bottom: 0;
		display: block;
		content: "";
	}
.member__text .member__affiliation{
	margin-bottom: 1rem;
	display: flex;
		justify-content: flex-start;
		align-items: center;
		flex-wrap: wrap;
		gap: 1rem;
}
.member__text .member__affiliation li{
	padding: 0.25em 0.833333em;
		border-radius: 9999px;
	background: #DFEDF8;
	font-size: 1.2rem; /*1.2rem;*/
		line-height: 1;
		color: #0053A9;
		font-weight: 500;
		letter-spacing: 0.01em;
}
.member__text .member__name{
	font-size: 1.4rem; /*1.5rem;*/
		line-height: 1;
		color: var(--maincolor);
		font-weight: 500;
		letter-spacing: 0.01em;
}


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1150px) and (min-width: 769px){
	.Senior-list__block{
			justify-content: center;
	}
		/*---最後の行左寄せ--*/
			.Senior-list__block::after{
				width: 31rem;
				content:"";
				display: block;
			}
	.Senior-list__item {
		width: 31rem;
	}
		.Senior-list__item:nth-of-type(3n){
			margin-right: 8.6rem;
		}
		.Senior-list__item:nth-of-type(2n){
			margin-right: unset;
		}
}

@media screen and (max-width:960px) and (min-width: 769px){
	.Senior-list__block{
		margin-top: 6vw; /*---.Senior-list__item分*/
	}
		/*---最後の行左寄せ--*/
			.Senior-list__block::after{
				width: calc((100% - 6vw) / 2);
			}
	.Senior-list__item {
		width: calc((100% - 6vw) / 2);
		/*height: 100%;*/
			margin-right: 6vw;
			margin-top: 6vw;
	}
		.Senior-list__item:nth-of-type(3n){
			margin-right: 6vw;
		}
		.Senior-list__item:nth-of-type(2n){
			margin-right: unset;
		}
	.Senior-list__item{
		border-radius: 2rem;
	}
	.Senior-list__item .member__img{
	}
	.Senior-list__item .member__text{
		width: 100%;
		background: #fff;
		padding: 4.2rem 3.6rem 3.6rem 3.6rem;
	}
	.member__text .member__mds{
		font-size: 2.5rem;
	}
		.member__text .member__mds::after{
			height: 0.3rem;
			border-bottom: 0.3rem dotted var(--maincolor);
		}
	.member__text .member__affiliation{
		margin-bottom: 1.2rem;
			gap: 1rem;
	}
	.member__text .member__affiliation li{
		font-size: 2rem;
	}
	.member__text .member__name{
		font-size: 2.4rem;
	}
}

@media screen and (max-width:768px){
	.Senior-list__title{
		margin-bottom: 9.8rem;
	}
	.Senior-list__block{
		width: 44.8rem;
		margin-inline:auto;
	}
		/*---最後の行左寄せ--*/
			.Senior-list__block::after{
				width: 100%;
			}
	.Senior-list__item {
		width: 100%;
		height: 100%;
			margin-right: unset;
	}
	.Senior-list__item:not(:last-child){
		margin-bottom: 7.5rem;
	}
		.Senior-list__item:nth-of-type(3n),
		.Senior-list__item:nth-of-type(2n){
			margin-right: unset;
		}
	.Senior-list__item{
		border-radius: 2rem;
	}
	.Senior-list__item .member__img{
		height: 48rem;
	}
	.Senior-list__item .member__text{
		width: 100%;
		background: #fff;
		padding: 4.2rem 3.6rem 3.6rem 3.6rem;
	}
	.member__text .member__mds{
		font-size: 2.5rem;
		padding-bottom: 2.7rem;
		margin-bottom: 1.8rem;
	}
		.member__text .member__mds::after{
			height: 0.3rem;
			border-bottom: 0.3rem dotted var(--maincolor);
		}
	.member__text .member__affiliation{
		margin-bottom: 1.8rem;
			gap: 1rem;
	}
	.member__text .member__affiliation li{
		font-size: 2rem;
	}
	.member__text .member__name{
		font-size: 2.4rem;
	}
}