/* ============================================================
common
============================================================ */

:root {
	--blue: #006daf;
	--darkblue: #00385a;
	--green: #0F463C;
	--regular: 400; /* default */
	--medium: 500;
	--bold: 600;
}

/* entire
-------------------------------------------------------------*/


html {
	scroll-behavior: smooth;
	scroll-padding-top: 96px;
	@media (1360px >= width) {
		scroll-padding-top: 76px;
	}
}

main {
	margin: 0 auto;
/* 
	margin: 0 auto 120px;
	@media (1360px >= width) {
		margin: 56px auto 120px;
	}
 */
	line-height: 1;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	opacity: 0;
	transition: opacity 0.3s ease-out, margin-top .2s ease;
}

/* 
body.gnav-top-hidden main {
	margin-top: 0;
}
 */


main.is-visible {
	opacity: 1;
}
main {
	figure img {
		display: block;
		width: 100%;
		height: auto;
	}
	a {
		color: #000;
		@media (hover: hover) {
			transition: opacity 0.1s ease-in;
			&:hover {
				opacity: 0.6;
			}
		}
		&.url,&.wbba {
			word-break: break-all;
		}
		&.no_link{
			pointer-events: none !important;
		}
	}
	em {
		font-style: normal;
		&.red {color: #ff5353;}
		&.blue {color: var(--blue);}
	}
	strong {
		font-weight: var(--bold);
	}
	@media (width >= 768px) {
		.sp {display: none;}
	}
	@media (width <= 767px) {
		.pc {display: none;}
	}
}

/* div.title_area */

div.title_area,
div.title_area_index {
	position: relative;
	height: 412px;
	height: 500px;
	background: no-repeat center / cover;
	overflow: hidden;
	p.category {
		margin-bottom: 22px;
		font-weight: var(--medium);
		font-size: 20px;
		text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.8);
	}
	h1 {
	line-height: 1.25;
		font-size: 40px;
		font-weight: var(--bold);
		text-shadow: 0px 0px 40px rgba(255, 255, 255, 0.8);
	}
	p.copy {
		width: 800px;
		max-width: 100%;
		line-height: 1.5;
		font-weight: var(--bold);
		font-size: 16px;
		text-shadow: 0px 0px 8px rgba(255, 255, 255, 0.8);
	}
	> .inner {
		position: relative;
		z-index: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 1260px;
		max-width: calc(100% - 40px);
		height: 100%;
		margin: 0 auto;
		padding-top: 158px;
		@media (1360px >= width) {
			padding-top: 0;
		}
		&::before {
			content: '';
			position: absolute;
			z-index: -1;
			bottom: 0;
			left: -590px;
			width: auto;
			height: 100%;
			aspect-ratio: 2490 / 500;
			background: url(/assets/img/common/ttl_bg.svg) no-repeat center / cover;
		}
	}
}

/* 
header {opacity:0.2; !important}
 */

div.title_area_index {
	h1 {
		font-size: 56px;
		margin-bottom: 32px;
		text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.8);
	}
	> .inner {
		align-items: center;
		&::before {
			left: 55%;
			transform: translateX(-50%);
			width: auto;
			height: 100%;
			aspect-ratio: 2534 / 500;
			background: url(/assets/img/common/ttl_bg_index.svg) no-repeat center / cover;
		}
	}
}

main.about div.title_area {background-image: url(/assets/img/about/ttl_bg.jpg);}
main.about div.title_area_index {background-image: url(/assets/img/about/ttl_bg_index.jpg);}

main.people div.title_area {background-image: url(/assets/img/people/ttl_bg.jpg);}
main.people div.title_area_index {background-image: url(/assets/img/people/ttl_bg_index.jpg);}

main.research div.title_area_index {background-image: url(/assets/img/research/ttl_bg_index.jpg);}
main.research_csrda div.title_area {background-image: url(/assets/img/research/ttl_bg_research_csrda.jpg);}
main.research_projects div.title_area {background-image: url(/assets/img/research/ttl_bg_research_projects.jpg);}
main.research_group-projects div.title_area {background-image: url(/assets/img/research/ttl_bg_index.jpg);}
main.research_events div.title_area {background-image: url(/assets/img/research/ttl_bg_research_events.jpg);}
main.research_surveys div.title_area,
main.research_publications div.title_area {background-image: url(/assets/img/research/ttl_bg_research_surveys.jpg);}

main.global-activities div.title_area,
main.global-activities div.title_area_index {background-image: url(/assets/img/global-activities/ttl_bg.jpg);}

main.education div.title_area,
main.education div.title_area_index {background-image: url(/assets/img/education/ttl_bg.jpg);}

main.outreach div.title_area_index {background-image: url(/assets/img/outreach/ttl_bg_index.jpg);}
main.outreach_projects div.title_area {background-image: url(/assets/img/outreach/ttl_bg_projects.jpg);}
main.outreach_summer-seminar div.title_area {background-image: url(/assets/img/outreach/ttl_bg_summer-seminar.jpg);}
main.outreach_media div.title_area {background-image: url(/assets/img/outreach/ttl_bg_media.jpg);background-position: left center;}

main.sitemap div.title_area_index {background-image: url(/assets/img/sitemap/ttl_bg.jpg);}

main.news div.title_area_index {background-image: url(/assets/img/news/ttl_bg.jpg);}

main.research_csrda div.title_area {
	> .inner {
		&::before {
			left: 15%;
			transform: translateX(-15%);
		}
	}
}

/* div.wrap */

main > div.wrap {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	gap: 5%;
	width: 1260px;
	max-width: calc(100% - 40px);
	margin: 0 auto;
}

div.breadcrumbs {width: 100%;}
div.contents_menu {width: 20%;}

div.contents_area,
div.contents_area_index,
div.cms_top,
div.cms_body {
	width: 75%;
}

div.contents_area_index,
div.cms_top,
div.cms_body,
div.contents_menu {
	padding-bottom: 80px;
}


/* div.breadcrumbs */

div.breadcrumbs {
	margin: 20px 0 32px;
	font-size: 16px;
	ul {
		display: flex;
		flex-wrap: wrap;
		li {
			line-height: 1.4;
			color: var(--green);
			&:not(:last-child)::after {
				content: '>';
				display: inline-block;
				margin: 0 0.3em;
			}
			a {
				display: inline-block;
				color: var(--green);
			}
		}
	}
}

/* div.contents_menu */

