/******************************************************************************
******************************************************************************
**
** style.cssにおいて
** -- baseでは基本タグとサイト大枠のCSS指定
** -- headerではヘッダーのCSS指定
** -- global navではグローバルナビのCSS指定
** -- contentではコンテント・メイン・サイドナビのCSS指定
** -- footerではフッターのCSS指定
** -- pagetopではページトップボタンのCSS指定
** -- indexではトップページのCSS指定
** -- pageでは汎用ページのCSS指定
** -- styleでは汎用ページのコンテンツ（データ入れ）で使用する基本タグのCSS指定
**
** 注意事項
** -- CSSの命名規則はApplicatsオリジナルの命名規則を採用しています。
** -- 初期フォントサイズはreset.cssにて13pxにリセットしています。
** -- 行間は1.6にリセットしています。
**        単位は不要です。(スタイル崩れする可能性有)
** -- コンテンツ内のフォントサイズ・行間は
**        [ base ]のcontentsクラスで指定しています。
**        変更する場合はこちらを変更してください。
**
******************************************************************************
******************************************************************************/

/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** PCスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
******************************************************************************
** base
******************************************************************************
----------------------------------------------------------------------------*/
html , body {
	overflow-x : hidden;
}
.w_base {
	width : 1000px;
	margin : 0 auto;
}
/*----------------------------------------------------------------------------
******************************************************************************
** header
******************************************************************************
----------------------------------------------------------------------------*/
.hd-bg {
	position : fixed;
	z-index : 999;

	width : 100%;

	border-top : 4px solid #1ca6a6;
	background : #ffffff;
}
.hd {
	display : flex;
	justify-content : space-between;

	margin : 15px auto 0;
}
.hd__ttl {
	font-size : 1.3rem;
	line-height : 1.2;

	display : block;
	flex-shrink : 0;

	padding-top : 10px;
	padding-bottom : 19px;

	color : #243e73;
}

.hd__link {
	text-decoration : none;
}

.hd__logo {
	width : 100%;
	height : auto;
}

.hd__labname {
	font-size : 1.8rem;

	display : block;

}

.hd__enttl {
	font-size : 0.85rem;
	font-weight : normal;

	display : block;
}

.hd-nav {
	display : flex;
	align-items : flex-end;
	flex-direction : column;
	justify-content : space-between;
}

/*----------------------------------------------------------------------------
******************************************************************************
** sub nav
******************************************************************************
----------------------------------------------------------------------------*/

.sub-nav {
	display : flex;
}

.sub-nav__item {
	position : relative;
}

.sub-nav__link {
	font-weight : bold;
	font-style : 0.9rem;

	position : relative;

	padding-left : 20px;

	cursor : pointer;
	text-decoration : none;

	color : #404040;
}

.sub-nav__link--language {
	margin-right : 15px;
	padding-right : 35px;

	border-right : 1px solid #bfbfbf;
}

.sub-nav__link:before {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;

	display : block;

	margin : auto 0;

	content : "";
}

.sub-nav__link--language:before {
	width : 15px;
	height : 15px;

	background : url(../../images/icon/language.png);
}

.sub-nav__link--language:after {
	position : absolute;
	top : 0;
	right : 15px;
	bottom : 0;

	display : block;

	width : 6px;
	height : 6px;
	margin : auto 0;

	content : "";
	transform : rotate(45deg);

	border-right : solid 2px #2c2c2c;
	border-bottom : solid 2px #2c2c2c;
}

.sub-nav__child {
	position : absolute;
	z-index : 9998;

	width : 100%;
	padding : 5px 0;

	transition : all ease 0.3s;
	transform : scale(1, 0);
	transform-origin : top;

	opacity : 0;
	background : #f2f2f2;
}

.sub-nav__item--parent:hover .sub-nav__child {
	transform : scale(1, 1);
	transform-origin : bottom top;

	opacity : 1;
}

