@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;
	}
}





#sec_topNews.marXL_B {
    margin-bottom: 0 !important;
}
/*========= 合格速報・合格体験記 ===============*/
.para_wrap {
	width:  100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
    margin-top:     -30px;
    margin-bottom:  -30px;
    padding-top:     30px;
    padding-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;
}

/* ---------- 合格速報 ---------- */
.passing_news {
	width:  100%;
	height: fit-content;
}

/* 見出し */
.passing_news > .wrap {
	text-align: left;
}
 h2.passNews_h2 {
 	width: auto;
 	display: inline-flex;
 	position: relative;
 	margin-left:  auto;
 	margin-right: auto;
 	margin-bottom: 0 !important;
 	padding: 10px;
	color: #fff;
	background-color: rgba(225, 57, 99,.8) !important;
	z-index: 200;
}
.passNews_h2 img {
    width: 100%;
    height: 22px;
}


/* 背景 */
.blossom {
	width:  100%;
	height: 100%;
	margin-bottom: 20px;
}
.blossom::before,
.blossom::after,
.grad_wrap::before,
.grad_wrap::after   {
	content: "";
	width: 100%;
	height: 270px;
	display: inline-block;
	position: absolute;
	background-image: url(../../img/top/blossom_T.png);
	background-position: top left;
	background-size: contain;
	background-repeat: no-repeat;
	touch-action: none;
	mix-blend-mode: multiply;
	z-index: 0;
}
.blossom::before,
.grad_wrap::before  {
	top:  0;
	left: 0;
}

.blossom::after,
.grad_wrap::after  {
	bottom: 0;
	right: 0;
	background-image: url(../../img/top/blossom_B.png);
	background-position: bottom right;
}
.grad_wrap::before,
.grad_wrap::after  { z-index:-1; }

.grad_wrap::before { top:  -132px; }
.grad_wrap::after  { bottom:-35px; }

.blossom::before   {
    position: relative;
    top: -120px;
    margin-bottom: -260px;
}
.blossom::after    {
	position: relative;
	top: -235px;
	bottom:inherit;
	margin-bottom: -255px;
}
.grad_wrap {
	width:  100%;
	height: 100%;
	position: relative;
	padding: 50px 0 25px;
	background: url(../../img/top/blossomBG_sp.png), linear-gradient(200deg, #CC3C63 0%, #FFD6C0 100%);
	clip-path:  polygon(0 3%, 100% 0%, 100% 97%, 0 100%); 
	background-size: 500px, auto !important;
	background-blend-mode: multiply !important;
	background-position: center top !important;
	background-attachment: fixed, scroll !important;
	z-index: 1;
}
.grad_wrap > .wrap {
	width: 92%;
	position: relative;
	margin: auto;
	z-index: 1;
}
/* dd & dt */
#sec_passingNews dt {
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
}

#sec_passingNews dt + div {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

#sec_passingNews dd {
	font-weight: bold;
	color: #ED7987;
	margin-left: 0;
	margin-right:  10px;
	margin-bottom: 10px;
	padding: 5px;
	background-color: #fff;
}
#sec_passingNews dd.bg-y { background-color:#FFF2B5; }

/* ---------- 合格体験記 ---------- */
.passing_ex {
    margin-bottom: 30px !important;
}

.passing_ex,
.passing_news .h2_wrap {
	width: 92%;
	margin: auto;
}
/* 見出し */
.passing_ex .h2decoL {
	color: #ED7987;
}
.passing_ex .h2decoL img {
    width: 100%;
    max-width: 130px;
    height: 22px;
}
.passing_ex .h2decoL:before {
	background-image: url(../../img/top/passing_icon.svg);
}
.passing_ex .flex_box {
	position: relative;
	z-index: 100;
}

/* カード */
.passing_card {
	width: 100%;
	margin-bottom: 20px;
	padding: 20px;
	box-shadow: 3px 3px 0px #d3d3d3;
	background-color: #FCF1EF;
	background-image: url(../../img/top/goukaku_bg.svg);
	background-repeat: no-repeat;
	background-position: left -50px bottom -60px;
}
.passing_ex h2 + .flex_box > div:last-of-type {
    margin-bottom: 0 !important;
}

.passing_card h3 {
	font-size: 20px;
	color: #ED7987;
	margin-bottom: 5px;
}
.passing_card h3 .small {
	font-size: 14px !important;
}
.passing_name {
    font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}
.passing_name + p {
	font-weight: normal;
	margin-bottom: 20px;
}
.passing_card .btn {
	max-width: inherit;
	text-align: right;
}
.passing_card .btn > a {
	width: auto;
	border-radius: 20px;
	padding: 15px 20px;
	background-color: #ED7987;
}
/* 一覧へボタン */
.passing_ex > .btn {
	margin-top: 30px;
}
.passing_ex > .btn a {
	background-color: #ED7987;
}






