@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　index
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------
   Mv
---------------------------------------------------------------------------*/
#Mv{
	background-image: url(../image/img_mv_pc.jpg);
}
#Mv .scroll {
	position: absolute;
	left: 50%;
	bottom: 2.5vw;
	z-index: 20;
	transform: translateX(-50%);
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* sec-alumni
-----------------------------------------------------------------*/
.sec-alumni{
	padding: 100px 5% 80px;	
}
.sec-alumni h2{
	margin-bottom: 30px;
	text-align: center;
	font-size: 30px;
	color: #19b516;
	line-height: 1.5;
}
.sec-alumni_inner {
	max-width: 1200px;
	margin: 0 auto;
}
.text_area_box {
	display: flex;
	border-top: 1px solid #c1c1c1;
	padding: 20px 0 40px;
}
.btn-base {
	width: 230px;
    margin: 0 auto 50px;
}
.text_01 {
	font-size: 18px;
	line-height: 1.5;
	width: 20%;
	height: auto;
	margin: 3px 2% 0 0;
}
.line_01 {
	border-left: 5px solid #19b516;
    display: inline-block;
	padding-left: 10px;
}
.d_ib {
	display: inline-block;
}
.text_02 {
	width: 80%;
	line-height: 1.5;
}

/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 960px) {
	.br_pc {
		display: none;
	}

	.text_area_box {
		flex-direction: column;
	}
	.text_01 {
		font-size: 18px;
		width: 100%;
		margin: 0 auto 15px;
	}
	.text_02 {
		width: 100%;
	}
}

/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (min-width: 769px) {
	.br_sp {
		display: none;
	}
}

/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*--------------------------------------------------------------------------
   Mv
---------------------------------------------------------------------------*/
	#Mv{
		background-image: url(../image/img_mv_sp.jpg);
	}
	#Mv .scroll {
		bottom: 8vw;
		margin-left: 20px;
		width: 20px;
	}
	.sec-alumni{
		padding: 50px 5% 30px;	
	}
	.sec-alumni h2{
		font-size: 22px;
	}
}