@charset "utf-8";
/* ==================================================================
CSS information
style asg :「AO・推薦入試研究」ページ用
================================================================== */

/* --------------------------------------------------------
共通
-------------------------------------------------------- */
@media screen and (max-width: 768px) {
	/* 768px以下の記述 */
	#enrollmentArea .mr15 {
		margin-right: 0px;
	}
}

/* --------------------------------------------------------
#admissionswayArea
-------------------------------------------------------- */
#admissionswayArea .step h4 {
	background: url(../_img/asg11/icon_arrw.png) no-repeat 73px bottom;
}

#admissionswayArea h4 {
	width: 363px;
	float: left;
	clear: both;
	margin-right: 10px;
	padding-bottom: 24px;
}

#admissionswayArea .step {
	margin-bottom: 20px;
}

#admissionswayArea dt {
	margin-right: 5px;
	margin-bottom: 5px;
}

#admissionswayArea dd {
	margin-bottom: 5px;
}

@media screen and (max-width: 768px) {
	/* 768px以下の記述 */
	#admissionswayArea .step h4 {
		background: none;
	}

	#admissionswayArea h4 {
		width: 100%;
		height: auto;
		float: none;
		margin-right: 0px;
		background: none;
		padding-bottom: 10px;
	}

	#admissionswayArea .step {
		margin-bottom: 10px;
		padding-bottom: 24px;
		background-image: url(../_img/asg11/icon_arrw.png);
		background-repeat: no-repeat;
		background-position: center bottom;
	}

	#admissionswayArea dd {
		min-height: 42px;
	}
}

/* SP時の横スクロール */
@media screen and (max-width: 768px) {
	/* 768px以下の記述 */
	.xscroll {
		position: relative;
		padding: 0 0 5px;
	}

	.xscroll .exampleBox {
		width: 580px;
	}

	.xscroll .exampleBox .xscrollpic {
		width: 99%;
	}
}