@charset "UTF-8";

/*-------------------------------------------*/
/*----卒業生トップページ-------------------------------*/
/*-------------------------------------------*/

.maintext{}
.maintext .inner{position: relative}
@media screen and (min-width: 641px){ /*PC*/
	#slslide{text-align: center;}
	#slslide div{height:615px;}
	#slslide div img{width: 1200px; height: 100%; margin: 0 auto;z-index: 3;}
	.maintext .inner{padding: 100px;}
	.maintext .text{width: 430px; position: absolute; top:-168px; right: 70px;}
	.maintext h3{font-size: 32px; line-height: 57px;letter-spacing: 2px;}
	.maintext p{font-size: 18px; line-height: 35px;}
}
@media screen and (max-width: 640px){ /*SP*/
	#slslide div{height:320px; overflow: hidden;}
	.slick-slide{position: relative;}
	#slslide div img{margin:0;height:320px; width: auto; position: absolute;right: 0;top:0;  transform: translate(-0%,-0%);}
	.maintext .inner{padding: 0 0 50px;}
	.maintext .text{width: 280px; margin:-200px auto 30px;}
}

/*---------------　PickUp　--------------------*/
.pickup{}
main .pickup .flex_box02{margin-bottom: 0;}
.pickup .flex_box02 > div a{display: block;color: rgba(0,0,0,1.00);}
.pickup .flex_box02 h3{padding: 30px 8% 10px 0; margin-bottom:20px;text-align: left; position: relative;border-bottom:  1px dotted #ccc;}
.pickup .icon{ position: absolute; top: 50%; right:0px; transform: translate(-50%,-00%); opacity: 0.4;}
@media screen and (min-width:641px){ /*PC*/
	.pickup .icon{width:30px;}
}
@media screen and (max-width: 640px){ /*SP*/
.pickup .icon{width:24px;}
}


/*---------------　WITH　--------------------*/
.flex_box05{display: flex;flex-wrap: wrap; justify-content: center;align-content: center;}
@media screen and (min-width:641px){ /*PC*/
	.wn .inner{padding-bottom: 0;}
	.wn .flex_box02.logo{align-items:end; margin-bottom: 140px;}
	.wn .flex_box02.logo > div:first-child{width: 35%; margin-right: 8%;text-align: left;}
	.wn .flex_box02.logo > div:last-child{width:57%;}
	.wn .flex_box02.logo > div:first-child img{width: 85%; margin: 0 auto 50px 0;}
	.wn .flex_box02.logo .botmini{margin: 40px 0 0;}
	.wn .flex_box02.logo .mini{display: block; padding-top: 20px;text-indent:65px;}
	.gallery .select select{width:80%; margin-top: 80px;}
	.flex_box05 img{width: 18%; margin: 1%;}
}
@media screen and (max-width: 640px){ /*SP*/
	.wn .flex_box02.logo{margin-bottom: 50px;}
	.wn .flex_box02.logo > div:first-child img{width: 85%; margin: 0 auto 40px 0;}
	.wn .flex_box02.logo .mini{display: block; padding-top: 0px; margin-top: -10px;}
	.gallery .select select{margin:0px auto;}
	.flex_box05 img{width:31%; margin: 1%;}
	.flex_box05 img:last-child{display: none;}
	
}

/*---------------オンライン　--------------------*/
@media screen and (min-width:641px){ /*PC*/
	.online .flex_box02{align-items:end;}
	.online .flex_box02 > div:last-child{width: 35%;text-align: left;}
	.online .flex_box02 > div:first-child{width:57%; margin-right: 8%;}
	.online .flex_box02 > div:last-child img{width: 85%; margin: 0 auto 50px 0;}
	.online .flex_box02 .botmini{margin: 40px 0 0;}
}
@media screen and (max-width: 640px){ /*SP*/
.online .flex_box02 > div:last-child img{width: 85%; margin: 0 auto 30px 0;}
}


/*---------------　LINE　--------------------*/
.gmenu .flex_box03{margin-bottom: 0;}
.gmenu .flex_box03 > div{position: relative; background-color: rgba(255,255,255,0.7);border-radius: 10px;color: rgba(0,0,0,1.00);}
.gmenu .flex_box03 > div img{width: 20%; position: absolute;top:-20px; right:50%; transform: translate(50%,-00%);}
.gmenu .flex_box03 > div .botmini{margin-bottom: 0;width: 100%;}
.gmenu .select select{ text-align: center;width: 100%;}
@media screen and (min-width:641px){ /*PC*/
	.gmenu .flex_box03 > div{padding:90px 50px 50px;}
	.gmenu .select select{margin:40px auto 0;  padding: 16px 10px;font-size:18px; }
}
@media screen and (max-width: 640px){ /*SP*/
	.gmenu .flex_box03 > div{padding:70px 40px 40px;}
	.gmenu .select select{padding: 10px 5px;font-size:16px; }
}



/*-------------------------------------------*/
/*---------------　PickUp　--------------------*/
/*-------------------------------------------*/

@media screen and (min-width:641px){ /*PC*/

}
@media screen and (max-width: 640px){ /*SP*/

}


/*-------------------------------------------*/
/*---------------　ＬＩＮＥ　--------------------*/
/*-------------------------------------------*/

@media screen and (min-width:641px){ /*PC*/

}
@media screen and (max-width: 640px){ /*SP*/

}

/*-------------------------------------------*/
/*---------------fand友の会--------------------*/
/*-------------------------------------------*/
.fund section{background-color: rgba(255,255,255,1.00);}
.fund section .flex_box04 h3,
.fund section .flex_box03 h4{color: rgba(133, 96, 100, 1) ;border-bottom: 1px dotted rgba(0,0,0,0.3); text-align: center;}
.fund section .flex_box04 > div.year{background-color: rgba(133, 96, 100, 1); color: rgba(255,255,255,1.00);}
@media screen and (min-width:641px){ /*PC*/
	.fund section{padding:80px 100px 40px; margin-bottom: 80px;}
	.fund section.s01 .flex_box02 > div:first-child img{margin-top: 20px;}
	.fund section.s01 .flex_box02 > div:last-child{width: 40%;}
	.fund section.s03 .flex_box02 > div:first-child{width: 41%;}
	.fund section.s05{padding-bottom: 80px;}
	.fund main article section .flex_box04 > div{width:28%;}
	.fund section .flex_box04 h3{font-size: 22px; line-height: 32px;}
	.fund section .flex_box04 > div.year{ line-height:22px; width: 4%; padding: 7px; writing-mode: vertical-rl;  }
	.fund section.s02 h3{text-align: center;}
	.fund main article section .flex_box04 p,
	.fund main article section .flex_box03 p{padding-bottom: 0;}
	

}
@media screen and (max-width: 640px){ /*SP*/
.fund section{padding:50px 30px 10px 30px; margin-bottom:30px;}
	.fund section.s05{padding-bottom: 50px;}
	.fund section img{margin: 20px 0;}
	.fund section .flex_box04 h3{font-size:20px; line-height:28px;margin-bottom: 15px;}
	.fund section.s04 .flex_box04{display: block;}
	.fund section.s04 .flex_box04 div{width: 100%;}
}