@charset "UTF-8";
/* pass_record archive.css */

/* メインビジュアルの画像(適時変更) */
#lower_mv {
	background-image: url(../../img/pass_record/mvSP.jpg);
	background-position: top center;
}
@media screen and (min-width:769px) {
	#lower_mv {
		background-image: url(../../img/pass_record/mvPC.jpg);
		background-position: top center;
	}
}


/*========= 合格体験記詳細ページ ===============*/
br.pc_blk { display:none  !important; }
br.sp_blk { display:block !important; }

#sec_passingStudent .para_wrap > .wrap {
	width: 92%;
	margin: auto;
}
/* パララクス */
.para_wrap {
	width:  100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: -30px;
	padding-top: 30px;
	margin-bottom: -30px;
	background-image: url(/img/top/blossomBG_sp.png);
	background-repeat: repeat;
	background-position: center top;
	background-size: 500px;
	background-attachment: fixed;
	mix-blend-mode: multiply;
}
/* h2見出し */
#sec_passingStudent .h2decoL img {
    width: 100%;
    max-width: 130px;
    height: 22px;
}
#sec_passingStudent .h2decoL:before {
	background-image: url(/img/top/passing_icon.svg);
}
/* studentCard */
.studentCard {
	width: 100%;
	padding: 20px;
	background-color: #FCF1EF;
	background-image: url(/img/top/goukaku_studentCard.svg);
	background-repeat: no-repeat;
	background-blend-mode: multiply, normal;
	background-size: 70%;
	background-position: right -20% bottom 28%;
	box-shadow: 3px 3px 0px #d3d3d3;
}
/* -- ↓ 合格校 ~ 名前 ↓ -- */
/* 合格校 */
dl.card_heading dt {
	font-size: 20px;
	text-align: center;
	margin: 0 auto 15px;
	padding: 5px 10px;
	color: #fff;
	background-color: #EC7986;
}
dl.card_heading dt + div {
	width: 100%;
}
dl.card_heading dd {
	text-align: center;
	font-weight: bold;
}
/* 学校名 */
.passingSchool {
	font-size: 20px;
	color: #EC7986;
	margin-bottom: 10px;
}
.passingSchool span.small {
	font-size: 14px !important;
	margin-left: .5em;
}
/*　生徒名　*/
.studentName {
	font-size: 14px;
	color: #808080;
	margin-bottom: 15px;
}
/* -- ↑ 合格校 ~ 名前 ↑ -- */

/* -- ↓ 要約コピー ~ 保護者の声 ↓ -- */
/* 要約コピー */
.studentCard h3 {
	font-size: 16px;
	letter-spacing: .1em !important;
	text-align: center;
	margin-bottom: 20px;
	color: #000;
}
.studentCard h3:before,
.studentCard h3:after  {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	background-color: #EC7986;
	margin: auto;
}
.studentCard h3:before { margin-bottom:5px; }
.studentCard h3:after  { margin-top   :5px; }
/* h3見出し(生徒の言葉・保護者の言葉部分) */
.studentCard h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #EC7986;
}
/* 生徒の言葉 */
dl.studenteQA {
	margin-bottom: 20px;
}

dl.studenteQA > div {
	margin-bottom: 20px;
}
dl.studenteQA > div:last-of-type {
	margin-bottom: 0;
}
dl.studenteQA dt,
dl.studenteQA dd {
	font-size: 14px;
	letter-spacing: .1em !important;	
	line-height: 1.75em;
	text-align: justify;
}
dl.studenteQA dt {
	color: #EC7986;
	margin-bottom: 10px;
}
/* 保護者の声 */
.studentCard .white_box {
	padding: 20px;
	background-color: #fff;
}
.studentCard .white_box p {
	font-weight: normal;
}
/* -- ↑ コピー ~ 保護者の声 ↑ -- */

/* ボタン */
#sec_passingStudent .btn {
	margin-top: 20px;
}
#sec_passingStudent .btn a {
	background-color: #EC7986;
}



