@charset "UTF-8";

html { overflow-y: scroll; }

body {
	background: url(../img/index/base_bg.png);
	background-size: 61px 61px;
	color: #555;
}

.mod-pc { display: none; }
.mod-sp { display: block; }

#body {
	position: relative;
}

#body img {
	width: 100%;
	height: auto;
}

.mousehover:hover {
	opacity: .6;
}

@media screen and (min-width: 481px) {
	body {
		min-width: 1005px;
	}

	.mod-pc { display: block; }
	.mod-sp { display: none; }

	#body img {
		width: auto;
	}
}

/* ボタン矢印 */
.btn_arw a:before,
.btn_arw a:after {
	content: '';
	position: absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.btn_arw a:before {
	top: 50%;
	left: 20px;
	width: 10px;
	height: 3px;
	background: #00a2f0;
}

.btn_arw a:after {
	top: 50%;
	left: 30px;
	margin-top: -6px;
	border-top: solid 9px transparent;
	border-left: solid 9px #00a2f0;
	width: 0;
	height: 0;
}

@media screen and (min-width: 481px) {
	.btn_arw a:before {
		left: 15px;
		margin-top: 1px;
		width: 13px;
	}

	.btn_arw a:after {
		left: 28px;
		margin-top: -8px;
		border-top: solid 12px transparent;
		border-left: solid 12px #00a2f0;
	}

	.btn_arw a:hover:before {
		left: 20px;
	}

	.btn_arw a:hover:after {
		left: 33px;
	}
}

/* ボタン背景 */
.btn_frame a {
	position: relative;
	display: block;
	box-sizing: border-box;
	border: solid 1px #00a2f0;
	border-radius: 22px;
	height: 44px;
	background: #fff;
	color: #00a2f0;
	line-height: 44px;
	font-size: 14px;
	text-align: center;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

@media screen and (min-width: 481px) {
	.btn_frame {
		margin: 0 auto;
		width: 240px;
	}

	.btn_frame a {
		border-radius: 20px;
		height: 40px;
		line-height: 40px;
	}

	.btn_frame a:hover {
		background: #00a2f0;
		color: #fff;
	}

	.btn_frame a:hover:before {
		background: #fff;
	}

	.btn_frame a:hover:after {
		border-left-color: #fff;
	}

}



/*-------------------------
	メインビジュアル
-------------------------*/

.main_vis {
	border-top: solid 1px #b2e3fa;
	background: url(../img/index/mv_bg-s.png) center center no-repeat;
	background-size: cover;
}

#main_vis_copy {
	margin: 0 auto;
	padding: 33.4% 0 30.6%;
	width: 70.625%;
}

.openingAnim {
	display: none;
}

@media screen and (min-width: 481px) {
	.main_vis {
		position: relative;
		border: none;
		background: none;
	}

	.main_vis_inner {
		margin: 0 auto;
		width: 1000px;
		height: 556px;
	}

	#main_vis_copy {
		right: 0;
		left: 0;
		z-index: 10;
		padding: 90px 0 62px;
		width: 480px;
	}

	/* オープニングアニメーション */
	.openingAnim {
		display: block;
	}

	.openingAnim_element {
		position: absolute;
		opacity: 0;
	}

	#openingAnim_txt {
		padding-top: 130px;
		width: 100%;
		font-size: 26px;
		text-align: center;
		line-height: 2.15;
	}

	#openingAnim_txt span {
		opacity: 0;
		font-weight: bold;
	}

	#openingAnim_plant_01 {
		top: 0;
		left: 16%;
	}

	#openingAnim_plant_02 {
		bottom: 0;
		right: 15.1%;
	}

	#openingAnim_plant_03 {
		bottom: 177px;
		right: 0;
	}

	#openingAnim_plant_04 {
		top: 235px;
		left: 0;
	}

	#openingAnim_plant_05 {
		top: 0;
		right: 25%;
	}

	#openingAnim_plant_06 {
		top: 117px;
		right: 0;
	}

	#openingAnim_plant_07 {
		top: 0;
		left: 0;
	}

	#openingAnim_plant_08 {
		bottom: 18px;
		right: 0;
	}

	#openingAnim_plant_09 {
		top: 204px;
		left: 0;
	}

	#openingAnim_plant_10 {
		top: 0;
		right: 1.86%;
	}

	#openingAnim_plant_11 {
		top: 306px;
		right: 11.5%;
	}

	#openingAnim_town {
		bottom: 0;
		left: 0.93%;
	}

	.openingAnim_copy {
		top: 90px;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 480px;
	}

	#openingAnim_copy_01 {
		position: absolute;
	}

	#openingAnim_copy_01 span {
		opacity: 0;
	}
}

