@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.8;
  margin: 0;
  font-family: Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #606060;
}
@media screen and (min-width: 751px){
	body { min-width: 1320px}
	.hidden-xs { display: none !important}
}
@media (max-width: 750px) {
	.visible-xs { display: none !important}
}
html,body { height: 100%}
#logo { position: fixed; text-align: left; top: 0; left: 0; margin: 0; padding: 0; width: 100px}
#logo img { width: 100%; height: auto}
.language { position: fixed; font-size: 1rem; top: 0; left: 110px}
.language li:last-child { border-top: solid 1px #aaa!important; text-align: center; width: 55px; line-height: 22px}
.language a { font-size: 1.1rem; color: #808080; display: block; text-align: center; line-height: 22px; padding-top: 1px; font-family:Arial, Helvetica, sans-serif} 
.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}
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}
.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}


#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, 0.9); position: fixed; height: 47px; width: 100%; z-index: 1000}
.page .contents { margin: 0 auto; padding: 50px 0}
.page .contents-wrapper { padding-top: 47px}
.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){
	.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;
		}
	.joint .page-nav p:nth-child(3):before {
		content: url("../images/common/icon-arrow-4.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;
	}
	.joint .page-nav p:nth-child(3):hover:before {
		content: url("../images/common/icon-arrow-3.png");
		-webkit-transition: all 0.2s linear; transition: all 0.2s linear
	}
}
@media (max-width: 750px) {
	.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}
}






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

#nav li {
	list-style: none;
}

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

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

.menu > li a {
    display: block;
	font-size: 1.4rem;
	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-education .menu__second-level li:nth-child(2) a,
.nav-project .menu__second-level li:nth-child(3) a,
.nav-education .menu__second-level li:nth-child(4) a{ line-height: 1.3; padding: 5px 15px;}


/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

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: 47px;
    visibility: visible;
    opacity: 1;
}

.nav-about { width:140px;}
.nav-about .subs { width:140px;}
.nav-research { width: 140px;}
.nav-research .subs { width: 140px;}
.nav-project { width:140px;}
.nav-project .subs { width:140px;}
.nav-education { width:140px;}
.nav-education .subs { width:140px;}
.nav-cooperation { width:160px;}
.nav-cooperation .subs { width:160px;}
.nav-member { width:140px;}
.nav-inquiry { width:120px;}
.nav-access { width:100px;}
.nav-facebook a { padding: 0 20px;}
.nav-facebook img { margin-top:9px; width: 29px; height: auto}

.nav-research .subs li:nth-child(2) a { line-height: 1.3; padding: 5px 15px;}
.nav-education .subs li:nth-child(2) a { line-height: 1.3; padding: 5px 15px;}

@media screen and (min-width: 751px){
	#header { min-width: 1230px}
	#sp-nav { display: none}
}
@media screen and (max-width: 750px){
	#header .language,
	#header #nav { display: none}
	.sp-nav-fb { position: fixed; top: 0; right: 113px; width: 47px; z-index: 1000}
	.sp-nav-search img,
	.sp-nav-fb img { width: 100%; height: auto}
	.nav-search { z-index: 1000; position: fixed; width: 100%}
	.navbar-buttons { width: 47px; padding: 0!important;top: 0; right: 56px; position: absolute}
	.search-toggle { padding: 0!important; margin: 0!important; border: none}
    .navbar-toggle img { width: 47px; height: auto}
	.navbar-buttons { height: 47px}
	#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}
}

/* ----------------------------------------
 
 searchform　　検索フォーム
 
------------------------------------------*/
.header-sub { width: 100%; padding: 0; margin: 0}
.header-sub .catch { font-size: 24px; width: 100%; max-width: 1080px; margin: 0 auto}
.pc-search { position: fixed; top: 60px; right: 1%; width: 270px; z-index: 100}
#s {
 height: 40px;
 width: 230px;
 padding: 0 8px;
 line-height: 1.1;
 border: solid 1px #000;
 outline: 0;
 font-size: 14px
}
#searchsubmit {
 height: 40px;
 width: 40px;
 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 (min-width: 751px){
	.header-sub { padding-top: 60px}
}
@media screen and (max-width: 750px){
	.header-sub { padding-top: 60px}
	.header-sub .catch { font-size: 14px; padding: 0 5%}
	.pc-search { display: none}
}