/*========= 合格体験記詳細 min-769 ===============*/
@media screen and (min-width: 769px) {
	br.pc_blk { display:block !important; }
	br.sp_blk { display:none  !important; }

.para_wrap {
    margin-top: -60px;
    padding-top: 60px;
    margin-bottom: -80px;
}


	/* h2見出し */
	#sec_passingStudent .h2decoL span {
	    padding-bottom: 5px;
	}
	#sec_passingStudent .h2decoL img {
	    max-width: 100%;
	    height: 45px;
	}

	/* studentCard */
	.studentCard {
		padding: 60px;
		background-size: 400px;
		background-position: right 60px bottom 44%;
	}
	/* -- ↓ 合格校 ~ 名前 ↓ -- */
	/* 合格校 */
	dl.card_heading {
		flex-wrap: nowrap;
		align-items: baseline;
	}

	dl.card_heading dt {
		min-width: 92.6px;
		height: auto;
		display: inline-block;
		font-size: 22px;
		text-align: center;
		margin: 0;
		margin-right: 20px;
		padding: 5px 10px;
	}
	dl.card_heading dt + div {
		width: inherit;
		margin-bottom: 40px;
	}
	dl.card_heading dd {
		text-align: left;
		display: inline-block;
	}
	/* 学校名 */
	.passingSchool {
		font-size: 26px;
	}
	.passingSchool span.small {
		font-size: 20px !important;
		margin-right: .5em;
	}
	/*　生徒名　*/
	.studentName {
		font-size: 20px;
		margin-bottom: 0;
	}
	/* -- ↑ 合格校 ~ 名前 ↑ -- */

	/* -- ↓ 要約コピー ~ 保護者の声 ↓ -- */
	/* 要約コピー */
	.studentCard h3 {
		font-size: 24px;
		margin-bottom: 40px;
	}
	.studentCard h3:before { margin-bottom:10px; }
	.studentCard h3:after  { margin-top   :10px; }
	/* h3見出し(生徒の言葉・保護者の言葉部分) */
	.studentCard h4 {
		font-size: 26px;
		margin-bottom: 20px;
	}
	/* 生徒の言葉 */
	dl.studenteQA {
		margin-bottom: 40px;
	}

	dl.studenteQA > div {
		margin-bottom: 30px;
	}
	dl.studenteQA > div:last-of-type {
		margin-bottom: 0;
	}
	dl.studenteQA dt,
	dl.studenteQA dd {
		font-size: 16px;
	}
	dl.studenteQA dt {
		margin-bottom: 10px;
	}
	/* 保護者の声 */
	.studentCard .white_box {
		padding: 40px;
	}
	/* -- ↑ コピー ~ 保護者の声 ↑ -- */

	/* ボタン */
	#sec_passingStudent .btn {
		margin-top: 60px;
	}

}






/* ========== 下層MVパーツ ========== */
#lower_mv h1 {
    padding: 5px 10px;
    color:#EC7986 !important;
    background-color: #fff !important;
}
/* mv調整 */
#lower_mv div {
    width: 92%;
    max-width: 550px;
    height: calc(100% - 42px);
    margin: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
#lower_mv h1 {
    margin: 0;
}
@media screen and (min-width:769px) {
	#lower_mv {
		background-position: top center;
	}
	#lower_mv div {
		max-width: 1100px;
	}
}
@media screen and (min-width:995px) {
	#lower_mv div {
		height: calc(100% - 89px);
	}
}



/* ========== 詳細ページ入力欄パーツ ========== */
.disCon { display:contents; }
.disNon { display:none !important; }

.pc_inline { display:none !important;   }
.sp_inline { display:inline !important; }

.studentCard .flex_box {
	justify-content: flex-start;
}


@media screen and (min-width:769px) {
	.pc_inline { display:inline !important; }
	.sp_inline { display:none !important;   }

	/* 合格校複数時のレイアウト調整 */
	.or_select .passingSchool span.small {
		margin-right: 0;
	}
	br.or_select {
		display: inherit !important;
	}
	.studentCard br:has(+ dd):before {
		content:"、";
	}
	.studentName {
		width: 100%;
	}
}