@media screen and (min-width: 769px) {
	/*========= 合格速報・合格体験記 ===============*/
    /* ---------- 合格速報 ---------- */
    .passing_news {
        margin-top: 40px;
    }
    
	.para_wrap {
	    background-size: 500px;
        margin-top: -180px;
        margin-bottom: -80px;
	    padding-top: 180px;
	    padding-bottom: 80px;
	}
	.grad_wrap {
		background-size: 500px, auto;
		background: url(../../img/top/blossomBG_sp.png), linear-gradient(150deg, #CC3C63 0%, #FFD6C0 80%);
		clip-path:  polygon(0 8%, 100% 0%, 100% 92%, 0 100%); 
		padding: 90px 0 40px;
	}
	.grad_wrap::before { top:-130px; }

	/* 背景 */
	.blossom {
	    margin-bottom: 60px;
	}
	
	
	.blossom::before,
	.blossom::after,
	.grad_wrap::before,
	.grad_wrap::after  {
		height: 515px;
	}
	.grad_wrap::before { top:   -320px; }
	.grad_wrap::after  { bottom: -80px; }

	.blossom::before   {
	    top: -300px;
	    margin-bottom: -500px;
	}
	.blossom::after    {
		position: relative;
		top: -435px;
		bottom:inherit;
		margin-bottom: -500px;
	}
	/* 見出し */
	.passing_news > .h2_wrap {
		text-align: left;
		margin-bottom: -40px;
	}
	h2.passNews_h2 {
		margin-left: 0;
		margin-bottom: 0 !important;
	}
	.passNews_h2 img {
	    height: 40px;
	}

	/* dd & dt */
	#sec_passingNews dl .flex_box {
		flex-wrap: nowrap;
		align-items: center;
	}
	#sec_passingNews dt {
		width:   230px;
		font-size:    25px;
		margin-top: -32px;
	}
	#sec_passingNews dt + div {
		width: calc(100% - 230px);
		margin-bottom: 30px;
	}
	#sec_passingNews dd {
		font-size:    25px;
	}
	#sec_passingNews dd {
		font-size:    25px;
	}
	/* ---------- 合格体験記 ---------- */
    .passing_ex {
        margin-bottom: 60px !important;
    }
	
	.passing_ex .flex_box {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.passing_ex .h2decoL span {
	    padding-bottom: 5px;
	}
	.passing_ex .h2decoL img {
	    max-width: 100%;
	    height: 45px;
	}
	/* カード */
	h2.decoL + div >div:nth-of-type(-n+3) {
	    margin-top: 0;
	}
	
	.passing_card {
		width: calc(100%/3 - 20px);
		padding: 20px;
		display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        margin-top: 20px;
		margin-right: 20px;
        margin-bottom: 0;
	}
	.passing_card:nth-of-type(3n) {
		margin-right: 0;
	}

	.passing_card h3 {
		font-size: 18px;
	}
	.passing_card .btn > a {
		font-size: 16px;
	}
	.passing_name + p {
	    flex: 1;
	}
    /* 一覧へボタン */
    .passing_ex > .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);
	}
}



/* ===== 合格体験記一覧パーツ ===== */
.passing_card h3 .small {
	margin-left: .5em;
}
.pass_school_wrap {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: center;
}
.pass_school_wrap h3 {
	margin-right: .5em;
}
.pass_school_wrap h3:last-of-type {
	margin-right: 0;
}



/* ===== 合格速報パーツ ===== */
.passNews_h2 + p {
    letter-spacing: .05em !important;
}
.passing_ex.only_ichiran {
    margin-top:   -60px;
    margin-bottom: 80px !important;
}
@media screen and (max-width:768px) {
	.passing_ex.only_ichiran {
		margin-top:   -30px;
		margin-bottom: 40px !important;
	}	
}
@media screen and (min-width:769px) {
	.h2_wrap {
		display: flex;
		flex-wrap: nowrap;
		align-items: flex-start;
	}
	h2.passNews_h2 {
		margin-right: 20px;
	}
	.passNews_h2 + p.padS_T {
		padding-top: 0 !important;
	}	
}


/* ===== 合格速報パーツ　2023年度 色変更 ===== */
.grad_wrap {
	background: url(../../img/top/blossomBG_sp.png), linear-gradient(200deg, #3cccc0 0%, #e3e8ea 100%)
}
@media screen and (min-width:769px) {
    .grad_wrap {
    	background: url(../../img/top/blossomBG_sp.png), linear-gradient(150deg, #3cccc0 0%, #e3e8ea 80%)
    }
}