/* --緊急連絡用ページリンク-- */
#hamabi_info {
	position: relative;
	top: 20px;
  left: 0;
  right: 0;
  margin: 0 20px;
  font-weight: bold;
}

#hamabi_info a {
	color: rgb(255,0,0);
	background: rgb(255, 255, 255);
	border:3px solid rgb(255,0,0);
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
  margin: auto;
	text-align: center;
	padding: 5px 0;
	z-index: 99;
}

#hamabi_info a:hover {
	color: rgb(255, 255, 255);
	background: rgb(255, 0, 0);
}

@media screen and (min-width: 481px) {
	#hamabi_info a {
		width: 800px;
	}
}


/*-------------------------
	最新情報
-------------------------*/

.first_info {
	background: #00a2f0;
	color: #fff;
	font-size: 14px;
}

.first_info_inner {
	padding: 0 4.69% 20px;
}

.new_info {
	position: relative;
	box-sizing: border-box;
	border-bottom: dashed 1px #4dbef5;
	padding: 15px 0 15px 30px;
}

.new_info:before,
.new_info:after {
	content: '';
	position: absolute;
}

.new_info:before {
	top: 50%;
	left: 0;
	margin-top: -1px;
	width: 10px;
	height: 3px;
	background: #fff;
}

.new_info:after {
	top: 50%;
	left: 10px;
	margin-top: -7px;
	border-top: solid 9px transparent;
	border-left: solid 9px #fff;
	width: 0;
	height: 0;
}

.new_info dt {
	display: inline-block;
	margin-right: 4px;
	border-radius: 23px;
	padding: 0 10px;
	color: #00a2f0;
	background: #fff;
	line-height: 23px;
}

.new_info dd:nth-of-type(1) {
	display: inline-block;
}

.new_info dd:nth-of-type(2) {
	padding-top: 8px;
}

.new_info_btn_detail {
	display: none;
}

.first_info_link {
	margin-top: 25px;
}

.first_info_link li {
	margin-top: 15px;
}

.first_info_link li a {
	position: relative;
	display: block;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	background: #dcf1fb;
	color: #00a2f0;
	text-align: center;
}

