@charset 'utf-8';
/*
style.css
*/
*{-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;}
html { font-size: 62.5%;}
body {
  position: relative;
  line-height: 1.6;
  font-size: 1.3rem;
  margin: 0;
  font-family:Arial, Helvetica, sans-serif;
  color: #808080;
}
.en ul.subs li a {
	letter-spacing: 1px;
}
@media screen and (min-width: 751px){
	body { min-width: 1300px;
	padding-top: 192px;}
	.hidden-xs { display: none !important}
}

html,body { height: 100%}

.language { position: fixed; font-size: 1.1rem; top: 0; left: 110px}
.language li:first-child { border-bottom: solid 1px #aaa!important; text-align: center; width: 55px; line-height: 22px}
.language a { font-size: 1rem; color: #808080; display: block; text-align: center; line-height: 22px; padding-top:1px}
.language a:hover { color: #000}
img {
	border: 0px;
	vertical-align: top!important;
	line-height: 1!important;
}
ul,li,dd,p,dl,dt,dd { margin:0; padding:0; list-style-type: none}
h2 { font-weight: normal}
a { color:#111; cursor: pointer!important}
a:hover { cursor: pointer!important}
.link-1 { color: #29ABE2; text-decoration: none}
.link-1:hover { text-decoration: underline} 
.content-hidden { display: none}
.center { text-align: center}
.f-red {color: #d93932}
.return-btn { position: fixed; bottom: 20px; right: 20px}
.return-btn a { background: url(../images/common/return-btn.png) no-repeat; display: block; width: 62px; height: 62px; text-indent: 100%; overflow: hidden; white-space: nowrap;-webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.return-btn a:hover { 
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.return-btn .totop { background: url(../images/common/return-btn.png) no-repeat -62px 0; margin-bottom: 10px}
.return-btn .totop a { background-position: 0 0}
.return-btn .tohome { background: url(../images/common/return-btn.png) no-repeat -63px -62px; margin-bottom: 10px}
.return-btn .tohome a { background-position: 0 -62px}
.return-btn .tonews { background: url(../images/common/return-btn.png) no-repeat -63px -124px}
.return-btn .tonews a { background-position: 0 -124px}


@media (max-width: 750px) {
	body {
		padding-top: 120px;
	}
	.visible-xs { display: none !important}
	.return-btn a { 
		width: 52px; 
		height: 52px;
		background-size: 104px auto;
	}
	.return-btn .totop { background: url(../images/common/return-btn.png) no-repeat -52px 0/104px auto; margin-bottom: 10px}
	.return-btn .tohome { background: url(../images/common/return-btn.png) no-repeat -53px -52px/104px auto; margin-bottom: 10px}
	.return-btn .tohome a { background-position: 0 -52px}
	.return-btn .tonews { background: url(../images/common/return-btn.png) no-repeat -53px -104px/104px auto}
	.return-btn .tonews a { background-position: 0 -104px}
}



#main-visual { width: 100%; height: 400px; position: relative;}

  /*  リンク共通アニメーション  */
a, a.btn, a img {
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
nav a, nav a.btn {
  text-decoration: none;
  -webkit-transition: all 0s linear;
  transition: all 0s linear;
}

.flex-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}
.flex-wrap { 
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}  

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: space-between
} 


/*コンテンツエリアの設定*/

#wrapper { width: 100%; height:600px}
#header { 
	background: rgba( 255, 255, 255, 1);
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	z-index: 1000
}
.header_inner {
	display: flex;
	align-items: center;
	margin: 0 auto;
}
#logo { width: 140px;}
#logo img { width: 100%; height: auto}
.header_catch .catch { 
	font-size: 22px;
	color: #000;
	font-weight: bold;
	line-height: 1.5;
}
.catch-sub-1 { color:#18b4ca;font-size: 16px; line-height: 1.5;}
.catch-sub-2 { font-size: 16px;color: #000; line-height: 1.5;}



.sub_nav {
	width: 262px;
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
	margin: 0 0 0 auto;
	padding: 24px 0 15px;
}
.sub_nav__inq,
.sub_nav__access {
	width: calc(50% - 5px);
}
.sub_nav__inq a,
.sub_nav__access a {
	display: block;
	border: solid 1px #00bfd4;
	border-radius: 5px;
	text-align: center;
	color: #000;
	line-height: 26px;
	font-size: 13px;
}

.sub_nav__lang {
	width: calc(100% - 36px);
	display: flex;
	justify-content: space-between;
}
.sub_nav__lang li {
	width: calc(50% - 5px);
}
.sub_nav__lang li span{
	display: block;
	border: solid 1px #eae5e3;
	border-radius: 5px;
	text-align: center;
	color: #000;
	line-height: 26px;
	font-size: 13px;
	background: #eae5e3
}
.sub_nav__lang a {
	display: block;
	border: solid 1px #eae5e3;
	border-radius: 5px;
	text-align: center;
	color: #000;
	line-height: 26px;
	font-size: 13px;
	
}


.sub_nav__fb {
	width: 26px;
}
.sub_nav__fb img {
	width: 100%;
	height: auto;
}


.pc-search { width: 100%;}


.page .contents { margin: 0 auto; padding: 50px 0}
.page-nav { text-align: center}
.page-nav p { text-align: center; font-size: 1.3rem; margin: 0 1px; position: relative}
.page-nav a { color: #fff; display: block; background-color: #808080; width: 100%; position: relative; -webkit-transition: all 0.2s linear; transition: all 0.2s linear}

@media screen and (min-width: 751px){
	#header {
		height: 192px;
	}
	.header_catch {
		margin-left: 26px;
	}
	.header_inner {
		width: 1080px;
	}
	.page .contents { width: 960px}
	.page-nav p { display: inline-block}
	.page-nav p:before {
		content: url("../images/common/icon-arrow-2.png");
		position: absolute;
		bottom: -28px;
		left: 50%;
		margin-left: -11px;
		-webkit-transition: all 0.2s linear; transition: all 0.2s linear;
		}
	.page-nav a {  line-height: 25px; padding: 0 1.5em}
	.page-nav a:hover { background-color: #000; -webkit-transition: all 0.2s linear; transition: all 0.2s linear;}
	.page-nav p:hover:before {
		content: url("../images/common/icon-arrow-3.png");
		position: absolute;
		bottom: -28px;
		left: 50%;
		margin-left: -11px;
		-webkit-transition: all 0.2s linear; transition: all 0.2s linear;
	}
}
@media (max-width: 750px) {
	#header {
		padding: 0 0 10px 20px;
		height: 120px;
	}
	.header_inner {
		flex-wrap: wrap;
	}
	#logo { 
		width: 100%;
		margin-bottom: 0px;
	}
	#logo img {
		width: 20%;
		height: auto;
	}
	.header_catch {
		width: 100%;
		transform: translateY(-2px);
	}
	.header_catch .catch {
		font-size: 3.7vw;
		line-height: 1.2;
	}
	.catch-sub-1,
	.catch-sub-2 { font-size: 2.6vw!important;}
	.sub_nav {
		display: none
	}
	.page-nav p { display: block; margin-bottom: 18px; padding: 0 5%}
	.page-nav a { line-height: 1.5; padding: 10px 5px; font-size: 1.6rem}
	.language li:last-child { border-top: solid 1px #fff!important}
	.language li:first-child { border-bottom: none!important}
}






/* ------- nav ------- */
#nav {
	width: 1050px;
	height: 47px;
	float: right;
}

#nav li {
	list-style: none;
}

.menu {
    position: relative;
    width: 100%;
    height: 47px;
    max-width: 1050px;
    margin: 0 auto;
}

.menu > li {
    float: left;
    height: 47px;
    line-height: 47px;
}

.menu > li a {
    display: block;
	font-size: 16px;
	line-height: 47px;
	text-align: center;
	letter-spacing: 0;
	font-family: 'arial narrow', sans-serif;
}

.menu > li a:hover {
     background: #4ebed2; color: #fff;
}
.menu > li:last-child a:hover {
     background: none;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #b3b3b3;
}
.menu__second-level li:first-child { border-top: solid 3px #b3b3b3;}

.menu__second-level li a:hover {
    background: #4ebed2;
}
.menu__second-level li a {
	display: block;
	min-height: 25px;
	font-size: 1.2rem;
	line-height: 25px;
	padding: 0 15px;
	text-align: left;
	letter-spacing: 1px;
	background-color: #FFF;
	font-family: 'arial narrow', sans-serif;
}

.nav-research .menu__second-level li:nth-child(2) a,
.nav-research .menu__second-level li:nth-child(3) a,
.nav-research .menu__second-level li:nth-child(4) a,
.nav-education .menu__second-level li:nth-child(1) a,
.nav-project .menu__second-level li:nth-child(3) a,
.nav-joint .menu__second-level li:nth-child(2) a{ line-height: 1.3; padding: 5px 15px;}


.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}
.menu__second-level li:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #fff;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

@media screen and (min-width: 751px){
	#sp-nav { display: none}
}
@media screen and (max-width: 750px){
	#header .language,
	#header #nav { display: none}
	.sp-nav-fb { position: fixed; top: 0; right: 92px; width: 40px; z-index: 1000}
	.sp-nav-search img,
	.sp-nav-fb img { width: 100%; height: auto}
	.nav-search { z-index: 1000; position: fixed; top:0;width: 100%}
	.navbar-buttons { width: 40px; padding: 0!important;top: 0; right: 46px; position: absolute}
	.search-toggle { padding: 0!important; margin: 0!important; border: none}
    .navbar-toggle img { width: 40px; height: auto}
	.navbar-buttons { height: 40px}
	#search { padding: 60px 5px 0; text-align: center}
	#search input { border-radius: 0!important}
	#search form { margin-left: 50px}
}
@media screen and (max-width: 320px){
	#search form { width: 100%; margin-left: 20px}
}




.gnavi__wrap {
	height: 52px;
	width: 100%;
	max-width: 1080px;
	margin: 0 auto;
	background: url("../images/common/nav_bg.png") no-repeat 50%/cover;
	border: solid #00bcd1;
	border-width: 2px 0;
}
.gnavi__lists {
    max-width: 1080px;
	margin: 0 auto;
	display: flex;
}
.gnavi__list {
    width: 155px;
    height: 50px;
    /*background-color: #E5F0F8;*/
    position: relative;
    transition: all .3s;
}
.gnavi__list:nth-child(4){
	width: 205px;
}
.gnavi__list:nth-child(5){
	width: 255px;
}
.gnavi__list:hover {
    background-color: #00bcd1;
}
.gnavi__list:not(:first-child)::before {
    content: "";
    width: 1px;
    height: 72%;
    background-color: #fff;
    position: absolute;
    top: 16%;
    left: 0;
    transition: all .3s;
}
.gnavi__list a {
    display: flex;
	justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    letter-spacing: 0.05em;
    transition: all .3s;
}
	
		
		
.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
	border-bottom: solid #00bcd1 1px;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #fff;
    min-height: 40px;
    transition: all .3s;
    position: relative;
	border: solid #00bcd1;
	border-width: 1px 2px;
    display: flex;
    align-items: center;
    padding: 3px 0;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #dff4f7;
}
.dropdown__list a {
    display: flex;
	justify-content: flex-start;
    align-items: center;
    color: #231815!important;
    text-decoration: none;
    position: relative;
	padding-left: 16px;
	padding-right: 10px;
	line-height: 1.1;
}
/* ----------------------------------------
 
 searchform　　検索フォーム
 
------------------------------------------*/
#s {
 height: 25px;
 width: calc(100% - 25px);
 padding: 0 8px;
 line-height: 1.1;
 border: solid 1px #000;
 outline: 0;
 font-size: 14px
}
#searchsubmit {
 height: 25px;
 width: 25px;
 border: solid 1px #000;
 background: url(../images/common/icon-search.png) no-repeat 50%;
 background-size: cover;
 outline: 0;
}
#search input[type=text] { font-size: 16px}

@media screen and (max-width: 750px){
	#searchform { justify-content: flex-end}
	.catch-sub-1 {font-size: 13px; line-height: 1.3;}
	.catch-sub-2 { font-size: 13px; line-height: 1.3}
	.pc-search { display: none}
	#s { width: 230px}
	.gnavi__wrap {
		display: none
	}
}


.page-template-top-en .header-sub { display: inherit!important}


/* ----------------------------------------
 
 .home　　トップページ　*お知らせは最下部
 
------------------------------------------*/
#home_mv {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1080px;
	margin: 0 auto 40px;
}
#home_mv img {
	width: 100%;
	height: auto;
}

