@charset "utf-8";
/*-----------------------------------------------------------*/

/*
Theme Name: Department of Integrative Biochemistry
Theme URI:
Version: 1.0
Author:
Author URI:
*/

/*-----------------------------------------------------------*/
/* root */

:root{
	/*color*/
	--app-main-color:#0096a0; /* rgb(0,150,160) */
	--app-main-color-dark:#00546a; /* rgb(0,84,106) */
	--app-main-color-light:#c8e6eb; /* rgb(200,230,235) */
	--app-text-link-color:#14aab4; /* rgb(20,170,180) */
	--app-sub-color:#ff8282; /* rgb(255,130,130) */

	--swiper-theme-color: #0096a0;
}

/*-----------------------------------------------------------*/

/* 初期設定 */
html{font-size:10px;scroll-behavior: smooth;}
.frame{position:relative;margin-left:auto;margin-right:auto;width:1200px;}
.scroll-margin-100 {scroll-margin-top: 100px;}
.scroll-margin-200 {scroll-margin-top: 200px;}
/*-----------------------------------------------------------*/
/* 基本設定*/
/*-----------------------------------------------------------*/
html,body{position:relative;margin:0;padding:0;width:100%;list-style-type:none;max-height:999999px;color:#333;font-feature-settings:'palt';word-wrap:break-word;overflow-wrap:break-word;}
body,form,h1,h2,h3,h4{font-size:1.6rem;line-height:1.6;}
h1{margin:0;padding:0;}
h2{margin:0;padding:0;}
h3{margin:0;padding:0;font-size:3rem;}
h4{margin:0;padding:0;font-weight:bold;}
img{border:none;vertical-align:middle;}
a{text-decoration:none;transition:all 0s 0.5s ease;}
ul{list-style-type:none;margin:0;padding:0;}
li{margin:0;padding:0;}
.none{display:none;}
.err{position:fixed;top:0;left:0;margin:0;padding:0;width:100%;height:100%;text-align:center;}
.err span{display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:60%;height:200px;}
.pc_none{display:none;}
.sp_none{display:block;}
.sp480_none{display:block;}
.pc_block{display:block;}
.sp_block{display:none;}
.sp480_block{display:none;}
.cover{background-size:cover;background-repeat:no-repeat;background-position:center;}
.flex{display:flex;}
.absolute{position:absolute;}
.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border-width: 0;}
/*-----------------------------------------------------------*/
/*共通*/
/*-----------------------------------------------------------*/
h2{margin:0;}
h3{margin:0;text-align:left;color:var(--app-main-color);}
a{color:var(--app-text-link-color);transition:all 0.2s 0s ease;}
.device_pc a:hover{color:var(--app-sub-color);}
.device_sp a:active{color:var(--app-sub-color);}
.device_tab a:active{color:var(--app-sub-color);}
table{border-collapse:collapse;border-spacing:0;table-layout:fixed;width:100%;max-width:100%;}
table tr{display:flex;align-items:center;padding:10px 0;border-top:1px solid var(--app-main-color);}
table tr:last-child{border-bottom:1px solid var(--app-main-color);}
table th{display:flex;align-items:center;border-right:1px solid #e2cfd4;text-align:left;color:var(--app-main-color);font-weight:400;}
table th span{display:inline-block;}
table td{text-align:left;}
hr{border-top:1px solid #eee;border-bottom:none;border-right:none;border-left:none;}

body,#wrap{display:flex;flex-direction:column;min-height:100vh;}
#wrap{position:relative;margin:0;padding:0;width:100%;}
#contents{position:relative;margin:0 auto;width:100%;}
.frame{position:relative;margin-left:auto;margin-right:auto;text-align:center;}
.section{margin-bottom:100px;}
.error{color:#e33;}
.vm{display:flex;justify-content:center;align-items:center;}
.t_shadow{text-shadow:1px 1px 10px var(--app-main-color),-1px 1px 10px var(--app-main-color),1px -1px 10px var(--app-main-color),-1px -1px 10px var(--app-main-color);}
.svg_shadow{filter: drop-shadow(0 0 5px var(--app-main-color)) drop-shadow(0 0 5px var(--app-main-color)) drop-shadow(0 0 5px var(--app-main-color));}
.medium{font-weight:400;}
.bold{font-weight:500;}
.al_l{text-align:left;}
.al_r{text-align:right;}
.al_c{text-align:center;}
.al_j{text-align:justify;}
.fc_main{color:var(--app-main-color);}
.g_map{margin:0 auto;width:100%;height:400px;background:#ccc;}
.g_map iframe{width:100%;height:100%;border:none;}
.w_box{margin:0 auto;padding:30px 3%;width:94%;background:#fff;}
.line_box{padding:15px 3%;width:94%;border:1px solid #e2cfd4;text-align:justify;}
a.line_box_link{display: flex; align-items: center;justify-content: center; padding:5px 15px;border:1px solid var(--app-main-color);color: var(--app-main-color);background:#fff;transition: all 0.2s ease;}
a.line_box_link:hover{color: #fff;background: var(--app-main-color);}
.fade-enter-active,.fade-leave-active{transition:opacity 2s}
.fade-enter,.fade-leave-to {opacity: 0}
.intersection_wrap{opacity:0;}
.intersection_base{transition:all 0.5s 0s ease;}
.non_intersection{opacity:0;transform:translateY(50px);}
.lazyload{opacity: 0;}
.lazyloaded{opacity: 1;transition: all 0.5s;}
.object_fit_cover{object-fit: cover;width:100%;height: 100%;}
.object_fit_contain{object-fit: contain;width:100%;height: 100%;}
/*-----------------------------------------------------------*/
/*page_loader*/
/*-----------------------------------------------------------*/

#page_loader{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;transition:all 0.5s 0s ease;background:var(--app-main-color);}
#page_loader.loaded{opacity:0;}
#page_loader.end{display:none;opacity:0;}

.spinner1 {
	position: fixed;
	width: 50px;
	height: 50px;
	top: calc(50% - 50px/2);
	left: calc(50% - 50px/2);
}
.spinner1 .double-bounce1,
.spinner1 .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}
.spinner1 .double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes bounce {
	0%, 100% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@keyframes bounce {
	0%, 100% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	50% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

/*-----------------------------------------------------------*/
/*scroll_to_contents*/
/*-----------------------------------------------------------*/

#scroll_to_contents{margin:0 auto 100px;}
#scroll_to_contents ul{display:flex;gap:10px;}
#scroll_to_contents li{flex:1;height:56px;font-size:2rem;}
#scroll_to_contents li a{display:flex;align-items:center;justify-content:center;padding:0 5%;width:100%;height:100%;background:#eee;color:#888;line-height:1.2;}
.device_pc #scroll_to_contents li a:hover{background:var(--app-main-color);color:#fff;}
.device_sp #scroll_to_contents li a:active{background:var(--app-main-color);color:#fff;}
.device_tab #scroll_to_contents li a:active{background:var(--app-main-color);color:#fff;}

/*-----------------------------------------------------------*/
/*header*/
/*-----------------------------------------------------------*/
#header{margin:0 auto;padding:0;position:fixed;top:0;left:0; width:100%;height:80px;background:#fff; z-index:1000;}
#header .inner{display:flex;align-items:center;justify-content: space-between;padding:0 30px; width:100%; height:100%;}
#header_content{display: flex;align-items: center; justify-content:flex-end;gap:30px;padding-right:70px;}

#sitename .unit{display: flex;align-items: center;justify-content: flex-start; gap:15px;}
#sitename .logomark{display: flex;align-items: center;justify-content: center; width:40px;height: auto;}
#sitename .name{width:auto;color:#000;line-height: 1.1;}
#sitename .main{font-size:36px;letter-spacing: 0.1rem;}
#sitename .sub{font-size:12px;}

#header_btn_nav{display:flex;align-items: center;gap:30px;}
#header_btn_nav>div{width:35px;height:35px;overflow:hidden;font-size:1.4rem;transition: all 0.1s ease;}
#header_btn_nav>div:hover{transform: scale(1.2);}
#header_btn_nav a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all 0.2s 0s ease;}
#header_btn_nav a img{object-fit: contain;width: 100%;height: 100%;}

#header_banner{position:relative;padding-top:80px;width:100%;}
#header_banner .header_banner_content{position:relative;width:100%;height:400px;background:var(--app-main-color);}
#header_banner .header_banner_img{display: flex;align-items: center;justify-content: center; position:absolute;top:0;left:0;width:80%;height:100%;max-width:1600px;}
#header_banner .header_banner_img img{display: block;object-fit: cover;width: 100%;height: 100%;}
#header_banner .header_banner_base{display:flex;justify-content:flex-end;height:100%;overflow: hidden;}
#header_banner .header_banner_diagonal{position:relative;width:120px;height:150%;background: var(--app-main-color); overflow:hidden;transform:translate(50px, -50px) rotate(15deg);}
#header_banner .header_banner_rect{display:flex;align-items:center;width:300px;height:100%;background:var(--app-main-color);z-index:2;}
#header_banner .header_banner_title{margin:0 auto;height:auto;color:#fff;text-align:right;}
#header_banner .header_banner_title .en{margin-bottom: 10px; font-size:5rem;line-height: 1;}
#header_banner .header_banner_title .ja{font-size:3rem;}

/*-----------------------------------------------------------*/
/*breadcrumb*/
/*-----------------------------------------------------------*/
#breadcrumb{margin-top:10px;text-align:right;}
#breadcrumb span:after{content:'\03e';margin:0 10px;}
#breadcrumb span:last-child{margin-right:0;}
#breadcrumb span:last-child:after{content:'';margin:0;}
/*-----------------------------------------------------------*/
/*nav*/
/*-----------------------------------------------------------*/
.nav{position:fixed;top:0;bottom:auto;left:0;right:0;width:100%;height:0; background:var(--app-main-color);color:#fff;overflow: hidden; z-index:9999;transition:all 0.2s ease;}
.nav.active{bottom:0;height:auto;}
.nav .inner_wrap{position:relative; padding:100px 0;height:100%;overflow: auto;}
.nav h3{margin-bottom:50px;color:#fff;text-align:center;}
.nav .frame{padding:0 20px;position:relative;}
.nav .main_menu ul{display:grid;grid-template-columns: repeat(5, 1fr);gap:80px 50px; position:relative;margin:0 auto;width:100%;}
.nav .main_menu li{position:relative; width: 100%;height:50px;border-bottom:1px solid #fff;transition: all 0.2s ease;}
.nav .main_menu li::before{content:'';display:block;position:absolute;bottom:0;left:0; width:0;height:100%;background:transparent;transition:all 0.2s ease;z-index:-1;}
.nav .main_menu li:hover::before{width:100%;background:#fff;}
.nav .main_menu li a{display:flex;align-items:center;justify-content: space-between; gap:10px; width:100%;height:100%;color:#fff;}
.nav .main_menu li:hover a{padding-left:10px; color: var(--app-main-color);}
.nav .links{margin-top:150px;}

.nav .links ul{display:grid;grid-template-columns: repeat(3, 1fr);gap:80px 50px; position:relative;margin:0 auto;width:100%;}
.nav .links li{position:relative;padding:0 20px; width: 100%;height:50px;border:1px solid #fff; border-radius: 25px;transition: all 0.2s ease;}
.nav .links li:hover{padding-left:30px;background:#fff;}
.nav .links li a{display:flex;align-items:center;justify-content: space-between; gap:10px; width:100%;height:100%;color:#fff;}
.nav .links li:hover a{color: var(--app-main-color);}
.nav .links .icon{width:20px;height: auto;}

.nav .links li .icon{display: block;}
.nav .links li:hover .icon{display: none;}
.nav .links li .icon.active{display: none;}
.nav .links li:hover .icon.active{display: block;}

/*-----------------------------------------------------------*/
/*to_top*/
/*-----------------------------------------------------------*/

#to_top {position: fixed;right: 10px;bottom: 10px;width:50px;height:50px;opacity: 1;transition: opacity 0.3s;}
#to_top.to-top--hide {opacity: 0;pointer-events: none;}
#to_top.to-top--scroll {position: fixed;top: auto;right: 10px;bottom: 10px;opacity: 1;}
#to_top.to-top--fixed {position: absolute;right: 10px;opacity: 1;}

#to_top a{display:block;position:relative;width:100%;height:100%;background:#eee;opacity:0.7;border-radius:40px;}
#to_top a:before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:0;height:0;border-bottom:13px solid var(--app-main-color);border-left:8px solid transparent;border-right:8px solid transparent;}
.device_pc #to_top a:hover{background:var(--app-main-color);opacity:1;}
.device_pc #to_top a:hover:before{border-bottom:20px solid #fff;}
.device_sp #to_top a:active{background:var(--app-main-color);opacity:1;}
.device_sp #to_top a:active:before{border-bottom:20px solid #fff;}
.device_tab #to_top a:active{background:var(--app-main-color);opacity:1;}
.device_tab #to_top a:active:before{border-bottom:20px solid #fff;}

/*-----------------------------------------------------------*/
/*footer*/
/*-----------------------------------------------------------*/

#footer{margin-top:auto;padding:80px 0;background:var(--app-main-color);color:#fff;}
#footer a{color:#fff;}

#footer .inner{display: flex;justify-content: space-between;width: 100%;}
#footer .content{display: flex;flex-direction: column;align-items: flex-start;text-align: justify;}

#footer .footer_info{margin-bottom:50px;font-size:14px;line-height: 1.3;}
#footer .footer_logo a{display:block;margin-bottom:10px; width:100%;}
#footer .footer_logo .name{line-height: 1.2;}
#footer .footer_logo .main{font-size:33px;}
#footer .footer_logo .sub{font-size:13px;}

#footer .copyright{display:flex;align-items:center;text-align:center;font-size:1.2rem;line-height:1.2;}
#footer .copyright .mark{margin-right:15px;width:60px;}
#footer .copyright .mark img{display:block;margin:0 auto;width:100%;}
#footer .copyright .text{text-align:left;}

#footer .image{width:220px; text-align: justify;}
#footer .image .text{margin-bottom:30px; font-size:38px;line-height: 1.2;}
#footer .image .logo_mark img{ width:100%;object-fit: contain;}
/*-----------------------------------------------------------*/
/*home*/
/*-----------------------------------------------------------*/

#home{padding:100px 0;}

#home_main_title_unit{position:relative;display: flex;flex-direction: column;justify-content: flex-end; width:100%; height:100dvh;}
#home_main_title_unit .content{display: flex;flex-direction: column;align-items: center;justify-content: flex-end;position:relative; height: calc(100% - 220px); background:var(--app-main-color);}
#home_main_title_unit .info{display: flex;align-items: flex-end;justify-content: space-between;position:relative; margin-bottom:80px; width:100%;z-index:999;}
#home_main_title_unit .title_unit{margin-right: calc((100vw - 1300px)/2); width:420px;font-size:10px;}
#home_main_title_unit .title_unit .logo{display:block;margin-bottom:30px; width:100%;}
#home_main_title_unit .title_unit .logo img{display:block;width:100%;}
#home_main_title_unit .title_unit .common_title{color:#fff;line-height:1;}
#home_main_title_unit .title_unit .common_title .ja{margin-bottom:10px;font-size:5.2em;text-align-last: justify;}
#home_main_title_unit .title_unit .common_title .en{font-size:2.6em;text-align-last: justify;}
#home_main_title_unit .catch{color:#fff;font-size:10px;}
#home_main_title_unit .catch .main{margin-bottom:15px;padding-bottom:15px;padding-left:calc((100vw - 1300px)/2); font-size:4em;border-bottom:1px solid #fff;line-height: 1.3;}
#home_main_title_unit .catch .sub{padding-left:calc((100vw - 1300px)/2);font-size:2.2em}

#home_slider{position:absolute;top:-100px;left:calc((100vw - 1300px)/2); width:960px; height: calc(100dvh - 400px);}
#home_slider .innder_wrap{position:relative;width:100%;height:100%;}
#home_slider .swiper{width:100%;height:100%;}
#home_slider .swiper-slide{width:100%;height:100%;overflow:hidden;}
#home_slider .swiper-slide img{width:100%;height:100%;object-fit: cover;}
#home_slider .swiper-pagination{display:flex;padding-left:5px;bottom:10px;width:100%;}
#home_slider .swiper-pagination span{margin:0 5px;}

#news{text-align:left;}
#news .title{width:16%;}
#news h2{color:var(--app-main-color);font-size:4rem;}
#news .contents{width:84%;}
#news_list{position:relative;margin-bottom:20px;width:100%;}
#news_list li[hidden] {display: none;}
#news_list li{padding:0;width:100%;height:0;overflow:hidden;border-bottom:1px solid #eee;opacity:0;transition:all 0.2s 0s ease;animation: news-slide-down 0.3s ease;}
#news_list li.open{display: block; padding:20px 0;height:auto;opacity:1;}
#news_more{text-align:right;}
@keyframes news-slide-down {
	from {opacity: 0;transform: translateY(-10px);}
	to {opacity: 1;transform: translateY(0);}
}
@media (prefers-reduced-motion: reduce) {
	#news_list li {animation: none;}
}
#news_list .news_content{display:flex;width:100%;}
#news_list .news_content .date{width:20%;color:#888;}
#news_list .news_content .text{width:80%;text-align:justify;}

#home_footer_link{padding:30px 0;width:100%;background:#f5f5f5;}
#home_footer_link .links_wrap ul{justify-content:space-between;}
#home_footer_link .links_wrap li{position:relative;width:49%;height:80px;}
#home_footer_link .links_wrap li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#fff;}
#home_footer_link .links_wrap li img{display:block;width:auto;height:70%;transition:all 0.2s 0s ease;}
.device_pc #home_footer_link .links_wrap li a:hover{transform:scale(1.03);box-shadow: 0 0 8px var(--app-main-color);}
.device_sp #home_footer_link .links_wrap li a:active{transform:scale(1.03);box-shadow: 0 0 8px var(--app-main-color);}
.device_tab #home_footer_link .links_wrap li a:active{transform:scale(1.03);box-shadow: 0 0 8px var(--app-main-color);}
/*-----------------------------------------------------------*/
/*greeting*/
/*-----------------------------------------------------------*/
#greeting{padding:50px 0 200px;}
#greeting .inner{margin:0 auto; width: 95%;}
#greeting h3{margin-bottom: 20px;}
#greeting .content{display: flex;justify-content: space-between; gap:50px;}
#greeting .image{display: flex;align-items: center;justify-content: center;flex-shrink: 0;position: relative; width:400px;height: 500px;}
#greeting .image::before{content: '';display: block;position: absolute;bottom: 0;right: 0;width: 0;height: 0;border-bottom: 100px solid var(--app-main-color);border-left: 100px solid transparent;}
#greeting .image img{object-fit: cover;width: 100%;height: 100%;}

#greeting .text_unit{text-align: justify;}
#greeting .text{text-align: justify;}
#greeting .text p{margin-bottom:2rem;line-height: 1.8;}
#greeting .signature{margin-top:50px;text-align: right;font-size: 18px;}
#greeting .name_unit{display: flex;align-items: center;justify-content: flex-end; gap:18px;}
#greeting .name{font-size:24px;}

/*-----------------------------------------------------------*/
/*research*/
/*-----------------------------------------------------------*/
#research{margin:100px auto;}
#research .section_unit{}
#research .section_inner{max-width:1000px;}
#research .content{margin-bottom:50px;}
#research h3{margin-right:50px;width:150px;line-height:1;}
#research h4{display: flex; margin-bottom:10px;padding-bottom:10px;font-size:2rem;color:var(--app-main-color);border-bottom:1px solid var(--app-main-color);}
#research p{margin-bottom: 2rem;}
#research .contents{width:calc((100% - 200px));text-align:justify;}
#research .number{display: flex;align-items: center; margin-right:10px; padding-right:10px; border-right: 1px solid var(--app-main-color);}
#research .image{display: flex;align-items: center;justify-content: center; width:100%;}
#research .image img{max-width: 500px;}
/*-----------------------------------------------------------*/
/*collaboration*/
/*-----------------------------------------------------------*/
#collaboration{margin:100px auto 200px;}
#collaboration_main{margin-bottom: 100px;}
#collaboration_main .outer_wrap{padding:3%;background:#f5f5f5;}
#collaboration_main .inner_wrap{padding:80px 10%;background:#fff;}
#collaboration_main .research_list{margin-bottom: 50px;text-align:justify;}
#collaboration_main .research_list ul{display: flex;flex-direction: column;gap:10px; padding-left: 20px; list-style-type: disc;}
#collaboration_main .research_list li{font-size: 20px;color: var(--app-main-color);}
#collaboration_main .explanation .content{width:100%;text-align:justify;}
#collaboration_main .explanation p{margin-bottom: 2rem;}

#collaboration_inquiry{margin-bottom:100px;justify-content:center;}
#collaboration_inquiry .inner_wrap{align-items:center;}
#collaboration_inquiry h3{margin-right:50px;text-align:right;}
#collaboration_inquiry .info{padding-left:50px;border-left:1px solid var(--app-main-color);}
#collaboration_inquiry .name{font-size:2.2rem;}
#collaboration_inquiry .text{font-size:2rem;}

/*-----------------------------------------------------------*/
/*members*/
/*-----------------------------------------------------------*/

#members{margin:150px auto 0;width:100%;}

#members_list_with_photo{margin:0 auto;}
#members_list_with_photo ul{display:grid;grid-template-columns: repeat(3,1fr);gap:100px 5%;margin-bottom: 100px;}
#members_list_with_photo li{width:100%;}
#members_list_with_photo .box{position:relative;width:100%;height:320px;border-top:1px solid #eee;border-left:1px solid #eee;}
#members_list_with_photo .box:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:0;border-top:100px solid var(--app-main-color);border-right:100px solid transparent;}
#members_list_with_photo .img{position:absolute;top:30px;left:30px;width:140px;height:160px;}
#members_list_with_photo .info{position:absolute;bottom:30px;right:30px;text-align:right;}
#members_list_with_photo .position{font-size:1.8rem;color:#888;font-weight:400;line-height:1.4;}
#members_list_with_photo .name{font-size:2.8rem;}
#members_list_with_photo .roman{font-size:1.4rem;color:#888;letter-spacing:0.02em;}

#members_list_text_only{margin:100px auto;}
#members_list_text_only ul{display:grid;grid-template-columns: repeat(3,1fr);gap:100px 5%;margin-bottom: 100px;}
#members_list_text_only li{width:100%;}
#members_list_text_only .box{position:relative;width:100%;height:180px;}
#members_list_text_only .box:before{content:'';display:block;position:absolute;top:0;left:0;width:120px;height:120px;border-top:1px solid #eee;border-left:1px solid #eee;}
#members_list_text_only .box:after{content:'';display:block;position:absolute;bottom:0;right:0;width:120px;height:120px;border-bottom:1px solid #eee;border-right:1px solid #eee;}
#members_list_text_only .info{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:100%;height:100%;text-align:center;}
#members_list_text_only .info:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:0;border-top:60px solid var(--app-main-color);border-right:60px solid transparent;}
#members_list_text_only .position{font-size:1.8rem;color:#888;font-weight:400;line-height:1.4;}
#members_list_text_only .name{font-size:2.8rem;}
#members_list_text_only .roman{font-size:1.4rem;color:#888;letter-spacing:0.02em;}

#members_group{width:100%;height:500px;}

/*-----------------------------------------------------------*/
/*achievements*/
/*-----------------------------------------------------------*/

#achievements{margin:100px auto 200px;width:100%;}

#achievements_article .inner_wrap{margin:0 auto;width:90%;}
#achievements_article h3{margin-bottom:50px;}

#achievements_article_list {margin-bottom:200px;}
#achievements_article_list .list{text-align:left;}
#achievements_article_list .pagination{margin:10px auto;}
#achievements_article_list .pagination ul{display:flex;justify-content:flex-end;}
#achievements_article_list .pagination li{margin-left:2px;width:40px;height:40px;}
#achievements_article_list .pagination li a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#eee;color:#888;}
#achievements_article_list .pagination li.current a{background:var(--app-main-color);color:#fff;}
.device_pc #achievements_article_list .pagination li a:hover{background:var(--app-sub-color);color:#fff;}
.device_sp #achievements_article_list .pagination li a:active{background:var(--app-sub-color);color:#fff;}
.device_tab #achievements_article_list .pagination li a:active{background:var(--app-sub-color);color:#fff;}

.year_select_list_display_unit .year_select_unit{display: flex;align-items: center;gap:10px;}
.year_select_list_display_unit .year_select{padding:2px 5px; width:100px;border:1px solid #ccc;border-radius: 3px;}
.year_select_list_display_unit .list li{opacity: 0;transition: opacity 0.5s ease;}
.year_select_list_display_unit .list li.is-visible {opacity: 1;}
.year_select_list_display_unit .list li[hidden] {display: none;}
.year_select_list_display_unit .list_groupe[hidden] {display: none;}
@media (prefers-reduced-motion: reduce) {
	#achievements_article_list .list li {transition: none;}
}

#achievements_article_list .year_select_unit{justify-content: flex-end;}
#achievements_article_list .list ul{border-bottom:1px solid #eee;}
#achievements_article_list .list li{padding:50px 0;border-top:1px solid #eee;}
#achievements_article_list .list .unit{margin:0 auto;width:90%;}
#achievements_article_list .list .title{margin-bottom:15px;font-weight:500;color:var(--app-main-color);}
#achievements_article_list .list .info{margin-left:50px;}
#achievements_article_list .list .publication{margin-left:1.6rem;}
#achievements_article_list .achievements_article_list_footer{display: flex;align-items: flex-start;justify-content: flex-end;}

#achievements_research_fund{display:flex;position:relative;margin-bottom:200px;background:#f5f5f5;}
#achievements_research_fund .frame{display: flex;justify-content: center;}
#achievements_research_fund .inner{display: flex;flex-direction: column;justify-content: center; padding:80px 0;width:90%;}
#achievements_research_fund .achievements_research_fund_select_unit{display: flex; justify-content: flex-end;}
#achievements_research_fund .title{width: 100%; text-align: left;}
#achievements_research_fund .contents_wrap{display: flex;flex-direction: column;align-items: center;margin:0 auto; width: 100%;}
#achievements_research_fund .year_select_unit{justify-content: flex-end;width: 100%;}
#achievements_research_fund .contents{display: flex;flex-direction: column; justify-content: space-between;gap:100px; width:100%; background:#f5f5f5;text-align: justify;}
#achievements_research_fund .content{display: flex;align-items: flex-start; width:100%;}
#achievements_research_fund .unit_header{display: flex;align-items: center;justify-content: space-between;flex-shrink: 0;width:100px;}
#achievements_research_fund h4{color:var(--app-main-color);}
#achievements_research_fund ul{display: flex;flex-direction: column;gap:20px; padding-left:20px;border-left:1px solid var(--app-main-color);}
#achievements_research_fund li{position:relative;padding-left:20px;}
#achievements_research_fund li:before{content:'\025b6';display:inline-block;position:absolute;left:0;color:var(--app-main-color);transform:scale(0.8);}
#achievements_research_fund .title{color:var(--app-main-color);font-weight:500;}
#achievements_research_fund .project{font-weight:500;}

#achievements_awards .outer_wrap{margin:0 auto;padding:3%;width:90%;background:#f5f5f5;text-align:center;}
#achievements_awards .inner_wrap{position:relative;padding:60px 0;background:#fff;}
#achievements_awards .inner_wrap:before{content:'';display:block;position:absolute;top:0;left:0;width:0;height:0;border-top:60px solid var(--app-main-color);border-right:60px solid transparent;}
#achievements_awards .inner_wrap:after{content:'';display:block;position:absolute;bottom:0;right:0;width:0;height:0;border-bottom:60px solid var(--app-main-color);border-left:60px solid transparent;}
#achievements_awards h3{margin-bottom:60px;text-align:center;}
#achievements_awards ul{margin:0 auto 50px;width:80%;text-align:left;}
#achievements_awards li{display:flex;align-items:center;padding:20px 10%;border-top:1px solid #eee;}
#achievements_awards li:last-child{border-bottom:1px solid #eee;}
#achievements_awards li .date{width:120px;color:#888;}
#achievements_awards li .content{width:auto;}

/*-----------------------------------------------------------*/
/*laboratory*/
/*-----------------------------------------------------------*/

#laboratory{margin:100px auto 200px;width:100%;}

#laboratory_labo{margin-bottom:150px;}

#laboratory_labo_slider{position:relative;padding-bottom:25px;width:100%;}
#laboratory_labo_slider .laboratory_labo_slider_innder_wrap{position:relative;}
#laboratory_labo_slider .laboratory_labo_slider_innder_wrap:before{content:'';display:block;padding-top:35%;}
#laboratory_labo_slider .swiper{position:absolute;top:0;left:0;margin:auto;width:100%;height:100%;}
#laboratory_labo_slider .swiper-slide{overflow:hidden;}
#laboratory_labo_slider .swiper-slide img{width:auto;height:100%;}
#laboratory_labo_slider .swiper-unit{position:relative;width:100%;height:100%;}
#laboratory_labo_slider .swiper-unit .box{position:absolute;width:100%;height:100%;}
#laboratory_labo_slider .swiper-unit .box1{top:0;left:0;width:40%;height:100%;}
#laboratory_labo_slider .swiper-unit .box2{top:0;left:40%;width:20%;height:50%;}
#laboratory_labo_slider .swiper-unit .box3{top:0;left:60%;width:15%;height:50%;}
#laboratory_labo_slider .swiper-unit .box4{top:50%;left:40%;width:35%;height:50%;}
#laboratory_labo_slider .swiper-unit .box5{top:0;left:75%;width:25%;height:100%;}

#laboratory_labo_slider .swiper-unit .box_contents{display:flex;align-items:center;justify-content:flex-end;position:relative;width:100%;height:100%;background:rgba(0,150,160,0.8);}
#laboratory_labo_slider .swiper-unit .box_content{margin-right:15%;width:300px;color:#fff;text-align:center;}
#laboratory_labo_slider .swiper-unit h3{display:inline-block;margin:0 auto 50px;color:#fff;border-bottom:1px solid #fff;}
#laboratory_labo_slider .swiper-unit .text{color:#fff;text-align:justify;}

#laboratory_labo_slider .swiper-pagination{display:flex;justify-content:center;bottom:-17px;width:100%;}
#laboratory_labo_slider .swiper-pagination span{margin:0 5px;}
#laboratory_labo_slider .swiper-button-prev,.swiper-button-next {color: #fff;}

#laboratory_machine{width:100%;overflow:hidden;}

#laboratory_machine_main{margin-bottom:100px;}
#laboratory_machine_main h3{margin-bottom:80px;}
#laboratory_machine_main .machine_list_unit{margin-bottom:50px;}
#laboratory_machine_main .machine_list_unit h4{margin-bottom:30px;font-size:2rem;color:var(--app-main-color);border-bottom:1px solid var(--app-main-color);text-align:left;}
#laboratory_machine_main .machine_list{display:flex;flex-wrap:wrap;}
#laboratory_machine_main .box{position:relative;margin:0 1% 50px 0;width:calc(97%/4);}
#laboratory_machine_main .box:before{content:'';display:block;padding-top:150%;}
#laboratory_machine_main .box:nth-child(4n){margin-right:0;}
#laboratory_machine_main .box .img{position:absolute;top:0;left:0;margin-bottom:10px;width:100%;}
#laboratory_machine_main .box .img:before{content:'';display:block;padding-top:90%;}
#laboratory_machine_main .box .img img{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:auto;height:100%;}
#laboratory_machine_main .box .caption{position:absolute;top:65%;left:0;width:100%;}

#laboratory_machine_dgp .outer_wrap{padding:3%;background:#f5f5f5;}
#laboratory_machine_dgp .inner_wrap{padding:80px 10%;background:#fff;}
#laboratory_machine_dgp .intro{display: flex;align-items: center;justify-content: center; position: relative;margin-bottom: 20px; width: 100%;height: 200px; text-align:center;font-weight:400;}
#laboratory_machine_dgp .intro::after{content: '';position: absolute;top:0;left:0;width: 100%;height: 100%;background-color: rgba(0,150,160,0.8);}
#laboratory_machine_dgp .intro .img{display: flex;align-items: center;justify-content: center;position: absolute;top:0;left:0;width:100%;height: 100%;overflow: hidden;}
#laboratory_machine_dgp .intro .text{color:#fff;font-size: 20px; z-index:2;}
#laboratory_machine_dgp .list .category{align-items:center;padding:20px 0;border-top:1px solid #eee;text-align:left;}
#laboratory_machine_dgp .list .category:last-child{border-bottom:1px solid #eee;}
#laboratory_machine_dgp .list h4{width:25%;color:var(--app-main-color);}
#laboratory_machine_dgp .list ul{width:75%;}
#laboratory_machine_dgp .list li{position:relative;margin-bottom:10px;padding-left:20px;}
#laboratory_machine_dgp .list li:before{content:'\025b6';display:inline-block;position:absolute;left:0;color:var(--app-main-color);transform:scale(0.8);}

/*-----------------------------------------------------------*/
/*recruitment*/
/*-----------------------------------------------------------*/

#recruitment{margin:100px auto 200px;width:100%;}

#recruitment_call{margin-bottom:100px;}
#recruitment_call .inner_wrap{position:relative;padding:50px 0;}
#recruitment_call .inner_wrap:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);}
#recruitment_call .box{margin:0 auto;padding:80px 0;width:100%;background:rgba(255,255,255,0.8);text-align: justify;}
#recruitment_call h3{display:block;margin:0 auto 50px;padding:5px 0;width:300px;background:var(--app-main-color);color:#fff;text-align:center;}
#recruitment_call h4{color: var(--app-main-color);}
#recruitment_call p{margin-bottom: 2rem;}
#recruitment_call .text{margin:0 auto;width:90%;line-height:2;}
#recruitment_call .bq{margin:10px 0 20px; padding:20px;background:#fff;border:1px solid var(--app-main-color);}
#recruitment_call .bq ul{padding-left:30px; list-style-type: disc;color:var(--app-main-color);}

#recruitment_inquiry{margin-bottom:100px;justify-content:center;}
#recruitment_inquiry .inner_wrap{align-items:center;}
#recruitment_inquiry h3{margin-right:50px;text-align:right;}
#recruitment_inquiry .info{padding-left:50px;border-left:1px solid var(--app-main-color);}
#recruitment_inquiry .name{font-size:2.2rem;}
#recruitment_inquiry .text{font-size:2rem;}

#recruitment_about_entrance_exam .btn{position:relative;margin:0 auto;width:600px;height:100px;}
#recruitment_about_entrance_exam .btn a{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%;background:var(--app-main-color);color:#fff;font-size:2rem;}
.device_pc #recruitment_about_entrance_exam .btn a:hover{background:var(--app-sub-color);}
.device_sp #recruitment_about_entrance_exam .btn a:active{background:var(--app-sub-color);}
.device_tab #recruitment_about_entrance_exam .btn a:active{background:var(--app-sub-color);}
#recruitment_about_entrance_exam .btn .w_arrow{position:relative;display:inline-block;margin-left:10%;}
#recruitment_about_entrance_exam .btn .w_arrow:before{content:'';position:absolute;top:35%;left:-38px;width:20px;height:20px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);}
#recruitment_about_entrance_exam .btn .w_arrow:after{content:'';position:absolute;top:35%;left:-45px;width:20px;height:20px;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);}

/*-----------------------------------------------------------*/
/*link*/
/*-----------------------------------------------------------*/

#link{margin:100px auto 200px;width:100%;}

#link_list .outer_wrap{position:relative;margin:0 auto;padding:3%;width:95%;max-width: 1000px; background:#f5f5f5;}
#link_list .inner_wrap{display:flex;justify-content:center;position:relative;padding:80px 0;background:#fff;}
#link_list h3{display:inline-block;margin-bottom:50px;text-align:center;}
#link_list ul{position:relative;text-align:left;}
#link_list li{margin-bottom:30px;padding-left:20px;text-align:left;}
#link_list li:before{content:'\025b6';display:inline-block;position:absolute;left:0;color:var(--app-main-color);transform:scale(0.8);}

/*-----------------------------------------------------------*/
/*contact*/
/*-----------------------------------------------------------*/

#contact{margin:100px auto 200px;width:100%;}

#contact_contents .outer_wrap{position:relative;margin:0 auto;padding:3%;width:95%;max-width: 1000px; background:#f5f5f5;}
#contact_contents .inner_wrap{display:flex;justify-content:center;position:relative;padding:80px 0;background:#fff;}
#contact_contents h3{display:inline-block;margin-bottom:50px;text-align:center;}
#contact_contents .text{position:relative;font-weight:400;line-height:2;}
#contact_contents h4{margin-bottom:20px;color:var(--app-main-color);font-size:2.4rem;}

/*-----------------------------------------------------------*/
/*access*/
/*-----------------------------------------------------------*/

#access{margin:100px auto 200px;width:100%;}

#access_map{width:100%;}
#access_map h3{margin-bottom:50px;}

#access_address{margin-bottom:200px;}
#access_address .content{width:50%;}
#access_address .box{align-items:center;padding:50px 0;width:450px;}
#access_address h3{width:25%;}
#access_address .okadai{justify-content:flex-end;background:#f5f5f5;}
#access_address .okadai .box{margin-right:100px;}
#access_address .labo{justify-content:flex-start;background:var(--app-main-color);color:#fff;}
#access_address .labo .box{margin-left:100px;}
#access_address .labo h3{color:#fff;}
#access_address .text{padding-left:30px;font-size:1.8rem;}
#access_address h4{font-size:2.2rem;}
#access_address .okadai .text{padding-left:30px;border-left:1px solid #ccc;}
#access_address .labo .text{padding-left:30px;border-left:1px solid #fff;}
#access_address .btn{position:relative;margin-top:10px;width:100%;height:30px;}
#access_address .btn a{display:flex;align-items:center;position:relative;width:100%;height:100%;background:#fff;color:var(--app-main-color);font-size:1.6rem;font-weight:400;}
.device_pc #access_address .btn a:hover{background:var(--app-sub-color);color:#fff;}
.device_sp #access_address .btn a:active{background:var(--app-sub-color);color:#fff;}
.device_tab #access_address .btn a:active{background:var(--app-sub-color);color:#fff;}
#access_address .btn .w_arrow{position:relative;display:inline-block;margin-left:10%;}
#access_address .btn .w_arrow:before{content:'';position:absolute;top:30%;left:-20px;width:10px;height:10px;border-top:1px solid var(--app-main-color);border-right:1px solid var(--app-main-color);transform:rotate(45deg);}
#access_address .btn .w_arrow:after{content:'';position:absolute;top:30%;left:-15px;width:10px;height:10px;border-top:1px solid var(--app-main-color);border-right:1px solid var(--app-main-color);transform:rotate(45deg);}
.device_pc #access_address .btn a:hover .w_arrow:before{border-top:1px solid #fff;border-right:1px solid #fff;}
.device_pc #access_address .btn a:hover .w_arrow:after{border-top:1px solid #fff;border-right:1px solid #fff;}
.device_sp #access_address .btn a:active .w_arrow:before{border-top:1px solid #fff;border-right:1px solid #fff;}
.device_sp #access_address .btn a:active .w_arrow:after{border-top:1px solid #fff;border-right:1px solid #fff;}
.device_tab #access_address .btn a:active .w_arrow:before{border-top:1px solid #fff;border-right:1px solid #fff;}
.device_tab #access_address .btn a:active .w_arrow:after{border-top:1px solid #fff;border-right:1px solid #fff;}

#access_access h3{margin-bottom:30px;}

#access_access .bus_timetable_link{display:flex;align-items:center;justify-content:flex-end;margin-bottom:20px;}
#access_access .bus_timetable_link span{display:inline-block;color:var(--app-main-color);font-size:1.8rem;font-weight:400;}
#access_access .bus_timetable_link span:after{content:'\025b6';display:inline-block;margin-left:5px;color:#888;transform:scale(0.8);}
#access_access .bus_timetable_link .btn{margin-left:10px;}
#access_access .bus_timetable_link .btn a{display:flex;align-items:center;justify-content:center;width:140px;height:40px;background:var(--app-main-color);color:#fff;}
.device_pc #access_access .bus_timetable_link .btn a:hover{background:var(--app-sub-color);}
.device_sp #access_access .bus_timetable_link .btn a:active{background:var(--app-sub-color);}
.device_tab #access_access .bus_timetable_link .btn a:active{background:var(--app-sub-color);}

#access_access .access_table{align-items:center;margin-bottom:30px;background:#f5f5f5;}
#access_access .access_table .title{width:30%;}
#access_access .access_table .badge{display:flex;align-items:center;justify-content:center;margin:0 auto 5px;width:70%;height:30px;background:var(--app-main-color);color:#fff;border-radius:5px;font-weight:400;}
#access_access .access_table .down_tri:before{content:'\025bc';display:block;margin:0 auto 5px;width:50px;height:30px;color:#888;transform:scale(0.8);}
#access_access .access_table .badge:last-child{margin-bottom:0;}
#access_access .access_table .methods{padding:10px;width:70%;}
#access_access .access_table .box{margin-bottom:10px;padding:30px;text-align:left;background:#fff;}
#access_access .access_table .box:last-child{margin-bottom:0;}

/*-----------------------------------------------------------*/
/*404*/
/*-----------------------------------------------------------*/
#not_found{position:relative;margin:0 auto;padding:300px 0;width:100%;text-align:center;}
#not_found h2{font-size:5rem;color:var(--app-main-color);}


/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*---------- < pc:1400 px ----------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/

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

#home_main_title_unit{height:78vw;}
#home_slider{left:50px; width:70%;height: auto;aspect-ratio:3/2;}
#home_main_title_unit .title_unit{margin-right: 50px; width: 400px; font-size:10px;}
#home_main_title_unit .title_unit .logo{margin-bottom:25px;}
#home_main_title_unit .catch{font-size:9px;}
#home_main_title_unit .catch .main{padding-left: 50px;}
#home_main_title_unit .catch .sub{padding-left: 50px;}

}



/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*---------- < pc:1240 px ----------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/



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

.frame{width:90%;}

.nav .main_menu ul{grid-template-columns: repeat(4, 1fr);}
.nav .links ul{grid-template-columns: repeat(2, 1fr);}

#home_main_title_unit{height:77vw;}
#home_slider{left:50px; width:70%;height: auto;aspect-ratio:3/2;}
#home_main_title_unit .title_unit{margin-right: 50px; width: 380px; font-size:9px;}
#home_main_title_unit .title_unit .logo{margin-bottom:20px;}
#home_main_title_unit .catch{font-size:8px;}
#home_main_title_unit .catch .main{margin-bottom:10px;padding-bottom:10px;padding-left: 50px;}
#home_main_title_unit .catch .sub{padding-left: 50px;}
#home_main_title_unit .info{margin-bottom:50px;}

#home_footer_link .links_wrap li img{width:90%;max-height:80%;height:70%;}

/*-----------------------------------------------------------*/

#greeting .inner{width: 100%;}
#greeting .image{width:300px;}

/*-----------------------------------------------------------*/

#achievements #scroll_to_contents li.change_font_size a{font-size:1.6rem;}

/*-----------------------------------------------------------*/

#access_address .contents{display:block;}
#access_address .content{width:100%;}
#access_address .box{display:block;margin:0 auto;padding:30px 0;width:100%;text-align:center;}
#access_address .okadai .box{margin-right:auto;}
#access_address h3{margin:0 auto 20px;width:100%;text-align:center;}
#access_address .okadai .text{padding-left:0;border-left:none;}
#access_address .labo .box{margin-left:auto;}
#access_address .labo .text{padding-left:0;border-left:none;}
#access_address .btn a{margin:0 auto;width:280px;}
#access_address .btn .w_arrow{margin-left:12%;}

}


/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*---------- < pc:1000 px ----------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/



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

#home_main_title_unit{height:80vw;}
#home_slider{left:50px; width:70%;height: auto;aspect-ratio:3/2;}
#home_main_title_unit .info{margin-bottom:50px;}
#home_main_title_unit .title_unit{margin-right: 50px; width: 340px; font-size:8px;}
#home_main_title_unit .title_unit .logo{margin-bottom:20px;}
#home_main_title_unit .catch{font-size:7.5px;}
#home_main_title_unit .catch .main{padding-left: 50px;}
#home_main_title_unit .catch .sub{padding-left: 50px;font-size:18px;}

}


/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*---------- < tab:896 px ----------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/


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

h3{font-size:2.6rem;}

.frame{width:90%;}
.flex{display:block;}
.absolute{position:relative;top:auto;bottom:auto;left:auto;right:auto;}
.pc_none{display:block;}
.sp_none{display:none;}
.pc_block{display:none;}
.sp_block{display:block;}

.nav .inner_wrap{padding:50px 0;}
.nav .main_menu ul{grid-template-columns: repeat(2, 1fr);gap:30px 50px;}
.nav .links{margin-top:80px;}
.nav .links ul{grid-template-columns: repeat(1, 1fr);gap:20px;}

#header{height:60px;}
#header .inner{padding: 0 15px;}
#sitename .unit{gap:10px;}
#sitename .logomark{width:25px;}
#sitename .name{width:auto;color:#000;line-height: 1.2;}
#sitename .main{font-size:20px;}
#sitename .sub{font-size:8.2px;}

#header_content{padding-right: 60px;}
#header_btn_nav{gap:20px;}
#header_btn_nav>div{width:30px;height:30px;}
#header_btn_nav>div:hover{transform: scale(1.2);}
#header_btn_nav a{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:all 0.2s 0s ease;}
#header_btn_nav a img{object-fit: contain;width: 100%;height: 100%;}

#header_banner{padding-top:60px;}
#header_banner .header_banner_content{height:300px;}
#header_banner:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:80px;background:var(--app-main-color);z-index:2;opacity:0.8;}
#header_banner:after{content:'';display:block;margin:0 auto;width:100%;height:10px;background:var(--app-main-color);}
#header_banner .header_banner_base{justify-content:flex-start;}
#header_banner .header_banner_img{width:100%;}
#header_banner .header_banner_diagonal{display:none;}
#header_banner .header_banner_rect{align-items:flex-end;width:auto;height:auto;background:transparent;}
#header_banner .header_banner_title{display: flex;align-items: flex-end; gap:10px;}
#header_banner .header_banner_title .en{font-size:4rem;}
#header_banner .header_banner_title .ja{margin-bottom:10px; font-size:2rem;}

#breadcrumb{margin-top:20px;}

#scroll_to_contents li a{background:var(--app-main-color);color:#fff;}
#scroll_to_contents{margin-bottom:50px;}
.device_sp #scroll_to_contents li a:active{background:var(--app-sub-color);color:#fff;}

#footer .inner{flex-direction:column-reverse;align-items: center;gap:60px;}
#footer .footer_info{margin-bottom:30px;}
#footer .footer_logo a{margin-bottom:10px;}
#footer .footer_logo .name{line-height: 1.2;}
#footer .footer_logo .main{font-size:30px;}
#footer .footer_logo .sub{font-size:12.3px;}
#footer .copyright .text{width:240px;}
#footer .image{width:180px;}
#footer .image .text{margin-bottom:20px; font-size:32px;}

/*-----------------------------------------------------------*/

#home_main_title_unit{height:900px;}
#home_main_title_unit .content{height:720px;}
#home_slider{left:0; width:80%;height: 360px;aspect-ratio:auto;}
#home_main_title_unit .info{flex-direction: column;align-items: stretch; margin-bottom:50px;}
#home_main_title_unit .title_unit{margin:0 30px 0 auto; width: 340px; font-size:8px;}
#home_main_title_unit .title_unit .logo{margin-bottom:20px;}
#home_main_title_unit .catch{margin-bottom: 50px; width:420px; font-size:7.5px;}
#home_main_title_unit .catch .main{padding-left: 30px;}
#home_main_title_unit .catch .sub{padding-left: 30px;font-size:18px;}

#home_footer_link .links_wrap li{margin-bottom:20px;width:100%;}
#home_footer_link .links_wrap li:last-child{margin-bottom:0;}

/*-----------------------------------------------------------*/

#home{padding:30px 0;}

#home_slider .swiper-common-title .en{font-size:3.2rem;}
#home_slider .swiper-common-title .ja{font-size:1.8rem;}
#home_slider .swiper-.pagination{display:none;}
#home_slider .swiper-button-prev{display:none;}
#home_slider .swiper-button-next{display:none;}

#news .title{width:100%;}
#news .contents{width:auto;}
#news_list .news_content{display:block;}
#news_list .news_content .date{width:100%;}
#news_list .news_content .text{width:100%;}

/*-----------------------------------------------------------*/

#greeting .content{flex-direction: column;align-items: center;}
#greeting .image{width:400px;}

/*-----------------------------------------------------------*/

#research{margin:50px auto 100px;}
#research h3{margin-bottom: 50px;}
#research .contents{width:100%;}

/*-----------------------------------------------------------*/

#collaboration_inquiry{margin-bottom:50px;}
#collaboration_inquiry h3{margin-bottom:20px;margin-right: 0;text-align: center;}
#collaboration_inquiry .info{padding-left: 0;border-left:none;text-align:center;}

/*-----------------------------------------------------------*/

#members{margin-top:100px;}
#members_list_with_photo ul{grid-template-columns: repeat(2,1fr);gap:50px 5%;margin-bottom: 50px;}
#members_list_with_photo .info{left:0;right:0;margin:auto;text-align: center;}
#members_list_with_photo .img{left:0;right:0;margin:auto;}
#members_list_with_photo .position{font-size:1.6rem;}
#members_list_with_photo .name{font-size:2.6rem;}
#members_list_with_photo .roman{font-size:1.3rem;}

#members_list_text_only{margin-bottom:50px;}
#members_list_text_only ul{grid-template-columns: repeat(2,1fr);gap:50px 5%;margin-bottom:50px;}
#members_list_text_only .position{font-size:1.6rem;}
#members_list_text_only .name{font-size:2.6rem;}
#members_list_text_only .roman{font-size:1.3rem;}

#members_group{height:400px;}

/*-----------------------------------------------------------*/

#achievements{margin:50px auto 100px;}

#achievements #scroll_to_contents li.change_font_size a{font-size:1.4rem;}

#achievements_article .inner_wrap{width:100%;}

#achievements_article_list{margin-bottom:100px;}
#achievements_article_list .list li{padding:30px 0;}
#achievements_research_fund{margin-bottom:50px;}
#achievements_research_fund .inner{padding:50px 0;}
#achievements_research_fund .contents{gap:50px;}
#achievements_research_fund .content{flex-direction: column;gap:15px;}

#achievements_awards .outer_wrap{width:94%;}
#achievements_awards li{padding:20px 0;flex-direction: column;}
#achievements_awards li .date{width:100%;text-align:center;}
#achievements_awards li .content{width:100%;text-align:center;}
#achievements_awards .outer_wrap .text{margin:0 auto;width:80%;}
/*-----------------------------------------------------------*/

#laboratory{margin:50px auto 100px;}

#laboratory_labo{margin-bottom:50px;}
#laboratory_labo_slider .laboratory_labo_slider_innder_wrap::before{padding-top:110%;}
#laboratory_labo_slider .swiper-unit .box{position:absolute;width:100%;height:100%;}
#laboratory_labo_slider .swiper-unit .box1{top:50%;left:0;width:100%;height:50%;}
#laboratory_labo_slider .swiper-unit .box2{top:0;left:0%;width:35%;height:25%;}
#laboratory_labo_slider .swiper-unit .box3{top:0;left:35%;width:25%;height:25%;}
#laboratory_labo_slider .swiper-unit .box4{top:25%;left:0%;width:60%;height:25%;}
#laboratory_labo_slider .swiper-unit .box5{top:0;left:60%;width:40%;height:50%;}
#laboratory_labo_slider .swiper-unit .box_contents{justify-content: center;}
#laboratory_labo_slider .swiper-unit .box_content{margin-right: 0;width: 80%;}
#laboratory_labo_slider .swiper-unit h3{margin-bottom:20px;}

#laboratory_machine_main{margin-bottom:50px;}
#laboratory_machine_main h3{margin-bottom:20px;}
#laboratory_machine_main .machine_list_unit{margin-bottom:0;}
#laboratory_machine_main .box{width: calc(97%/3);font-size:1.4rem;}
#laboratory_machine_main .box:nth-child(4n) {margin-right: 1%;}
#laboratory_machine_main .box:nth-child(3n) {margin-right: 0;}

#laboratory_machine_dgp .inner_wrap{padding: 40px 5%;}
#laboratory_machine_dgp .intro{margin-bottom:40px;text-align:justify;}
#laboratory_machine_dgp .list h4{margin-bottom:20px;width:100%;}
#laboratory_machine_dgp .list ul{width:100%;}
/*-----------------------------------------------------------*/

#recruitment{margin:50px auto 100px;}
#recruitment_call{margin-bottom:50px;}
#recruitment_call .text{text-align: justify;}
#recruitment_inquiry{margin-bottom:50px;}
#recruitment_inquiry h3{margin-bottom:20px;margin-right: 0;text-align: center;}
#recruitment_inquiry .info{padding-left: 0;border-left:none;text-align:center;}
#recruitment_about_entrance_exam .btn{width:80%;max-width:500px;}
#recruitment_about_entrance_exam .btn a{font-size:1.6rem;}

/*-----------------------------------------------------------*/

#link{margin:50px auto 100px;}
#link_list .inner_wrap{padding:40px 0;}
#link_list .content{width:90%;}

/*-----------------------------------------------------------*/

#contact{margin:50px auto 100px;}
#contact_contents .inner_wrap{padding:40px 0;}
#contact_contents h4{font-size:2rem;}
/*-----------------------------------------------------------*/

#access{margin:50px auto 100px;}

#access_map h3{margin-bottom:20px;}
#access_map .g_map{height:600px;}

#access_address{margin-bottom:50px;}

#access_access .bus_timetable_link .btn a{width:100px;}
#access_access .access_table .title{display:flex;justify-content:flex-start;align-items:center;padding:20px 20px 10px;width:100%;}
#access_access .access_table .methods{width:auto;}
#access_access .access_table .badge{margin:0;width:180px;}
#access_access .access_table .down_tri::before{content:'\025b6';margin:0;width:30px;height:30px;}

/*-----------------------------------------------------------*/
}



/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*---------- < sp:480 px ----------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/
/*-----------------------------------------------------------*/



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

table{display:block;}
table tbody{display:block;}
table tr{display:block;}
table th{display:block;}
table td{display:block;}

.frame{width:95%;}
.flex{display:block;}
.absolute{position:relative;top:auto;bottom:auto;left:auto;right:auto;}
.sp{display:block;}
.sp480_none{display:none;}
.sp480_block{display:block;}

.nav h3{margin-bottom: 30px;}
.nav .inner_wrap{padding:50px 0;}
.nav .main_menu ul{grid-template-columns: repeat(1, 1fr);gap:0;}
.nav .main_menu li{height: 60px;}

#header_btn_nav{display: none;}

#header_banner:before{height:70px;}
#header_banner .header_banner_content{height:auto;aspect-ratio: 7/4;}
#header_banner .header_banner_title .en{font-size:3.6rem;}
#header_banner .header_banner_title .ja{margin-bottom:10px; font-size:1.8rem;}

/*-----------------------------------------------------------*/

#home_main_title_unit{height:780px;}
#home_main_title_unit .content{height:600px;}
#home_slider{left:0; width:90%;height: 320px;aspect-ratio:auto;}
#home_main_title_unit .info{flex-direction: column;align-items: stretch; margin-bottom:50px;}
#home_main_title_unit .title_unit{margin:0 15px 0 auto; width: 280px; font-size:7px;}
#home_main_title_unit .title_unit .logo{margin-bottom:20px;}
#home_main_title_unit .catch{margin-bottom: 40px; width:330px; font-size:6px;}
#home_main_title_unit .catch .main{padding-left: 15px;}
#home_main_title_unit .catch .sub{padding-left: 15px;font-size:16px;}

/*-----------------------------------------------------------*/

#greeting .image{width:100%;}

/*-----------------------------------------------------------*/

#research_summary .contents .image{width:100%;}
/*-----------------------------------------------------------*/

#members_list_with_photo ul{grid-template-columns: repeat(1,1fr);gap:50px 5%;margin-bottom: 50px;padding:0 30px;}
#members_list_text_only ul{grid-template-columns: repeat(1,1fr);gap:50px 5%;margin-bottom: 50px;padding:0 30px;}
#members_group{height:200px;}

/*-----------------------------------------------------------*/

#achievements #scroll_to_contents li.change_font_size a{font-size:1.2rem;}
#achievements_article_list .list .info{margin-left:0;}
#achievements_research_fund .content ul{padding-left:0;border-left:none;}

/*-----------------------------------------------------------*/

#laboratory_labo_slider .laboratory_labo_slider_innder_wrap::before{padding-top:180%;}
#laboratory_labo_slider .swiper-unit .box{position:absolute;width:100%;height:100%;}
#laboratory_labo_slider .swiper-unit .box1{top:30%;left:0;width:100%;height:70%;}
#laboratory_labo_slider .swiper-unit .box2{top:0;left:0%;width:35%;height:15%;}
#laboratory_labo_slider .swiper-unit .box3{top:0;left:35%;width:25%;height:15%;}
#laboratory_labo_slider .swiper-unit .box4{top:15%;left:0%;width:60%;height:15%;}
#laboratory_labo_slider .swiper-unit .box5{top:0;left:60%;width:40%;height:30%;}
#laboratory_labo_slider .swiper-unit .box_contents{justify-content: center;}
#laboratory_labo_slider .swiper-unit .box_content{margin-right: 0;width: 80%;}
#laboratory_labo_slider .swiper-unit h3{margin-bottom:20px;}
#laboratory_labo_slider .swiper-button-prev{top:auto;bottom:0;width:50%;height:5%;}
#laboratory_labo_slider .swiper-button-next{top:auto;bottom:0;width:50%;height:5%;}

#laboratory_machine_main .box{margin:0 auto;width: calc(90%);font-size:1.4rem;}
#laboratory_machine_main .box::before{padding-top:130%;}
#laboratory_machine_main .box .caption{top:72%;}
#laboratory_machine_main .box:nth-child(4n){margin:0 auto;}
#laboratory_machine_main .box:nth-child(3n){margin:0 auto;}

/*-----------------------------------------------------------*/

#recruitment_call .box{padding:40px 0;}
#recruitment_call h3{margin-bottom:30px;width:90%;}
#recruitment_call .text{width:90%;text-align:justify;}

#recruitment_about_entrance_exam .btn{width:90%;height:80px;}
#recruitment_about_entrance_exam .btn a{font-size:1.4rem;}
#recruitment_about_entrance_exam .btn .w_arrow{margin-left:0;}
#recruitment_about_entrance_exam .btn .w_arrow:before{content:none;}
#recruitment_about_entrance_exam .btn .w_arrow:after{content:none;}

/*-----------------------------------------------------------*/

#access_access .access_table .badge{margin:0;padding:5px;width:120px;height:auto;line-height:1.2;}

/*-----------------------------------------------------------*/
}