.first_info_link a:before,
.first_info_link a:after {
	content: '';
	position: absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.first_info_link a:before {
	top: 50%;
	left: 20px;
	width: 10px;
	height: 3px;
	background: #00a2f0;
}

.first_info_link a:after {
	top: 50%;
	left: 30px;
	margin-top: -6px;
	border-top: solid 9px transparent;
	border-left: solid 9px #00a2f0;
	width: 0;
	height: 0;
}

@media screen and (min-width: 481px) {
	.first_info {}

	.first_info_inner {
		margin: 0 auto;
		padding: 15px 0;
		width: 1000px;
	}

	.new_info {
		position: relative;
		border-radius: 24px;
		border-bottom: none;
		padding: 10px 0 10px 10px;
		height: 48px;
		background: #fff;
	}

	.new_info:before,
	.new_info:after {
		display: none;
	}

	.new_info dt {
		box-sizing: border-box;
		margin-right: 17px;
		border-radius: 15px;
		padding: 0 20px;
		width: 106px;
		color: #fff;
		background: #00a2f0;
		line-height: 30px;
		font-size: 14px;
		text-align: center;
	}

	.new_info dd {
		display: inline-block;
		color: #00a2f0;
	}

	.new_info dd:nth-of-type(1) {
		border-left: dotted 1px #b2e3fa;
		padding-left: 17px;
	}

	.new_info dd:nth-of-type(2) {
		padding-top: 0;
		padding-left: 20px;
		width: 507px;
	}

	.new_info_btn_detail {
		position: absolute;
		top: 9px;
		right: 11px;
		display: block;
		border-radius: 15px;
		height: 30px;
		background: #00a2f0;
		line-height: 30px;
	}

	.new_info_btn_detail a {
		display: block;
		padding: 0 38px 0 53px;
		color: #fff;
	}

	.new_info_btn_detail a:before {
		margin-top: 1px;
		width: 10px;
		height: 2px;
		background: #fff;
	}

	.new_info_btn_detail a:after {
		left: 25px;
		margin-top: -6px;
		border-top: solid 9px transparent;
		border-left: solid 9px #fff;
	}

	.new_info_btn_detail a:hover:before {
		left: 20px;
	}

	.new_info_btn_detail a:hover:after {
		left: 30px;
	}

	.first_info_link {
		margin: 10px auto 0;
		width: 740px;
	}

	.first_info_link li {
		float: left;
		margin-top: 0;
		border-radius: 20px;
		width: 240px;
		height: 40px;
		line-height: 40px;
	}

	.first_info_link li + li {
		margin: 0 0 0 10px;
	}

	.first_info_link li:last-child {
		display: none;
	}

	.first_info_link li a {
		font-weight: bold;
	}

	.first_info_link a:before {
		left: 15px;
		margin-top: 1px;
		width: 13px;
	}

	.first_info_link a:after {
		left: 28px;
		margin-top: -8px;
		border-top: solid 12px transparent;
		border-left: solid 12px #00a2f0;
	}

	.first_info_link a:hover:before {
		left: 20px;
	}

	.first_info_link a:hover:after {
		left: 33px;
	}
}

/*-------------------------
	横浜美術大学の特色
-------------------------*/

.feature {
	/*background: url(../img/index/feature_bg-s.jpg) left top no-repeat;
	background-size: 100% 100%;*/
}

.feature_content {
	padding: 0 4.69% 18.75%;
}

.feature_h {
	padding-top: 18.75%;
}

.feature_detail {
	margin-top: 13.59%;
}

.feature_lead {
	margin-top: 10px;
	color: #00a2f0;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.feature_lead span {
	display: block;
	font-size: 14px;
	font-weight: normal;
}

.feature_txt {
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.86;
}

.feature_txt span {
	position: relative;
	display: block;
	margin-top: 7px;
	padding-left: 1.1em;
	color: #00a2f0;
	line-height: 1.3;
}

.feature_txt span:before {
	content: '';
	position: absolute;
	top: 3px;
	left: 1px;
	border: solid 1px #00a2f0;
	width: 9px;
	height: 9px;
}


@media screen and (min-width: 481px) {
	.feature {
		padding-bottom: 106px;
		background: url(../img/index/feature_bg-l.jpg) center top no-repeat fixed;
	}

	.feature_content {
		margin: 0 auto;
		padding: 0;
		width: 1000px;
	}

	.feature_h {
		padding-top: 106px;
	}

	.feature_detail {
		float: left;
		margin-top: 58px;
		width: 460px;
	}

	.feature_detail + .feature_detail {
		margin-left: 80px;
	}

	.feature_lead {
		margin-top: 35px;
	}

	.feature_lead span {
		margin-top: 5px;
	}

	.feature_txt {
		margin: 10px 0 12px;
	}

	.feature_detail:nth-of-type(1) .feature_txt {
		padding: 1.5em 0;
	}

	.campus_scene {
		width: 100%;
		border-top: solid 1px #00a2f0;
		border-bottom: solid 1px #00a2f0;
	}
}

/* コンテクストアーツ科目群 */
.context_arts {
	margin-top: -11px;
	padding: 21.875% 4.69% 22.2%;
	background: url(../img/index/context_arts_bg-s.png) center top no-repeat;
	background-size: 100% 100%;
}

.context_arts_lead {
	margin-top: 13px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

.context_arts_txt {
	margin-top: 10px;
	color: #fff;
	font-size: 14px;
	line-height: 1.86;
}

.context_arts_course {
	margin-top: 14px;
	color: #fff;
	font-size: 14px;
}

.context_arts_course dt {
	font-weight: bold;
	text-align: center;
}

.context_arts_course dd {
	line-height: 1.86;
}

.context_arts_image {
	margin-top: 21px;
}

.context_arts_image_caption {
	margin-top: 8px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.context_arts_image_btn {
	margin-top: 15px;
}

@media screen and (min-width: 481px) {
	.context_arts {
		margin-top: -42px;
		padding: 0;
		background: url(../img/index/context_arts_bg_illust-l.png) center top no-repeat,
		url(../img/index/context_arts_bg-l.png) center top no-repeat;
	}

	.context_arts_inner {
		margin: 0 auto;
		padding: 0 0 120px;
		width: 1000px;
	}

	.context_arts_h {
		padding: 118px 0 38px;
	}

	.context_arts_detail {
		float: left;
		width: 500px;
	}

	.context_arts_lead {
		margin-top: 0;
	}

	.context_arts_txt {
		margin-top: 15px;
	}

	.context_arts_course {
		margin-top: 35px;
	}

	.context_arts_image {
		float: right;
		margin-top: 0;
		width: 460px;
	}

	.context_arts_image li {
		float: left;
		overflow: hidden;
		width: 150px;
	}

	#body .context_arts_image li img {
		position: relative;
		left: -67px;
		width: 274px;
		height: 170px;
	}

	.context_arts_image li + li {
		margin-left: 5px;
	}

	.context_arts_image_caption {
		font-size: 11px;
	}

	.context_arts_image_btn {
		margin-top: 20px;
	}
}



/*-------------------------------
	「あたらしい」をツクル
-------------------------------*/

.new_creative {
	margin-top: -11px;
	background: url(../img/index/new_creative_bg-s.png) no-repeat;
	background-size: 100% 100%;
}

.new_creative_inner {
	overflow: hidden;
	padding: 0 4.69% 18.75%;
}

.new_creative_h {
	padding-top: 18.75%;
	color: #00a2f0;
	text-align: center;
}

#body .new_creative_h img {
	width: 290px;
	height: 35px;
}

.new_creative_h span {
	font-size: 24px;
}

.new_creative_h small {
	display: inline-block;
	padding-top: 7px;
	color: #00a2f0;
	font-size: 14px;
	font-weight: bold;
}

.new_creative_course li {
	position: relative;
	z-index: 1;
	margin-top: 60px;
}

.new_creative_course li .new_creative_img:before {
	content: '';
	position: absolute;
	left: 50%;
	z-index: -1;
	margin-left: -160px;
}

.new_creative_img {
	margin: 0 auto;
	width: 219px;
	height: 234px;
}

.new_creative_cate {
	box-sizing: border-box;
	border-radius: 22px;
	margin: 15px auto 0;
	width: 290px;
	height: 44px;
	background: #fff;
	font-size: 14px;
	line-height: 44px;
	font-weight: bold;
	text-align: center;
}

.new_creative_name {
	padding: 15px 0 7px;
	font-size: 14px;
	line-height: 2; /* default 1.43 */
	font-weight: bold;
	text-align: center;
}

.new_creative_name a:hover {
  opacity: .6;
}

.new_creative_name a#paint {
	color: #FF0000;
}