.header-sub { display: none}
.home .header-sub { display: inherit!important}
/* ----------------------------------------
 
 .home　　トップページ　*お知らせは最下部
 
------------------------------------------*/
.home .main-visual { position: relative; background: url(../images/home/mv.png) no-repeat 0 0; margin: 22px auto 0; width: 100%; max-width: 1080px; height: 470px}
.home .main-visual .main-nav div li:nth-child(1) { position: absolute; top: 0px; left: 185px}
.home .main-visual .main-nav div li:nth-child(2) { position: absolute; top: 92px; left: 18px}
.home .main-visual .main-nav div li:nth-child(3) { position: absolute; top: 184px; left: 86px}
.home .main-visual .main-nav div li:nth-child(4) { position: absolute; top: 226px; left: 274px}
.home .main-visual .main-nav div li:nth-child(5) { position: absolute; top: 31px; left: 832px}
.home .main-nav a { position: relative; display: inline-block; z-index: 100}
.home .main-nav a::after { position: absolute; bottom: -5px; left: 0; content: ''; width: 100%; height: 1px; background: #000; transform: scale(0,1); transform-origin: left top; transition: transform .3s;}
.home .main-nav a:hover::after { transform: scale(1,1)}
.home .main-visual .information { position: absolute; bottom: 33px; width: 100%; margin: 0 auto; align-items: flex-end; justify-content: space-around; z-index: 1}
.home .main-visual .information .group-site {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between
}
.home .main-visual .information .group-site .logo-uot { background-image: url("../images/home/group-btn-1.png")}
.home .main-visual .information .group-site .logo-taiiku { background-image: url("../images/home/group-btn-2.png")}
.home .main-visual .information .group-site .logo-hhp { background-image: url("../images/home/group-btn-3.png")}
.home .main-visual .information .group-site .logo-srip { background-image: url("../images/home/group-btn-4.png")}
.home .main-visual .information .group-site .logo-offering { background-image: url("../images/home/group-btn-5.png")}
.home .main-visual .information .group-site p { padding: 0; background-position: 50%; background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat}
.home .main-visual .information .group-site p a {
	display: block;
	opacity: 0;
    filter: alpha(opacity=0);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;}
.home .main-visual .information .group-site p a:hover {
	opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.home .main-visual .information .group-site p a img { width: 100%; height: auto}
.home .main-visual .information .movie iframe { border: solid 2px #00bfd4; width: 310px; height: 176px}
.home .movie a { font-size: 1.3rem}



.home .about-hhp { margin: 0 auto; padding-bottom: 80px; text-align: center}
.home .about-hhp h2 { text-align: left; display: inline-block}
.home .about-hhp-link { background: url("../images/home/image-hhp.png") no-repeat 50%; margin: 0 auto; position: relative; background-size: 100% auto; -webkit-background-size: 100% auto}
.home .btn-department { margin: 20px auto 14px; justify-content: space-between}
.home .about-hhp .figure { margin-bottom: 30px}
.home .about-hhp .figure img { width: 100%; max-width: 620px; height:  auto}
.home .about-hhp a {
	display: block;
	opacity: 1;
    filter: alpha(opacity=100);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;}

.home .banners li { margin-bottom: 25px;}
.home .banners li img { width: 100%; height: auto;}
.home .banner { width: 100%; margin-bottom: 30px}
.home .banner .banner-info { width: 100%; max-width: 1080px; margin: 0 auto; color: #000}
.home .banner .summary { font-size: 14px; padding-top: 30px; position: relative}
.home .banner-1 { background: url(../images/home/banner-1.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover}
.home .banner-2 { background: url(../images/home/banner-2.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover}
.home .banner-3 { background: url(../images/home/banner-3.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover}
.home .banner-4 { background: url(../images/home/banner-4.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover}
.home .banner-5 { background: url(../images/home/banner-5.jpg) no-repeat left center; background-size: cover; -webkit-background-size: cover}
.banner a { 
	display: block;
	line-height: 30px;
	text-align: center;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	background: #fff;
	color: #000
}
.banner a:hover {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
	background: #000;
	color: #fff
}

/*opacity: 0;
  filter: alpha(opacity=0);*/


@media screen and (min-width: 751px){
	.home .main-visual .information .group-site { width: 650px}
	.home .main-visual .information .group-site p { width: 124px; height: 124px}
	.home .main-visual .information { left: 20px}
	.home .about-hhp { width: 880px}
	.home .about-hhp-link { width: 880px; height: 509px}
	.home .about-hhp-link .btn-hhp { width: 177px; margin: 0 auto; background: url("../images/home/btn-hhp-on.png") no-repeat 50%; position: absolute; left: 324px; top: 142px}
	.home .about-hhp .ttl { font-size: 30px}
	.home .about-hhp a:hover {
		opacity: 0;
		filter: alpha(opacity=0);
		-webkit-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}
	.home .btn-department { width: 730px}
	.home .btn-department li { width: 237px}
	.home .btn-department li:nth-child(1){ background: url("../images/home/btn-circle-1on.png") no-repeat 50%; background-size: 100% auto; -webkit-background-size: 100% auto}
	.home .btn-department li:nth-child(2){ background: url("../images/home/btn-circle-2on.png") no-repeat 50%; background-size: 100% auto; -webkit-background-size: 100% auto}
	.home .btn-department li:nth-child(3){ background: url("../images/home/btn-circle-3on.png") no-repeat 50%; background-size: 100% auto; -webkit-background-size: 100% auto}
	.home .banner a { width: 335px}
	.home .banner { height: 170px}
	.home .banner .fig { width: 25%; text-align: center}
	.home .banner .summary { width: 75%}
	.home .banner-btn { position: absolute; bottom: 30px; left: 0}
}
@media screen and (max-width: 750px){
	.home .main-visual { background: url(../images/home/mv-sp.png) no-repeat 50% 0; background-size: 90% auto; -webkit-background-size: 90% auto; height: 560px}
	.home .main-nav { display: none}
	.home .main-visual .information .group-site { padding: 0 5%}
	.home .main-visual .information .group-site p { width: 24%}
	.home .main-visual .information .movie { width: 100%; text-align: center; padding-top: 20px}
	.home .main-visual .information .movie p { text-align: left; width: 100%; max-width: 330px; margin: 0 auto}
	.home .about-hhp { padding: 0 5% 50px}
	.home .about-hhp .ttl { font-size: 18px}
	.home .about-hhp-link { width: 100%; height: 240px}
	.home .about-hhp-link .btn-hhp img { width: 100%; height: auto}
	.home .about-hhp-link .btn-hhp { width: 80px; height: 80px; position: absolute; left: 50%; top: 70px; margin-left: -43px}
	.home .btn-department { width: 80%; margin: 10px auto 30px}
	.home .btn-department li { width: 100%}
	.home .banner-info { align-items: center}
	.home .banner .fig { width: 35%}
	.home .banner .fig img { width: 100%; height: auto}
	.home .banner .summary { width: 65%; padding: 30px 4% 30px 0}
	.home .banner .summary p:first-child { margin-bottom: 1em}
}
@media screen and (max-width: 320px){
	.home .main-visual { height: 500px}
	.home .main-visual .information .movie iframe { width: 280px; height: 150px}
	.home .main-visual .information .movie p { max-width: 280px}
}



/* ----------------------------------------
 
 .page　　下層ページ
 
------------------------------------------*/
.page-banner .banner-info p {color: #000}
.box-font-1 { background-color: #808080}
.box-font-2 { background-color: #e6e6e6}
@media screen and (min-width: 751px){
	.page-banner { height: 355px; width: 100%; margin-bottom: 25px}
	.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: 300px; text-align: left; color: #000; font-size: 1.2rem; letter-spacing :-1px}
	.page-banner .banner-info { padding-top: 40px}
	.page-banner h2 img { width: 100%; max-width: 200px!important; height: auto}
}
@media screen and (max-width: 750px){
	.page h3 { font-size: 2.6rem}
	.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: 50px; margin-top: -50px}
.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 #object .figure-2 { text-align: center; margin-top: 20px}
.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}
.about #greeting .univ-logo { position: fixed; top: 1700px; 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: 24px; letter-spacing: 2; position: relative; padding-left: 30px; font-weight: 400}
.about #member h4:before { content: ""; width: 22px; height: 22px; background: #aaa; position: absolute; left: 0; top: 10px}
.about #member ul { overflow: hidden; border-top: solid 1px #ccc;}
.about #member ul:last-child { border-bottom: solid 1px #ccc;}
.about #member ul li { float: left; font-size: 1.3rem}
.about #member ul li:nth-child(5) { float: right}
.about #member li.line-2-1 { line-height: 1.4!important; margin: 11px 0 8px}

/*.about #member li.line-2-3 { margin: 4px 0 0 0}*/
.about #organization p { margin-bottom: 1em;}
.about #organization .organization-chart { margin-top: 1em}
.about #organization .organization-chart img {height: auto; width: 100%; max-width: 841px; margin: 0 auto}
.about #organization .organization-chart p.chart-1 { position: absolute; top: 199px; left: 330px; width: 250px}
.about #organization .organization-chart p.chart-2 { position: absolute; top: 277px; left: 330px; width: 250px}
.about #organization .organization-chart p a { display: block; height: 20px; width: 250px; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.about #organization .organization-chart p a:hover { border-bottom: solid 1px #aaa;}
.about #history { background: none; margin: 0;}
.about #history .history-h { font-size: 34px; color: #4ebed2; line-height: 1.3; margin-bottom: 20px}
.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 .katsuta { padding-bottom: 35px; margin-bottom: 35px; border-bottom: solid 1px #ccc;}
.about #history .katsuta .professor { margin-bottom: 1.5em}
.about #history .katsuta table { margin-bottom: 5px;}
.about #history .katsuta th { font-weight: normal; color: #fff; font-size: 1.4rem; background: #808080;}
.about #history .katsuta th:first-child { width: 128px;}
.about #history .katsuta th:nth-child(2) { 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 0;}
.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 img { margin-bottom: 5px;}
.about #history .flex { margin-bottom: 1em}
.about .professor { font-size: 1.8rem!important}
.about .professor small { font-size: 1.3rem!important; display: block}

@media screen and (min-width: 751px){
	.about .page-nav a { padding: 0 3em}
	.about h3 { font-size: 4.2rem}
	.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 .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: 620px; float: left}
	.about #object .figure { width: 307px; float: right}
	.about #greeting ul,
	.about #greeting .comment { margin-right: 310px}
	.about #member ul li { line-height: 45px}
	.about #member ul li:nth-child(1) { font-size: 1.6rem; font-weight: bold; width: 150px}
	.about #member ul li:nth-child(2) { width: 160px}
	.about #member ul li:nth-child(3) { width: 122px}
	.about #member ul.col-3 li:nth-child(3) { width: 300px}
	.about #history .chart { background: url(../images/about/history-01.png) no-repeat; position: relative; min-height: 648px; margin-bottom: 70px}
	.about #history .chart p { position: absolute; top: 350px; left: 680px}
	.about #history .katsuta th:nth-child(2) { width: 330px; border-left: solid 1px #fff}
	.about #history .column div { float:left; width: 459px; margin: 0 10px}
	.about #history .column div ul li { float: left; margin: 0; font-size: 1.2rem}
	.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}
	.about #member li.line-2-2 { line-height: 1.5!important; margin: 12px 0 0}
	.about #member li.ravisara { font-size: 1.3rem!important}
	.about #member li.ravisara + .line-2-2 { margin-top: 8px}
}
@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 .figure img,
	.about #object .figure-2 img { width: 100%; height: auto}
	.about #history .year,
	.about #greeting .univ-logo { display: none}
	.about #greeting .face { margin: 1em 0}
	.about #member ul { padding: 7px 0}
	.about #member ul li { font-size: 1.6rem; margin-right: 1em}
	.about #history .chart p { margin-bottom: 15px}
	.about #history .list dt { line-height: 1.6; font-size: 1.6rem; padding: 4px 0}
	.about #history .list dd { padding: 4px 0 4px 65px; line-height: 1.6; font-size: 1.6rem}
	.about #history img { width: 100%; height: auto}
	.about #history .history-h { font-size: 2.2rem}
	.about #history .katsuta li { width: 50%}
	.about #history .katsuta li img { width: 100%; max-width: 141px; height: auto}
	.about #history .outline { padding: 20px 0 0}
	.about #history .documents { padding-top: 30px}
	.about #history .documents li { font-size: 1.4rem; margin-bottom: 20px}
	.about #history .column div .document-1 li:nth-child(1) img { width: 136px; height: auto; display: block}
}

/* ----------------------------------------
 
 research　　02 研究
 
------------------------------------------*/
.contents-wrapper.research { padding-bottom: 70px}
.research h3 { margin-bottom: 30px}
.research .article { font-size: 1.3rem; width: 100%; max-width: 870px; margin: 0 auto; padding-top: 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 .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 { overflow: hidden; margin-bottom: 50px;}
.research .grid div { float: left; 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 .takagi p { margin-bottom: 0;}/*高木先生用*/
.research .grid div .nishijima p { margin-bottom: 0}/*西島先生用*/
.research .grid div .amemiya p { margin-bottom: 0}/*雨宮先生用*/
.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 #system,
.research #facilities { 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.jpg) no-repeat right center; background-size: cover; -webkit-background-size: cover; height: 355px; width: 65%}
	.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.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.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.png") no-repeat 50%; background-size: 100% auto; -webkit-background-size: 100% auto}
	.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: 427px; position: relative; background: url(../images/research/system-chart.png) no-repeat 0 0;}
	.research .system-chart p.f-a { position: absolute; top: 157px; left: 198px}
	.research .system-chart p.f-b { position: absolute; top: 250px; left: 198px}
	.research .system-chart p.f-c { position: absolute; top: 269px; left: 198px}
	.research .system-chart p.f-d { position: absolute; top: 353px; left: 198px}
	.research .system-chart p.f-e { position: absolute; top: 372px; left: 198px}
	.research .system-chart p a:hover { color: #29ABE2}
	.research .system-chart p.btn-shin { position: absolute; top: 101px; left: 65px}
	.research .system-chart p.btn-gi { position: absolute; top: 204px; left: 65px}
	.research .system-chart p.btn-tai { position: absolute; top: 306px; left: 65px}
	.research #system .figure { padding-left: 55px}
	.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}
	.research .grid div { width: 100%}
}


/* ----------------------------------------
 
 projects　　03 大型プロジェクト
 
------------------------------------------*/
.projects .article { font-size: 1.3rem}
.projects h4 { font-size: 2.2rem!important; letter-spacing: -1px; color: #6276b6; margin-bottom: 5px; line-height: 1.3}
.projects h4 small { display: block; color: #808080; margin-top: 1em; line-height: 1.6}
.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 h3 { margin-bottom: 30px; text-align: center}
.projects #projects h3 img { width: 100%; height: auto;}
.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 #projects .hhp h5 + p { margin-bottom: 50px; padding-right: 12px}
.projects #projects h5 { font-size: 2rem; font-weight: normal; margin-bottom: 5px; line-height: 1; color: #6276b6;}
.projects #projects h5 + p { margin-bottom: 1.75em; text-align: justify; text-justify: inter-ideograph;}
.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 #projects > div { padding-bottom: 34px; width: 48%; margin-bottom: 50px}
	.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 { margin-bottom: 50px}
	.projects #projects .hhp h3 { text-align: center}
	.projects #projects .hhp { width: 100%}
	.projects #projects .p-rip { 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: 50px; margin-top: -50px}
.education h3 { font-size: 2rem; font-weight: bold; margin-bottom: 0px}
.education h4 { font-size: 1.6rem; font-weight: bold; margin-bottom: 5px; line-height: 1.6}
.education .article-inner { margin-bottom: 60px}
.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 #scenery h3 + p { margin-bottom: 50px}
.education #scenery 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 .article-inner li { width: 315px}
	.education #scenery li img { max-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 .fig { order: 2}
	.education .summary { order: 1; margin-bottom: 30px!important}
}


/* ----------------------------------------
 
 joint　　05 共同利用・共同研究
 
------------------------------------------*/
.joint .page-nav p:last-child a { background-color: #b7282c}
.joint .page-nav p:last-child a:hover { background-color: #000}
.joint .page-nav { margin-bottom: 50px}
.joint .article { font-size: 1.3rem; margin: 0 auto}
.joint h3 { margin-bottom: 30px}
.joint h3 small { font-size: 20px; margin-left: 10px}
.joint h4 { margin-bottom: 10px; line-height: 1;}
.joint h6 { font-size: 1.3rem; border-bottom: solid 1px #b2b2b2; margin-bottom: 15px;}
.joint h3 + p { margin-bottom: 20px}
.joint #joint-map { 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}
@media screen and (min-width: 751px){
	.joint .article { width: 960px}
	.joint .page-banner .banner-info { background: url(../images/joint/bg-mv.jpg) no-repeat 0 0; text-align: center; background-size: cover; -webkit-background-size: cover; width: 35%}
	.joint .banner-1 .banner-figure { background: url(../images/joint/main-visual.jpg) no-repeat right center; -webkit-background-size: cover; background-size: cover; height: 355px; width: 65%}
	.joint .system-figure { padding-left: 55px}
}
@media screen and (max-width: 750px){
	.joint h3 small { display: block}
	.joint #joint-map { background-size: 100% auto; -webkit-background-size: 100% auto}
	.joint #joint-map img { width: 100%; height: auto}
	.joint .system-chart .chart-sp img { width: 100%; height: auto}
	.joint .system-figure img { width: 100%; height: auto}
	.joint .system-chart p { display: none}
}


/*-------　共同利用・共同研究公募について　.offering   --------------------------------------------------------------------------------------------------------------*/
.offering { margin: 0 auto; color: #404040; font-size:13px; padding-top: 50px}
.offering .article { margin-bottom: 100px; padding-top: 50px; margin-top: -50px; font-family:Arial, Helvetica, sans-serif}
.offering .link-form { margin-top: 50px}
.offering .link-form a { display: inline-block; color: #fff; background: #00aec2; line-height: 50px; padding: 0 65px; font-size: 24px; font-weight: bold}
.offering .link-form a:hover { background: #000}
.offering .note-h { margin-bottom: 50px}
.offering .note-h span { color: #f00; font-size: 2rem; border: solid 1px #f00; padding: 10px; font-weight: bold}
.offering a { color:#4eadc0}
.offering #about { padding-bottom: 45px}
.offering #about .h1 img { width: 100%; max-width: 800px; height:  auto} 
.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: 22px; border-bottom: solid 1px #808080; font-weight: normal; margin-bottom: 15px}
.offering #about dl { margin-bottom: 2em}
.offering #about dt { font-weight: bold}
.offering #about .article-inner div:first-child { margin-bottom: 50px}
.offering #about .note { color:#4eadc0; font-size:23px; font-weight:bold; text-align: center}
.offering #about .figure { margin-bottom: 3em}
.offering #summary h2 { margin-bottom: 23px}
.offering #summary h2,
.offering #facilities h2 { background: #808080; color:#fff; line-height: 34px; font-size:22px; 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: 15px; letter-spacing: 0.5px}
.offering #summary dd ul:nth-child(1){ margin-bottom: 2em}
.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-top: 1em}
.offering #summary .document span { font-weight: bold}
.offering #summary .teacher { overflow: hidden}
.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: 2rem; line-height: 45px; background: #e5e5e5; border-top: solid 5px #808080; padding-left:10px}
.offering #offering-facilities h3 span { display:inline-block}
.offering #offering-facilities h3 small { font-size: 1.3rem}
.offering #offering-facilities dl { overflow: hidden}
.offering #offering-facilities dt { font-weight: bold; padding: 3px 10px}
.offering #offering-facilities dd { border-bottom: solid 1px #808080; margin: 0}
.offering #offering-facilities dd:last-child { border-bottom: 0px}
.offering .note-1 { text-align: center; margin-bottom: 30px}
.offering .hr-1 { width: 50%; margin-bottom: 30px; margin-left: 0}
.joint #collaboration,.joint #joint,.joint #facilities,.joint #offering { padding-top: 50px; margin-top: -50px}
@media screen and (min-width: 751px){
	.offering { width: 960px}
	.offering #about dt { font-size: 1.5rem}
	.offering #about dd { margin-left: 49px}
	.offering #summary dd { margin-left: 2.2em}
	.offering #summary li { margin-left: 2.7em}
	.offering #summary .teacher dt { font-weight: normal; width: 10em; float: left}
	.offering #summary .teacher dd { padding-left: 10em}
	.offering #offering-facilities h3 span { width: 100px}
	.offering #offering-facilities dt { width: 110px; float: left}
	.offering #offering-facilities dd { padding: 3px 10px 3px 110px}
}
@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 dd .teacher-num { width: 1.5em}
	.offering a { word-wrap: break-word}
	.offering #offering-facilities h3 { font-size: 1.8rem}
	.offering #offering-facilities h3 span { margin-right: 0.5em}
	.offering #offering-facilities dt { padding: 6px 10px 0; font-size: 1.6rem}
	.offering #offering-facilities dd { padding: 3px 10px 6px; font-size: 1.6rem}
}


/* ----------------------------------------
 
 member　　ARIHHP構成メンバー
 
------------------------------------------*/
.member .main-visual { text-align: center}
.member h3 { margin-bottom: 25px; font-size: 4.2rem}
.member .article { font-size: 1.3rem; margin-bottom: 30px}
.member 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}
.member #facilities { padding-bottom: 80px; background: url(../images/common/cat-line.png) no-repeat center bottom; margin-bottom: 70px;}
.member #facilities h3 + p { margin-bottom: 50px; letter-spacing: -0.7px}
.member #details h4,
.member #facilities h4 { margin-bottom: 7px; font-size: 24px; letter-spacing: 2; position: relative; padding-left: 30px; font-weight: 400}
.member #details h4:before,
.member #facilities h4:before { content: ""; width: 22px; height: 22px; background: #aaa; position: absolute; left: 0; top: 10px}
.member #facilities h4 + ul { border-top: solid 1px #ccc;}
.member #facilities ul { overflow: hidden; border-bottom: solid 1px #ccc;}
.member #facilities ul li { float: left; font-size: 1.3rem}
.member #facilities ul li:nth-child(5) { float: right;}
.member #facilities li.line-2-1 { line-height: 1.4!important; margin: 11px 0 8px}
.member #facilities li.line-2-2 { line-height: 1.5!important; margin: 12px 0 0}
.member #facilities li.ravisara { font-size: 1.3rem!important}
.member #facilities li.ravisara + .line-2-2 { margin-top: 8px}
/*
.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 { font-size: 1.6rem; border-bottom: solid 1px #cbcbcb; padding-bottom: 15px;}
.member .personal .personal-inner dt span { font-weight: bold;}
.member .personal .personal-inner dt .name { font-size: 2rem; margin: 0 1em 0 0.5em;}
.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}
.member .personal .performance li:before { content: "■"; margin-right: 2px;}
.member .personal .performance dl { overflow: hidden; margin-bottom: 1em}
.member .personal .performance dd:before { content: "■"; margin-right: 2px}
.member .personal .performance dd { text-indent: -15px}
.member .personal .return { text-align: right}
.member #p-3 { margin-bottom: 100px}
.member #p-14 { border: none}
@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 #facilities ul li { line-height: 45px}
	.member #facilities ul li:nth-child(1) { font-size: 1.6rem; font-weight: bold; width: 150px}
	.member #facilities ul li:nth-child(2) { width: 160px}
	.member #facilities ul li:nth-child(3) { width: 122px}
	.member #facilities ul.col-3 li:nth-child(3) { width: 300px}
/*
	.member #facilities ul li { line-height: 45px}
	.member #facilities ul li:nth-child(1) { font-size: 1.6rem; font-weight: bold; width: 170px}
	.member #facilities ul li:nth-child(2) { width: 180px}
	.member #facilities ul li:nth-child(3) { width: 100px}
*/
	.member .personal .performance ul { margin: 0 0 13px 52px}
	.member .personal .performance li { text-indent: -1.2em; padding-left: 1.5em}
	.member .personal .performance dd { padding-left: 70px}
	.member .personal .performance dt { width: 60px; float: left}
}
@media screen and (max-width: 750px){
	.member .main-visual img { width: 100%; height: auto}
	.member h3 {font-size: 2.6rem}
	.member #facilities { background-size: 100% auto; -webkit-background-size: 100% auto}
	.member #facilities ul li { font-size: 1.6rem; margin-right: 1em}
	.member .personal .performance ul { margin: 0 0 13px 0}
	.member .personal .performance li { font-size: 1.6rem; padding-left: 1em; text-indent: -1em}
	.member .personal .performance dt,
	.member .personal .performance dd { font-size: 1.6rem; padding-left: 1em; text-indent: -1em}
}



/* ----------------------------------------
 
 inquiry　　お問い合わせ
 
------------------------------------------*/
.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: 1em}
.inquiry .secretariat span { display: block; margin-left: -0.6em}
.inquiry .secretariat li { font-size: 2rem}
.inquiry dl { width: 100%; margin-bottom: 20px}
.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(2) dt { letter-spacing: 1em;}
.inquiry .mailform dl:nth-child(3) dt { letter-spacing: 1em;}
.inquiry .mailform dl:nth-child(4) dt { letter-spacing: 0.33em}
.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; 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; width: 100%; height: 25px; 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 .banner-info { background: #e6e6e6; text-align: center; position: relative; width: 35%; height: 355px}
	.inquiry .page-banner .banner-info h2 { position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -63px}
	.inquiry .banner-1 .banner-figure { background: url(../images/inquiry/main-visual.jpg) no-repeat left center; background-size: cover; height: 355px; width: 65%}
	.inquiry dl { display: table}
	.inquiry dt { display: table-cell; width: 150px; font-size: 1.6rem}
	.inquiry dd { display: table-cell; width: 810px}
	.inquiry .mailform dl:nth-child(4) dd dd { width: 710px}
	.inquiry .mailform dl:nth-child(4) dd dt { letter-spacing: 0em; padding-left: 1em; width: 100px}
	.inquiry .mailform .send-btn { width: 280px}
}
@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: 20px 10px 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 dt { width: 100%; font-size: 1.6rem}
	.inquiry dd { width: 100%}
	.inquiry .mailform dl:nth-child(4) dd dt { letter-spacing: 0em}
	.inquiry .mailform .send-btn { width: 80%}
	.inquiry .mailform .send-btn input { height: 40px}
	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: 1em;}
.access .article-inner span { display: block; margin-left: -0.6em;}
.access #map { width: 960px; height: 386px; margin-bottom: 1em;}
.access #map + p { margin-bottom: 0.5em}
.access .link-1:before { content: url("../images/common/link-out.png")}
@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: 20px 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 .figure img { width: 100%; height: auto}
	.access .article iframe { width: 100%; height: 300px}
}


/* ----------------------------------------
 
 footer　　フッター
 
------------------------------------------*/
#footer { background: #000; color: #fff;}
#footer .footer-inner { 
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 25px 0;
  justify-content: space-between;
}
#footer .footer-inner ul { padding: 0 15px;}
#footer .footer-inner li { text-align: left; white-space: nowrap; font-size: 1.2rem; letter-spacing: 1px}
#footer .footer-inner li:not(:first-child) { padding-left: 1em;text-indent: -1em}
#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;}
#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-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 a { color: #fff; font-weight: bold;}
#footer .footer-inner ul:last-child li a:hover { color: #fff; text-decoration: 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.png); display: block; height: 14px; width: 52px;}
#footer .footer-inner ul:last-child li:not(:first-child) span { display: none;}
.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-inner { flex-wrap: nowrap}
	#footer .footer-inner ul:last-child { padding: 0 0 0 15px;}
	#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}
}



/* ----------------------------------------
 
 .srip　.page-id-89 　SRIP
 
------------------------------------------*/
.page-id-161 #header { display: none;}
.page-id-161 #footer { display: none;}
.page-id-161 .copyright { display: none;}

.page-id-89 #header { display: none;}
.page-id-89 #footer { display: none;}
.page-id-89 .copyright { display: none;}

.srip { padding-top: 47px; padding-bottom: 10px; letter-spacing: 0;}
.srip .headline { margin: 0 0 20px 0;}
.srip h2 { margin-bottom: 1em;}
.srip h3 { font-size: 2rem; color: #4EBED2; font-weight: normal; margin-bottom: 0;}
.srip h4 { font-size: 1.6rem; margin-bottom: 0}


  /*  リンク共通アニメーション  */
.srip a,.srip a.btn,.srip a img {
  text-decoration: none;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.srip a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
@-webkit-keyframes direction { 
	0% { width: 100%;} 
	100% { width: 0px;} 
} 
@keyframes direction { 
	0% { width: 100%;}
	100% { width: 0px;} 
} 
.direction-normal{
	width:100%;
	height:37px;
	margin-left: 122px;
	background:url(../images/srip/logo-srip-line.png);
	animation-name:direction;
	-webkit-animation-name:direction;
	animation-duration:2s;
	-webkit-animation-duration:2s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-direction:normal;
	-webkit-animation-direction:normal;
	animation-delay:3s;
	-webkit-animation-delay:3s;
	animation-fill-mode:forwards;
	-webkit-animation-fill-mode:forwards;
}
@-webkit-keyframes opacity { 
	0% { opacity: 0;} 
	100% { opacity: 1;} 
} 
@keyframes opacity { 
	0% { opacity: 0;}
	100% { opacity: 1;}
}
#srip-header .logo-t-1{
	animation-name:opacity;
	-webkit-animation-name:opacity;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-opacity:normal;
	-webkit-animation-opacity:normal;
	animation-delay:5s;
	-webkit-animation-delay:5s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
} 
#srip-header .logo-t-2{
	animation-name:opacity;
	-webkit-animation-name:opacity;
	animation-duration:1s;
	-webkit-animation-duration:1s;
	animation-timing-function:ease;
	-webkit-animation-timing-function:ease;
	animation-iteration-count:1;
	-webkit-animation-iteration-count:1;
	animation-opacity:normal;
	-webkit-animation-opacity:normal;
	animation-delay:5.5s;
	-webkit-animation-delay:5.5s;
	animation-fill-mode:both;
	-webkit-animation-fill-mode:both;
} 
#srip-header #srip-logo { height: 37px; background: url(../images/srip/logo-srip.png) no-repeat 0 0; margin-bottom: 3px;}
#srip-header p { margin-bottom:3px; line-height:1; padding:0;}


/* ------- nav ------- */
#srip-nav {
	margin: 0 auto 60px;
	overflow: hidden;
}
#srip-nav li {
	float: left;
	list-style: none;
	position: relative;
	padding-top: 20px;
	background: url(../images/srip/btn-shadow.png) no-repeat center bottom;
}


.srip .column { width: 100%; max-width: 960px; margin: 0 auto 120px; font-size: 1.3rem}
.srip .column p { font-size: 1.4rem; margin-bottom: 1.7em;}
.srip .column ul { margin-bottom: 2em;}
.srip .column a { color: #29ABE2;}
.srip .column a:hover { text-decoration: underline;}
.center-logo { text-align: center; margin-bottom: 90px;}
.logo-info { border-top: solid 1px #b3b3b3; padding: 30px 0 10px;}
.logo-info img { margin-bottom: 1em}


.footer-line { border: solid 50px #DCF2F6; margin-bottom: 10px;}
#srip-footer { width: 100%; max-width: 960px; margin: 0 auto; letter-spacing: 0; position: relative}
#srip-footer img { width: 83px; height: auto;}
#srip-footer p:nth-child(2) { font-size: 1.3rem}
#srip-footer p:nth-child(3) { font-size: 1rem}

@media (min-width: 751px) {
	#srip-header { height: 362px; width: 960px; margin: 0 auto 20px; background: url(../images/srip/main-visual.png) no-repeat 0 0; position: relative}
	#srip-header > div { position: absolute; top: 256px; left: 30px; width: 808px}
	#srip-header .people { position: absolute; top: 195px; left: 190px; z-index: 3000; opacity: 0.7; filter: alpha(opacity=70)}
	.srip .column-1 { width: 960px; margin: 0 auto 50px; font-size: 1.3rem}
	#srip-nav { width: 960px}
	#srip-nav li { min-height: 210px; width: 192px}
	.srip-contents { width: 960px; margin: 0 auto}
	.cloud-1{
    position: absolute;
    top:0;
    left: 0;
	}
	.cloud-2{
		position: absolute;
		top:0;
		left: 160px;
	}
	.cloud-3{
		position: absolute;
		top:0;
		left: 320px;
	}
	.cloud-4{
		position: absolute;
		top:0;
		left: 480px;
	}
	.cloud-5{
		position: absolute;
		top:0;
		left: 640px;
	}
	.cloud-6{
		position: absolute;
		top:0;
		left: 800px;
	}
	#srip-footer { text-align: center; padding-bottom: 20px; height: 61px}
	#srip-footer p:nth-child(1) { position: absolute; bottom: 0; left: 0;}
	#srip-footer p:nth-child(2) { position: absolute; bottom: 0; left: 105px; text-align: left}
	#srip-footer p:nth-child(3) { position: absolute; bottom: 0; right: 0}
}
@media (max-width: 750px) {
	.srip .mv-sp img,
	.srip .logo-t-2 img,
	.srip .people img,
	.srip .headline img,
	.srip .column h2 img,
	#srip-nav li a img { width: 100%; height: auto}
	#srip-nav { padding: 0 5%}
	#srip-nav li { width: 50%; height: 150px}
	.srip-contents { padding: 0 5%}
	.srip .column-1 { font-size: 1.6rem; padding: 30px 5% 0}
	.srip .column { font-size: 1.6rem}
	#srip-footer { padding: 10px 5% 20px}
	#srip-footer p:nth-child(1) { margin-bottom: 10px}
}



/* ----------------------------------------
 
 .news トップページ/お知らせ
 
------------------------------------------*/
.home .news .tit { line-height: 28px; font-size: 2rem; text-align: center; font-weight: bold; margin-bottom: 23px}
.home .news { max-width: 1080px; margin: 0 auto 40px; padding-top: 60px; position: relative}
.news-inner { max-width: 1080px; margin: 0 auto; justify-content: space-between}
.news-inner .entry { border: solid 1px #ccc; padding: 15px; width: 204px; margin: 0 0 15px 0; font-size: 14px; position: relative; overflow: hidden}
.news-inner .article_title { font-size: 1.4rem; margin-bottom: 15px; 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;}/*rgba(117,195,226,0.4)*/
.news-archive a { background: #333; color: #fff; padding: 7px 19px; font-size: 1.5rem}
.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: 75px; right: 0}
	.post .category-tag li { width: 50px}
	.post .category-tag { height: 20px; margin-bottom: 10px}
}
@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-archive { position: absolute; top: 100px; 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,
.archive h2,
.search h2 { border-bottom: solid 1px #ccc; padding-bottom: 10px; color: #808080; font-size: 4.2rem}

.post h2 { font-size: 2rem}

.archive h3 a,
.search h3 a { color: #808080;}
.single section,
.archive section,
.search section { padding: 100px 0; overflow: hidden;}
.archive .post-container,
.single .post-container,
.search .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;
}
.single article,
.search article { width: 100%; margin: 0 auto 50px; border-bottom: solid 3px #ccc; padding-bottom: 50px}
.search .post,
.archive .post { width: 24%; position: relative; padding: 1% 1% 1.5em; margin-bottom: 10px; margin-right: 1%; border: solid 1px #ccc}


.search-results .post { width: 19%; position: relative; padding: 1% 1% 1.5em; margin-bottom: 10px; margin-right: 1%; border: solid 1px #ccc}

.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;
}
.search .post .more,
.archive .post .more { position: absolute; bottom: 10px; left: 7px; color: #29ABE2; font-size: 11px}
.search .post .thumbnail-box,
.archive .post .thumbnail-box { margin-bottom: 10px; overflow: hidden}
.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 { width: 100%;}
.single .copyright { width: 100%; text-align: center;}
.archive #footer { width: 100%;}
.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.png") no-repeat 50%;
	background-size: 90px auto;
	-webkit-background-size: 90px auto;
	outline: none
}

.scroller-status {
  display: none;
  margin-top: 40px;
}
/*.infinite-scroll-request {
  animation: scroll-request 1.1s infinite linear;
  border: 4px solid #00b8d4;
  border-left: 4px solid #fff;
  border-radius: 50%;
  height: 48px;
  margin: auto;
  width: 48px;
}*/

@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: 730px}
	.search-results .post-container-wrap { float: none; width: 100%}
	#sidebar { width: 200px; float: left}
}
@media screen and (max-width: 750px){
	.single #contents,
	.archive #contents,
	.search #contents { padding: 100px 5%}
	.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}
}



/* ----------------------------------------
 
 投稿設定
 
------------------------------------------*/
.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}

.post-h1 { font-size: 2rem}
.post-h2 { font-size: 1.6rem; border: none}
.post-h3 { font-size: 1.3rem; font-weight: normal}
.post-title { font-size: 1.6rem}
.emg { color: #D93831; font-size: 1.8rem; font-weight: bold}
.post-link { color: #00BFD4; border-bottom: solid 1px #00BFD4; font-size: 1.3rem}


/* ----------------------------------------
 
 application_form　　施設・設備利用申請　公募型共同利用・共同研究申請
 
------------------------------------------*/
.application_form h2 { font-size: 4.2rem; border-bottom: solid 1px #7f7f7f; margin-bottom: 100px}
.application_form .btns { margin: 0 auto!important}
.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: -1em; margin-left: 1.5em; font-size: 1.3rem}
.application_form .note li ul { margin-left: 0.3em}
.application_form .note li li { paddinge-left: 1.1em; text-indent: -1.6em}
@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;}


/* ----------------------------------------
 
 education 2020/11/27
 
------------------------------------------*/
.page-id-174 .post-password-form {
	padding:200px 5%
}



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

.page-id-174 #scenery { background: url(../images/common/cat-line.png) no-repeat center bottom; padding-bottom: 35px; margin-bottom: 50px}
.page-id-174 #innovator {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*-----本番公開時 padding 確認 -------*/
.page-id-174 .page-nav + .contents {
	padding-bottom: 0
}
.page-id-174 .in-lists {;
	padding-top: 0!important;
}


.page-id-174 #innovator {
	background: url("../images/srip/logo-srip-2.png") no-repeat 100% 30px;
	background-size: 80px auto;
	-webkit-background-size: 80px auto
}

.page-id-174 #innovator-list {
	margin-bottom: 80px;
}
.page-id-174 #innovator-list table {
	margin-bottom: 0;
	border-bottom: solid 1px #c9c9c9;
	font-size: 13px;
	color: #808080;
	width: 100%
}
.page-id-174 #innovator-list td {
	padding: 18px 0 15px;
	text-align: left;
}
.page-id-174 .in-name {
	width: 310px;
	padding: 15px 0
}
.page-id-174 .in-affi,
.page-id-174 .in-field {
	width: 270px;
	padding-right: 20px!important
}
.page-id-174 .in-name span {
	display: inline-block;
}
.page-id-174 .in-name span:first-child {
	font-size: 16px;
	font-weight: bold;
	width: 155px
}
.page-id-174 .innovatorttl {
	margin-top: 16px
}
.page-id-174 .innovatorttl .in-name span:first-child {
	width: 230px;
	letter-spacing: .1em
}
.page-id-174 .innovatorttl .in-name span + span,
.page-id-174 .innovatorttl .link_details a,
.post.innovatorttl{
	display: none
}
.link_details {
	width: 90px
}
.link_details a{
	color: #00a9e1
}
.page-id-174 .innovatorttl .in-name {
	color: #51b1c3
}
.page-id-174 .innovatorttl .in-name span {
	width:250px
}
.page-id-174 .post {
	margin-bottom: 70px;
	background: url("../images/srip/logo-srip-2.png") no-repeat 100% 60px;
	background-size: 80px auto;
	-webkit-background-size: 80px auto
}
.page-id-174 .post-link {
	text-align: right;
	border-bottom:  solid 3px #c8c8c8;
	margin-bottom: 29px
}
.page-id-174 .post-link a {
	color: #00a9e1;
	display: inline-block;
	padding-bottom: 5px
}
.page-id-174 .pforifle-detail {
	justify-content: flex-start
}
.page-id-174 .pforifle-detail .fig {
	width: 220px
}
.page-id-174 .pforifle-detail h3 {
	font-size: 20px;
	margin: 0;
	line-height: 1
}
.page-id-174 .pforifle-detail h3 small {
	font-size: 17px;
	font-weight: normal;
	margin-left: 20px
}
.page-id-174 .pforifle-detail h3 + p {
	font-size: 17px;
	margin-bottom: 10px
}
.page-id-174 .pforifle-detail .summary dl {
	margin-bottom: 8px
}
.page-id-174 .pforifle-detail .summary dt,
.page-id-174 .pforifle-detail .summary dd {
  width: 100%;
	display: block;
	font-size: 17px
} 
.page-id-174 .pforifle-detail .summary dt {
	font-weight: bold
}
.page-id-174 .pforifle-detail .summary dd::before{
	content: "■"
}
.page-id-174 .performance p {
	font-size: 13px;
	border-bottom: solid 1px #c8c8c8;
	margin-bottom: 6px;
	font-weight: bold
}
.page-id-174 .performance ul {
	font-size: 13px;
}
.page-id-174 .performance li {
	padding-left: 1em;
	text-indent: -1em
}
.page-id-174 .performance li::before {
	content: "■"
}
.page-id-174 .performance_image img {
	width: 100%!important; height: auto!important
}

@media screen and (min-width: 751px){
	.page-id-174 .page-nav p:first-child {
		width: 310px
	}
	.page-id-174 .page-nav p:nth-child(2) {
		width: 200px
	}
	.page-id-174 .page-nav p:nth-child(3) {
		width: 160px
	}
	.page-id-174 .page-nav p:last-child {
		width: 273px
	}
	.page-id-174 .pforifle-detail .summary {
		padding-left: 25px;
		flex: 1
	}
	.page-id-174 .performance ul {
		margin-left: 68px;
		margin-bottom: 20px
	}
	.page-id-174 .performance_image {
		justify-content: space-between
	}
	.page-id-174 .performance_image div  {
		max-width: 470px
	}
	.page-id-174 .performance_image img{
		display: block; margin-bottom: 20px
	}
}
@media screen and (max-width: 750px){
	.page-id-174 .page-nav p {
		width: 100%
	}
	.page-id-174 .page-nav p:nth-child(2) a,
	.page-id-174 .page-nav p:nth-child(3) a,
	.page-id-174 .page-nav p:last-child a{
		padding:15px 0;
		text-align: center
	}
	.page-id-174 #innovator {
		background: url("../images/srip/logo-srip-2.png") no-repeat 95% 30px;
		background-size: 40px auto
	}
	.page-id-174 .post {
		padding: 0 5%;
		background: url("../images/srip/logo-srip-2.png") no-repeat 90% 300px;
		background-size: 40px auto
	}
	.page-id-174 .pforifle-detail .fig,
	.page-id-174 .pforifle-detail .summary {
		width: 100%
	}
	.page-id-174 .pforifle-detail .fig {
		text-align: center;
		margin-bottom: 20px
	}
	.page-id-174 .performance_image div {
		width: 100%
	}
	.page-id-174 .performance_image img{
		display: block; margin: 5px 0 10px
	}
	#innovator-list td {
		width: 100%;
		display: block
	}
	#innovator-list .in-affi,
	#innovator-list .in-field{
		padding-bottom: 0!important;
		padding-top: 0!important;
	}
	.innovatorttl .in-name {
		padding-bottom: 16px!important
	}
	.innovatorttl td {
		padding: 0!important
	}
	.innovatorttl .in-affi,
	.innovatorttl .in-field{
		display: none!important
	}
	
}