.sub-nav__child li {
	position : relative;

	padding : 5px 10px;

	transition : all ease 0.3s;
}

.sub-nav__child li a {
	position : relative;

	padding-left : 15px;

	text-decoration : none !important;

	color : #666666;
}

.sub-nav__child li a:after {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;

	display : block;

	width : 6px;
	height : 6px;
	margin : auto 0;

	content : "";
	transform : rotate(45deg);

	border-top : solid 2px #858585;
	border-right : solid 2px #858585;
}

.sub-nav__link--access:before {
	left : 5px;

	width : 10px;
	height : 15px;

	background : url(../../images/icon/access.png);
}

/*----------------------------------------------------------------------------
******************************************************************************
** global nav
******************************************************************************
----------------------------------------------------------------------------*/
.nav--bg {
	margin-bottom : 30px;
}
.nav {
	overflow : visible;
}
.nav-list {
	display : flex;

	width : 100%;
}
.nav-list__item {
	position : relative;
	z-index : 1000;
}
.nav-list__link {
	font-size : 1.14rem;
	font-weight : bold;

	position : relative;

	display : block;

	margin-left : 60px;
	padding-bottom : 15px;

	transition : all ease 0.3s;
	text-align : center;
	text-decoration : none;

	color : #404040;
}

.nav-list__link:before {
	position : absolute;
	bottom : 0;
	left : -25%;

	width : 150%;
	height : 3px;

	content : "";
	transition : all ease 0.3s;
	transform : scale(0, 1);
	transform-origin : left top;

	background : linear-gradient(to right, #1ca6a6 0%, #14d9c5 100%);
}

.nav-list__link:hover:before , .nav-list__link--current:before {
	transform : scale(1, 1);
	transform-origin : right top;
}


.nav-list__item:hover .nav-child-bg {
	transform : scale(1, 1);
	transform-origin : top center;
}

.nav-child-bg {
	position : absolute;
	left : 45px;

	width : 150px;

	transition : all ease 0.5s;
	transform : scale(1, 0);
	transform-origin : top center;
	background : url(../../images/background/dot.png) repeat rgba(28,166,166,0.7);
}


.nav-child {
	display : flex;
}

.nav-child__ttl {
	display : none;
}

.nav-clist {
	display : flex;
	flex : 1;
	flex-direction : column;
	flex-wrap : wrap;

	padding : 15px 0 5px 11%;

	background : rgba(255,255,255,0.8);

	clip-path : polygon(11% 0, 100% 0%, 100% 100%, 0% 100%);
}

.nav-clist__link {
	position : relative;

	display : block;

	margin-bottom : 15px;
	padding-left : 10px;

	transition : all ease 0.3s;
	text-decoration : none;

	color : #191919;
}

.nav-clist__link:hover , .nav-clist__link--current {
	color : #1ca6a6;
}

.nav-clist__link:before {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;

	display : block;

	width : 4px;
	height : 1px;
	margin : auto 0;

	content : "";

	background : #1ca6a6;
}

/*----------------------------------------------------------------------------
******************************************************************************
** content
******************************************************************************
----------------------------------------------------------------------------*/
.con {
	display : flex;
	flex-wrap : wrap;
	justify-content : space-between;
}
.main {
	-webkit-box-ordinal-group : 2;
	-ms-flex-order : 1;
	order : 1;

	width : 100%;
}
/*----------------------------------------------------------------------------
******************************************************************************
** footer
******************************************************************************
----------------------------------------------------------------------------*/
.ft-bg {
	background : #d9d9d9;
}
.ft {
	display : flex;
	justify-content : space-between;

	padding : 30px 0;
}

.ft__data {
	margin-right : 50px;
	padding-right : 50px;

	border-right : 1px solid #bfbfbf;
}

.ft__ttl {
	font-size : 1.3rem;
	line-height : 1.2;

	display : block;
	flex-shrink : 0;

	margin-bottom : 50px;

	color : #243e73;
}

.ft__link {
	text-decoration : none;
}

.ft__logo {
	width : 100%;
	height : auto;
}

.ft__labname {
	font-size : 1.8rem;

	display : block;

	margin-bottom : 10px;

}

.ft__enttl {
	font-size : 0.85rem;
	font-weight : normal;

	display : block;
}

.ft__copy {
	font-size : 10px;

	text-align : center;

	color : #404040;
}

.ft__sitemap {
	display : flex;
	flex-grow : 1;
	justify-content : space-between;
}

.ft__sitemap > li {
	margin-bottom : 10px;
}

.ft__sitemap > li a {
	transition : all ease 0.3s;
	text-decoration : none !important;
}

.ft__sitemap > li a.current , .ft__sitemap > li a:hover {
	color : #1ca6a6!important;
}

.ft__sitemap > li > a {
	color : #404040 !important;
}

.ft__sitemap > li > ul {
	margin-top : 10px;
}

.ft__sitemap > li > ul > li {
	position : relative;

	margin-bottom : 10px;
	padding-left : 10px;
}

.ft__sitemap > li > ul > li:before {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;

	display : block;

	width : 4px;
	height : 1px;
	margin : auto 0;

	content : "";

	background : #858585;
}

.ft__sitemap > li > ul > li a {
	color : #666666 !important;
}

/*----------------------------------------------------------------------------
******************************************************************************
** pagetop
******************************************************************************
----------------------------------------------------------------------------*/
.pt {
	position : fixed;
	right : 30px;
	bottom : 30px;

	width : 50px;
	height : 50px;

	cursor : pointer;

	background : #1ca6a6;
}
.pt__btn {
	position : relative;

	display : block;

	width : 50px;
	height : 50px;

	text-decoration : none;
}
.pt__btn::before {
	position : absolute;
	top : 10px;
	right : 0;
	bottom : 0;
	left : 0;

	display : block;

	width : 15px;
	height : 15px;
	margin : auto;

	content : "";
	transform : rotate(45deg);

	border-top : solid 5px #ffffff;
	border-left : solid 5px #ffffff;
}
/*----------------------------------------------------------------------------
******************************************************************************
** index
******************************************************************************
----------------------------------------------------------------------------*/
.index-slider-bg {
	padding-top : 100px;
}

.slider-slick__item {
	display : block;

	margin : 0 auto;

	text-align : center;
}

.slider-slick__item img {
	display : block;

	max-width : 100%;
	margin : 0 auto;
}

.index-main {
	width : 100%;
}

.fine_bubbles-bg {
	width : 100%;
	padding : 60px 0 180px;

	background : url(../../images/background/Fine_Bubbles.png) 100% no-repeat #f9f9f9;

	clip-path : polygon(0 1%, 100% 0, 100% 100%, 0 90%);
}

.fine_bubbles {
	width : 820px;
	margin : 0 auto;
}

.fine_bubbles-card {
	position : relative;
}

.fine-bubbles-card__con {
	font-size : 1.1rem;
	line-height : 1.8;

	position : absolute;
	top : 15%;
	right : 0;

	width : 60%;
	min-height : 300px;
	padding : 20px 40px;

	background : #ffffff;
}

.fine-bubbles-card__ttl {
	font-size : 1.8rem;

	position : relative;

	margin-bottom : 15px;
	padding-top : 20px;
}

.fine-bubbles-card__ttl:before {
	position : absolute;
	top : 0;
	left : 0;

	width : 50px;
	height : 2px;

	content : "";

	background : #1ca6a6;
}

.more-btn {
	font-weight : bold;

	position : relative;

	display : inline-block;

	margin-bottom : 20px;
	padding : 5px 30px 5px 20px;

	transition : all ease 0.3s;
	text-decoration : none;

	color : #2b448c;
	border : 1px solid #2b448c;
}

.more-btn::before {
	position : absolute;
	top : 0;
	right : 12px;
	bottom : 0;

	display : block;

	width : 10px;
	height : 1px;
	margin : auto 0;

	content : "";
	transition : all ease 0.3s;

	background : #243e73;
}
.more-btn::after {
	position : absolute;
	top : 0;
	right : 12px;
	bottom : 0;

	display : block;

	width : 4px;
	height : 4px;
	margin : auto 0;

	content : "";
	transition : all ease 0.3s;
	-webkit-transform : rotate(45deg);
	        transform : rotate(45deg);

	border-top : 1px solid #243e73;
	border-right : 1px solid #243e73;
}

.more-btn:hover:before , .more-btn:hover:after {
	right : 7px;
}

.quick-access-bg {
	z-index : 1;

	margin-top : -60px;
	padding : 130px 0;

	background : url(../../images/background/quick-access.jpg) center no-repeat fixed;
	background-size : 100%;

	clip-path : polygon(0 1%, 100% 13%, 100% 100%, 0 83%);
}

.quick-access {
	width : 820px;
	margin : 0 auto;
}

.quick-access {
	display : flex;
	justify-content : space-between;
}

.quick-access__card {
	width : calc(100% / 3 - 35px);

	transition : all ease 0.5s;

	box-shadow : 4px 5px 5px rgb(0 0 0 / 20%);
}

.quick-access__card:hover {
	transform : scale(1.05);
}
.quick-access__link {
	text-decoration : none;
}

.quick-access__img {
	display : flex;
	align-items : center;

	height : 150px;
	padding : 30px;

	background : #ffffff;
}

.quick-access__icon {
	display : block;

	margin : 0 auto;
}

.quick-access__ttl {
	font-size : 1.3rem;

	position : relative;

	padding : 10px 0;

	text-align : center;

	color : #404040;
	background : #f2f2f2;
}

.quick-access__ttl::before {
	position : absolute;
	top : 0;
	right : 9px;
	bottom : 0;

	display : block;

	width : 10px;
	height : 2px;
	margin : auto 0;

	content : "";

	background : #243e73;
}
.quick-access__ttl::after {
	position : absolute;
	top : 0;
	right : 9px;
	bottom : 0;

	display : block;

	width : 4px;
	height : 4px;
	margin : auto 0;

	content : "";
	-webkit-transform : rotate(45deg);
	        transform : rotate(45deg);

	border-top : 2px solid #243e73;
	border-right : 2px solid #243e73;
}

.index-news-bg {
	z-index : 1;

	width : 100%;
	margin-top : -70px;
	padding-top : 70px;
	padding-bottom : 100px;

	background : url(../../images/background/dot.png) top left repeat-y #f9f9f9;
}

.index-news__headline {
	font-size : 1.8rem;

	position : relative;

	margin-bottom : 30px;
	padding-top : 28px;
}

.index-news__headline:before {
	position : absolute;
	top : 0;
	left : 0;

	width : 50px;
	height : 2px;

	content : "";

	background : #1ca6a6;
}
.index-news__contens {
	overflow : auto;

	width : 100%;
	max-height : 1000px;
	padding : 0 5px;
}

.index-news__item {
	margin-bottom : 15px;
	padding-bottom : 15px;

	border-bottom : 1px solid #d9d9d9;
}

.index-news__elem {
	display : flex;

	margin-bottom : 10px;
}

.index-news__date {
	margin-right : 10px;
}

.index-news__cat {
	font-size : 0.8rem;
	font-weight : bold;

	position : relative;

	padding : 2px 10px 2px 25px;

	color : #ffffff;
}

.index-news__cat:before {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 5px;

	display : block;

	width : 14px;
	height : 14px;
	margin : auto 0;

	content : "";

	background-repeat : no-repeat !important;
}

.index-news__cat--international-conf {
	background : #af73bf;
}
.index-news__cat--domestic-conf {
	background : #df8b9b;
}
.index-news__cat--seminars {
	background : #67aedf;
}
.index-news__cat--publication {
	background : #52689a;
}
.index-news__cat--third-graders {
	background : #7ed0d9;
}
.index-news__cat--media {
	background : #b5d991;
}
.index-news__cat--international {
	background : #f2aa6b;
}
.index-news__cat--award {
	background : #f2ca50;
}

.index-news__cat--international-conf:before {
	background : url(../../images/icon/international-conf.png);
}
.index-news__cat--domestic-conf:before {
	background : url(../../images/icon/domestic-conf.png);
}
.index-news__cat--seminars:before {
	background : url(../../images/icon/seminars.png);
}
.index-news__cat--publication:before {
	background : url(../../images/icon/publication.png);
}
.index-news__cat--third-graders:before {
	background : url(../../images/icon/third-graders.png);
}
.index-news__cat--media:before {
	background : url(../../images/icon/media.png);
}
.index-news__cat--international:before {
	background : url(../../images/icon/international.png);
}
.index-news__cat--award:before {
	background : url(../../images/icon/award.png);
}

.index-news__ttl {
	font-size : 1.1rem;
	font-weight : bold;

	margin-bottom : 10px;
}

.index-news__ttl a {
	transition : all ease 0.3s;

	color : #191919;
}
.index-news__ttl a:hover {
	opacity : 0.7;
}

.index-news__new {
	font-size : 0.9em;
	font-weight : bold;

	display : inline-block;

	margin-left : 0.3em;

	color : #cc0000;
}
.index-news__new:before {
	content : "NEW";
}

/*----------------------------------------------------------------------------
******************************************************************************
** page
******************************************************************************
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
******************************************************************************
** style
******************************************************************************
----------------------------------------------------------------------------*/
.mcon {
	height : 100%;
	padding-top : 100px;

	word-wrap : break-word;

	background : url(../../images/background/dot.png) repeat-y #f9f9f9;
}
.mcon a img:hover {
	-webkit-transition : all 0.3s ease;
	        transition : all 0.3s ease;

	opacity : 0.8;
}

.page-ttl-bg {
	margin-bottom : 30px;
	padding : 30px 0;

	background : #83caca;
}

.mcon h1 {
	font-size : 1.8rem;

	position : relative;

	width : 1000px;
	margin : auto;
	padding-top : 15px;

	color : #ffffff;
}

.mcon h1 span {
	font-size : 0.85rem;
	font-weight : normal;

	display : block;
}

.mcon h1:before {
	position : absolute;
	top : 0;
	left : 0;

	width : 50px;
	height : 2px;

	content : "";

	background : #ffffff;
}
.mcon h2 {
	font-size : 1.3rem;

	position : relative;

	margin-bottom : 20px;
	padding-left : 20px;

	color : #1ca6a6;
}

.mcon h2:before {
	position : absolute;
	top : 0;
	bottom : 0;
	left : 0;

	display : block;

	width : 10px;
	height : 1px;
	margin : auto 0;

	content : "";

	background : linear-gradient(to right, #1ca6a6 0%, #14d9c5 100%);
}
.mcon h2 a {
	color : #1ca6a6;
}
.mcon h3 {
	font-size : 1.2rem;

	margin-bottom : 15px;

	color : #1ca6a6;
}
.mcon h3 a {
	text-decoration : none;

	color : #1ca6a6;
}
.mcon h4 {
	font-size : 1.1em;
	font-weight : normal;

	position : relative;

	margin-bottom : 0;
	padding-left : 0.5rem;

	color : #1ca6a6;
}

.mcon h4:before {
	font-size : 0.6em;

	position : absolute;
	top : 5px;
	left : -0.5rem;

	display : block;

	content : "▶";

	color : #1ca6a6;
}

.mcon h5 , .mcon h6 {
	font-size : 1.1em;

	margin-top : 5px;
	margin-bottom : 2px;
}
.mcon hr {
	border : none;
	border-top : 1px dotted #000000;
}
.mcon iframe {
	max-width : 100%;
}
.mcon img {
	max-width : 100%;
	height : auto;
}
.mcon ol {
	margin-top : 1em;
	margin-bottom : 0.5em;
}
.mcon ol li {
	margin-bottom : 0.5em;
	margin-left : 2em;
}
.mcon p {
	margin-bottom : 1em;
}
.mcon ul {
	margin-top : 1em;
	margin-bottom : 0.5em;
}
.mcon ul li {
	margin-bottom : 0.5em;
	margin-left : 1.5em;

	list-style-type : disc;
}

.mcon__section {
	margin-bottom : 30px;
	padding : 20px;

	background : #ffffff;
}

.c_accent {
	color : #1ca6a6;
}


/*---------page---------*/
.mcon {
	min-height : 75vh;
}
/*---共通---*/
.mcon table {
	width : 100%;
}
.mcon table tr th {
	text-align : center;

	color : #ffffff;
	background-color : #1ca6a6;
}
.mcon table tr th , .mcon table tr td {
	padding : 5px;

	border-right : 1px solid #cccccc;
	border-bottom : 1px solid #cccccc;
}
.mcon table tr:first-child th , .mcon table tr:first-child td {
	border-top : 1px solid #cccccc;
}
.mcon table tr th:first-child , .mcon table tr td:first-child {
	border-left : 1px solid #cccccc;
}

.mcon h3 {
	font-weight : bold;

	border-bottom : 4px solid rgba(28, 166, 166, 0.3);
}

.page_list {
	margin-top : 30px!important;
}
.page_list li {
	margin : 15px 10px!important;

	list-style : none!important;
}
.page_list li a {
	position : relative;

	display : block;

	padding : 10px;

	transition : 0.3s;
	text-decoration : none;

	color : #1b4f98;
	border : 1px solid #1ca6a6;
}
.page_list li a:before , .page_list li a:after {
	position : absolute;
	top : 50%;
	right : 15px;

	display : block;

	width : 12px;
	height : 12px;

	content : "";
	transition : 0.3s;
	transform : rotate(45deg) translateY(-55%);

	border-top : 2px solid #1ca6a6;
	border-right : 2px solid #1ca6a6;
}
.page_list li a:before {
	right : 30px;
}
.page_list li a:after {
	right : 20px;
}

.page_list li a:hover {
	background-color : rgba(28, 166, 166, 0.3);
}



/*---research---*/

.research h2 span {
	font-size : 0.9em;
	font-weight : normal;
	font-style : italic;

	display : inline-block;

	margin-left : 1rem;

	color : #55b5b5;
}
.research h3 {
	line-height : 1.1em;

	margin-top : 2.5rem;
}
.research h3 span {
	font-size : 0.8em;
	font-weight : normal;
	font-style : italic;

	display : block;

	color : #55b5b5;
}
.research img {
	display : block;

	max-width : 90%;
	margin : 0 auto;

	text-align : center;
}

.research .box {
	align-items : flex-end;
	justify-content : center;
}

.research .box img {
	margin : 0 10px;
}

.box_02 {
	align-items : flex-start!important;
}
.box_02 img {
	display : inline-block;

	margin : 0 auto!important;
}

.r_box {
	display : flex;
	align-items : stretch;
	justify-content : center;
	/*	max-width: 90%;*/

	margin : 0 auto 10px;
}
.r_box figure {
	display : flex;
	flex-direction : column;
	justify-content : flex-end;

	margin : 5px;
	padding : 5px;

	border-radius : 5px;
	box-shadow : 2px 2px 5px rgb(0 0 0 / 20%);
}
.r_box figure p {
	font-size : 0.9em;

	margin-top : 10px;
	padding : 0 10px;

	text-align : left;
}
.r_box figure p:before {
	content : "▶";
}

.r_box2 img {
	display : block;

	max-width : 45%;
	padding : 10px;

	border-radius : 5px;
	box-shadow : 2px 2px 5px rgb(0 0 0 / 20%);
}
.r_box2 p {
	margin : 1rem;

	text-align : left;
}

.research .box {
	display : flex;

	max-width : 80%;
	margin : 0 auto 15px!important;
	padding : 10px;

	border-radius : 5px;
	box-shadow : 2px 2px 5px rgb(0 0 0 / 20%);
}


/*---member---*/


.member ul li span {
	display : inline-block;

	width : 7rem;
}

.member ul li.list_no {
	list-style : none;
}
.member ul li.list_no h4 {
	font-size : 1.1em;
	font-weight : normal;

	position : relative;

	margin-bottom : 0;
	padding-left : 0.5rem;

	color : #1ca6a6;
}
.member ul li.list_no h4:before {
	font-size : 0.6em;

	position : absolute;
	top : 5px;
	left : -0.5rem;

	display : block;

	content : "▶";

	color : #1ca6a6;
}
.member ul li.list_no ul {
	margin-top : 0.5rem;
}

.member_02 ul li span {
	width : 15rem;
}

.gakusei_member ul {
	display : flex;
	flex-wrap : wrap;
	justify-content : flex-start;

	padding-left : 1.5em;
}
.gakusei_member ul li {
	width : calc((100% - 20px) / 5);
	margin-right : 5px;
	margin-left : 0!important;
}
.gakusei_member ul li:nth-child(5n) {
	margin-right : 0;
}

.m_box {
	display : flex;
	align-items : center;
	justify-content : flex-start;

	margin-bottom : 20px;
}
.m_box figure {
	margin-top : 20px;
	margin-right : 30px;

	text-align : center;
}

.member_ttl {
	font-size : 1.4em;

	padding : 10px 0;

	color : #ffffff!important;
	background-color : #83caca;
}
.member_ttl:before {
	background : #ffffff!important;
}
.member_btn {
	text-align : right;
}
.member_btn a {
	position : relative;

	display : inline-block;

	margin-top : 10px;
	padding : 5px 35px 5px 20px;

	text-decoration : none;

	color : #ffffff;
	background-color : #83caca;
}
.member_btn a:before {
	position : absolute;
	top : 50%;
	right : 20px;

	display : block;

	width : 8px;
	height : 8px;

	content : "";
	transform : translateY(-45%) rotate(45deg);

	border-top : 2px solid #ffffff;
	border-right : 2px solid #ffffff;
}
.member_btn a:hover {
	color : #1b4f98;
}
.member_btn a:hover:before {
	border-color : #1b4f98;
}


/*---archivement---*/
.archivement h2 {
	margin-bottom : 0;
}
.archivement h3 {
	font-size : 1.1em;
	font-weight : normal;

	padding-left : 1.5rem;

	color : #55b5b5;
}
.archivement .box > p {
	max-width : 50%;
	margin-left : 10px;
}

.archivement img {
	display : block;

	max-width : 90%;
	margin : 0 auto;

	text-align : center;
}

.archivement .box img {
	margin : 0 10px;
}
.archivement_txt p {
	font-size : 1.3rem;
}


/*---laboratory---*/
.laboratory table tr td:first-child {
	width : 12%;

	text-align : center;
}
.laboratory04 ul li span {
	display : inline-block;

	margin-right : 1rem;
}

/*---gallery---*/
.gallery ul {
	display : flex;
	align-items : flex-end;
	flex-wrap : wrap;
	justify-content : flex-start;

	padding : 0;
}
.gallery ul li {
	overflow : hidden;

	width : calc(( 100% - 15px ) / 4);
	height : 150px;
	margin : 5px 5px 5px 0;
	padding : 0;

	list-style : none;

	border-radius : 5px;
}
.gallery ul li:nth-child(4n) {
	margin-right : 0;
}

.gallery ul li a {
	display : block;

	width : 100%;
	height : 100%;
}

.gallery ul li a img {
	width : 100%;
	height : 100%;

	object-fit : cover;
}