.new_creative_name a#sculpture {
	color: #FF7F00;
}

.new_creative_name a#craft {
	color: #90BF00;
}

.new_creative_name a#product {
	color: #269900;
}

.new_creative_name a#textile {
	color: #0099CC;
}

.new_creative_name a#vcd {
	color: #2393FF;
}

.new_creative_name a#imd {
	color: #991F8F;
}

.new_creative_name a#illust {
	color: #E65C95;
}

.new_creative_txt {
	font-size: 14px;
}

.new_creative_course_01 .new_creative_img:before {
	top: -26px;
	width: 320px;
	height: 272px;
	background: url(../img/index/new_creative_02_bg.png) no-repeat;
	background-size: 320px 272px;
}

.new_creative_course_01 .new_creative_cate {
	border: solid 1px #fe0000;
	color: #fe0000;
	display: block;
}

.new_creative_course_01 .new_creative_cate:hover,
.new_creative_course_02 .new_creative_cate:hover,
.new_creative_course_03 .new_creative_cate:hover {
	opacity: .6;
}

.new_creative_course_01 .new_creative_name {
	color: #fe0000;
}

.new_creative_course .new_creative_course_02 .new_creative_img:before {
	top: -26px;
	width: 320px;
	height: 271px;
	background: url(../img/index/new_creative_01_bg.png) no-repeat;
	background-size: 320px 271px;
}

.new_creative_course_02 .new_creative_cate {
	border: solid 1px #05d100;
	color: #05d100;
	display: block;
}

.new_creative_course_02 .new_creative_name {
	color: #05d100;
}

.new_creative_course_03 .new_creative_img:before {
	top: -33px;
	width: 320px;
	height: 275px;
	background: url(../img/index/new_creative_03_bg.png) no-repeat;
	background-size: 320px 275px;
}

.new_creative_course_03 .new_creative_cate {
	border: solid 1px #dd05f7;
	color: #dd05f7;
  display: block;
}

.new_creative_course_03 .new_creative_name {
	color: #dd05f7;
	letter-spacing: -0.2px;
}