#home_mv .r_block_top {
	margin: 25px 0;
}
#home_mv .r_block .movie_area {
	width: 100%;
	aspect-ratio: 16 / 9;
}
#home_mv .r_block a {
	font-size: 1.4rem;
	line-height: 1;
}
#home_mv .r_block iframe {
	width: 100%;
	height: 100%;
	margin-bottom: 10px;
	border: solid #00bfd4 2px!important;
	border-radius: 6px!important;
	background: #00bfd4
}


/*
.main_slider .slick-slide {
	height: 313px!important;
}
.main_slider li:nth-child(1) {
	background: url("../images/home/mv_01.jpg") no-repeat 50%/cover; 
}
.main_slider li:nth-child(2) {
	background: url("../images/home/mv_02.jpg") no-repeat 50% 0/cover; 
}
.main_slider li:nth-child(3) {
	background: url("../images/home/mv_03.jpg") no-repeat 50% 0/cover; 
}
.main_slider li:nth-child(4) {
	background: url("../images/home/mv_04.jpg") no-repeat 50% 0/cover; 
}
.main_slider li:nth-child(5) {
	background: url("../images/home/mv_05.jpg") no-repeat 50% 0/cover; 
}
*/

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
	position: absolute;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
}

.slick-dots li {
    display:inline-block;
	margin:0 5px;
	background: none!important;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:15px;
    height:15px;
    display:block;
    border-radius:50%;
	border: none;
	padding: 0;
    background:#fff;
}

.slick-dots .slick-active button{
    background:#00bfd4;
}


.home .home_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
.home .aside_inner {
	margin-bottom: 25px;
}
.home .aside_banners li{
	margin-bottom: 14px;
}
.home .aside_banners li a {
	display: block;
}
.home .aside_banners li figure {
	margin: 0
}
.home aside .sub_ttl {
	border: solid #00bfd4;
	padding-left: 10px;
	font-size: 1.4rem;
	line-height: 1;
	margin-bottom: 15px;
	color: #231815;
}


@media screen and (min-width: 751px){
	
	#home_mv .l_block {
		width: 833px;
	}
	#home_mv .r_block {
		width: 207px;
	}
	.home .home_container {
		width: 1080px;
	}
	.home aside {
		width: 150px;
	}
	.home #main {
		width: 890px;	
	}
	.aside_offering {
		display: none
	}
	.home aside .sub_ttl {
		border-width: 0 0 0 5px;
	}
	.home aside .sub_ttl span:not(:last-of-type) {
		display: block;
		margin-bottom: 4px;
	}
}
@media screen and (max-width: 750px){
	.l_block {
		margin-bottom: 47px;
	}
	.r_block_top {
		display: none
	}
	#home_mv .l_block,
	#home_mv .r_block,
	.home aside,
	.home #main {
		width: 100%!important;
	}
	#home_mv .r_block .movie_area {
		width: 80%;
		margin: 0 auto;
	}
	#home_mv .r_block .movie_area iframe {
		margin-bottom: 0!important;
	}
	#home_mv .r_block p {
		margin: 4px 0 0 10%;
	}
	#home_mv .r_block a {
		font-size: 0.8rem;
		line-height: 1;
		display: block;
	}
	.slick-dots {
		bottom: 5px;
	}
	.slick-dots button {
		width:10px;
		height:10px;
	}
	.home #main {
		order: 1;
	}
	.home aside {
		order: 2;
		padding: 5%
	}
	.home .aside_inner {
		width: 80%;
		margin: 0 auto 25px;
	}
	.home .aside_banners{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.home .aside_banners li {
		width: calc(50% - 10px);
		margin-bottom: 20px;
	}
	.aside_offering {
		margin-bottom: 50px;
	}
	.aside_offering a {
		display: block;
		border: solid 2px #d93932;
		border-radius: 6px;
		padding: 12px;
		text-align: center;
		width: 90%;
		margin: 0 auto;
	}
	.aside_offering a .l_01{
		background: #d93932;
		color: #fff;
		font-size: 17px;
		font-weight: bold;
	}
	.aside_offering a .l_02{
		color: #d93932;
		font-weight: bold;
		font-size: 20px;
	}
	.aside_offering a .l_03{
		color: #000;
		font-size: 12px;
		line-height: 1;
	}
	.home aside .sub_ttl {
		text-align: center;
		border-width: 0 0 5px 0;
	}
	.home aside .sub_ttl span {
		display: inline!important;
		line-height: 1.3;
	}
	.home aside .sub_ttl span:last-of-type {
		display: inline-block!important;
		margin-bottom: 8px!important;
	}
}




