@charset "UTF-8";
/* ---------------------------------------------------------
		愛知学院大学　受験生サイト
		/common/css/style.css
--------------------------------------------------------- */

/* ---------------------------------------------------------
	トップページ
--------------------------------------------------------- */
/* header */
#top #header {
	z-index: 1000;
	position:relative;
	position:fixed;
	top:0;
	display: none;
	/*position: fixed;
	top: 0;
	left: 0;*/
	width: 100%;
	background: url(../images/h_bg.png);
}

#top #title {
	background: url(../../images/top_image_04.jpg) center bottom no-repeat;
	padding-bottom: 65px;
	margin-bottom: 50px;
}
#top #title .inbox {
	display: table;
	width: 1000px;
	margin: 0 auto;
	padding-top: 20px;
}
#top #title .inbox p {
	display: table-cell;
	vertical-align: middle;
}
#top #title .inbox .img {
	width: 530px;
}
#top #title .inbox .txt {
	font-size: 116%;
	line-height: 2.5;
	letter-spacing: 0.1em;
}

#top #crossover {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 50px;
	border-bottom: dotted 1px #000;
}
#top #crossover ul li {
	float: left;
	width: 440px;
	margin: 20px;
}
#top #crossover ul li dl {
	padding: 24px 24px 0 124px;
}
#top #crossover ul li dl dd {
	margin-top: 18px;
	line-height: 1.8;
}

#top #cases {
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
}
#top #cases h2 {
	text-align: center;
	margin-bottom: 70px;
}
#top #cases ul {
	clear: both; /* 20151010 追加 */
	margin-right: -75px;
}
#top #cases ul li {
	float: left;
	width: 270px;
	height: 290px;
	margin: 0 75px 65px 0;
}
#top #cases ul li h3 {
	margin: 12px 0;
}

#top #now {
	background: #e8e8e8;
	padding: 50px 0 66px;
}
#top #now .inbox {
	width: 960px;
	margin: 0 auto;
}
#top #now .inbox h2 {
	text-align: center;
	margin-bottom: 9px;
}
#top #now .inbox ul {
	margin-right: -40px;
}
#top #now .inbox ul li {
	float: left;
	margin: 33px 40px 0 0;
}

#top #wallpaper .inbox {
	width: 600px;
	margin: 0 auto;
	padding: 40px 0 42px;
}
#top #wallpaper .inbox dl {
	float: left;
	width: 200px;
	margin-top: 20px;
	font-size: 90%;
	line-height: 1.5em;
}
#top #wallpaper .inbox dl dt {
	margin-bottom: 10px;
}
#top #wallpaper .inbox div {
	width: 370px;
}
#top #wallpaper .inbox div p {
	float: left;
	margin-right: 14px;
}
#top #wallpaper .inbox div h3,
#top #wallpaper .inbox div ul {
	float: left;
}
#top #wallpaper .inbox div h3,
#top #wallpaper .inbox div ul li {
	border-bottom: solid 1px #c1c1c1;
}

#top #voices {
	width: 960px;
	margin: 0 auto;
	padding-top: 100px;
	padding-bottom: 50px;
	border-bottom: dotted 1px #000;
}
#top #voices h2 {
	text-align: center;
	margin-bottom: 70px;
}
#top #voices ul {
	margin-right: -16px;
}
#top #voices ul li {
	float: left;
	margin: 0 16px 76px 0;
}
#top #voices ul li h3 {
	margin: 12px 0;
}
#top #voices ul li h4 {
	line-height: 1.5;
	color: #000;
}
#top #voices ul li a:hover h4 {
	opacity: 0.7;
}
#top #voices ul li h4 span {
	font-size: 130%;
}

/* ---------------------------------------------------------
	201703 追加
--------------------------------------------------------- */
#top_visual2017 {
	width: 100%;
	background: #f4f5f4;
	margin-bottom: 30px;
}
#top_visual2017_inbox {
	position: relative;
	width: 1000px;
	height: 630px;
	margin: 0 auto;
}
#visual2017_box {
	position: absolute;
	bottom: -38px;
	left: 20px;
}
#top_visual2017 .img {
	position: absolute;
}
#visual2017_girl {
	left: 75px;
}
#visual2017_catch {
	top: 240px;
	left: 724px;
}
#visual2017_copy {
	top: 165px;
	left: 60px;
}

/* ---------------------------------------------------------
	201803 追加
--------------------------------------------------------- */
#top_visual2018 {
	width: 100%;
	margin-bottom: 30px;
	background: url(../../images/top_visual2018/bg.png) center repeat-y;
	overflow: hidden;
}
#top_visual2018_mov {
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 634px;
	overflow: hidden;
}
#top_visual2018_mov video {
	position: absolute;
	bottom: -40%;
	left: 50%;
	transform: translate(-50%,0);
	min-width: 100%;
	min-height: 140%;
	width: auto;
	height: auto;
	/*position: absolute;
	min-width: 100%;
	min-height: 150%;
	width: auto;
	height: auto;
	top: -20%;
	left: 50%;
	transform: translate(-50%,0);*/
	/*top: 70%;
	left: 50%;
	transform: translate(-50%,-50%);*/
}
#top_visual2018_inbox {
	position: relative;
	width: 1000px;
	height: 634px;
	margin: 0 auto;
}
#visual2018_box {
	position: absolute;
	bottom: -38px;
	left: 20px;
}
#top_visual2018 .img {
	position: absolute;
}
#visual2018_girl {
	top: 0;
}
#visual2018_catch01 {
	top: 58px;
}
#visual2018_catch02 {
	top: 140px;
}
#visual2018_copy {
	top: 249px;
}