/*  유형4 : 학부안내 */
.info-data4 {
	position: relative;
	padding: 7.2rem 3.0rem 0 calc(var(--el-img-wid) + 9.0rem);
	min-height: calc(var(--el-img-hei) + 2.7rem);
	border-top: 2px solid var(--line8);
	letter-spacing: -0.1px;
	color: var(--color1);
	--el-img-wid: 80rem;
	--el-img-hei: 55.0rem;
}

.info-data4 .img {
	position: absolute;
	top: 2.7rem;
	left: 3.0rem;
	width: var(--el-img-wid);
	height: var(--el-img-hei);
}

.info-data4 .img>img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top;
}

.info-data4 .date {
	position: relative;
	margin-bottom: 2.7rem;
	padding-left: 3.8rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.25;
}

.info-data4 .date:before {
	content: '';
	display: block;
	position: absolute;
	top: 0.2rem;
	left: 0;
	width: 2.4rem;
	height: 2.4rem;
	background: var(--bgImg1) no-repeat -16.0rem -20.0rem / var(--bgSize1);
}

.info-data4 .tit {
	font-size: 4.0rem;
	font-weight: 700;
	line-height: 1;
}

.info-data4 .con {
	margin: 1.4rem 0 0;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: var(--color2)
}

.info-data4 .info {
	margin-top: 2.8rem;
}

.info-data4 .info dt {
	font-size: 1.4rem;
	font-weight: 700;
	letter-spacing: 0;
}

.info-data4 .info dd {
	position: relative;
	margin-top: 0.2rem;
	padding-left: 0.8rem;
	font-size: 1.5rem;
	line-height: 2.5rem;
}

.info-data4 .info dd:before {
	content: '';
	display: block;
	position: absolute;
	top: 1.0rem;
	left: 0;
	width: 2px;
	height: 2px;
	border-radius: 50%;
	background-color: var(--color1);
}

.info-data4 .info dl {
	margin-top: 1.4rem;
}

.info-data4 .area-btn1 {
	margin-top: 3.2rem;
	--btn-com-minWid: 17.0rem;
}

.info-data4.t1 {
	border-top: 0;
	padding-top: 0;
	padding-left: calc(var(--el-img-wid) + 8.5rem);
	--el-img-wid: 56.2rem;
	--el-img-hei: 79.5rem;
}

.info-data4.t1 .tit {
	position: relative;
	top: -0.6rem;
	font-size: 11.0rem;
	line-height: 10.5rem;
	color: var(--page-point);
	font-weight: 900;
	letter-spacing: -5px;
}

.info-data4.t1 .img {
	top: 0;
	left: 0;
}

.info-data4.t1 .con {
	margin-top: 2.1rem;
	font-size: 2.6rem;
	line-height: 3.4rem;
	font-weight: 900;
	color: var(--color1);
	letter-spacing: -0.25px;
}

.info-data4.t1 .info {
	margin-top: 4.2rem;
	padding-top: 2.1rem;
	border-top: 3px solid var(--line8)
}

.info-data4.t1 .info>dl {
	display: flex;
	margin-top: 1.8rem;
}

.info-data4.t1 .info dt {
	position: relative;
	padding-left: 3.6rem;
	width: 20.0rem;
	flex-shrink: 0;
	font-size: 1.5rem;
	font-weight: 900;
}

.info-data4.t1 .info dt:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 2.4rem;
	height: 2.4rem;
	background: var(--bgImg1) no-repeat 0 -28.0rem / 32.0rem auto;
}

.info-data4.t1 .info dt:after {
	content: ' :'
}

.info-data4.t1 .info dd {
	padding-left: 0;
}

.info-data4.t1 .info dd:before {
	display: none;
}

.info-data4.t1 .info .ic2 dt:before {
	background-position-x: -4.0rem;
}

.info-data4.t1 .info .ic3 dt:before {
	background-position-x: -8.0rem;
}

.info-data4.t1 .info .ic4 dt:before {
	background-position-x: -12.0rem;
}

.info-data4.t1 .area-btn1 {
	margin-top: 3.5rem;
}

@media only screen and (max-width:1024px) {
	.info-data4 {
		padding: 2.0rem 1.0rem 3.0rem;
		border-bottom: 1px solid var(--line5);
		--el-img-wid: 100%;
		--el-img-hei: auto;
	}

	.info-data4 .img {
		position: relative;
		left: auto;
		top: auto;
	}

	.info-data4 .date {
		margin-top: 1.0rem;
		margin-bottom: 2.0rem;
		padding-left: 1.8rem;
		font-size: 1.5rem;
		font-weight: 600;
	}

	.info-data4 .date:before {
		width: 1.2rem;
		width: 1.2rem;
		background-position: -8.0rem -10.0rem;
	}

	.info-data4 .tit {
		font-size: 2.8rem;
	}

	.info-data4 .con {
		font-size: 1.2rem;
		line-height: 1.6rem;
		color: var(--color2)
	}

	.info-data4 .info {
		margin-top: 1.5rem;
	}

	.info-data4 .info dt {
		font-size: 1.2rem;
	}

	.info-data4 .info dd {
		font-size: 1.3rem;
		line-height: 2.0rem;
	}

	.info-data4 .info dd:before {
		top: 0.7rem;
	}

	.info-data4 .area-btn1 {
		margin-top: 1.5rem;
	}

	.info-data4 .area-btn1>.btn-com1 {
		width: 100%;
	}

	.info-data4.t1 {
		padding: 0;
		--el-img-wid: 100%;
		--el-img-hei: auto;
	}

	.info-data4.t1 .tit {
		top: 0;
		margin-top: 2.0rem;
		font-size: 4.8rem;
		line-height: 4.2rem;
		letter-spacing: -2.5px;
	}

	.info-data4.t1 .con {
		font-size: 1.6rem;
		line-height: 2.0rem;
	}

	.info-data4.t1 .info>dl {
		display: block;
	}

	.info-data4.t1 .area-btn1 {
		margin-top: 2.0rem;
	}

	.info-data4.t1 .info {
		margin-top: 3.0rem;
		padding-top: 1.0rem;
	}

	.info-data4.t1 .info dd {
		padding-left: 3.6rem;
	}
}