/* Scrollpane */
.scrollpane { width: 585px; height: 243px; overflow: hidden;}
.scrollpane .jspContainer { overflow: hidden; position: relative;}
.scrollpane .jspVerticalBar { width: 5px;}
.scrollpane .jspTrack { background-color: #f8f8f8;}
.scrollpane .jspDrag { background-color: #ddd;}
.scrollpane {outline:0px;}


/* ----------------------------------------
 
 .page　　下層ページ
 
------------------------------------------*/
.page-banner .banner-info p {color: #000}
.page-banner h2 { margin: 0!important}
.box-font-1 { background-color: #808080}
.box-font-2 { background-color: #e6e6e6}
@media screen and (min-width: 751px){
	.page h3 { font-size: 4.2rem; font-family: Arial, Helvetica, "sans-serif"; font-weight: normal}
	.page-banner { height: 355px; width: 100%; margin-bottom: 25px}
	.page-banner .banner-info {
        /*padding-top: 20px;*/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
	.about .page-banner .banner-info p,
	.research .page-banner .banner-info p,
	.projects .page-banner .banner-info p,
	.education .page-banner .banner-info p,
	.joint .page-banner .banner-info p { margin: 0 auto; line-height: 2; width: 280px; text-align: left; color: #000; font-size: 1.2rem}
	.page-banner .banner-info {
        /*padding-top: 40px*/
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    
    .page-banner h2 img { width: 100%; max-width: 211px; height: auto}
}
@media screen and (max-width: 750px){
	.page h3 { font-size: 2.6rem; font-family: Arial, Helvetica, "sans-serif"; font-weight: normal}
	.page .article { padding: 0 5%}
	.page-banner { margin-bottom: 30px}
	.page-banner .banner-info { width: 100%}
	.page-banner .banner-info h2 { margin: 0}
	.page-banner .banner-info h2 img { width: 100%; height: auto}
	.page-banner .banner-info p { background: #898989; color: #fff; width: 100%; letter-spacing: 1px; line-height: 1.6; padding: 7px 20px; margin-top: 1px; font-size: 1.6rem}
	.page-banner .banner-1 .banner-figure { display: none}
	
	p { letter-spacing: 1px; font-size: 1.6rem}
	
	.system-sp img { width: 100%; height: auto}
	
}


/* ----------------------------------------
 
 about　　01 ARIHHPについて
 
------------------------------------------*/
.about .contents { padding-bottom: 0}
.about h3 { margin-bottom: 25px}
.about h4 span { font-weight: 100!important; color:#fff; display: inline-block; line-height: 32px; font-size: 24px; height: 32px; width: 32px; text-align: center; margin-right: 4px}
.about .article { padding-bottom: 80px; background: url(../images/common/cat-line.png) no-repeat center bottom; margin-bottom: 70px; overflow: hidden; padding-top: 170px; margin-top: -170px}
.about #object { padding-bottom: 40px;}
.about #object .article-inner { overflow: hidden; padding-bottom: 50px;}
.about #object .logo { clear: both; padding-top : 50px; border-top: solid 1px #ccc;}
.about #object .logo p:first-child { margin-bottom: 2em}
.about #greeting h3 { line-height: 1; margin-top: 0}
.about #greeting h4 { font-size: 2rem; font-weight: normal; margin-bottom: 0px}
.about #greeting ul { margin-bottom: 1em;margin-top: 50px;}
.about #greeting .univ-logo { position: fixed; top: 2600px; right: -75px}
.about #member .article-inner { margin-bottom: 50px;}
.about #member p { letter-spacing: -0.5px; margin-bottom: 50px;}
.about #member h4 { margin-bottom: 7px; font-size: 2.4rem; font-weight: normal}
.about #member h4::before { content: "■"; font-size: 3rem}
.about #member ul { overflow: hidden; border-bottom: solid 1px #ccc;}
.about #member h4 + ul { border-top: solid 1px #ccc}
.about #member ul li { float: left; font-size: 1.3rem}
.about #member ul li:nth-child(4) { float: right}
.about #member ul.col-2 li + li { width: 300px}
.about #organization { margin-bottom: 20px;}
.about #organization p { margin-bottom: 1em;}
.about #organization .organization-chart img {height: auto; width: 100%; max-width: 841px; margin: 0 auto}
.about #history { background: none;}
.about #history h4 { font-size: 2rem; font-weight: normal; margin-bottom: 0px;}
.about #history .article-inner { margin-bottom: 35px;}
.about #history .list { margin-bottom: 60px}
.about #history .list p { margin-bottom: 34px}
.about #history .list dl { overflow: hidden; border-top: solid 1px #ccc}
.about #history .list dt { float: left; line-height: 32px; font-size: 1.4rem}
.about #history .list dd { padding-left: 80px; border-bottom: solid 1px #ccc; line-height: 32px; font-size: 1.4rem}
.about #history .year { position: fixed; left: 100px; z-index: -1000}
.about #history .column { overflow: hidden; width: 100%}
.about #history .history-3 p { font-size: 2.7rem; color: #4ebed2}
.about #history .katsuta { padding-bottom: 35px; margin-bottom: 35px; border-bottom: solid 1px #ccc;}
.about #history .katsuta .professor { margin-bottom: 1em}
.about #history .katsuta .professor p { font-size: 2rem; margin-bottom: 26px; line-height: 1.3}
.about #history .katsuta .professor p small { display: block; font-size: 1.6rem}
.about #history .katsuta .outline { padding-top: 5px;}
.about #history .katsuta .outline p:first-child { font-size: 1.3em;}
.about #history .katsuta table { margin-bottom: 5px; border-collapse: collapse;}
.about #history .katsuta th { font-weight: normal; color: #fff; font-size: 1.4rem; background: #808080;}
.about #history .katsuta th:first-child { width: 170px;}
.about #history .katsuta th:nth-child(2) { width: 280px; border-left: solid 1px #fff;}
.about #history .katsuta td:nth-child(even) { border-left: solid 1px #808080;}
.about #history .katsuta td { font-size: 1.3rem; padding: 13px 0 13px 13px; border-bottom: solid 1px #808080;}
.about #history .katsuta td:first-child { padding: 13px 13px 13px 5px;}
.about #history .katsuta td.ex { letter-spacing: -1px;}
.about #history .katsuta table + p { margin-bottom: 1em;}
.about #history .column div .figure { margin-bottom: 1em;}
.about #history .column div ul { overflow: hidden;}
.about #history .column div ul li { float: left; margin: 0; font-size: 1.2rem;}
.about #history .column div ul li img { margin-bottom: 5px;}

.about .paulownia img {
    width: 100%;
    height: auto;
}
.about .face { width: 100px;}
.about .face img { width: 100%;}

@media screen and (min-width: 751px){
	.about .page-banner .banner-info { background: url("../images/about/bg-mv.jpg") no-repeat 0 0; background-size: cover; -webkit-background-size: cover; text-align: center; width: 35%}
	.about .page-banner .banner-info img { width: 50%; height: auto}
	.about .banner-1 .banner-figure { background: url(../images/about/main-visual.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover; height: 355px; width: 65%}
	.about p { font-size: 1.3rem}
	.about #object .comment { width: 634px; float: left}
	.about #object .figure { width: 307px; float: right}
	.about #greeting ul,
	.about #greeting .comment { margin-right: 310px}
	.about #greeting .professor { font-size: 2rem}
	.about #greeting .professor small { display: block}
	.about #member ul li { line-height: 45px}
	.about #member ul li:nth-child(1) { font-size: 1.4rem; font-weight: bold; width: 170px;}
	.about #member ul li:nth-child(2) { width: 150px;}
	.about #member ul li:nth-child(3) { width: 570px;}
	.about #member ul.ogura li:nth-child(3) { width: 600px}
	.about #member ul li.line-2-1 { line-height: 1.5; padding: 13px 0 10px}
	.about #history .chart { background: url(../images/about/history-01-en.png) no-repeat; position: relative; min-height: 648px; margin-bottom: 70px}
	.about #history .chart p { position: absolute; top: 0; left: 0; font-size: 2.7rem}
	.about .katsuta .professor { font-size: 2rem!important}
	.about .katsuta .professor small { display: block; font-size: 1.5rem}
	.about #history .column div { float:left; width: 459px; margin: 0 10px;}
	.about #history .column div .document-1 li:nth-child(1) { width: 136px; margin-right: 25px;}
	.about #history .column div .document-1 li:nth-child(2) { width: 297px;}
	.about #history .column div .document-2 li:nth-child(1) { width: 208px; margin-right: 5px;}
	.about #history .column div .document-2 li:nth-child(2) { width: 246px;}
	.about #history .column div .document-2 li:nth-child(2) p { margin-left: 10px}
}
@media screen and (max-width: 750px){
	.about .article { background-size: 100% auto; -webkit-background-size: 100% auto}
	.about p { font-size: 1.6rem}
	.about #object .comment { margin-bottom: 1.5em}
	.about #object .figure-2 { margin-top: 20px}
	.about #object .figure-2 img { width: 100%; height: auto}
	.about #history .year,
	.about #greeting .univ-logo { display: none}
	.about #greeting .univ-logo { display: none}
	.about #greeting .face { margin: 1em 0}
	.about #greeting .professor { font-size: 2rem}
	.about #greeting small { font-size: 1.6rem}
	.about #history .chart p { font-size: 2rem; margin-bottom: 10px}
	.about #history .chart img { width: 100%; height: auto}
	.about #history .history-3 p { font-size: 2rem}
	.about #history .history-3 img { width: 100%; height: auto}
	.about .katsuta .professor { font-size: 2rem!important}
	.about .katsuta .professor small { display: block; font-size: 1.5rem}
	.about .katsuta li { width: 100%}
	.about .katsuta li img { width: 100%; max-width: 141px; height: auto}
	.about #history .documents { padding-top: 30px}
	.about #history .documents li { font-size: 1.6rem!important; margin-bottom: 20px!important}
	.about #history .documents li img { display: block; width: 100%; height: auto}
	.about #history .document-1 li:nth-child(1) img { width: 136px; height: auto}
	.about #member ul { padding: 10px 0}
	.about #member ul li { font-size: 1.6rem; display: block; width: 100%}
	.about #member ul li:nth-child(1) { width: 100%; font-weight: bold}
}


/* ----------------------------------------
 
 research　　02 研究
 
------------------------------------------*/
.research h3 { margin-bottom: 30px}
.research .article { font-size: 1.3rem; width: 100%; max-width: 870px; padding-top: 170px; margin: -170px auto 0;}
.research .page-nav { margin-bottom: 50px}
.research h4 { margin-bottom: 10px; line-height: 1}
.research h5 { font-size: 2rem; width: 100%; max-width: 880px; line-height: 1; margin: 0 auto}
.research h5 span { margin-right: 1em; display: inline-block}
.research .subttl { width: 100%; max-width: 870px; margin: 0 auto; font-size: 2rem; line-height: 1; padding: 6px 5px 4px; color: #fff}
.research h6 { font-size: 1.3rem; border-bottom: solid 1px #b2b2b2; margin-bottom: 15px}
.research #system { padding-bottom: 80px; background: url(../images/common/cat-line.png) no-repeat center bottom; margin-bottom: 70px}
.research #system h3 + p { margin-bottom: 50px}
.research .system-chart p.btn-system a {
	display: block;
	opacity: 0;
    filter: alpha(opacity=0);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;}
.research .btn-department a {
	display: block;
	opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;}
.research #facilities h3 + p { margin-bottom: 50px}
.research .f-tit-a h5 span { color: #e79dbc}
.research .f-tit-a hr { border: none; background-color: #e79dbc; height: 1px; margin-bottom: 15px}
.research .f-tit-a .subttl { background-color: #e79dbc}
.research .facilities .details { overflow: hidden; margin: 0 auto 20px}
/*
.research .facilities .details dt { float: left; padding-left: 1em; padding-top: 3px; font-weight: bold;}
.research .facilities .details dt:first-child { letter-spacing: 1em;}
.research .facilities .details dd { padding-left: 110px; padding-top: 3px; border-bottom: solid 1px #b2b2b2;}
*/
.research .facilities .details { overflow: hidden; margin-bottom: 20px;}
.research .facilities .details dt { float: left; font-weight: bold; padding: 7px 4px 7px 0;}
.research .facilities .details dd { border-bottom: solid 1px #b2b2b2; padding: 7px 0;}
.research .facilities .details dd + dt { float: none; padding: 7px 0 0;}
.research .facilities .details dd + dt + dd { padding: 0 0 7px 0;}
.research .facilities .details dd ul:first-child { margin-bottom: 1em;}
.research .facilities .details dd ul li:first-child { font-weight: bold;}

.research .facilities .figure { overflow: hidden; margin-bottom: 30px;}
.research .facilities .figure li { float: left; font-size: 1.1rem;}
.research .facilities .figure li:nth-child(2) { margin: 0 6px;}
.research .f-e .figures li p { letter-spacing: -1px}
.research .figures li img { width: 100%; height: auto}
.research .f-c .figures img { width: 100%; height: auto}
.research .facilities .figure + p { font-size: 1.1rem;}
.research .grid { display: flex;flex-wrap: wrap;margin-bottom: 50px;}
.research .grid div {border-bottom: solid 1px #b2b2b2; overflow: hidden; width: 435px; padding-bottom: 15px; margin-bottom: 15px}
.research .grid div dl { overflow: hidden}
.research .grid div dt { float: left}
.research .grid div dt img { width: 90px; height: auto}
.research .grid div dd { padding-left: 110px;}
.research .grid div p:nth-child(1) { font-size: 1.6rem;}
.research .grid div p:nth-child(2) { margin-bottom: 1em; font-size: 1.2rem}
.research .grid div .soya p { margin-bottom: 0;}/*征矢先生用*/
.research .grid div .takeda p { margin-bottom: 0;}/*武田先生用*/
.research .grid div .monma p { margin-bottom: 0;}/*門間先生用*/
.research .grid div .yamagiwa p { margin-bottom: 0;}/*山際洪先生用*/
.research .grid div .hong p { margin-bottom: 0;}/*洪先生用*/
.research .grid div .takagi p { margin-bottom: 0;}/*高木先生用*/
.research .grid div.nishijima p { margin-bottom: 0!important}/*西島先生用*/
.research .grid div.nishijima { padding-bottom: 7px}/*西島先生用*/
.research .grid div .amemiya p { margin-bottom: 0!important;}/*雨宮先生用*/
.research .grid div p span { font-weight: bold;}
.research .grid div p a { color: #29ABE2;}
.research .grid div dd p { line-height: 1.7}
.research .f-tit-b h5 span { color: #75c3e2}
.research .f-tit-b hr { border: none; background-color: #75c3e2; height: 1px; margin-bottom: 15px}
.research .f-tit-b .subttl { background-color: #75c3e2}
.research #f-a,
.research #f-b,
.research #f-d { padding-top: 50px}
.research #f-c,
.research #f-e { padding-top: 50px; /*margin-top: -50px;*/}
.research .f-tit-c h5 span { color: #8f84b6}
.research .f-tit-c hr { border: none; background-color: #8f84b6; height: 1px; margin-bottom: 15px}
.research .f-tit-c .subttl { background-color: #8f84b6}
.research #result li { background: url("../images/common/icon-pdf.png") no-repeat 100% 50%; margin-bottom: 30px; -webkit-background-size: 30px auto; background-size: 30px auto}
.research #result a { display: block; background-color: #00bed3; color: #fff; font-size: 18px; font-weight: bold; line-height: 30px; padding-left: 11px}
.research #result a:hover { background-color: #000}
.research .movie { text-align: center; margin-bottom: 26px}

@media screen and (min-width: 751px){
	.research h3 { font-size: 4.2rem}
	.research .page-banner .banner-info { background: url("../images/research/bg-mv.jpg") no-repeat 0 0; background-size: cover; -webkit-background-size: cover; text-align: center; width: 35%}
	.research .banner-1 .banner-figure { background: url(../images/research/main-visual_v2.jpg) no-repeat right center; background-size: cover; -webkit-background-size: cover; height: 355px; width: 65%}
	.research .page-banner .banner-info img { width: 50%; height: auto}
	.research .btn-department { width: 730px; margin-bottom: 30px}
	.research .system-chart p.btn-system a:hover {
	opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	}
	.research .btn-department a:hover {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.research .btn-department li:nth-child(1){ background: url("../images/home/btn-circle-1on-en.png") no-repeat 50%; background-size: 100% auto; -webkit-background-size: 100% auto}
	.research .btn-department li:nth-child(2){ background: url("../images/home/btn-circle-2on-en.png") no-repeat 50%; background-size: 100% auto; -webkit-background-size: 100% auto}
	.research .btn-department li:nth-child(3){ background: url("../images/home/btn-circle-3on-en.png") no-repeat 50%; background-size: 100% auto; -webkit-background-size: 100% auto}
	
    .research .figures.flex {
        justify-content: flex-start;
        gap: 10px 1%;
    }
    .research .figures li {
        width: 32.6%;
    }
    .research .figures li.items1 {
        width: 32.6%;
    }
    .research .figures li.items2 {
        width: 66.4%;
    }
    .research .figures li.items3 {
        width: 100%;
    }
    .research .figures li p {
        text-align: center;
    }
    
    /*
    .research .f-a .figures li p { font-size: 1.2rem}
	.research .f-a .figures li:nth-child(1),
	.research .f-a .figures li:nth-child(2){ width: 350px}
	.research .f-a .figures li:nth-child(3){ width: 160px}
	.research .f-b .figures li { width: 49.5%}
	.research .f-d .figures li,
	.research .f-e .figures li { width: 285px; font-size: 1.2rem}
    */
    
	.research #result li { width: 400px}
	.research #result a {width: 358px}
	.research .system-chart { width: 686px; height: 425px; position: relative; background: url(../images/research/system-chart-en.png) no-repeat 0 0;}
	.research .system-chart p.f-a { position: absolute; top: 157px; left: 189px}
	.research .system-chart p.f-b { position: absolute; top: 250px; left: 189px}
	.research .system-chart p.f-c { position: absolute; top: 269px; left: 189px}
	.research .system-chart p.f-d { position: absolute; top: 353px; left: 189px}
	.research .system-chart p.f-e { position: absolute; top: 372px; left: 189px}
	.research .system-chart p a:hover { color: #29ABE2}
	.research .system-chart p.btn-shin { position: absolute; top: 101px; left: 67px}
	.research .system-chart p.btn-tai { position: absolute; top: 204px; left: 67px}
	.research .system-chart p.btn-gi { position: absolute; top: 307px; left: 67px}
	.research #system .figure { padding-left: 55px}
    .research #system .figure img {
        width: 100%;
    }
	.research .movie iframe { width: 100%; max-width: 410px; height: 231px}
}
@media screen and (max-width: 750px){
	.research .page-nav a { padding: 5px 0}
	.research h5 { padding: 0 5%}
	.research hr + p { border:solid 2px}
	.research h5 span { display: block; margin-bottom: 10px}
	.research .subttl { width: 90%}
	.research .figures li { width: 100%; margin-bottom: 20px}
	.research .figures li img { width: 100%; height: auto}
	.research .btn-department { width: 80%; margin: 0 auto 30px}
	.research .btn-department li { width: 100%; text-align: center; margin-left: 2%}
	.research #result li { width: 90%; margin: 0 auto 20px; padding-right: 30px; -webkit-background-size: 20px auto; background-size: 20px auto}
	.research #system .chart-sp img { width: 100%; height: auto}
	.research #system { background-size: 100% auto; -webkit-background-size: 100% auto}
	.research #system .figure img { width: 100%; height: auto}
	.research .system-chart p { display: none}
	.research .movie iframe { width: 100%; max-width: 410px; height: 231px}
}


/* ----------------------------------------
 
 projects　　03 大型プロジェクト
 
------------------------------------------*/
.projects .article { font-size: 1.3rem;}
.projects h3 { font-size: 2rem; margin-bottom: 30px; text-align: center}
.projects #projects h3 img { width: 100%; height: auto;}

.projects #projects .lrp h3 img { width: 100%; height: auto; max-width: 238px}
.projects #projects .lrp h3,
.projects #projects .lrp h4 {
    margin: 0;
}
.projects #projects .hhp h3 img { width: 100%; height: auto; max-width: 223px}
.projects #projects .p-srip h3 img { width: 100%; height: auto; max-width: 152px}
.projects #projects .jst-mirai h3 img { width: 100%; height: auto; max-width: 125px}
.projects h4 { color: #6276B6; font-size: 2.2rem!important; font-family:"Times New Roman", Times, serif; font-weight: normal; line-height: 1.6; margin-bottom: 10px!important}
.projects h5 { font-size: 2rem; font-weight: normal; margin-bottom: 5px; line-height: 1;color: #6276b6;}
.projects h5 + p { margin-bottom: 1.75em;}
.projects .column { padding-bottom: 50px; margin-bottom: 50px; border-bottom:solid 1px #ccc;}
.projects .article-inner { margin-bottom: 60px;}
.projects #projects { justify-content: space-between}
.projects #projects > div { position: relative}
.projects #projects .more-btn { width: 100%}
.projects #projects .more-btn a { display: block; line-height: 25px; margin: 0 auto; font-size: 12px; color: #fff; background: #000; text-align: center; -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;}
.projects #projects .more-btn a:hover {
  color :#29ABE2;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media screen and (min-width: 751px){
	.projects .page-banner .banner-info { background: url("../images/projects/bg-mv.jpg") no-repeat 0 0; background-size: cover; -webkit-background-size: cover; text-align: center; width: 35%}
	.projects .banner-1 .banner-figure { background: url(../images/projects/main-visual.jpg) no-repeat right center; background-size: cover; -webkit-background-size: cover; height: 355px; width: 65%}
	.projects .page-banner .banner-info img { width: 50%; height: auto}
	.projects #projects > div { padding-bottom: 50px; width: 48%; margin-bottom: 50px}
	.projects #projects .p-srip h4 + p { margin-bottom: 52px}
	.projects h4 small { font-size: 1.4rem}
	.projects #projects .more-btn { position: absolute; bottom: 0; left: 0}
	.projects #projects .more-btn a { width: 279px}
}
@media screen and (max-width: 750px){
	.projects #projects h5 + p,
	.projects .contents { padding-top: 0}
	.projects .column p { font-size: 1.6rem; letter-spacing: 0}
	.projects #projects > div { margin-bottom: 50px}
	.projects #projects .hhp h3 { text-align: center}
	.projects #projects .hhp { width: 100%}
	.projects #projects .p-srip { width: 100%}
	.projects #projects .p-srip p { margin-bottom: 1.75em}
	.projects #projects .more-btn a { width: 80%}
}


/* ----------------------------------------
 
 education　　04 教育プログラム
 
------------------------------------------*/
.education .article {
    font-size: 1.3rem; padding-top: 170px; margin-top: -170px;
    background: url(../images/common/cat-line.png) no-repeat center bottom;
    padding-bottom: 35px;
    margin-bottom: 50px;
}
@media screen and (max-width: 750px){
    .education .article {
        background-size: 100% auto;
    }
}
.education .article#innovator {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.education h3 { font-size: 2.5rem; font-weight: normal; margin-bottom: 0px}
.education h3 span { font-size: 2rem; display: block}
.education h4 { font-size: 1.3rem; font-weight: bold; margin-bottom: 5px; line-height: 1}
.education .lead {
    margin-bottom: 5px;
}
.education .article-inner { margin-bottom: 60px}
.education .article-inner:last-child { margin-bottom: 30px;}

.education #program { /*border-bottom: solid 1px #808080;*/ padding-bottom: 55px; margin-bottom: 55px}
/*.education #forstudent { background: url(../images/common/cat-line.png) no-repeat center bottom; padding-bottom: 35px; margin-bottom: 50px}*/
.education #forstudent p { margin-bottom: 35px}
.education #forstudent dl { margin-bottom: 35px}
.education #forstudent dd { margin-left : 0.5em}
.education .program_grp_ttl {
    font-size: 1.5rem;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: solid 1px #ADADAD;
}

.education #scenery h3 + p { margin-bottom: 50px}
.education #scenery li img,
.education .article-inner .flex li img{ width: 100%; height: auto;}

.education .article-inner ul { margin-bottom: 8px}
.education .fig,
.education .summary { width: 100%}

@media screen and (min-width: 751px){
	.education .page-banner .banner-info { background: url(../images/education/bg-mv.jpg) no-repeat 0 0; text-align: center; background-size: cover; -webkit-background-size: cover; width: 35%}
	.education .banner-1 .banner-figure { background: url(../images/education/main-visual.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover; height: 355px; width: 65%}
	.education .banner-info img { width: 50%; height: auto}
	.education .article-inner li { width: 315px}
}
@media screen and (max-width: 750px){
	.education #forstudent { background-size: 100% auto; -webkit-background-size: 100% auto}
	.education #forstudent dt,
	.education #forstudent dd { font-size: 1.6rem}
	.education .article-inner li { width: 100%; margin-bottom: 10px}
	.education .article-inner li img { width: 100%; height: auto}
	.education .fig { order: 2}
	.education .summary { order: 1; margin-bottom: 30px!important}
}



/* ----------------------------------------
 
 joint　　05 共同利用・共同研究
 
------------------------------------------*/
.joint .article { font-size: 1.3rem; padding-top: 170px; margin: -170px auto 0}
.joint h3 { margin-bottom: 30px}
.joint h4 { margin-bottom: 10px; line-height: 1}
.joint h6 { font-size: 1.3rem; border-bottom: solid 1px #b2b2b2; margin-bottom: 15px}
.joint .page-nav { margin-bottom: 50px}
.joint h3 + p { margin-bottom: 20px}
.joint #joint-map .article-inner:nth-child(1) { border-bottom: solid 1px #808080; padding-bottom: 50px; margin-bottom: 50px}
.joint #joint-map,
.joint #facilities{ padding-bottom: 80px; background: url(../images/common/cat-line.png) no-repeat center bottom; margin-bottom: 70px}
.joint #f-e + .article { padding-bottom: 50px; background: url(../images/common/cat-line.png) no-repeat center bottom; margin-bottom: 70px}
.joint h6,.joint .grid { display: none}
.joint .article-inner { padding-bottom: 50px}
.joint .band{background:#808080;display: inline-block;color:#fff;font-weight: bold;font-size:2.2rem;padding:10px 14px;margin-bottom: 20px}
.joint_map_img img {
    width: 100%;
}

.joint .teacher-theme p {margin-bottom: 1em}
.joint .teacher-theme table {width: 100%;margin-bottom: 19px;border: solid 2px #231815;border-width: 2px 2px 2px 0; border-collapse: collapse;}
.joint .teacher-theme th{background: #00bcd1;color:#fff;width: 6em;border-left: solid 2px #231815}
.joint .teacher-theme th,
.joint .teacher-theme td {padding: 7px 12px}
.joint .teacher-theme tr:nth-child(2) th,
.joint .teacher-theme tr:nth-child(3) th{border-top:solid 2px #fff;}
.joint .teacher-theme tr:nth-child(2) td{border: solid 2px #231815;border-width: 2px 0}
@media screen and (min-width: 751px){
	.joint .article { width: 960px}
	.joint .banner-1 .banner-figure { background: url(../images/joint/main-visual.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover; height: 355px; width: 65%}
}
@media screen and (max-width: 750px){
	.joint #joint-map { background-size: 100% auto; -webkit-background-size: 100% auto}
	.joint #facilities .figure img,
	.joint #joint-map img { width: 100%; height: auto}
}

/*-------　共同利用・共同研究公募について　.offering   --------------------------------------------------------------------------------------------------------------*/
.offering { width: 960px; color: #808080; font-size: 1.3rem; padding-bottom: 100px;}/*英語版にのみ padding-bottom: 100px;追加*/
.offering .article { margin-bottom:100px; font-family:Arial, Helvetica, sans-serif}
.offering a { color:#4eadc0}
.offering .link-form { margin-top: 50px}
.offering .link-form a { display: inline-block; color: #fff; background: #00aec2; line-height: 50px; width: 100%; max-width: 630px; text-align: center; font-size: 24px; font-weight: bold}
.offering .link-form a:hover { background: #000}
.offering .note-h { margin-bottom: 50px}
.offering .note-h span { color: #d93932; font-size: 2rem; border: solid 1px #d93932; padding: 10px; font-weight: bold}
.offering #about .h1 { margin-bottom: 25px}
.offering #about .h1 + p { margin-bottom: 3em}
.offering #about .h1 + p + p { margin-bottom: 1.5em}
.offering #about h2 { font-size: 2.2rem; border-bottom: solid 1px #808080; font-weight: normal; margin-bottom: 15px}
.offering #about dl { margin-bottom: 2em;}
.offering #about dt { font-weight: bold; font-size: 1.5rem}
.offering #about dd { margin-left: 49px}
.offering #about .article-inner div:first-child { margin-bottom: 50px;}
.offering #about .note { color:#4eadc0; font-size: 2.3rem; font-weight:bold; text-align: center;}
.offering #about .figure { margin-bottom: 3em}
.offering #summary h2 { margin-bottom: 23px}
.offering #summary h2,
#facilities h2 { background: #808080; color:#fff; line-height: 34px; font-size: 2.2rem; padding-left:12px}
.offering #summary dl { border-bottom: solid 1px #c4c4c4; margin-bottom: 20px; padding-bottom:20px;}
.offering #summary dt { font-weight: bold; font-size: 1.5rem; letter-spacing: 0.5px}
.offering #summary dd { margin-left: 2.2em;}
.offering #summary dd ul:nth-child(1){ margin-bottom: 1em;}
.offering #summary li { margin-left: 2.7em}
.offering #summary li:first-child { margin-left: 0}
.offering #summary li > dl { border-bottom: 0; margin-bottom: 0; padding-bottom: 0;}
.offering #summary .document { margin: 1em 0 0 0}
.offering #summary .document span { /*font-weight: bold*/ margin: 0}
.offering #summary .teacher { margin-left: 0}
.offering #summary .teacher dt { width: 25%; font-weight: normal; font-size: 1.3rem}
.offering #summary .teacher dd { width: 75%; text-align: left; margin: 0}
/*.offering #summary .teacher dd .teacher-num { display:inline-block; width: 3em}
.offering #summary .teacher dd .teacher-name { display:inline-block; width: 5em}*/
.offering #offering-facilities h2 { margin-bottom: 2em;}
.offering #offering-facilities div{ margin-bottom: 50px;}
.offering #offering-facilities h3 { font-size:20px; line-height: 45px; background: #e5e5e5; border-top: solid 5px #808080; padding-left:10px; margin-bottom: 20px}
.offering #offering-facilities h3 span { width: 100px; display:inline-block;}
.offering #offering-facilities h3 small { font-size: 13px;}
/*.offering #offering-facilities dl { overflow: hidden;}
.offering #offering-facilities dt { width: 110px; float: left; font-weight: bold; padding:3px 10px;}
.offering #offering-facilities dd { border-bottom: solid 1px #808080; padding: 3px 10px 3px 110px; margin: 0;}
.offering #offering-facilities dd:last-child { border-bottom: 0px;}
.offering .note-1 { text-align: center; margin-bottom: 30px;}*/
.offering .note-1 { color: #C9807D; font-size: 2.5rem;}

#offering-facilities .details { overflow: hidden; margin-bottom: 20px;}
#offering-facilities .advanced_energy,
#offering-facilities .advanced_energy .details{ margin-bottom: 0!important}
#offering-facilities .details dt { font-weight: bold; padding: 7px 4px 7px 0;}
#offering-facilities .details dd { border-bottom: solid 1px #b2b2b2; padding: 7px 0;}
#offering-facilities .details .fn { float: none; padding: 7px 0 0}
#offering-facilities .details .fn + dd { padding: 0 0 7px 0;}
#offering-facilities .details dd ul:first-child { margin-bottom: 1em;}
#offering-facilities .details dd ul li:first-child { font-weight: bold;}

.joint #about,
.joint #offering-facilities{
	padding-bottom: 0!important;
	margin-bottom: 0!important
}
@media screen and (min-width: 751px){
	.offering #about {padding-top: 50px;}
	#offering-facilities .details dt { float: left}
}
@media screen and (max-width: 750px){
	.offering .note-h span { border: none; padding: 0; font-size: 1.8rem}
	.offering .article-inner { margin-bottom: 50px}
	.offering .link-form a { line-height: 1.6; padding: 5px 15px; display: block; font-size: 1.8rem}
	.offering #about dt,
	.offering #about dd { font-size: 1.6rem}
	.offering #summary { padding: 0; border: none; margin-bottom: 0}
	.offering hr + p { border: none}
	.offering #summary dt,
	.offering #summary dd { font-size: 1.6rem; margin-left: 0}
	.offering #summary li { margin-left: 0}
	.offering #summary .document span.ex { display: block}
	.offering #summary .teacher { padding-top: 15px}
	.offering #summary .teacher dd .teacher-num { width: 1.5em}
	.offering #summary .teacher dt,
	.offering #summary .teacher dd { width: 100%}
	.offering a { word-wrap: break-word}
	.offering #offering-facilities h3 { font-size: 1.8rem; line-height: 1.4; padding: 6px 10px}
	.offering #offering-facilities h3 span { margin-right: 0.5em}
	.offering #offering-facilities dt { padding: 6px 0 0; font-size: 1.6rem}
	.offering #offering-facilities dd { padding: 3px 0 6px; font-size: 1.6rem}
	#offering { padding-bottom: 100px!important;}
}

/* ----------------------------------------
 
 member　　ARIHHP構成メンバー
 
------------------------------------------*/
.member .main-visual { text-align: center}
.member .article { margin-bottom: 30px; font-size: 1.3rem}
.member #facilities .article-inner { margin-bottom: 50px}
.member #facilities { padding-bottom: 80px; background: url(../images/common/cat-line.png) no-repeat center bottom; margin-bottom: 70px}
.member #facilities h3 { margin-bottom: 50px}
.member #facilities h3 + p { margin-bottom: 50px; letter-spacing: -0.7px}
.member h4 { margin-bottom: 7px; font-size: 2.4rem; font-weight: normal}
.member h4::before { content: "■"; font-size: 3rem}
.member #facilities h4 + ul { border-top: solid 1px #ccc}
.member #facilities ul { overflow: hidden; border-bottom: solid 1px #ccc}

.member #facilities ul li:nth-child(4) { float: right}

.member #facilities ul.col-2 li + li { width: 300px}
.member #facilities li.line-2-2 { line-height: 1.5!important; margin: 12px 0 0}
.member #details h4 { border-bottom: solid 4px #cbcbcb; padding-bottom: 6px; margin-bottom: 30px}
.member .personal { margin-bottom: 30px; border-bottom: solid 4px #cbcbcb; padding-top: 50px; margin-top: -50px}
.member .personal .personal-inner { margin-bottom: 30px; overflow: hidden}
.member .personal .personal-inner .figure img { margin-bottom: 0.5em}
.member .personal .personal-inner a { color: #29ABE2; text-decoration: none; font-weight: normal}
.member .personal .personal-inner a:hover { text-decoration: underline}
.member .personal .personal-inner dt { border-bottom: solid 1px #cbcbcb; padding-bottom: 15px}
.member .personal .personal-inner dt .name { font-size: 1.6rem}
.member .personal .personal-inner dl dd { padding: 15px 0 0}
.member .personal .performance { padding-bottom: 30px}
.member .personal .performance p { font-weight: bold; border-bottom: solid 1px #ccc; margin-bottom: 4px}
.member .personal .performance li:before { content: "-"; margin-right: 2px}
.member .personal .performance li { text-indent: -0.5em; padding-left: 1em}
.member .personal .performance dl { overflow: hidden; margin-bottom: 1em}
.member .personal .performance dd:before { content: "-"; margin-right: 2px}
.member .personal .return { text-align: right}

.member #p-3,.member #p-15 { margin-bottom: 100px}
.member ul.fields,
.member #p-9 .personal-inner dt ul { overflow: hidden}
.member ul.fields li,
.member #p-9 .personal-inner dt li { float: left; line-height: 1.5; padding-top: 6px}
.member ul.fields li:first-child,
.member #p-9 .personal-inner dt li:first-child { width: 8em}
.member ul.fields li:last-child,
.member #p-9 .personal-inner dt li:last-child { width: 32em}

.department_ttl {
    font-size: 2rem;
    color: #fff;
    font-weight: bold;
    background-color: #ccc;
    margin-top: 0;
    margin-bottom: 15px;
    padding: 10px 15px 9px;
}
.department_ttl.kokoro {background-color: #DF8FB1;}
.department_ttl.waza {background-color: #8280AB;}
.department_ttl.karada {background-color: #6AB6D8;}
.department_ttl.scs {background-color: #A8CA5E;}

.department_group {
    margin-bottom: 30px;
    border-top: solid 1px #ccc;
}

@media screen and (min-width: 751px){
	.member .personal .personal-inner .figure { float: left; width: 330px; margin-right: 30px}
	.member .personal .personal-inner dl { float: left; width: 600px}
	.member .personal .personal-inner dt { line-height: 2.5}
	.member .personal .performance ul { margin: 0 0 13px 77px}
	.member .personal .performance dt { width: 80px; float: left}
	.member .personal .performance dd { text-indent: -6px; padding-left: 90px}
	.member #facilities ul li { float: left; font-size: 1.3rem; line-height: 45px}
	.member #facilities ul li:nth-child(1) { font-size: 1.4rem; font-weight: bold; width: 170px}
	.member #facilities ul li:nth-child(3) { width: 570px}
	.member #facilities ul li:nth-child(2) { width: 150px;}
	.member #facilities ul.col-3 li:nth-child(3) { width: 300px}
	.member #facilities ul li.line-2-1 { line-height: 1.5!important; padding: 13px 0 10px}
}
@media screen and (max-width: 750px){
	.member .main-visual img { width: 100%; height: auto}
	.member .personal .performance ul { margin-bottom: 13px}
	.member .personal .personal-inner dt { font-size: 1.6rem}
	.member .personal .personal-inner .name { font-size: 2rem!important}
	.member .performance li,
	.member .performance dt,
	.member .performance dd { font-size: 1.6rem}
	.member .performance dt { font-weight: bold}
	.member #facilities ul { padding: 10px 0}
	.member #facilities ul li { font-size: 1.6rem}
	.member #facilities ul li:nth-child(1) { font-weight: bold; margin-right: 0.6em}
    
    .department_ttl {
        font-size: 1.6rem;
        margin-bottom: 10px;
        padding: 8px 10px 5px;
    }
}

/* ----------------------------------------
 
 inquiry　　お問い合わせ
 
------------------------------------------*/
.inquiry .contents {padding-top: 0}
.inquiry .article { font-size: 1.3rem}
.inquiry .secretariat { border: solid 1px #ccc; border-width: 1px 0; padding: 30px 0; margin-bottom: 90px}
.inquiry .secretariat p { font-size: 1.6rem; margin-bottom: 1.5em}
.inquiry .secretariat span { display: block; font-size: 2rem; font-weight: bold}
.inquiry .secretariat li { font-weight: normal}
.inquiry dd input { width: 100%; border: solid 1px #ccc; height: 31px}
.inquiry textarea { width: 100%; border: solid 1px #ccc}
.inquiry .mailform { padding-bottom: 18px}
.inquiry .mailform dl:nth-child(4) { margin-bottom: 0}
.inquiry .mailform ul { margin-bottom: 68px}
.inquiry .mailform li { font-size: 1.6rem}
.inquiry .mailform .send-btn { height: 25px; width: 280px; margin: 0 auto; -webkit-transition: all 0s linear; transition: all 0s linear}
.inquiry .mailform .send-btn input { background: #000; border: 0; color: #fff; text-align: center; height: 25px; width: 280px; margin: 0 auto; -webkit-transition: all 0s linear; transition: all 0s linear}
.inquiry .mailform .send-btn input:hover { color: #29ABE2; -webkit-transition: all 0s linear; transition: all 0s linear}
@media screen and (min-width: 751px){
	.inquiry .page-banner { display: table; min-height: 355px; width: 100%; margin-bottom: 25px}
	.inquiry .page-banner .banner-info { background: #e6e6e6; text-align: center; position: relative; display: table-cell; width: 35%; min-width: 355px; height: 355px}
	.inquiry .page-banner .banner-info h2 { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -43px}
	.inquiry .banner-1 .banner-figure { display: table-cell; background: url(../images/inquiry/main-visual.jpg) no-repeat left center; background-size: cover; height: 355px}
	.inquiry .secretariat li { font-size: 2.4rem}
	.inquiry dl { display: table; width: 100%; margin-bottom: 20px}
	.inquiry dt { display: table-cell; width: 250px; font-size: 1.6rem}
	.inquiry dd { display: table-cell; width: 710px}
	.inquiry .mailform dl:nth-child(4) dd { width: 810px}
	.inquiry .mailform dl:nth-child(4) dd dd { width: 710px}
	.inquiry .mailform dl:nth-child(4) dt { width: 150px}
	.inquiry .mailform dl:nth-child(4) dd dt { padding-left: 1em; width: 100px}
}
@media screen and (max-width: 750px){
	.inquiry .page-banner .banner-info { background: #e6e6e6; text-align: center; position: relative; width: 35%; height: 80px}
	.inquiry .page-banner .banner-info h2 { text-align: center; padding: 30px 20px 0}
	.inquiry .banner-1 .banner-figure { background: url(../images/inquiry/main-visual.jpg) no-repeat left center; background-size: cover; height: 80px; width: 65%}
	.inquiry .contents { padding-top: 0}
	.inquiry .secretariat li { font-size: 2rem}
	input[type=text] { font-size: 16px}
}


/* ----------------------------------------
 
 access　　アクセス
 
------------------------------------------*/
.access .article { font-size: 1.3rem; padding-bottom: 40px;}
.access .article-inner { margin-bottom: 2em;}
.access .article-inner p { font-size: 1.6rem; margin-bottom: 1.5em;}
.access .article-inner span { display: block; font-size: 2rem; font-weight: bold;}
.access #map { width: 960px; height: 386px; margin-bottom: 1em;}
.access #map + p { margin-bottom: 0.5em;}
@media screen and (min-width: 751px){
	.access .page-banner .banner-info { background: #e6e6e6; text-align: center; position: relative; width: 35%; height: 355px}
	.access .page-banner .banner-info h2 { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -63px}
	.access .banner-1 .banner-figure { background: url(../images/access/main-visual.jpg) no-repeat left center; background-size: cover; height: 355px; width: 65%}
}
@media screen and (max-width: 750px){
	.access .page-banner .banner-info { background: #e6e6e6; text-align: center; position: relative; width: 35%; height: 80px}
	.access .page-banner .banner-info h2 { text-align: center; padding: 30px 30px 0}
	.access .banner-1 .banner-figure { background: url(../images/access/main-visual.jpg) no-repeat left center; background-size: cover; height: 80px; width: 65%}
	.access .contents { padding-top: 0}
	.access .figure img { width: 100%; height: auto}
	.access .article iframe { width: 100%; height: 300px}
}


/* ----------------------------------------
 
 footer　　フッター
 
------------------------------------------*/
#footer { 
	width: 100%; 
	max-width: 1080px; 
	margin: 0 auto;
	background: #000; 
	color: #fff;
}
#footer .footer-inner {
	width: 100%;
	padding: 25px 20px;
	justify-content: space-between;
}
#footer .footer-inner li {
    text-align: left; white-space: nowrap; font-size: 1.2rem; letter-spacing: 1px; font-family: 'arial narrow', sans-serif;
    margin-bottom: 3px;
}
#footer .footer-inner li:first-child { font-weight: bold; font-size: 1.3rem; line-height: 1.4; border-bottom: solid 1px #999; padding-bottom: 5px; margin-bottom: 5px;}
#footer .footer-inner li span { display: block;}
#footer .footer-info { background: url(../images/common/footer-logo.png) no-repeat -2px 0 #18b7cd;}
#footer .footer-info div { max-width: 1000px; margin: 0 auto; position: relative;}
#footer .footer-inner li a { color: #999; font-family: 'arial narrow', sans-serif;}
/*
#footer .footer-inner li a:before { content: "・";}
*/
#footer .footer-inner li:first-child a { color: #fff;}
#footer .footer-inner li:first-child a:before { content: none;}
#footer a:hover { text-decoration: underline;}
#footer .footer-inner li:first-child a:hover { text-decoration: none;}
#footer .footer-inner ul:last-child li { font-weight: bold; font-size: 1.3rem; line-height: 1.4; border-bottom: solid 1px #999; padding-bottom: 5px; margin-bottom: 10px;}
#footer .footer-inner ul:last-child li a:before { content: none;}
#footer .footer-inner ul:last-child li:last-child a { text-indent: 100%; white-space: nowrap; overflow: hidden; background: url(../images/common/link-ut-en.png); display: block; height: 16px; width: 126px;}
#footer .footer-inner ul:last-child li span { display: none}
#footer .footer-inner ul:last-child li a { color: #fff}
#footer .footer-inner ul:last-child li a:hover { color: #fff; text-decoration: none}

#footer .footer-inner ul:nth-child(2) li:nth-child(3),
#footer .footer-inner ul:nth-child(5) li:nth-child(5){ line-height: 1.1}

.copyright { text-align: center; line-height: 30px; letter-spacing: 2px; font-size: 0.8rem;}

#return {
    position: fixed;
    bottom: 200px;
    right: 0px;
	z-index: 2000;
	width: 51px;
	padding: 0;
}
#return a {
    width: 51px;
    display: block;
}
@media screen and (min-width: 751px){
	#footer .footer-info div { height: 83px}
	#footer .footer-info div p { position:absolute; bottom: 5px; right: 0; font-size: 1.2rem}
}
@media (max-width: 750px) {
	#footer .footer-inner ul { width: 100%; margin-bottom: 20px}
	#footer .footer-inner ul:last-child li { margin-bottom: 20px}
	#footer .footer-info { background-size: contain; -webkit-background-size: contain}
	#footer .footer-info div { padding: 90px 10px 10px}
	#footer .footer-info div p { font-size: 1.3rem}
	.copyright { letter-spacing: 1px; line-height: 1.5; padding: 5px}
	.copyright span { display: block}
}
@media (max-width: 320px) {
	.copyright { letter-spacing: 0px}
}



/* ----------------------------------------
 
 .news トップページ/お知らせ
 
------------------------------------------*/
.home .news .tit {
	line-height: 1;
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 21px;
	color: #000;
}
.home .news { max-width: 1080px; margin: 0 auto 40px; position: relative}
.news-inner { 
	max-width: 1080px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.news-inner .entry { 
	border: solid 1px #00bfd4; 
	padding: 15px;
	width:calc(100%/4 - 15px);
	margin: 0 0 20px 0; 
	font-size: 14px;
	color: #4c4948;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}
.news-inner .article_title { font-size: 1.4rem; margin-bottom: 0; line-height: 1.3}
.news-inner .thumbnail-box { margin-bottom: 15px; overflow: hidden}
.news-inner .thumbnail-box img { width: 100%; height: auto}
.category-tag { overflow: hidden; margin-bottom: 13px; color: #fff}
.category-tag li { font-size: 1.1rem; padding: 1px 3px!important; border:0!important; text-align: center; float: left; margin: 0 3px 3px 0}
.category-tag li a { color: #fff!important}
.news-inner div a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  cursor:pointer!important;
}
#sidebar .category-tag {
display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;	
	
}
#sidebar .category-tag li { width: 32%; margin: 0 1% 1% 0}



.news-inner div a:hover { background-color: rgba(255,255,255,0.5); cursor:pointer!important;}
.news-archive a { background: #000; color: #fff; padding: 5px 15px;border-radius: 3px;font-size: 1.2rem;}
.news-archive a:hover { color: #55bed1; cursor:pointer!important;}
@media screen and (min-width: 751px){
	.news-inner .entry { width: 204px}
	.news-inner .thumbnail-box { height: 105px}
	.news-archive { position: absolute; top: 0; right: 0}
	.post .category-tag li { width: 50px}
}
@media (max-width: 750px) {
	.home .news .tit { font-size: 1.8rem; margin-bottom: 60px}
	.news-inner { padding: 0 5%}
	.news-inner .entry { width: 100%}
	.news-inner .entry:nth-child(n+4) {
		display: none
	}
	.news-archive { position: absolute; top: 45px; right: 5%}
	.entry span,
	.entry .article_title { font-size: 1.6rem}
	.entry .category-tag li,
	.post .category-tag li { font-size: 1.6rem; width: 30%}
}


/* ----------------------------------------
 
 single-news.php,archive-news.php　　お知らせページ
 
------------------------------------------*/
.single,
.search,
.archive { font-size: 1.3rem}
.single h2,
.search h2,
.archive h2 { border-bottom: solid 1px #ccc; padding-bottom: 10px; color: #808080; font-size: 4.2rem}
.single h3 a,
.search h3 a,
.archive h3 a{ color: #808080}
.single section,
.search section,
.archive section { padding: 100px 0; overflow: hidden}
.single .post-container,
.search .post-container,
.archive .post-container{ 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	gap:10px;
}
.single article,
.search article,
.archive article { width: 100%; margin: 0 auto 50px; border-bottom: solid 3px #ccc; padding-bottom: 50px}
.search .post,
.archive .post { 
	border: solid 1px #00bfd4; 
	padding: 15px;
	width:calc(100%/4 - 15px);
	font-size: 14px;
	position: relative;
	overflow: hidden;
	border-radius: 6px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear
}
.search .post:hover,
.archive .post:hover {
	background-color:rgba(0,191,212,0.15);
}

.single .post h3,
.search .post h3,
.archive .post h3 { font-size: 13px; font-weight: normal}
.search .post a,
.archive .post a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  cursor:pointer!important;
}
.single .post .more,
.search .post .more,
.archive .post .more { position: absolute; bottom: 10px; left: 7px; color: #29ABE2; font-size: 11px}
.single .post .thumbnail-box,
.search .post .thumbnail-box,
.archive .post .thumbnail-box { margin-bottom: 10px; overflow: hidden}
.single .post .thumbnail-box img,
.search .post .thumbnail-box img,
.archive .post .thumbnail-box img { width: 100%; height: auto}

.post-navi { width: 100%; margin: 0 auto; overflow: hidden;}
.post-navi #next { float: left;}
.post-navi #prev { float: right;}
.post-navi a { color: #29ABE2; text-decoration: none; font-weight: normal;}
.post-navi a:hover { text-decoration: underline;} 

/*.single .thumbnail-box { margin-top: 2em!important;}*/
.single #footer,
.archive #footer { width: 100%}
.single .copyright,
.archive .copyright { width: 100%; text-align: center}

.post dl { overflow: hidden;}
.post dt { float: right; width: 150px;}
.post dt img { width: 150px; height: auto;}
.post dd { margin-right: 200px;}

.sidebar-navi ul { margin: 0 0 1em 1em;}
.sidebar-navi li { margin-bottom: 5px; padding-bottom: 4px; line-height: 1.6; border-bottom: solid 1px #ddd;}
.sidebar-navi li a { color: #808080;}
.cat-tit { font-weight: bold;}
.cat-tit:before { content: "■"; margin-right: 2px;}

#breadcrumb { overflow: hidden;}
#breadcrumb ul { overflow: hidden; float: right;}
#breadcrumb li { float: left; margin-right: 8px;}
#breadcrumb li a { font-size: 1.3rem; color: #808080;}


.view-more-button {
  height: 72px;
  margin: 40px auto 0;
  width: 100%;
	border: none;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background:url("../images/common/btn-more-en.png") no-repeat 50%;
	background-size: 90px auto;
	-webkit-background-size: 90px auto;
	outline: none
}

.scroller-status {
  display: none;
  margin-top: 40px;
}

@keyframes scroll-request {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.infinite-scroll-last,
.infinite-scroll-error {
  color: #757575;
  text-align: center;
}

@media screen and (min-width: 751px){
	.search .post .thumbnail-box,
	.archive .post .thumbnail-box { height: 100px}
	.single #contents,
	.archive #contents,
	.search #contents { padding-top: 100px; width: 960px; margin: 0 auto}
	.archive .post-container-wrap,
	.single .post-container-wrap,
	.search .post-container-wrap { float: right; width: 740px!important}
	#sidebar { width: 200px; float: left}
	.single .category-tag li { width: 70px}
	.archive .post .category-tag li,
	.single .post .category-tag li,
	.search .post .category-tag li { font-size: 1rem!important}
}
@media screen and (max-width: 750px){
	.single #contents,
	.archive #contents,
	.search #contents { padding: 100px 5%}
	
	.single .post .more,
	.search .post .more,
	.archive .post .more { left: 5%}
	.archive .post,
	.search .post { width: 100%; padding: 5%; margin-bottom: 20px}
	.search .post time,
	.archive .post time,
	.search .post h3,
	.archive .post h3{ font-size: 1.6rem}
	
	.archive .post dt,
	.archive .post dd,
	.search .post dt,
	.search .post dd { width: 100%; font-size: 1.6rem}
	#sidebar li a { font-size: 1.6rem}
	.view-more-button { margin-bottom: 40px}
}


/* ----------------------------------------
 
 投稿設定
 
------------------------------------------*/
.post .post-h1 { font-size: 2rem}
.post .post-h2 { font-size: 1.6rem; border: none}
.post .post-h3 { font-size: 1.3rem; font-weight: normal}
.post h3.post-title { font-size: 1.6rem}
.post .emg { color: #D93831; font-size: 1.8rem; font-weight: bold}
.post .post-link { color: #00BFD4; border-bottom: solid 1px #00BFD4; font-size: 1.3rem}
.post .indent { padding-left: 1em; text-indent: -1em}
.post .indent::before { content: "●"; margin-right: 0.4em}


/* ----------------------------------------
 
 application_form　　施設・設備利用申請　公募型共同利用・共同研究申請
 
------------------------------------------*/
.application_form h2 { font-size: 4.2rem; border-bottom: solid 1px #7f7f7f; margin-bottom: 100px; font-weight: 200}
.application_form .btns { margin: 57px auto 0}
.application_form .btns li { width: 280px}
.application_form .mailform .send-btn { font-size: 12px; line-height: 25px; width: 280px}
.application_form .mailform .send-btn input { background: #000; border: 0; color: #fff; text-align: center; height: 25px; width: 280px; margin: 0 auto; -webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.application_form .mailform .send-btn input:hover { color: #29ABE2; -webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.application_form .mailform .attachment-btn input { font-size: 12px; padding-top: 5px; -webkit-transition: all 0.2s linear; transition: all 0.2s linear}
.application_form .mailform .attachment-btn input:hover { color: #29ABE2}
.application_form input,
.application_form textarea { outline: none}
.application_form .message { margin-bottom: 22px!important}
.application_form .note { margin-bottom: 40px!important}
.application_form .note ul { margin-bottom: 0}
.application_form .note li { paddinge-left: 1em; text-indent: -1.5em; margin-left: 1.5em; font-size: 1.3rem}
.application_form .note li ul { margin-left: 0.2em}
.application_form .note li li { paddinge-left: 1.1em; text-indent: -1.7em;}
@media screen and (min-width: 751px){
	.application_form .btns { width: 600px}
}
@media screen and (max-width: 750px){
	.application_form h2 { font-size: 2.3rem; margin: 80px 5%}
	.application_form .btns { width: 80%}
	.application_form .mailform ul { margin-bottom: 0}
	.application_form li p { margin-bottom: 20px}
	.application_form .mailform .attachment-btn { margin-bottom: 10px}
	.application_form .mailform .send-btn input { height: 45px}
}


/* ----------------------------------------
 
 404
 
------------------------------------------*/
.error404 .article-inner { text-align: center; padding: 200px 0;}
.error404 .article-inner p { text-align: center; font-size: 1.5rem;}
.error404 .article-inner p:first-child { font-size: 5rem;}
.error404 .article-inner h3 { margin-bottom: 50px;}






.evaluation .band span{
	background:#808080;
	color:#fff;
	line-height:1.2;
	padding:7px 10px;
	font-size: 2rem;
	margin-bottom: 1em;
	display: inline-block;
}
ul.indent {
	list-style-type: disc!important;
}
ul.indent li {
	list-style-type: disc!important;
	margin-left: 1.5em;
}

/* 確認用CSS */
.page-nav {justify-content: center}
.page-nav .p,
.page-nav li { text-align: center; font-size: 1.3rem; margin: 0 1px; position: relative}
.page-nav a {height: 100%;text-align: left;line-height: 1.5!important;padding-top: 9px!important;padding-bottom: 9px!important}
span.br {display: block}
sapn.p {display: inline-block}
.evaluation p,
.evaluation .p{
margin-bottom: 1.2em;
}
@media screen and (min-width: 751px){
	.page-nav .p,
	.page-nav li { display: inline-block}
	.page-nav .p::before,
	.page-nav li:before {
		content: url("../images/common/icon-arrow-2.png");
		position: absolute;
		bottom: -28px;
		left: 50%;
		margin-left: -11px;
		-webkit-transition: all 0.2s linear; transition: all 0.2s linear;
		}
	.page-nav .p:hover:before,
	.page-nav li:hover:before {
		content: url("../images/common/icon-arrow-3.png");
		position: absolute;
		bottom: -28px;
		left: 50%;
		margin-left: -11px;
		-webkit-transition: all 0.2s linear; transition: all 0.2s linear;
	}

	.about .page-banner .banner-info .p,
	.projects .page-banner .banner-info .p,
	.education .page-banner .banner-info .p,
	.joint .page-banner .banner-info .p{ display: block;margin: 0 auto; line-height: 2; width: 300px; text-align: left; color: #000; font-size: 1.2rem; letter-spacing :-1px}
	
}


@media screen and (max-width: 750px){
	.page-banner .banner-info .p { background: #898989; color: #fff; width: 100%; letter-spacing: 1px; line-height: 1.6; padding: 7px 20px; margin-top: 1px; font-size: 1.6rem;
	display: block}
	.page-nav .p,
	.page-nav li {display: block;margin:0 auto 15px;width: 90%!important}
	.page-nav a{display: block;width: 100%!important}
	.page-nav .p a{padding-left: 4px}
}


/* ----------------------------------------
 
23-03-16
fsfield-スポーツ・リサーチ・イノベーター（英）
 
------------------------------------------*/

/*
.page-id-258 .page-nav{
	max-width: 960px;
	margin: 0 auto;
}
.page-id-258 .page-nav a{
	display: block;
	height: 100%;
	text-align: left;
	line-height: 1.5;
	padding: 5px 1.5em
}

.page-id-258 #innovator{
	margin-bottom: 0;
	padding-bottom: 0;
}

.page-id-258 .page-nav + .contents{padding-bottom: 0;}

.page-id-258 .in-lists{padding-top: 0 !important;}

.page-id-258 #innovator-list{margin-bottom: 80px;}
	
.page-id-258 table{
	margin-bottom: 0;
	border-bottom: solid 1px #c9c9c9;
	font-size: 13px;
	color: #808080;
	width: 100%;
    table-layout: fixed;
}
.page-id-258 td{
	padding: 18px 0 15px;
	text-align: left;
}
.page-id-258 .in-name{
    width: 245px;
	font-size: 15px;
	font-weight: bold;
    line-height: 1.2;
    padding: 15px 20px 15px 0 !important;
}
.page-id-258 .in-affi,
.page-id-258 .in-field{
	width: 250px;
	padding: 15px 20px 15px 0 !important;
}	
.page-id-258 .in-name .in-name_inner{
    display: flex;
    align-items: center;
}
.page-id-258 .in-name .in-name_inner figure{
	width: 95px;
    margin: 0 20px 0 0;
    flex: none;
}
.page-id-258 .in-name .in-name_inner figure img{
    width: 100%;
    height: auto;
}
.page-id-258 .in-name .in-name_inner > div span{display: block;}

.page-id-258 .link_details{
	width: 100px;
    padding: 15px 0;
}
.page-id-258 .link_details a{color: #00a9e1;}

.page-id-258 .innovatorttl{margin-top: 16px;}

.page-id-258 .innovatorttl td{padding: 18px 0 10px !important;}
	
.page-id-258 .innovatorttl .in-name{color: #51b1c3;}

.page-id-258 .innovatorttl .in-name span + span,
.page-id-258 .innovatorttl .link_details a,
.post.innovatorttl{display: none;}


@media screen and (min-width: 751px){
    
	.page-id-258 .page-nav p:first-child {width: 308px;}

	.page-id-258 .page-nav p:nth-child(2) {width: 200px;}

	.page-id-258 .page-nav p:nth-child(3) {width: 160px;}

	.page-id-258 .page-nav p:last-child {width: 273px;}
    
    
}

@media screen and (max-width: 750px){
    
	.page-id-258 .page-nav p {width: 100%;}
	.page-id-258 .page-nav p:nth-child(2) a,
	.page-id-258 .page-nav p:nth-child(3) a,
	.page-id-258 .page-nav p:last-child a{
		padding:15px 0;
		text-align: center
	}

	.page-id-258 td{
		width: 100% !important;
		display: block;
	}
	.page-id-258 .in-affi,
	.page-id-258 .in-field{
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	.page-id-258 .innovatorttl .in-name{padding-bottom: 16px !important;}
    
	.page-id-258 .innovatorttl .in-name figure{width: 120px;}

	.page-id-258 .innovatorttl td{padding: 0 !important;}

	.page-id-258 .innovatorttl .in-affi,
	.page-id-258 .innovatorttl .in-field{display: none !important;}
	
	
}
*/



.page-template-page-education_en .page-nav{
	max-width: 960px;
	margin: 0 auto;
    
    column-gap: 1%;
}
.page-template-page-education_en .page-nav a{
	display: flex;
	height: 100%;
	text-align: left;
	line-height: 1.5;
	padding: 5px 1.5em;
    justify-content: flex-start;
    align-items: center;
}

.page-template-page-education_en #innovator{
	margin-bottom: 0;
	padding-bottom: 0;
}

.page-template-page-education_en .page-nav + .contents{padding-bottom: 0;}

.page-template-page-education_en .in-lists{padding-top: 0 !important;}

.page-template-page-education_en #innovator-list{margin-bottom: 80px;}
	
.page-template-page-education_en table{
	margin-bottom: 0;
	border-bottom: solid 1px #c9c9c9;
	font-size: 13px;
	color: #808080;
	width: 100%;
    table-layout: fixed;
}
.page-template-page-education_en td{
	padding: 18px 0 15px;
	text-align: left;
}
.page-template-page-education_en .in-name{
    width: 245px;
	font-size: 15px;
	font-weight: bold;
    line-height: 1.2;
    padding: 15px 20px 15px 0 !important;
}
.page-template-page-education_en .in-affi,
.page-template-page-education_en .in-field{
	width: 250px;
	padding: 15px 20px 15px 0 !important;
}	
.page-template-page-education_en .in-name .in-name_inner{
    display: flex;
    align-items: center;
}
.page-template-page-education_en .in-name .in-name_inner figure{
	width: 95px;
    margin: 0 20px 0 0;
    flex: none;
}
.page-template-page-education_en .in-name .in-name_inner figure img{
    width: 100%;
    height: auto;
}
.page-template-page-education_en .in-name .in-name_inner > div span{display: block;}

.page-template-page-education_en .link_details{
	width: 100px;
    padding: 15px 0;
}
.page-template-page-education_en .link_details a{color: #00a9e1;}

.page-template-page-education_en .innovatorttl{margin-top: 16px;}

.page-template-page-education_en .innovatorttl td{padding: 18px 0 10px !important;}
	
.page-template-page-education_en .innovatorttl .in-name{color: #51b1c3;}

.page-template-page-education_en .innovatorttl .in-name span + span,
.page-template-page-education_en .innovatorttl .link_details a,
.post.innovatorttl{display: none;}


@media screen and (min-width: 751px){
    
    /*
	.page-template-page-education_en .page-nav p:first-child {width: 308px;}
	.page-template-page-education_en .page-nav p:nth-child(2) {width: 200px;}
	.page-template-page-education_en .page-nav p:nth-child(3) {width: 160px;}
	.page-template-page-education_en .page-nav p:last-child {width: 273px;}
    */
    
    .page-template-page-education_en .page-nav p {
        width: 19.2%;
        margin: 0;
    }
    .page-template-page-education_en .page-nav a {
        /*text-align: center;*/
        padding: 5px 8px;
    }
    
}

@media screen and (max-width: 750px){
    
	.page-template-page-education_en .page-nav p {width: 100%;}
	.page-template-page-education_en .page-nav p:nth-child(2) a,
	.page-template-page-education_en .page-nav p:nth-child(3) a,
	.page-template-page-education_en .page-nav p:last-child a{
		padding:15px 0;
		text-align: center
	}

	.page-template-page-education_en td{
		width: 100% !important;
		display: block;
	}
	.page-template-page-education_en .in-affi,
	.page-template-page-education_en .in-field{
		padding-bottom: 0 !important;
		padding-top: 0 !important;
	}
	.page-template-page-education_en .innovatorttl .in-name{padding-bottom: 16px !important;}
    
	.page-template-page-education_en .innovatorttl .in-name figure{width: 120px;}

	.page-template-page-education_en .innovatorttl td{padding: 0 !important;}

	.page-template-page-education_en .innovatorttl .in-affi,
	.page-template-page-education_en .innovatorttl .in-field{display: none !important;}
}



/* ----------------------------------------
 
23-03-16
fsfield-ARIHHP Alumni(英)
 
------------------------------------------*/

.page-id-12884 .member h3{
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0px;
}
.page-id-12884 #alumni{
    margin-bottom: 0;
    padding-bottom: 0;
}
.page-id-12884 .in-lists{padding-top: 0!important;}
	
.page-id-12884 #alumni-list{margin-bottom: 80px;}
	
.page-id-12884 table{
	margin-bottom: 0;
	border-bottom: solid 1px #c9c9c9;
	font-size: 13px;
	color: #808080;
	width: 100%;
    table-layout: fixed;
}
.page-id-12884 td{
	padding: 15px 10px 15px 0;
	text-align: left;
}
.page-id-12884 .in-name{width: 225px; font-weight: bold; font-size: 13px;}
.page-id-12884 .in-affi{width: 215px;}
.page-id-12884 .in-field{width: 250px;}
.page-id-12884 .link_details{width: 110px; padding-right: 0 !important;}
.page-id-12884 .link_details a{color: #00a9e1;}

.page-id-12884 .in-name .in-name_inner{
    display: flex;
    align-items: center;
}
.page-id-12884 .in-name .in-name_inner figure{
	width: 95px;
    margin: 0 10px 0 0;
    flex: none;
}
.page-id-12884 .in-name .in-name_inner figure img{
    width: 100%;
    height: auto;
}
.page-id-12884 .in-name .in-name_inner > div span{display: block;}

.page-id-12884 .in-affi span,
.page-id-12884 .in-field span,
.page-id-12884 .in-research span{display: none;}

.page-id-12884 .alumnittl{margin-top: 16px}

.page-id-12884 .alumnittl td{
    line-height: 1.2;
    padding: 18px 0 10px !important;
}

.page-id-12884 .alumnittl .in-name{
    color: #51b1c3;
    font-size: 1.6rem;
    font-weight: bold;
}


@media screen and (max-width: 750px){
    
	.page-id-12884 td{
		width: 100% !important;
		display: block;
	}
	.page-id-12884 .alumnittl .in-name {padding-bottom: 16px !important;}
		
	.page-id-12884 .alumnittl td{padding: 0 !important;}

    .page-id-12884 .in-name{font-size: 16px;}
	
    .page-id-12884 .in-name .in-name_inner figure{width: 120px;}
    
    .page-id-12884 .in-affi,
    .page-id-12884 .in-field{
        margin-bottom: 20px;
        padding: 0 !important;
    }
    
    .page-id-12884 .in-research{padding: 0 !important;}
    
    .page-id-12884 .in-affi span,
    .page-id-12884 .in-field span,
    .page-id-12884 .in-research span{
        display: block;
        font-weight: bold;
        font-size: 16px;
        line-height: 1.2;
        margin-bottom: 7px;
    }

	.page-id-12884 .alumnittl .in-affi,
	.page-id-12884 .alumnittl .in-field,
    .page-id-12884 .alumnittl .in-research{display: none !important;}
    
	
}/*--@media--*/