div.contents_menu {
	> dl > dt a {
		display: block;
		padding: 17px;
		border-radius: 4px;
		background: linear-gradient(to right, #0081d0 0%, #0bc4a5 100%);
		line-height: 1.3;
		font-weight: var(--bold);
		font-size: 16px;
		color: #fff;
	}
	ul.list {
		> li {
			border-bottom: 1px solid;
			border-image: linear-gradient(to right, #739bca, #58b8b6) 1;
		}
		dt > a,
		> li > a {
			position: relative;
			display: block;
			padding: 17px 32px 17px 8px;
			line-height: 1.5;
			font-weight: var(--bold);
			font-size: 16px;
			&[target="_blank"] {
				&::after {
					content: '';
					position: absolute;
					top: 0;
					bottom: 0;
					right: 0;
					margin: auto;
					width: 13px;
					height: 13px;
					background: url(/assets/img/common/icon_newbrowser_blue.svg) no-repeat 0 0 / 13px 13px;
				}
			}
		}
		dt.show > a,
		li.show > a {
			color: var(--blue);
			&::after {
				content: '';
				position: absolute;
				top: 0;
				bottom: 0;
				right: 17px;
				margin: auto;
				width: 7px;
				height: 13px;
				background: url(/assets/img/common/arrow_blue.svg) no-repeat 0 0 / 7px 13px;
			}
		}
		dd {
			display: none;
		}
		dt.show + dd {
			display: block;
		}
		ul {
			margin: -6px 0 12px;
			li {
				padding-left: 17px;
			}
			a {
				position: relative;
				display: block;
				padding: 10px 17px;
				line-height: 1.3;
				font-weight: var(--bold);
				font-size: 14px;
				&::before {
					content: '';
					position: absolute;
					top: calc(10px + 0.2em);
					left: 0;
					width: 4px;
					height: 1em;
					border-radius: 2px;
					background: #006daf;
				}
			}
		}
	}
	dd.pub {
		margin-top: 56px;
		border-radius: 4px;
		border: 2px solid #21a28c;
		a {
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 57px;
			line-height: 1.3;
			font-weight: var(--bold);
			font-size: 16px;
			color: #21a28c;
		}
	}
}

/* sticky */

@media (768px <= width) {
	.wrap {
		align-items: flex-start;
	}
	.contents_menu {
		position: sticky;
		top: 95px;
		max-height: calc(100vh + 260px);
		@media (1360px >= width) {
			top: 76px;
		}
	}
}

/* 
@media (768px <= width) {
	.wrap {
		display: flex;
		align-items: flex-start;
	}
	.contents_menu {
		position: sticky;
		top: 180px;
		width: 240px;
		max-height: calc(100vh - 180px);
		overflow-y: auto;
		@media (1360px >= width) {
			top: 76px;
			max-height: calc(100vh - 76px);
		}
	}
	.contents_menu {scrollbar-width: 8px;}
	.contents_menu::-webkit-scrollbar {width:8px;}
	.contents_menu::-webkit-scrollbar-thumb {background: #e1e1e1;}
	.contents_menu::-webkit-scrollbar-track {background: #f9f9f9;}
}
 */

/* parts
-------------------------------------------------------------*/

/* btn1 */
a.btn1 {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: fit-content;
	min-height: 40px;
	padding: 0 2em;
	border-radius: 20px;
	border: solid 2px #006daf;
	background: #006daf;
	box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.16);
	line-height: 1;
	font-weight: var(--bold);
	color: #fff;
	text-decoration: none;
	&::after {
		content: '';
		flex-shrink: 0;
		display: inline-block;
		position: relative;
		top: 1px;
		width: 7px;
		height: 13px;
		margin-left: 1em;
		background: url(/assets/img/common/arrow_white_right.svg) no-repeat;
	}
	&.white {
		background: #fff;
		color: var(--blue);
		&::after {
			background: url(/assets/img/common/arrow_blue_right.svg) no-repeat;
		}
		&[target="_blank"] {
			&::after {
				background: url(/assets/img/common/icon_newbrowser_blue.svg) no-repeat;
				background-size: 13px 13px;
			}
		}
	}
	&[target="_blank"] {
		&::after {
			width: 13px;
			height: 13px;
			background: url(/assets/img/common/icon_newbrowser.svg) no-repeat;
		}
	}
	&.btn_back::after {
		content: none;
	}
	&.btn_back::before {
		content: '';
		flex-shrink: 0;
		display: inline-block;
		width: 7px;
		height: 13px;
		margin-right: 1em;
		background: url(/assets/img/common/arrow_white_right.svg) no-repeat;
		transform: rotate(180deg);
	}

}

/* inline */
p a,
a.underline {
	color: var(--blue);
	text-decoration: underline;
	text-underline-offset: 0.2em;
	text-decoration-thickness: 1px;
}

div.contents_area {

	section {
		margin-bottom: 80px;
	}

/* h2/h3/p */
	h2,
	.ttl_h2 {
		margin: 0 0 1.4em;
		padding-bottom: 12px;
		line-height: 1.4;
		font-weight: var(--bold);
		font-size: 25px;
		color: var(--blue);
		border-bottom: 2px solid;
		border-image: linear-gradient(to right, #006DAF 124px, #d1e4f2 124px) 1;
	}
	h3,
	.ttl_h3 {
		margin: 40px 0 1.2em;
		margin: 40px 0 0.5em;
		line-height: 1.4;
		font-weight: var(--bold);
		font-size: 25px;
	}
	h4,
	.ttl_h4 {
		gap: 8px;
		margin: 25px 0 .8em;
		padding-bottom: 10px;
		border-bottom: 1px solid #ddd;
		line-height: 1.4;
		font-weight: var(--bold);
		font-size: 20px;
		color: var(--blue);
	}
	.ttl_dot {
		position: relative;
		margin: 0 0 1.2em;
		padding-left: 24px;
		line-height: 1.4;
		font-weight: var(--bold);
		font-size: 25px;
		&::before {
			content: '';
			position: absolute;
			top: 0.38em;
			left: 0;
			width: 16px;
			height: 16px;
			border-radius: 50%;
			background: linear-gradient(#0081d0 0%, #0bc4a5 100%);
		}
	}

	p.text,
	p.indent,
	p.no_indent,
	p:not([class]) {
		margin: 0 0 1.8em;
		line-height: 1.75;
	}
	p.btn {
		margin: 0 0 1.8em;
	}
	p.note {
		line-height: 1.75;
	}
	p.right {
		display: flex;
		justify-content: flex-end;
	}
	.indent > p:not([class]),
	.indent > p.text,
	p.indent {
		text-indent: 1em;
	}
	&.indent {
		p:not([class]),
		p.text {
			text-indent: 1em;
		}
		p.no_indent {
			text-indent: 0 !important;
		}
	}

/* list */
	.ul_1 {
		margin: 0 0 1.8em;
		line-height: 1.75;
		li {
			position: relative;
			padding-left: 1em;
			&::before {
				content: '※';
				position: absolute;
				top: 0;
				left: 0;
			}
		}
	}
	.ol_1 {
		margin: 0 0 1.8em;
		line-height: 1.75;
		li {
			position: relative;
			padding-left: 2em;
		}
		span.num {
			position: absolute;
			top: 0;
			left: 0;
		}
	}

/* ul.link_list */
	ul.link_list {
		display: flex;
		flex-direction: column;
		gap: 1.8em;
		margin: 0 0 1.8em;
		li a {
			display: inline-block;
			position: relative;
			padding-left: 24px;
			line-height: 1.45;
			font-size: 20px;
			color: var(--blue);
			text-decoration: underline;
			text-decoration-thickness: 1px;
			text-underline-offset: 0.1em;
			&::before {
				content: '';
				position: absolute;
				top: 0.35em;
				left: 0;
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background: linear-gradient(#0081d0 0%, #0bc4a5 100%);
			}
		}
	}


/* ul.ul_plain */
	ul.ul_plain {
	}


/* ul.ul_dot */
	ul.ul_dot {
		margin: 0 0 1.8em;
		li {
			position: relative;
			margin-bottom: 1em;
			padding-left: 24px;
			line-height: 1.45;
			font-size: 16px;
			&::before {
				content: '';
				position: absolute;
				top: 0.35em;
				left: 0;
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background: linear-gradient(#0081d0 0%, #0bc4a5 100%);
			}
			strong {
				font-weight: var(--bold);
			}
		}
	}

/* div.table_type1 */
	.table_type1 {
		padding: 35px 24px 24px;
		border-radius: 16px;
		background: #f6fcff;
		&:not(:has(thead)) {
			padding: 24px 24px 24px;
			table {
				tbody {
					border-top: 1px solid #70aacf;
				}
			}
		}
		table {
			width: 100%;
			line-height: 1.4;
			thead {
				position: relative;
				top: -6px;
				border-bottom: 3px solid #04314e;
				th {
					padding-bottom: 1em;
					text-align: center;
					font-weight: var(--bold);
					font-size: 18px;
					color: var(--darkblue);
				}
			}
			tbody {
				td,th {
					padding: 11px 0 11px;
					border-bottom: 1px solid #70aacf;
					text-align: left;
					font-weight: var(--medium);
					font-size: 16px;
					a:not([class]) {
						color: var(--blue);
						text-decoration: underline;
						text-underline-offset: 0.2em;
						text-decoration-thickness: 1px;
					}
					a.btn1 {
						display: inline-flex;
						min-height: 32px;
						font-size: 12px;
						font-weight: 400;
					}
				}
			}
		}
	}

/* dl.inquiry */
	dl.inquiry {
		margin-top: 40px;
		padding: 28px 32px 26px;
		border-radius: 16px;
		background: url(/assets/img/about/opportunities_inquiry_bg.jpg) no-repeat center / cover;
		dt {
			margin-bottom: 12px;
			font-weight: var(--bold);
			font-size: 25px;
			color: var(--green);
		}
		dd {
			line-height: 1.75;
			color: var(--green);
		}
	}

}/* /.contents_area */


/* adjust
-------------------------------------------------------------*/

main .MT0  {margin-top: 0 !important;}
main .MT10 {margin-top: 10px !important;}
main .MT20 {margin-top: 20px !important;}
main .MT30 {margin-top: 30px !important;}
main .MT40 {margin-top: 40px !important;}
main .MT50 {margin-top: 50px !important;}
main .MT60 {margin-top: 60px !important;}
main .MT70 {margin-top: 70px !important;}
main .MT80 {margin-top: 80px !important;}
main .MT90 {margin-top: 90px !important;}

main .MT16 {margin-top: 16px !important;}
main .MT32 {margin-top: 32px !important;}

main .MB0  {margin-bottom: 0 !important;}
main .MB10 {margin-bottom: 10px !important;}
main .MB20 {margin-bottom: 20px !important;}
main .MB30 {margin-bottom: 30px !important;}
main .MB40 {margin-bottom: 40px !important;}
main .MB50 {margin-bottom: 50px !important;}
main .MB60 {margin-bottom: 60px !important;}
main .MB70 {margin-bottom: 70px !important;}
main .MB80 {margin-bottom: 80px !important;}
main .MB90 {margin-bottom: 90px !important;}

main .MB16 {margin-bottom: 16px !important;}
main .MB32 {margin-bottom: 32px !important;}


/* div.contents_area_index
-------------------------------------------------------------*/

div.contents_area_index {
	figure.intro {
		margin-bottom: 32px;
	}
	h2 {
		margin: 0 0 44px;
		padding-bottom: 12px;
		line-height: 1.2;
		font-weight: var(--bold);
		font-size: 25px;
		color: var(--blue);
		border-bottom: 2px solid;
		border-image: linear-gradient(to right, #005496 124px, #d1e4f2 124px) 1;
	}
	ul.panel {
		display: flex;
		flex-wrap: wrap;
		gap: min(3vw, 36px) 4%;
		li {
			width: 48%;
			border-radius: 16px;
			background: #f6f6f6;
			box-shadow: 0px 4px 0px rgba(0, 109, 175, 0.5);
			overflow: hidden;
		}
		a {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			height: 100%;
			padding: 40px min(3vw, 60px) 30px;
			background: url(/assets/img/common/menu_panel_bg.png) no-repeat center / cover;
		}
		dt {
			margin-bottom: 40px;
			text-align: center;
			font-weight: var(--bold);
			font-size: 26px;
			line-height: 1.417;
			color: #004067;
		}
		dd.text {
			margin-bottom: 32px;
			font-size: 15px;
			line-height: 1.75;
		}
		p.link {
			position: relative;
			padding: 0 64px 16px 0;
			border-bottom: 1px solid #006daf;
			text-align: right;
			font-weight: var(--bold);
			font-size: 18px;
			color: var(--blue);
			&::after {
				content: '';
				position: absolute;
				top: 3px;
				right: 0;
				width: 10px;
				height: 17px;
				background: url(/assets/img/common/arrow_blue_right.svg) no-repeat center / cover;
			}
		}
		a[target="_blank"] p.link {
			&::after {
				top: 3px;
				width: 17px;
				height: 17px;
				background: url(/assets/img/common/icon_newbrowser_blue.svg) no-repeat 0 0 / 17px 17px;
			}
		}

/* (specific) */

		a.alt_1 {
			&.bg1 {
				background: url(/assets/img/common/menu_panel_bg_type1.jpg) no-repeat center;
				background-size: min(500px, 52vw);
			}
			&.bg2 {
				background: url(/assets/img/common/menu_panel_bg_type2.jpg) no-repeat center;
				background-size: min(500px, 52vw);
			}
			figure {
				width: 80%;
				margin: 0 auto 28px;
			}
			dt {
				margin-bottom: 15px;
			}
		}
	}
}



/* pages [about]
-------------------------------------------------------------*/

/* about_institute */

main.about_institute {
	dl.person {
		position: relative;
		display: flex;
		flex-direction: column;
		height: 232px;
		margin-bottom: 36px;
		padding: 45px 0 0 265px;
		background: url(/assets/img/about/person1_bg.png) no-repeat;
		dt {
			margin-bottom: 30px;
		}
		dd {
			font-weight: var(--medium);
			font-size: 18px;
			strong {
				display: block;
				margin-bottom: 14px;
				font-size: 25px;
			}
		}
		figure {
			position: absolute;
			top: 16px;
			left: 16px;
			width: 200px;
		}
	}
	dl.history {
		> div {
			display: flex;
			margin-bottom: 38px;
		}
		dt {
			flex-shrink: 0;
			position: relative;
			width: 165px;
			padding-left: 24px;
			line-height: 1.45;
			font-weight: var(--medium);
			font-size: 20px;
			color: var(--darkblue);
			&::before {
				content: '';
				position: absolute;
				top: 0.35em;
				left: 0;
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background: linear-gradient(#0081d0 0%, #0bc4a5 100%);
			}
		}
		dd {
			position: relative;
			top: 16px;
			width: 100%;
			padding-top: 20px;
			border-top: solid 1.5px #7592a2;
			line-height: 2;
			text-indent: 1em;
			font-size: 16px;
			a {
				font-weight: var(--bold);
				color: var(--blue);
				text-decoration: underline;
				text-underline-offset: 0.1em;
			}
		}
	}
	figure.chart {
		width: 776px;
		max-width: 100%;
		margin: 0 auto;
	}
	div.brochure {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 6%;
		figure {
			width: 226px;
		}
		dt {
			margin-bottom: 24px;
			padding-bottom: 16px;
			border-bottom: 2px solid #707070;
			font-weight: var(--bold);
			font-size: 25px;
		}
		dd.text {
			margin-bottom: 56px;
			font-size: 16px;
			line-height: 1.56;
		}
	}
	p.btn {
		display: flex;
		justify-content: flex-end;
	}
	figure.shaken_1 {
		margin-bottom: 30px;
	}
	figure.shaken_2 {
		margin: 50px auto 0;
		width: 42%;
		min-width: 320px;
	}
}

/* about_activities */

main.about_activities {
	figure {
		margin: 0 auto;
		width: 90%;
	}
	figcaption {
		margin: 60px 0 30px;
		text-align: center;
		font-weight: var(--bold);
		font-size: 30px;
	}
}

/* about_opportunities */

main.about_opportunities {
	ul.link_list span {
		display: inline-block;
		padding: 1em 0 0 24px;
	}
	p.pd_prd {
		position: relative;
		padding-left: 1em;
		text-indent: 0 !important;
		span {
			position: absolute;
			top: 0;
			left: 0;
		}
	}
}

/* about_mailnews */

main.about_mailnews {
	a.btn1::after {
		content: none !important;
	}
	ul.mailnews {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5%;
	}
}

/* about_reports */

main.about_reports {
	section#s1 > *:not(h2) {
		padding-left: 10%;
	}
	div.reports {
		display: flex;
		align-items: flex-end;
		gap: 7%;
		figure {
			width: 222px;
		}
	}
	ul.aside {
		margin-bottom: 1.8em;
		li {
			margin: 0 0 0.8em;
			line-height: 1.75;
			text-indent: 1em;
		}
	}
	ol.main {
		li {
			margin: 0 0 1em;
			line-height: 1.75;
		}
		> li {
			position: relative;
			margin-bottom: 1.8em;
			padding-left: 24px;
			font-weight: var(--bold);
			&::before {
				content: '';
				position: absolute;
				top: 0.35em;
				left: 0;
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background: linear-gradient(#0081d0 0%, #0bc4a5 100%);
			}
		}
		ol {
			margin: 1em 0 0 1em;
			list-style: decimal;
			font-weight: 400;
			li::marker {
				color: var(--blue);
			}
		}
	}
	.table_type1 {
		table {
			tbody {
				td {
					padding: 11px 20px 12px 10px;
					&:nth-of-type(2) {
						color: var(--darkblue);
					}
					&:nth-of-type(3) {
						text-align: right;
					}
				}
			}
		}
	}

}

/* about_podcast */

main.about_podcast {
	figure.fig1 {
		width: 84.75%;
		margin: 0 auto 32px;
	}
	ul.podcast_link {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 5%;
	}
	.ttl_dot {
		font-size: 20px;
		&::before {
			top: 0.28em;
		}
	}
}

/* about_access */

main.about_access {
	iframe {
		display: block;
		width: 92.69%;
		margin: 0 auto 32px;
	}
	figure {
		width: 92.69%;
		margin: 0 auto 32px;
	}

/* table.floor_guide */
	table.floor_guide {
		margin: 0;
		td {
			padding: 0 0 30px 22px;
			font-weight: var(--bold);
			font-size: 20px;
			:first-child {padding-right: 5em;}
		}
	}

}

/* pages [people]
-------------------------------------------------------------*/

/* people_researchers */

main.people {
	figure {
		width: 100px;
	}
	p.date {
		position: relative;
		top: -1.6em;
		font-size: 13px;
		text-align: right;
	}

}

main.people_researchers {
	ul.penel {
		display: flex;
		flex-wrap: wrap;
		gap: 20px 32px;
		@media (width <= 767px) {
			gap: 20px;
		}
		li {
			width: calc((100% - 32px * 4) / 5);
			@media (width <= 1200px) {
				width: calc((100% - 32px * 3) / 4);
			}
			@media (width <= 960px) {
				width: calc((100% - 32px * 2) / 3);
			}
			@media (width <= 767px) {
				width: calc((100% - 20px) / 2);
			}
		}
		a {
			display: block;
		}
		dl {
			display: flex;
			flex-direction: column;
			dt {order: 2}
			dd.pos {order: 3}
			dd.img {order: 1}
		}
		dt,dd.pos {
			padding: 0 10px;
			line-height: 1.6;
			font-size: 12px;
			color: var(--darkblue);
		}
		figure {
			width: 100%;
			margin-bottom: 10px;
			padding: 10px;
			background: url(/assets/img/people/index_frame.jpg);
			background-size: cover;
		}
	}
}

/* people_emeritus */

main.people_emeritus {
	.table_type1 {
		table {
			tbody {
				td {
					&:nth-of-type(1) {
						padding-left: 1em;
						padding-right: 1em;
					}
				}
				th {
					padding: 11px 0 11px 15px;
				}
			}
		}
	}
}

/* people_article */

section.people_article {

	h3 {
		margin-top: 50px;
	}
	dl.profile {
		position: relative;
		height: 348px;
		margin: 10px auto 0;
		padding: 50px 0 0 min(26vw,356px);
		background: url(/assets/img/people/page_ttl_bg.jpg);
		background-size: cover;
		figure {
			position: absolute;
			top: 24px;
			left: 24px;
			width: min(20vw,300px);
		}
		dt {
			margin-bottom: 32px;
			font-weight: var(--bold);
			font-size: 30px;
		}
		.en{
				font-size: 20px;
				padding-top: 12px;
			}
		th,td {
			padding-bottom: 12px;
			line-height: 1.5;
			font-size: 16px;
		}
		th {
			padding-right: 1em;
			text-align: left;
			font-weight: var(--bold);
			white-space: nowrap;
		}
		a {
			font-weight: var(--bold);
			font-size: 16px;
			color: var(--blue);
		}
	}
	.career{
table {
		width: calc(100% - 30px);
		margin-left: 30px;
		line-height: 1.4;
		border-top: 1.5px solid #b8d6e6;
		tbody {
			td,th {
				padding: 16px 0 16px;
				border-bottom: 1.5px solid #b8d6e6;
				text-align: left;
				font-weight: var(--medium);
				font-size: 16px;
				&:nth-of-type(1) {
					white-space: nowrap;
					width: min(20vw,220px);
				}
				&:nth-of-type(2) {
					color: var(--darkblue);
				}
				a:not([class]) {
					color: var(--blue);
					text-decoration: underline;
					text-underline-offset: 0.2em;
					text-decoration-thickness: 1px;
				}
			}
		}
	}
	}
	

	dl.theme {
		dt {
			position: relative;
			margin-bottom: 18px;
			padding-left: 58px;
			line-height: 1.4;
			color: var(--blue);
			font-weight: var(--bold);
			span.num {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				margin: auto 0;
				width: 40px;
				height: 40px;
				display: flex;
				justify-content: center;
				align-items: center;
				border-radius: 50%;
				background: linear-gradient(#0081d0 0%, #0bc4a5 100%);
				text-align: center;
				font-weight: var(--medium);
				font-size: 20px;
				color: #fff;
			}
			span.t1 {
				display: inline-block;
				margin-bottom: 3px;
				font-size: 20px;
			}
			span.t2 {
				display: inline-block;
				font-size: 16px;
			}
		}
		dd {
			margin-bottom: 45px;
			line-height: 1.75;
			text-indent: 1em;
		}
	}
	ul.ul_dot {
		margin-bottom: 60px;
		li {
			margin-bottom: 1.6em;
		}
	}
	dl.activity {
		dt {
			margin-bottom: 20px;
			font-weight: var(--bold);
			font-size: 18px;
			color: var(--blue);
		}
		dd {
			margin-bottom: 16px;
			line-height: 1.4;
			font-size: 16px;
		}
	}
}

/* pages [research]
-------------------------------------------------------------*/


/* research_projects */

main.research_projects {

	.table_type1 {
		margin-bottom: 40px;
		table {
			tbody {
				td {
					&:nth-of-type(1) {
						width: 1em;
						white-space: nowrap;
						padding: 16px 0 17px 5px;
					}
					&:nth-of-type(2) {
						padding: 16px 2em 17px min(6vw,100px);
						font-weight: var(--medium);
						color: var(--darkblue);
					}
				}
			}
		}
	}
}

/* research_group-projects */

main.research_group-projects {

	ul.anchor {
		display: flex;
		flex-wrap: wrap;
		gap: 50px 45px;
		margin-bottom: 40px;
		li {
			width: calc((100% - 45px * 3) / 4);
			@media (width <= 1200px) {
				width: calc((100% - 45px * 2) / 3);
			}
			@media (width <= 960px) {
				width: calc((100% - 45px) / 2);
			}
			border-bottom: 1px solid #006daf;
			a {
				display: flex;
				justify-content: center;
				align-items: flex-end;
				height: 100%;
				padding-bottom: 12px;
				text-align: center;
				line-height: 1.786;
				font-weight: var(--bold);
				color: var(--blue);
			}
		}
	}

	ul.article {
		li {
			margin-top: 32px;
			padding: 14px;
			border-radius: 16px;
			background: url(/assets/img/research/group-projects_bg.jpg) no-repeat center / cover;
			dl {
				padding: 32px 32px 34px;
				border-radius: 8px;
				background: #fff;
				dt {
					margin-bottom: 20px;
					line-height: 1.4;
					font-weight: var(--bold);
					font-size: 25px;
				}
				dd.d1 {
					margin-bottom: 24px;
				}
				dd.d2 {
					line-height: 1.75;
					text-indent: 1em;
				}
			}
		}
		a {
			color: var(--blue);
			text-decoration: underline;
			text-underline-offset: 0.2em;
			text-decoration-thickness: 1px;
		}
	}
}


/* research_events */

main.research_events {
	div.box {
		margin: 32px auto 40px;
		padding: 14px;
		border-radius: 16px;
		background: url(/assets/img/research/box_bg.jpg) no-repeat center / cover;
		div.inner {
			background: #fff;
			border-radius: 8px;
			padding: 30px 32px;
		}
		h3 {
			margin: 0 0 0.7em;
		}
		table {
			line-height: 1.75;
			&+p {
				margin-top: 1.8em;
			}
		}
		th {
			position: relative;
			padding-right: 1em;
			white-space: nowrap;
			text-align: left;
			&::after {
				content: '：';
				position: absolute;
				top: 0;
				right: 0;
			}
		}
		.flex{
			display: flex;
			gap: 32px;
			.text{
				h3{
					margin-top: 1em;
					font-size: 1.5em;
				}
			}
			.img{
				flex-shrink: 0;
				width: 30%;
			}
			@media screen and (max-width: 767px) {
				flex-direction: column;
				gap: 16px;
				.img{
					flex-shrink: 0;
					width: max-content;
					max-width: 60%;
					margin: 0 auto;
				}
			}
		}
	}
	div.table_type1 {
		table {
			thead {
				top: 0;
				th {
					padding-bottom: 0.6em;
				}
			}
	 		td {
				padding: 17px 0;
				&.date {
					padding-left: 0.3em;
					white-space: nowrap;
				}
				&.num {
					white-space: nowrap;
				}
				&.subject {
					padding-right: 1em;
					color: var(--darkblue);
					a {
						color: var(--darkblue);
					}
				}
				span.small {
					font-size: 87.5%;
				}
			}
			tbody.seminar {
				.date {
					padding-right: min(5vw,5em);
				}
			}
			tbody.symposium {
				.date {
					width: 8em;
					@media (1000px >= width) {
						br.sp {
							display: inline-block;
						}
					}
				}
				.num {
					text-align: center;
					width: 6em;
				}
			}
		}
	}
}

/* research_surveys */

main.research_surveys {
	ul.article {
		li {
			margin-top: 32px;
			padding: 14px;
			border-radius: 16px;
			background: url(/assets/img/research/group-projects_bg.jpg) no-repeat center / cover;
			dl {
				padding: 32px 32px 34px;
				border-radius: 8px;
				background: #fff;
				dt {
					margin: 0 0 20px;
				}
				dd.text {
					margin-bottom: 24px;
				}
				dd.link {
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					gap: 16px;
				}
			}
		}
	}
	p.center {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-top: 80px;
		a.btn1 {
			width: 318px;
		}
	}
}

/* research_publications */

main.research_publications {

	ul.article {
		> li {
			margin-top: 32px;
			padding: 14px;
			border-radius: 16px;
			background: url(/assets/img/research/group-projects_bg.jpg) no-repeat center / cover;
			dl {
				display: flex;
				flex-wrap: wrap;
				column-gap: 50px;
				padding: 32px 32px 34px;
				border-radius: 8px;
				background: #fff;
				dt {
					width: 100%;
					margin: 0 0 20px;
				}
				dd:nth-child(2) {
					flex: 1;
					p {
						text-indent: 1em;
					}
					ul {
						line-height: 1.75;
						a {
							color: var(--blue);
							text-decoration: underline;
							text-underline-offset: 0.2em;
							text-decoration-thickness: 1px;
						}
					}
				}
				dd:nth-child(3) {
					display: flex;
					align-items: flex-end;
					flex-direction: column;
					gap: 24px;
					width: 256px;
					figure.double {
						margin: 0 auto;
					}
				}
			}
		}
	}
}

/* pages [education]
-------------------------------------------------------------*/

/* education_graduate-undergraduate */

main.education_graduate-undergraduate {

	.table_type1 {
		table {
			tbody {
				td {
					padding: 16px 0 14px;
					&:nth-of-type(1) {
						white-space: nowrap;
						padding-right: 1em;
					}
					&:nth-of-type(2) {
						color: var(--darkblue);
					}
				}
			}
		}
	}

	ul.graduate_list {
		display: flex;
		flex-wrap: wrap;
		gap: 24px;
		margin-bottom: 40px;
		li {
			display: flex;
			justify-content: center;
			align-items: center;
			width: calc((100% - 24px * 3) / 4);
			@media (width <= 1100px) {
				width: calc((100% - 24px * 2) / 3);
			}
			@media (width <= 900px) {
				width: calc((100% - 24px) / 2);
			}
			height: 48px;
			background: #f6fcff;
			text-align: center;
			font-weight: var(--medium);
		}
	}
}


/* pages [outreach]
-------------------------------------------------------------*/

/* outreach_summer-seminar */

main.outreach_summer-seminar {
	line-height: 1.75;
	p.center {
		text-align: center;
		margin: 32px auto 24px;
	}
	p + h3 {
		margin-top: 80px;
	}
	figure.main {
		width: 349px;
		max-width: 100%;
		margin: 0 auto 32px;;
	}

	ul.index {
		margin-bottom: 32px;
	}

	ul.program {
		> li {
		margin-bottom: 32px;
		}

		p {
			margin-bottom: 0;
		}
		dl.related {
			margin-top: 16px;
		}
	}
	table {
		margin-top: 48px;
		th {
			position: relative;
			padding-right: 1em;
			white-space: nowrap;
			text-align: left;
			font-weight: var(--regular);
			&::before {
				content: '■ ';
			}
			&::after {
				content: '：';
				position: absolute;
				top: 0;
				right: 0;
			}
		}
	}

}


/* outreach_projects */

main.outreach_projects {

	ul.outreach_panel {
		width: min(100%,834px);
		display: flex;
		flex-wrap: wrap;
		gap: 60px;
		@media (width <= 1145px) {
			gap: 3vw;
		}
		margin: 40px auto 0;
		li {
			width: calc((100% - 60px)/2);
			@media (width <= 1145px) {
				width: calc((100% - 3vw)/2);
			}
		}
		a{display: block;}
		dl {
			margin-top: 12px;
			dt {
				margin-bottom: 6px;
				line-height: 1.3;
				font-weight: var(--bold);
				font-size: 20px;
				color: var(--blue);
			}
			dd {
				line-height: 1.92;
				font-size: 13px;
			}
		}
	}
}

/* pages [global-activities]
-------------------------------------------------------------*/

/* global-activities_overview */

main.global-activities_overview {
	#s1 {
		figure {
			width: min(100%,404px);
			margin: 0 auto;
		}
	}
	.table_type1 {
		table {
			thead {
				th {
					white-space: nowrap;
				}
			}

			tbody {
				td {
					&:nth-of-type(2) {
						padding-left: 0.5em;
						padding-right: 0.5em;
					}
				}
			}
		}
	}
}

/* pages [sitemap]
-------------------------------------------------------------*/

main.index.sitemap {
	ul.sitemap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 80px;
		font-size: 16px;
		color: var(--blue);
		> li {
			margin-bottom: 50px;
			&:nth-child(2),&:nth-child(5) {
				width: 13em;
			}
			&:nth-child(3),&:nth-child(6) {
				width: 16em;
			}
			&:nth-child(4),&:nth-child(7) {
				width: 21em;
			}
			@media screen and (max-width: 1140px) {
				&:nth-child(n+2):nth-child(-n+7) {
					width: 46%;
				}
			}
			@media screen and (max-width: 767px) {
				&:nth-child(n) {
					width: 100% !important;
					margin-bottom: 40px;
				}
			}

			&.top {
				width: 100%;
				margin: 0 0 60px;
			}
			&.news {
				width: 100%;
				margin: 0 0 40px;
			}
			&.misc {
				width: 100%;
				margin: 0;
				padding-top: 40px;
				border-top: 1px solid #006daf;
				li {
					margin-bottom: 24px;
				}
			}
			dl {
				margin: 0;
				dt {
					margin-bottom: 24px;
				}
				dd {
					margin: 0;
				}
				li {
					margin-bottom: 15px;
					list-style: none;
					a {
						display: block;
						position: relative;
padding-left: 23px;
						line-height: 1.4;
						color: inherit;
						text-decoration: none;
						&:hover {
							text-decoration: underline;
						}
					}
				}
			}
		}
		dt > a,
		li.top a,
		li.news a,
		li.misc a {
			display: inline-block;
			position: relative;
			padding-left: 24px;
			line-height: 1.45;
			font-size: 20px;
			font-weight: var(--bold);
			color: var(--blue);
			text-decoration: none;
			&::before {
				content: '';
				position: absolute;
				top: 0.35em;
				left: 0;
				width: 16px;
				height: 16px;
				border-radius: 50%;
				background: linear-gradient(#0081d0 0%, #0bc4a5 100%);
			}
		}
		a[target="_blank"] {
			padding-right: 20px;
			&::after {
				content: '';
				position: absolute;
				right: 0;
				top: 50%;
				transform: translateY(-50%);
				width: 13px;
				height: 13px;
				background: url(/assets/img/common/icon_newbrowser_blue.svg) no-repeat 0 0 / 13px 13px;
			}
		}
		li.misc a[target="_blank"] {
			width: 17em;
			&::after {
				top: 58%;
			}
		}
	}
}

/* ============================================================
SP
============================================================ */

@media screen and (max-width: 767px) {

/* div.title_area */

div.title_area {
	height: 445px;
	> .inner::before {
		content: none;
	}
	p.category {
		margin-bottom: 16px;
		font-size: 16px;
	}
	h1 {
		width: fit-content;
		position: relative;
		font-size: 28px;
		&::before {
			content: '';
			position: absolute;
			z-index: -1;
			top: -316px;
			right: -60px;
			right: -50vw;
			right: min(-60px,-40vw);
			aspect-ratio: 489 / 428;
			width: 768px;
			height: auto;
			background: url(/assets/img/common/ttl_bg_sp.svg) no-repeat center / cover;
		}
	}
	p.copy {
		width: 100%;
		font-size: 14px;
	}
}

/* div.title_area_index */

div.title_area_index {
	height: 445px;
	h1 {
		font-size: 28px;
	}
	> .inner {
		align-items: center;
		&::before {
			top: -20vw;

			aspect-ratio: 390 / 500;
			width: 120vw;
			height: auto;
			background: url(/assets/img/common/ttl_bg_sp_index.svg) no-repeat center / cover;
		}
	}
}

main.education div.title_area,
main.education div.title_area_index {
	background-position: left center;
}
main.outreach_summer-seminar div.title_area {
	background-image: url(/assets/img/outreach/ttl_bg_summer-seminar_sp.jpg);
}


/* div.wrap */

main > .wrap {
	display: flex;
	flex-direction: column;
}
div.contents_area,
div.contents_area_index,
div.cms_top,
div.cms_body,
div.contents_menu {
	width: 100%;
}

/* div.breadcrumbs */

/* div.contents_menu */


div.breadcrumbs {
	ul {
		li {
			margin-bottom: 6px;
			font-size: 14px;
		}
	}
}

/* parts
-------------------------------------------------------------*/

div.contents_area {

/* h2/h3/p */
	h2,
	.ttl_h2 {
		font-size: 20px;
	}
	h3,
	.ttl_h3 {
		font-size: 20px;
	}
	.ttl_dot {
		font-size: 20px;
		&::before {
			top: 0.28em;
		}
	}

/* ul.link_list */
	.link_list li a {
		font-size: 16px;
	}


/* ul.ul_dot */
	ul.ul_dot {
		li {
			font-size: 18px;
			&::before {
				top: 0.32em;
			}
		}
	}

/* ul.ul_bold */
	ul.ul_bold {
		li {
			font-size: 18px;
		}
	}

/* div.table_type1 */
	.table_type1 {
		padding: 25px 14px 14px;
		table {
			thead {
				position: static;
				th {
					padding-bottom: 0.5em;
					font-size: 16px;
				}
			}
			tbody {
				td, th {
					padding: 0.8em 0;
					font-size: 14px;
					a.btn1 {
						padding: 0 1em;
					}
				}
			}
		}
		&.sp_block {
			padding: 25px 20px 14px;
			table {
				thead {
					display: none;
				}
				tbody {
					td, th {
						display: block;
						padding: 0 0 1em;
						border: none;
						&:first-child {
							padding-bottom: 0.6em;
						}
						&:last-child {
							margin-bottom: 1em;
							border-bottom: 1px solid #70aacf;
						}
					}
				}
			}
		}
	}

/* dl.inquiry */
	dl.inquiry {
		padding: 18px 22px 16px;
		dt {
			font-size: 20px;
		}
	}

}

/* div.contents_area_index
-------------------------------------------------------------*/

div.contents_area_index {
	h2 {
		font-size: 20px;
	}
	ul.panel {
		gap: 40px;
		margin-bottom: 80px;
		padding: 0 20px;
		li {
			width: 100%;
		}
		a {
			padding: 24px 40px 30px;
		}
		dt {
			margin-bottom: 8px;
			font-size: 20px;
		}
		dd.text {
			margin-bottom: 12px;
		}
		p.link {
			font-size: 16px;
			&::after {
				top: 1px;
			}
		}

/* (specific) */

		a.alt_1 {
			&.bg1,
			&.bg2 {
				background-size: 90vw;
			}
			figure {
				max-width: 268px;
				margin-bottom: 18px;
			}
			dt {
				margin-bottom: 8px;
			}
		}
	}
}

/* pages [about]
-------------------------------------------------------------*/

/* about_institute */

main.about_institute {
	dl.person {
		justify-content: center;
		height: 142px;
		margin-bottom: 36px;
		padding: 0 0 0 150px;
		background-size: auto 100%;
		background-position: center left -60px;
		dt {
			margin-bottom: 10px;
		}
		dd {
			font-size: 16px;
			strong {
				margin-bottom: 10px;
				font-size: 20px;
			}
		}
		figure {
			width: 110px;
		}
	}
	dl.history {
		> div {
			flex-direction: column;
			margin-bottom: 26px;
		}
		dt {
			width: auto;
			margin-bottom: 8px;
			font-size: 18px;
			br {
				display: none;
			}
		}
		dd {
			position: static;
			padding-top: 12px;
			font-size: 14px;
		}
	}
	div.brochure {
		flex-direction: column;
		figure {
			width: 60%;
			margin-bottom: 26px;
		}
		dt {
			font-size: 22px;
		}
		dd.text {
			margin-bottom: 16px;
			font-size: 14px;
		}
	}
	p.btn {
		display: block;
	}
}

/* about_activities */

main.about_activities figcaption {
	line-height: 1.4;
	font-size: 24px;
}

/* about_reports */

main.about_reports {
	section#s1 > *:not(h2) {
		padding-left: 0;
	}
	div.reports figure {
		width: 40%;
	}
	div.table_type1 {
		td {
			vertical-align: middle !important;
		}
	}
}


/* pages [people]
-------------------------------------------------------------*/

/* people_researchers */

/* people_article */

section.people_article {

	dl.profile {
	display: none;
		position: relative;
		height: 200px;
		margin: 10px auto 0;
		padding: 50px 0 0 206px;
		background: url(/assets/img/research/page_ttl_bg.jpg);
		background-size: cover;
		figure {
			position: absolute;
			top: 24px;
			left: 24px;
			width: 300px;
			height: 300px;
		}
		dt {
			margin-bottom: 32px;
			font-weight: var(--bold);
			font-size: 30px;
			
		}
		.en{
				font-size: 24px;
				margin-top: 0.5em;
			}
		th,td {
			padding-bottom: 12px;
			line-height: 1.5;
			font-size: 16px;
		}
		th {
			padding-right: 1em;
			text-align: left;
			font-weight: var(--bold);
			white-space: nowrap;
		}
		a {
			font-weight: var(--bold);
			font-size: 16px;
			color: var(--blue);
		}
	}
	.career {
		width: 100%;
		margin-left: 0;
		tbody {
			td,th {
				font-size: 16px;
				&:nth-of-type(1) {
					width: 7em;
				}
			}
		}
	}
	

	dl.activity {
		dt {
			font-size: 18px;
		}
		dd {
			font-size: 18px;
		}
	}
}

/* pages [research]
-------------------------------------------------------------*/

/* research_projects */

main.research_projects {
	p.right {
		display: block;
		text-align: center;
		a {
			display: inline-flex;
		}
	}
}

/* research_group-projects */

main.research_group-projects {

	ul.anchor {
		gap: 30px 20px;
		li {
			@media (width <= 767px) {
				width: calc((100% - 20px) / 2);
			}
			a {
				line-height: 1.4;
				br {display: none;}
			}
		}
	}

	ul.article {
		li {
			dl {
				padding: 20px 20px 20px;
				dt {
					font-size: 20px;
				}
				dd.d1 {
					margin-bottom: 24px;
				}
				dd.d2 {
					line-height: 1.75;
					text-indent: 1em;
				}
			}
		}
	}
}

/* research_events */

main.research_events {

	div.box {
		div.inner {
			padding: 20px 20px 20px;
		}
	}

	div.table_type1 {
		td.subject {
			padding-right: 0 !important;
		}
		tbody.seminar {
			.date {
				width: auto !important;
				padding-right: 0.2em !important;
			}
		}
		tbody.symposium {
			.date {
				width: auto !important;
				padding-right: 0 !important;
			}
			.num {
				width: auto !important;
				padding-left: 0.5em;
				padding-right: 0.5em;
			}
		}
	}
}

/* research_surveys */

main.research_surveys {

	ul.article {
		li {
			dl {
				padding: 20px 20px 20px;
			}
		}
	}

	dd.link {
		a.btn1 {
			padding-top: 6px;
			padding-bottom: 6px;
			line-height: 1.4;
		}
	}
}

/* research_publications */

main.research_publications {

	ul.article {
		> li {
			dl {
				flex-direction: column;
				padding: 20px 20px 24px;
				dt {
					width: 100%;
					margin: 0 0 20px;
				}
				dd:nth-child(3) {
					align-items: center;
					width: 100%;
				}
			}
		}
	}

}


/* pages [education]
-------------------------------------------------------------*/

/* education_graduate-undergraduate */

main.education_graduate-undergraduate {
	ul.graduate_list {
		gap: 20px;
		li {
			width: calc((100% - 20px) / 2);
		}
	}

	p.right {
		display: block;
		text-align: center;
		a.btn1 {
			display: inline-flex;
		}
	}

}

/* pages [outreach]
-------------------------------------------------------------*/

/* outreach_projects */

main.outreach_projects {

	ul.outreach_panel {
		width: 100%;
		gap: 20px;
		li {
			width: 100%;
		}
		dl {
			dt {
				margin-bottom: 6px;
				font-size: 16px;
			}
			dd {
				font-size: 13px;
			}
		}
	}
}

/* pages [global-activities]
-------------------------------------------------------------*/

/* global-activities_overview */

main.global-activities_overview {
	p.btn {
		text-align: center;
		a.btn1 {
			display: inline-flex;
		}
	}
/* sp_blockの際には反映
	.table_type1 {
		table {
			tbody {
				td {
					&:nth-of-type(2) {
						padding-bottom: 5px;
					}
					&:nth-of-type(3) {
						br {
							display: none;
						}
					}
				}
			}
		}
	}
 */

}

/* pages [sitemap]
-------------------------------------------------------------*/

main.index.sitemap {
	ul.sitemap {
		margin-bottom: 0;
		> li {
			&:nth-child(n+2):nth-child(-n+7) {
				margin-bottom: 30px;
				width: 20em !important;
			}
			margin-bottom: 40px;

			&.top {
				margin: 0 0 40px;
			}

		}
	}
}


}/* end @media (SP) */

/* .pagination 
-------------------------------------------------------------*/

.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 40px;
	margin: 40px auto 0;
	.btn_prev,
	.btn_next {
		display: block;
		width: 48px;
		height: 48px;
		border: 2px solid #1465a5;
		border-radius: 50%;
		position: relative;
		cursor: pointer;
		transition: 0.2s;
		&::before {
			content: '';
			position: absolute;
			top: 50%;
			left: 50%;
			width: 14px;
			height: 14px;
			border-top: 2px solid #1465a5;
			border-left: 2px solid #1465a5;
			transition: 0.2s;
		}
		@media (hover: hover) {
			&:hover {
				background: #1465a5;
				&::before {
					border-color: #fff;
				}
			}
		}
	}
	.btn_prev::before {
		transform: translate(-30%, -50%) rotate(-45deg);
	}
	.btn_next::before {
		transform: translate(-70%, -50%) rotate(135deg);
	}
	ul {
		display: flex;
		align-items: center;
		gap: 30px;
		list-style: none;
		padding: 0;
		margin: 0;
		li {
			button {
				background: none;
				border: none;
				width: 34px;
				height: 34px;
				display: flex;
				align-items: center;
				justify-content: center;
				color: #1465a5;
				font-size: 16px;
				font-weight: var(--medium);
				cursor: pointer;
				border-radius: 50%;
				padding: 0;
				transition: 0.2s;
				&.selected {
					background: #1465a5;
					color: #fff;
				}
				@media (hover: hover) {
					&:hover:not(.selected) {
						background: #f0f7ff;
					}
				}
			}
			&:empty::before {
				content: '...';
				color: #1465a5;
				font-weight: var(--bold);
				letter-spacing: 0.1em;
				margin: 0 5px;
			}
		}
	}
}