@media screen and (min-width: 481px) {
	.new_creative {
		margin-top: -20px;
		background: url(../img/index/new_creative_bg_illust-l.png) center top no-repeat,
		url(../img/index/new_creative_bg-l.png) center top no-repeat;
	}

	.new_creative_inner {
		margin: 0 auto;
		padding: 0 0 100px;
		width: 1000px;
	}

	.new_creative_h {
		padding-top: 115px;
		background: url(../img/index/new_creative_confetti.png) 0 138px no-repeat;
	}

	#body .new_creative_h img {
		width: 522px;
		height: auto;
	}

	.new_creative_h span {
		font-size: 37px;
	}

	.new_creative_h small {
		padding-top: 10px;
		font-size: 18px;
	}

	.new_creative_course {
		margin-top: 45px;
	}

	.new_creative_course li {
		float: left;
		margin-top: 0;
		width: 293px;
	}

	.new_creative_course li + li {
		margin-left: 60px;
	}

	.new_creative_course li:not(:last-child):before,
	.new_creative_course li:not(:last-child):after {
		content: '';
		position: absolute;
		top: 33%;
		right: -63px;
		border-top: solid 1px #626260;
		width: 65px;
		height: 0;
	}

	.new_creative_course li:not(:last-child):before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.new_creative_course li:not(:last-child):after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.new_creative_course li .new_creative_img:before {
		display: none;
	}

	.new_creative_img {
		width: auto;
		height: auto;
	}

	#body .new_creative_img img {
		width: 100%;
		height: auto;
	}

	.new_creative_cate {
		border-radius: 20px;
		margin: 20px auto 0;
		width: 293px;
		height: 40px;
		font-size: 14px;
		line-height: 40px;
	}

	.new_creative_course_01 .new_creative_name {
		margin: 0.7em 0;
	}
}


/*-------------------------------
	ABOUT US
-------------------------------*/

.about_us_inner {
	padding-top: 18.75%;
}

.about_us_h {
	margin: 0 auto;
	width: 235px;
	text-align: center;
}

.about_us_h span {
	display: block;
	margin-top: 4px;
	color: #00a2f0;
	font-size: 14px;
	font-weight: bold;
}

.about_us_detail {
	padding-top: 9.4%;
	background: url(../img/index/about_us_bg-s.png) center top no-repeat;
	background-size: contain;
}

.about_us_detail li {
	margin-top: 15.6%;
	padding: 0 4.69%;
	text-align: center;
}

.about_us_detail .about_us_detail_01 {
	margin-top: 0;
}

.about_us_detail_name {
	display: inline-block;
	padding: 0 32px;
	position: relative;
	font-size: 19px;
	font-weight: bold;
	background: url(../img/index/about_us_line_l-s.png) left 5px no-repeat,
	url(../img/index/about_us_line_r-s.png) right 5px no-repeat;
	background-size: 40px 40px;
}

.about_us_detail_img {
	padding: 8px 17.2% 15px;
}

.about_us_detail_txt {
	font-size: 14px;
	text-align: left;
}

.about_us_detail_txt span {
  letter-spacing: -.5px;
}

.about_us_detail_btn {
	margin-top: 10px;
}


@media screen and (min-width: 481px) {
	.about_us {
		background: url(../img/index/about_us_bg_01-l.png) left top no-repeat,
		url(../img/index/about_us_bg_02-l.png) right top no-repeat,
		url(../img/index/about_us_bg_03-l.png) center 521px no-repeat;
	}

	.about_us_inner {
		margin: 0 auto;
		padding-top: 100px;
		width: 1000px;
	}

	.about_us_h {
		width: 332px;
	}

	#body .about_us_h img {
		width: 100%;
	}

	.about_us_h span {
		margin-top: 8px;
		font-size: 16px;
	}

	.about_us_detail {
		margin-left: -95px;
		padding: 0;
		background: none;
	}

	.about_us_detail li {
		float: left;
		margin: 0;
		padding: 52px 0 25px 95px;
		width: 270px;
	}

	.about_us_detail_name {
		padding: 0 35px;
		background: url(../img/index/about_us_line_l-l.png) left 5px no-repeat,
		url(../img/index/about_us_line_r-l.png) right 5px no-repeat;
		font-size: 18px;
	}

	.about_us_detail_img {
		padding: 26px 0 0;
		width: 270px;
	}

	#body .about_us_detail_img img {
		width: 100%;
	}

	.about_us_detail_txt {
		padding: 16px 0 0;
		line-height: 1.86;
	}

	.about_us_detail_btn {
		width: 270px;
	}

	.about_us_detail .about_us_detail_01 {
		padding-top: 44px;
	}

	.about_us_detail_01 .about_us_detail_name {
		line-height: 1.27;
	}

	.about_us_detail_01 .about_us_detail_img {
		padding: 12px 0 0;
	}

	.about_us_detail_01 .about_us_detail_btn a {
		padding-left: 22px;
	}

	.about_us_detail_04 .about_us_detail_txt {
		padding-bottom: 26px;
	}
}


