@charset "utf-8";

.top h3 {
	font-size: 26px; font-size: 2.6rem;
	text-align: center;
	margin-top: 20px;
}
.top h3 span {
	font-size: 14px; font-size: 1.4rem;
	color: #0059af;
	display: block;
}

@media (max-width: 520px) {
	.top h3 { padding-bottom: 10px; }
}


#header .pc-main-menu .child {
	top: 100px;
}

/* ------ メインビジュアル ------ */
#mainvisual {
	position: relative;
}
#bg-video {
	vertical-align: bottom;
	width: 102%;
	height: 600px;
	object-fit: cover;
	z-index: 100;
}
#mainvisual .title { position: absolute; z-index: 101; }
#mainvisual .title {
	top: 45%;
	left: 50%;
	width: 330px;
	transform: translateY(-50%) translateX(-50%);
	margin: auto;
}

@media (min-width: 1600px) {
	#bg-video { height: 700px; }
}
@media (max-width: 1000px) {
	#bg-video { height: calc(100vw * 0.5); }
}
@media (max-width: 520px) {
	#bg-video { height: calc(100vw * 0.75); }
	#mainvisual .title { width: 240px; }
}


/* ------ 水色背景 ------ */
.blue-back { background-color: #F3F6FB; padding-bottom: 50px; }
@media (max-width: 520px) {
	.blue-back { padding-bottom: 20px; }
}

/* ------ 関連サイトへのリンク ------ */
.top-menu {
	flex-wrap: wrap;
	display: flex;
	margin-top: -60px;
	margin-left: -30px;
}
.top-menu section {
	flex: 1;
	margin-left: 30px;
}
.top-menu section img {
	margin-top: 65px;
}
.top-menu section a {
	display: block;
	text-align: center;
	font-family: "新丸ゴ R";
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.8;
	padding-top: 30px;
	background: #ffffff url("https://www.nipr.ac.jp/image/menu-icon.png") no-repeat center top 75px / 20px auto;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
	image-rendering:auto;
}
.top-menu section a:hover {
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
	background-image: url("https://www.nipr.ac.jp/image/menu-icon-blue.png");
}
.top-menu section span {
	display: block;
	font-size: 12px; font-size: 1.2rem;
}
.top-menu a:link,
.top-menu a:hover,
.top-menu a:visited { color: #333333; text-decoration: none; }

@media (max-width: 1000px) {
	.top-menu { margin-top: -30px; margin-left: -30px; }
	.top-menu section { margin-left: 30px; }
	.top-menu section a { font-size: 15px; font-size: 1.5rem; }
	.top-menu section span { display: none; }
}
@media (max-width: 800px) {
	.top-menu section { margin-bottom: 25px; }
	.top-menu section.line1 { flex: 40%; }
	.top-menu section { flex: 20%; }
}
@media (max-width: 520px) {
	.top-menu { flex-direction: column; margin-top: 0; padding-top: 30px; }
	.top-menu section img {
		object-fit: cover;
		float: left;
		max-width: 60%;
		height: 80px;
		margin-top: 0;
	}
	.top-menu section a {
		text-align: right;
		padding: 0 55px 0 0;
		line-height: 80px;
		background-position: right 20px center;
	}
}

/* ------ ピックアップ ------ */
.pickup-back {
	margin: 50px 0 20px;
	background-color: #DAE7F3;
	position: relative;
	padding-bottom: 40px;
}
.pickup-back h3 {
}
.pickup {
	padding: 0 30px;
}
.pickup li {
	margin: 0 10px;
}
.pickup li img {
	border-radius: 50%;
}
.pickup .slick-arrow {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	width: auto;
	height: 20px;
	z-index:10;
	cursor: pointer;
}
.pickup .prev-arrow {
	left: 0;
	transform: rotate( -180deg );
}
.pickup .next-arrow {
	right: 0;
}
@media (max-width: 800px) {
	.pickup-back { margin: 20px 0; padding-bottom: 30px; }
	.pickup { padding: 0 20px; }
}

/* ------ 重要なお知らせ ------ */
.info-important {
	max-width: 720px;
	margin: 50px auto;
	padding: 0 30px 20px;
	background-color: #ffffff;
	border: 1px solid #FF7171;
}
.info-important .title {
	color: #ffffff;
	font-size: 15px; font-size: 1.5rem;
	text-align: center;
	background-color: #FF7171;
	margin: 0 -30px 30px;
}

/* ------ 研究成果 ------ */
.info-research {
	margin: 30px 0;
	background-color: #ffffff;
}
.info-research .research-column {
	flex-wrap: wrap;
	display: flex;
	margin-left: -30px;
	padding: 30px 30px 15px;
	position: relative;
}
.info-research .research-column section {
	flex: 20%;
	margin-left: 30px;
}
.info-research .research-column section img {
	width: 100%;
	max-height: 180px;
	border: 1px solid #cccccc;
	padding: 10px;
	margin-bottom: 10px;
	object-fit: contain;
}
.info-research .research-column section p {
	font-size: 13px; font-size: 1.3rem;
}
@media (max-width: 850px) {
	.info-research .research-column { padding: 25px; }
}
@media (max-width: 680px) {
	.info-research .research-column { padding-bottom: 0; }
	.info-research .research-column section { flex: 40%; margin-bottom: 20px; }
}
@media (max-width: 520px) {
	.info-research .research-column { padding: 20px; }
	.info-research .research-column section { flex: 100%; }
	.info-research .research-column section img {
		float: left;
		max-width: 40%;
		margin-right: 20px;
	}
}

/* ------ トピックス ------ */
.info-topics {
	margin: 30px 0;
	background-color: #ffffff;
	padding: 30px 30px 20px;
}
dl.news {
	font-size: 14px; font-size: 1.4rem;
}
dl.news dd {
	padding-left : 9em;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
}
dl.news dd:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
dl.news dt {
	font-size: 13px; font-size: 1.3rem;
	clear : both;
	float : left;
	width : 9em;
}
@media (max-width: 520px) {
	dl.news dt { float : none; width : auto; }
	dl.news dd { padding-left : 0; }
}

/* ------ リンクボタン ------ */
.top .btn a {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	max-width: 240px;
}

/* ------ 関連サイトへのリンク ------ */
.footer-link {
	flex-wrap: wrap;
	display: flex;
	margin: 60px 0 0 -40px;
}
.footer-link section {
	flex: 25%;
	margin: 20px 0 20px 40px;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
	text-align: center;
}
.footer-link section img {
	margin-bottom: 30px;
}
.footer-link section a {
	background: url("https://www.nipr.ac.jp/image/menu-icon.png") no-repeat center bottom 30px / 18px auto;
	display: block;
	padding: 0 0 60px;
	transition: all 0.2s;
	image-rendering:auto;
}
.footer-link section a:hover {
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
	background-image: url("https://www.nipr.ac.jp/image/menu-icon-blue.png");
	transition: all 0.2s;
}
.footer-link section a:link,
.footer-link section a:hover,
.footer-link section a:visited { color: #333333; text-decoration: none; }

@media (max-width: 850px) {
	.footer-link { margin: 25px 0 25px -25px; }
	.footer-link section { flex: 25%; margin: 10px 0 20px 25px; }
	.footer-link section img { margin-bottom: 20px; }
	.footer-link section a { background-position: center bottom 22px; padding: 0 0 50px; }
}
@media (max-width: 520px) {
	.footer-link section { flex: 30%; }
}

/* ------ リンクバナー ------ */
.footer-exlink {
	position: relative;
	height: 100px;
	background-color: #F2F2F2;
	margin: 0 auto;
	padding: 18px 0;
}
.footer-exlink ul {
	position: relative;
	left: 50%;
	float: left;
}
.footer-exlink ul li {
	position: relative;
	left: -50%;
	float: left;
	margin: 0 15px;
}
@media (max-width: 850px) {
	.footer-exlink { height: 80px; }
	.footer-exlink ul li { margin: 0 5px; width: 120px; }
}
@media (max-width: 520px) {
	.footer-exlink { height: 160px; }
	.footer-exlink ul li { margin: 5px; width: 130px; }
}

/* ------ フッタイメージ写真 ------ */
.footer-photo img {
	width: 100%;
	height: 300px;
	object-fit: cover;
}
@media (max-width: 1100px) {
	.footer-photo img { height: 240px; }
}
@media (max-width: 680px) {
	.footer-photo img { height: calc(100vw / 3); }
}