/*-------------------------------
	<追加>客員教授
-------------------------------*/

.guest {
	margin-top: 45px;
}

.guest_inner {
	box-sizing: border-box;
	border-radius: 16px;
	border: solid 1px #00a2f0;
	margin: 0 4.69%;
	background: #fff;
}

.guest_h {
	border-radius: 16px 16px 0 0;
	padding: 5px 0;
	background: #00a2f0;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.guest_box {
	margin: 20px 10px;
}

.guest_text {
	margin-bottom: 20px;
	overflow-y: hidden;
	position: relative;
	 top: 0px;
	 left: 0px;
}

.guest_text p {
	font-size: 14px;
	line-height: 1.75;
	margin: 0 0 20px;
}

.guest_text nav {
	color: #00a2f0;
	border: 1px solid #00a2f0;
	border-radius: 12px;
	font-size: 14px;
	text-align: center;
	width: 8.5em;
	position: absolute;
		right: 10px;
		bottom: 0px;
}

.guest_text a:hover { opacity: .6; }

.guest_professor figure {
	margin: 0 20px 40px 20px;
	overflow-y: hidden;
	position: relative;
		top: 0px;
		left: 0px;
}

.guest_professor a:hover { opacity: .8; }

.guest_professor figure.cyan { color: #00a2f0; }
.guest_professor figure.magenta { color: #E65C95; }

.guest_professor img.face {
	width: 100%;
}
.guest_professor img.stamp {
	text-align: right;
	max-width: 100px;
	position: absolute;
		right: 10px;
		bottom: 40px;
}

.guest_professor figcaption { font-size: 1.3rem; }
.guest_professor figcaption span { font-size: .8em; }
.guest_professor figcaption span:before { content:"（"; }
.guest_professor figcaption span:after { content:"）"; }

@media screen and (min-width: 481px) {
	.guest {
		margin-top: 40px;
		background: url(../img/index/cooperation_bg-l.png) left 80px no-repeat;
	}
	.guest_inner {
		margin: 0 auto;
		width: 1000px;
	}
	.guest_h {
		border-radius: 0 0 16px 16px;
		margin: 0 auto;
		padding: 10px 0;
		width: 500px;
		font-size: 18px;
	}
	.guest_box { margin: 20px; }
	.guest_text {
		float: left;
		width: 319px;
		height: 180px;
	}
	.guest_text nav {
		bottom: 0;
	}
	.guest_professor {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction:row;
		-webkit-justify-content:space-between;
		justify-content:space-between;
		float: right;
		width: 624px;
		margin-bottom: 20px;
	}
	.guest_professor figure {
		margin: 0;
		width: 155px;
	}
	.guest_professor img.face {
		max-width: 140px;
	}
	.guest_professor img.stamp {
		max-width: 65px;
		right: 20px;
		bottom: 30px;
	}
  .guest_professor figcaption {
  	font-size: .9rem;
  	padding-top: 5px;
  }

}

/*-------------------------------
	産学連携事業
-------------------------------*/

.cooperation {
	margin-top: 40px;
}

.cooperation_inner {
	box-sizing: border-box;
	border-radius: 16px;
	border: solid 1px #00a2f0;
	margin: 0 4.69%;
	background: #fff;
}

.cooperation_h {
	border-radius: 16px 16px 0 0;
	padding: 5px 0;
	background: #00a2f0;
	color: #fff;
	font-size: 18px;
	text-align: center;
}

.cooperation_corp {
	padding: 20px 15px 20px 20px;
}

.cooperation_corp_h {
	color: #00a2f0;
	font-size: 16px;
	text-align: center;
}

.cooperation_corp_logo {
	padding: 10px 0 12px;
	text-align: center;
}

.cooperation_corp_txt {
	font-size: 12px;
}

.cooperation_corp_txt span {
	display: block;
	margin-top: 5px;
	color: #00a2f0;
}

#body .cooperation_corp .cooperation_corp_logo img {
  max-width: 50%;
	max-height: 26px;
}

#body .cooperation_corp.amana .cooperation_corp_logo img + img {
	margin-top: 9px;
}

@media screen and (min-width: 481px) {
	.cooperation {
		margin-top: 45px;
		background: url(../img/index/cooperation_bg-l.png) left 80px no-repeat;
	}

	.cooperation_inner {
		margin: 0 auto;
		width: 1000px;
	}

	.cooperation_h {
		border-radius: 0 0 16px 16px;
		margin: 0 auto;
		padding: 10px 0;
		width: 500px;
		font-size: 18px;
	}

	.cooperation_corp {
		float: left;
		box-sizing: border-box;
		width: 499px;
		/*padding: 32px 10px 35px 15px;*/
	}

	.cooperation_corp_h {
		font-size: 16px;
	}

	.cooperation_corp_logo {
		padding: 15px 0 20px;
	}

	.cooperation_corp_txt span {
		margin-top: 12px;
	}

	/*#body .cooperation_corp_logo img {
		width: 208px;
		height: auto;
	}*/

	#body .cooperation_corp_logo img + img {
		margin-top: 0;
	}

	.cooperation_corp.gree {
		padding-left: 40px;
	}

	.cooperation_corp.amana {
		padding-right: 38px;
	}
}



/*-------------------------------
	ニュース
-------------------------------*/

.information_inner {
	padding: 50px 4.69% 0;
}

.information_h {
	text-align: center;
}

#body .information_h img {
	width: 296px;
	height: auto;
}

.information_h span {
	display: block;
	margin-top: 5px;
	color: #00a2f0;
	font-size: 14px;
	font-weight: bold;
}

.information_news {
	position: relative;
	margin-top: 33px;
	padding-bottom: 30px;
}

.information_news_h {
	padding: 0 0 10px 50px;
	font-size: 24px;
	background: url(../img/index/info_news_ico.png) no-repeat;
	background-size: 44px 36px;
	font-weight: bold;
}

.information_news_lineup {
	border-top: solid 1px #00a2f0;
}

.information_news_lineup li a {
	display: block;
	position: relative;
	/*padding: 17px 5px 17px 28px;*/
	padding: 20px 10px;
	font-size: 14px;
}

.information_news_lineup li:not(:first-child) {
	border-top: dotted 1px #00a2f0;
}

/*
.information_news_lineup li a:before,
.information_news_lineup li a:after {
	content: '';
	position: absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.information_news_lineup li a:before {
  top: 29px;
  left: 0;
  width: 10px;
  height: 3px;
  background: #00a2f0;
}

.information_news_lineup li a:after {
  top: 23px;
  left: 10px;
  border-top: solid 9px transparent;
  border-left: solid 9px #00a2f0;
  width: 0;
  height: 0;
}
*/

.information_news_date {
	font-weight: bold;
	padding-right: 20px;
}

.information_news_category {
	border-radius: 12px;
	color: rgb(255, 255, 255);
	font-size: .9em;
	text-align: center;
	width: 7em;

	position: absolute;
		top: 21px;
		right: 10px;
}

.information_news_category.exam { background: rgb(147, 34, 146); }
.information_news_category.media { background: rgb(193, 24, 39); }
.information_news_category.topic { background: rgb(0, 159, 232); }
.information_news_category.winner { background: rgb(246, 128, 0); }
.information_news_category.event { background: rgb(220, 87, 152); }

.information_news_headline {
	padding-left: 20px;
	padding-top: 10px;
	color: #00a2f0;
	/* text-decoration: underline; */
}

@media screen and (min-width: 481px) {
	.information {
		margin-bottom: -46px;
		background: url(../img/index/info_bg_01.png) left top no-repeat,
		url(../img/index/info_bg_02.png) right top no-repeat,
		url(../img/index/info_bg_03.png) center bottom no-repeat;
	}

	.information_inner {
		margin: 0 auto;
		padding: 72px 0 0;
		width: 1000px;
	}

	.information_h {}

	#body .information_h img {
		width: 474px;
		height: auto;
	}

	.information_h span {
		font-size: 16px;
	}

	.information_news {
		margin-top: 20px;
		padding-bottom: 60px;
	}

	.information_news_h {
		padding: 0 0 15px 55px;
	}

	.information_news_lineup {
		padding: 0 30px;
		border-bottom: solid 1px #00a2f0;
	}

	.information_news_lineup li a {
		display: table;
		padding: 17px 15px 17px 28px;
	}

/*
	.information_news_lineup li a:before {
	  top: 50%;
	}

	.information_news_lineup li a:after {
		top: 50%;
		margin-top: -6px;
	}

	.information_news_lineup li a:hover:before {
	  left: 5px;
	}

	.information_news_lineup li a:hover:after {
		left: 15px;
	}
	*/

	.information_news_lineup li p {
		display: table-cell;
		/*padding-left: 40px;*/
		vertical-align: middle;
	}

	.information_news_date {
		margin-right: 40px;
	}

	.information_news_headline {
		padding-top: 0;
	}

	.information_news_lineup  a .information_news_headline {
		text-decoration: none;
	}

	.information_news_lineup  a:hover .information_news_headline {
		text-decoration: underline;
	}

	.information_news_btn {
		position: absolute;
		top: -7px;
		right: 0;
		width: 190px;
	}

	.information_news_btn a {
		padding-left: 15px;
		font-size: 14px;
	}

	.information_news_btn a:before {
		margin-top: 0;
	}

	.information_news_btn a:after {
		border-top: solid 9px transparent;
		border-left: solid 9px #00a2f0;
		margin-top: -6px;
	}

	.information_news_category {
	line-height: .9em;
	position: static;
	}

}

/* バナー・ボタン */
.information_btns {
	margin-left: -3.33%;
	padding-bottom: 37px;
}

.no-padding-bottom {
	padding-bottom: 0;
}

.information_btns li {
	position: relative;
	float: left;
	margin: 3.33% 0 0 3.33%;
	width: 46.67%;
}

.information_btns li a {
	display: block;
}

/*
.information_btns li a:before,
.information_btns li a:after {
	content: '';
	position: absolute;
	-webkit-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.information_btns li a:before {
	top: 50%;
	left: 6px;
	width: 6px;
	height: 3px;
	background: #fff;
}

.information_btns li a:after {
	top: 50%;
	left: 12px;
	margin-top: -6px;
	border-top: solid 9px transparent;
	border-left: solid 9px #fff;
	width: 0;
	height: 0;
}
*/

.information_btns a:hover,
.information_bnr a:hover {
  opacity: .6;
}


@media screen and (min-width: 481px) {
	/* バナー・ボタン */
	.information_bnr {
		margin-left: -20px;
	}

	.information_bnr li {
		position: relative;
		float: left;
		margin-left: 21px;
	}

/*
	.information_bnr li a:before,
	.information_bnr li a:after {
		content: '';
		position: absolute;
		-webkit-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
	}

	.information_bnr li a:before {
		top: 50%;
		left: 12px;
		margin-top: 3px;
		width: 13px;
		height: 3px;
		background: #fff;
	}

	.information_bnr li a:after {
		top: 50%;
		left: 25px;
		margin-top: -6px;
		border-top: solid 12px transparent;
		border-left: solid 12px #fff;
		width: 0;
		height: 0;
	}

	.information_bnr li a:hover:before {
		left: 17px;
	}

	.information_bnr li a:hover:after {
		left: 30px;
	}
*/

	.information_btns {
		margin: 20px 0 0 -20px;
		padding-bottom: 214px;
	}

	.information_btns li {
		margin: 0 0 0 24px;
		width: 228px;
	}

/*
	.information_btns li a:before {
		left: 11px;
		margin-top: 3px;
		width: 13px;
	}

	.information_btns li a:after {
		left: 24px;
		margin-top: -6px;
		border-top: solid 12px transparent;
		border-left: solid 12px #fff;
	}

	.information_btns li a:hover:before {
		left: 17px;
	}

	.information_btns li a:hover:after {
		left: 30px;
	}
*/

}

/*-------------------------------
	bxslider調整
-------------------------------*/

.bx-wrapper {
	position: relative;
}

.bx-prev,
.bx-next {
	position: absolute;
	top: 37%;
}

.bx-prev {
	display: block;
	left: 0;
	border-radius: 0 26px 26px 0;
	width: 26px;
	height: 53px;
	background: #fff;
}

.bx-next {
	display: block;
	right: 0;
	border-radius: 26px 0 0 26px;
	width: 26px;
	height: 53px;
	background: #fff;
}

.bx-prev:before,
.bx-next:before {
	content: '';
	position: absolute;
	top: 50%;
	border: solid 4px transparent;
	margin-top: -4px;
}

.bx-prev:before {
	left: 2px;
	border-right: solid 8px #5fafd5;
}

.bx-next:before {
	right: 2px;
	border-left: solid 8px #5fafd5;
}