/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Inter:wght@200;300;500&family=Oswald:wght@400;500&display=swap");
html{
	line-height:1.15;
	-webkit-text-size-adjust:100%
}
body{
	margin:0
}
h1{
	font-size:2em;
	margin:0.67em 0
}
hr{
	box-sizing:content-box;
	height:0;
	overflow:visible
}
pre{
	font-family:monospace, monospace;
	font-size:1em
}
a{
	background-color:transparent
}
abbr[title]{
	border-bottom:none;
	text-decoration:underline;
	text-decoration:underline dotted
}
b,strong{
	font-weight:bolder
}
code,kbd,samp{
	font-family:monospace, monospace;
	font-size:1em
}
small{
	font-size:80%
}
sub,sup{
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}
sub{
	bottom:-0.25em
}
sup{
	top:-0.5em
}
img{
	border-style:none
}
button,input,optgroup,select,textarea{
	font-family:inherit;
	font-size:100%;
	line-height:1.15;
	margin:0
}
button,input{
	overflow:visible
}
button,select{
	text-transform:none
}
button,[type="button"],[type="reset"],[type="submit"]{
	-webkit-appearance:button
}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{
	border-style:none;
	padding:0
}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{
	outline:1px dotted ButtonText
}
fieldset{
	padding:0.35em 0.75em 0.625em
}
legend{
	box-sizing:border-box;
	color:inherit;
	display:table;
	max-width:100%;
	padding:0;
	white-space:normal
}
progress{
	vertical-align:baseline
}
textarea{
	overflow:auto
}
[type="checkbox"],[type="radio"]{
	box-sizing:border-box;
	padding:0
}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{
	height:auto
}
[type="search"]{
	-webkit-appearance:textfield;
	outline-offset:-2px
}
[type="search"]::-webkit-search-decoration{
	-webkit-appearance:none
}
::-webkit-file-upload-button{
	-webkit-appearance:button;
	font:inherit
}
details{
	display:block
}
summary{
	display:list-item
}
template{
	display:none
}
[hidden]{
	display:none
}
html,body{
	font-size:62.5%
}
body{
	background:#fff;
	color:#333;
	font-family:"Inter","Noto Sans JP",sans-serif;
	line-height:1.5
}
::selection{
	color:#fff;
	background:#00bfff
}
a{
	color:#0071BC;
	text-decoration:underline;
	cursor:pointer;
	transition:all 0.3s
}
a:hover{
	color:#09aedd;
	text-decoration:none
}
a:focus{
	outline:none
}
a:focus,*:focus{
	outline:none
}
@media print{
	* html body{
		zoom:0.7
	}
}
*{
	box-sizing:border-box;
	padding:0;
	margin:0;
	list-style:none
}
img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
	font-style:italic;
	background-repeat:no-repeat;
	background-size:cover;
	shape-margin:0.75rem
}
.pc{
	display:block
}
.sp{
	display:none
}
.ctg__public{
	background:#ff7c1c;
	color:#fff
}
.ctg__news{
	background:#0071BC;
	color:#fff
}
.ctg__paper{
	background:#6fb926;
	color:#fff
}
.ctg__genome{
	background:#f57575;
	color:#fff
}
.ctg__metabolome{
	background:#faa74e;
	color:#fff
}
.ctg__others{
	background:#1eb5a4;
	color:#fff
}

.header{
	display:none
}
.main{
	margin-left:300px;
	width:calc(100% - 300px)
}
.main .visual{
	width:100%
}
.main .visual .mov video{
	width:100%;
	height:auto
}
.main .visual .item{
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative
}
.main .visual .item img{
	width:100%;
	height:auto
}
.main .visual .item .obj{
	position:absolute;
	top:50%;
	left:0;
	transform:translate(0, -50%)
}
.main .visual .item .obj p{
	width: 70%;
	background:rgba(255,255,255,0.95);
	color:#333;
	padding:40px 50px 45px 50px;
	display:inline-block;
	display:flex;
	align-items: center;
	border-radius: 0 30px 30px 0;
}

.main .visual .item .obj dl dt {
	padding: 30px;
	border-right:solid 1px #707070;
}
.main .visual .item .obj dl dd {
	padding:30px;
	font-size:20px;
}
.main .topics{
	width:100%;
	padding:50px 25px 30px 25px
}
.main .topics h2{
	font-size:46px;
	font-size:4.6rem;
	color:#0071BC;
	font-family:"Oswald",sans-serif;
	line-height:1;
	font-weight:400;
	letter-spacing:0.01em;
	margin-bottom:35px
}
.main .topics h2 span{
	display:inline-block;
	position:relative
}
.main .topics h2 span::after{
	content:"";
	position:absolute;
	bottom:-8px;
	left:-25px;
	width:calc(100% + 25px);
	height:1px;
	background:rgba(51,51,51,0.8)
}
.main .topics .list ul{
	display:flex;justify-content:space-between;
	flex-wrap:wrap
}
.main .topics .list ul a{
	display:block;
	text-decoration:none;
	color:#333
}
.main .topics .list ul a:hover{
	opacity:0.5
}
.main .topics .list ul li{
	width:48%;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid rgba(51,51,51,0.2)
}
.main .topics .list ul li .head{
	display:flex;
	align-items:center;
	margin-bottom:10px
}
.main .topics .list ul li .date{
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:0.03em;
	color:#555;
	margin-right:15px
}
.main .topics .list ul li .ctgs{
	font-size:11px;
	font-size:1.1rem
}
.main .topics .list ul li .ctgs span{
	display:inline-block;
	padding:2px 10px 3px 10px;
	border-radius:3px;
	margin:0 3px
}
.main .topics .list ul li .ctgs div.new{
	display:inline-block;
	padding:2px 10px;
	border-radius:3px;
	background:#c00;
	color:#fff
}
.main .topics .list ul li .sub{
	font-size:13px;
	font-size:1.3rem;
	font-weight:500;
	margin-bottom:8px
}
.main .topics .list ul li .title{
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:15px
}
.main .topics .list ul li .facility,.main .topics .list ul li .managers,.main .topics .list ul li .pdf{
	margin-bottom:7px
}
.main .topics .list ul li .facility dl,.main .topics .list ul li .managers dl,.main .topics .list ul li .pdf dl{
	display:flex
}
.main .topics .list ul li .facility dl dt,.main .topics .list ul li .managers dl dt,.main .topics .list ul li .pdf dl dt{
	margin-right:10px;
	width:10em
}
.main .topics .list ul li .facility dl dt span,.main .topics .list ul li .managers dl dt span,.main .topics .list ul li .pdf dl dt span{
	margin-top:-2px;
	display:block;
	background:#eee;
	padding:3px 5px;
	font-size:11px;
	font-size:1.1rem;
	text-align:center
}
.main .topics .list ul li .facility dl dd,.main .topics .list ul li .managers dl dd,.main .topics .list ul li .pdf dl dd{
	flex:1;
	font-size:12px;
	font-size:1.2rem
}
.main .topics .list ul li .facility a,.main .topics .list ul li .managers a,.main .topics .list ul li .pdf a{
	text-decoration:none;
	display:inline-block;
	color:#333
}
.main .topics .list ul li .facility a:hover,.main .topics .list ul li .managers a:hover,.main .topics .list ul li .pdf a:hover{
	opacity:0.5
}
.main .topics .list ul li .pdf dl dd a{
	color:#05617b;
	font-weight:500
}
.main .topics .list ul li .author{
	font-size:12px;
	font-size:1.2rem;
	color:#555555;
	margin-bottom:10px
}
.main .topics .list ul li .data{
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:10px
}
.main .topics .list ul li .data a{
	display:block;
	text-decoration:none;
	color:#333;
	background:url(../images/link.svg) no-repeat left center;
	background-size:14px;
	padding-left:20px
}
.main .topics .list ul li .data a:hover{
	opacity:0.5
}
.main .topics .list ul li .data a .journal,.main .topics .list ul li .data a .doi{
	display:inline-block
}
.main .topics .list ul li .data a .journal{
	margin-right:5px;
	font-style:italic
}
.main .topics .list ul li .button{
	text-align:right
}
.main .topics .list ul li .button a{
	text-decoration:none;
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	padding:8px 20px;
	border-radius:5px;
	background:#05617b
}
.main .topics .list ul li .button a:hover{
	opacity:0.5
}
.main .topics .list ul li .txt{
	font-size:14px;
	font-size:1.4rem
}
.main .topics .list ul li:first-child{
	width:100%
}
.main .topics .list ul li:first-child .sub{
	font-size:15px;
	font-size:1.5rem
}
.main .topics .list ul li:first-child .title{
	font-size:20px;
	font-size:2rem
}
.main .topics .list ul li:first-child .author{
	font-size:13px;
	font-size:1.3rem
}
.main .topics .more{
	text-align:right
}
.main .topics .more a {
  display: inline-block;
  color: #0071BC;
  text-decoration: none;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 12px 60px;
  border-radius: 0px;
  position: relative;
  overflow: hidden; /* 擬似要素のはみ出し防止 */
  z-index: 1;
}

/* グラデーション背景のアニメーション */
.main .topics .more a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(270deg, rgba(0, 151, 209, 1) 0%, rgba(0, 66, 98, 1) 100%);
  transition: left 0.4s ease;
  z-index: 0;
}

.main .topics .more a:hover::before {
  left: 0;
}

/* テキストと矢印を前面に */
.main .topics .more a span,
.main .topics .more a::after {
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

/* 矢印アイコン */
.main .topics .more a::after {
  position: absolute;
  top: calc(50% - 6.5px);
  right: 15%;
  content: "";
  width: 14px;
  height: 13px;
  background-image: url(../images/more2.svg);
  background-repeat: no-repeat;
  background-size: contain;
}

/* ホバー時の矢印変更 */
.main .topics .more a:hover::after {
  right: 10%;
  background-image: url(../images/more.svg);
}

/* テキスト白くする */
.main .topics .more a:hover {
  color: #fff;
}

.main .contents{
	width:100%;
	padding:30px 25px 0 25px
}
.main .contents .list ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.main .contents .list ul li{
	width:32.5%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center center;
	border-radius: 30px;
}
.main .contents .list ul li.list01 {
	background-image:url(../images/bg_topbtn01.png);
}
.main .contents .list ul li.list02 {
	background-image:url(../images/bg_topbtn02.png);
}
.main .contents .list ul li.list03 {
	background-image:url(../images/bg_topbtn03.png);
}
.main .contents .list ul li .icon img{
	width:100%;
	max-width:45px
}
.main .contents .list ul li dl dt{
	font-size:14px;
	font-size:1.4rem;
	font-weight:500;
	margin-bottom:5px;
	color:#fff;		
}
.main .contents .list ul li dl dd{
	font-size:26px;
	font-size:2.6rem;
	font-family:"Oswald",sans-serif;
	color:#fff;	
	line-height:1.3;
	margin-bottom:5px
}
.main .contents .list ul li a{
	display:block;
	height:100%;
	background: rgba(0, 151, 209, 10.06);
	background: linear-gradient(180deg,rgba(0, 151, 209, 1) 0%, rgba(0, 66, 98, 1) 100%);
	padding:35px 30px 20px 30px;
	text-decoration:none;
	text-align:center;
	position:relative;
	border-radius: 30px;
	transition:0.5s;
	opacity:0.66;
}
.main .contents .list ul li a:hover{
	/*opacity:0.5*/
	/*TypeA*/
	opacity:1;
}
.main .contents .list ul li a:hover dl dd {
	color:#fff;
}
.pgheader{
	width:100%;
	padding-top:120px;
	margin-bottom:10px;
	border-left:1px solid rgba(51,51,51,0.5);
	position:relative
}
.pgheader .title{
	padding:0 30px
}
.pgheader h2{
	color:#0071BC;
	margin:0;line-height:1;
	margin-bottom:20px;
	font-size:48px;
	font-size:4.8rem;
	padding-right:50px
}
.pgheader .lead{
	width:100%;
	max-width:600px;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.8;
	font-weight:500;
	color:#0071BC;
}
.pgheader .en{
	position:absolute;
	top:40px;
	right:20px;
	color:#0071BC;
	font-size:40px;
	font-size:4rem;
	font-family:"Oswald",sans-serif;
	writing-mode:vertical-rl
}
.section{
	width:100%;
	padding:50px 30px 50px 30px
}
.section .box{
	width:100%;
	margin:50px 0 70px 0;
	font-size:15px;
	font-size:1.5rem;
	line-height:2.1;
	text-align:justify;
	text-justify:inter-ideograph
}
.section .box a:hover{
	opacity:0.5
}
.section .box h3{
	margin-bottom:25px
}
.section .box h3 div{
	display:inline-block;
	font-size:32px;
	font-size:3.2rem;
	font-weight:700;
	color:#0071BC;
	line-height:1;
	position:relative
}
.section .box h3 div::after{
	content:"";
	position:absolute;
	right:0;
	bottom:-15px;
	width:calc(100% + 30px);
	height:1px;
	background:rgba(51,51,51,0.5)
}
.section .box h3 span{
	display:inline-block;
	margin-left:15px;
	font-size:20px;
	font-size:2rem;
	letter-spacing:0.05em;
	font-weight:400;
	color:#0071BC;
	font-family:"Oswald",sans-serif;
	line-height:1
}
.section .box h4 {
	font-size:2rem;
	position:relative;
	padding-left:20px;
}
.section .box h4::before {
	position:absolute;
	content:"";
	background:#0071BC;
	border-radius:50%;
	width:12px;
	height:12px;
	top:50%;
	transform:translatey(-50%);
	left:0;
}

.section .box p{
	font-size:15px;
	font-size:1.5rem;
	line-height:2.1;
	margin:1.5em 0
}
.section .box div.graybox{
	margin:1.5em 0;
	background:rgba(5,97,123,0.08);
	padding:1px 30px
}
.section .box ol{
	margin:1.5em 0;
	padding-left:20px
}
.section .box ol li{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.8;
	list-style:disc;
	margin:5px 0
}
.section .box ul{
	margin:1.5em 0;
	padding-left:20px
}
.section .box ul li{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.8;
	list-style:disc;
	margin:5px 0
}

ul.list{
	/*display: inline-grid;
  	column-gap: 2em;
  	grid-auto-flow: column;
  	grid-template-rows: repeat(3, auto);*/
	display:flex;
	flex-wrap:wrap;
}
ul.list li {
	width: 25%;
}

h5 {
	font-size:1.45rem;
	font-weight:600;
}

.section .box .facilities__list{
	display:flex
}
.section .box .facilities__list .facilities__box{
	width:100%;
	max-width:350px;
	padding:25px 40px;
	background:#edf6f9;
	margin-right:10px
}
.section .box .facilities__list .facilities__box .label{
	font-size:17px;
	font-size:1.7rem;
	font-weight:500;
	border-bottom:1px solid #ccc;
	margin-bottom:15px
}
.section .box .facilities__list .facilities__box ul{
	margin:0.5em 0
}
.section .box .facilities__list .facilities__box ul li{
	line-height:1.5
}
.section .box .facilities__list .facilities__box__ex{
	background:#f0f9ee
}
.section .box .system__list dl{
	margin:1.5em 0
}
.section .box .system__list dl dt{
	margin-bottom:10px
}
.section .box .system__list dl dt span{
	background:#f2f2f2;
	background:#05617b;
	color:#fff;
	display:inline-block;
	padding:5px 20px;
	font-size:15px;
	font-size:1.5rem;
	font-weight:500
}
.section .box .system__list dl dd{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.8
}
.section .box .system__list dl dd table{
	width:100%;
	border-collapse:collapse
}
.section .box .system__list dl dd table tr:first-child th,.section .box .system__list dl dd table tr:first-child td{
	border-top:none
}
.section .box .system__list dl dd table tr:last-child th,.section .box .system__list dl dd table tr:last-child td{
	border-bottom:none
}
.section .box .system__list dl dd table th,.section .box .system__list dl dd table td{
	padding:10px 0;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.4;
	border-top:1px solid #f2f2f2;
	border-bottom:1px solid #f2f2f2
}
.section .box .system__list dl dd table th{
	font-weight:500;
	width:6em
}
.section .box .system__list ul.subcommittee{
	padding:0;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.section .box .system__list ul.subcommittee::after{
	content:"";
	display:block;
	width:calc(100% / 3)
}
.section .box .system__list ul.subcommittee li{
	padding:10px 10px 10px 0;
	width:calc(100% / 3);
	list-style:none;
	border-bottom:1px solid #f2f2f2
}
.section .box#purpose p.image{
	text-align: center;
}

.tabs{
	width:100%;
	margin-bottom:50px
}
.tabs ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.tabs ul li a{
	width:100%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	text-decoration:none;
	color:#333;
	border-bottom:1px solid rgba(51,51,51,0.5);
	padding:15px 5px;
	text-align:center;
	font-size:15px;
	font-size:1.5rem;
	font-weight:500;
	line-height:1.2
}
.tabs ul li a:hover{
	background:#333;
	color:#fff
}
.introduction{
	background:rgba(5,97,123,0.08);
	padding:15px 30px;
	margin-bottom:40px
}
.introduction p{
	font-size:14px;
	font-size:1.4rem;
	line-height:2;
	margin:1em 0;
	text-align:justify;
	text-justify:inter-ideograph
}
.right{
	text-align:right !important
}
.about .tabs ul li{
	width:24%
}
.sitemap .sitemap__box .item{
	margin:1.5em 0
}
.sitemap .sitemap__box .item>ul>li>a{
	display:inline-block;
	position:relative;
	font-weight:500
}
.sitemap .sitemap__box .item>ul>li>a::after{
	content:"";
	width:100%;
	height:1px;
	background:#ccc;
	position:absolute;
	bottom:-5px;left:0
}
.sitemap .sitemap__box .item>ul>li a{
	text-decoration:none;
	color:#333;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.8
}
.sitemap .sitemap__box .item>ul>li>ul{
	padding-top:10px;
	margin-left:20px
}
.sitemap .sitemap__box .item>ul>li>ul>li>a{
	font-weight:400
}
.public .tabs,.results .tabs{
	background:#f2f2f2;
	padding:30px;
	border-radius:10px
}
.public .tabs {
	display:none;/*タグ不要*/
}
.public .tabs ul,.results .tabs ul{
	justify-content:flex-start
}
.public .tabs ul li,.results .tabs ul li{
	margin-right:30px
}
.public .list ul,.results .list ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.public .list ul li,.results .list ul li{
	width:48%;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid rgba(51,51,51,0.2)
}
.public .list ul li .head,.results .list ul li .head{
	display:flex;
	align-items:center;
	margin-bottom:10px
}
.public .list ul li .date,.results .list ul li .date{
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:0.03em;
	color:#555;
	margin-right:15px
}
.public .list ul li .ctgs,.results .list ul li .ctgs{
	font-size:11px;
	font-size:1.1rem
}
.public .list ul li .ctgs {
	display:none;
}
.public .list ul li .ctgs span,.results .list ul li .ctgs span{
	display:inline-block;
	padding:2px 10px 3px 10px;
	border-radius:3px;
	margin:0 3px
}
.public .list ul li .ctgs div.new,.results .list ul li .ctgs div.new{
	display:inline-block;
	padding:2px 10px;
	border-radius:3px;
	background:#c00;
	color:#fff
}
.public .list ul li .sub,.results .list ul li .sub{
	font-size:13px;
	font-size:1.3rem;
	font-weight:500;
	margin-bottom:8px
}
.public .list ul li .title,.results .list ul li .title{
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:15px
}
.public .list ul li .facility,.public .list ul li .managers,.public .list ul li .pdf,.results .list ul li .facility,.results .list ul li .managers,.results .list ul li .pdf{
	margin-bottom:7px
}
.public .list ul li .facility dl,.public .list ul li .managers dl,.public .list ul li .pdf dl,.results .list ul li .facility dl,.results .list ul li .managers dl,.results .list ul li .pdf dl{
	display:flex;
	align-items:center;
}
.public .list ul li .facility dl dt,.public .list ul li .managers dl dt,.public .list ul li .pdf dl dt,.results .list ul li .facility dl dt,.results .list ul li .managers dl dt,.results .list ul li .pdf dl dt{
	margin-right:10px;
	width:10em
}
.public .list ul li .facility dl dt span,.public .list ul li .managers dl dt span,.public .list ul li .pdf dl dt span,.results .list ul li .facility dl dt span,.results .list ul li .managers dl dt span,.results .list ul li .pdf dl dt span{
	margin-top:-2px;
	display:block;
	background:#eee;
	padding:3px 5px;
	font-size:11px;
	font-size:1.1rem;
	text-align:center
}
.public .list ul li .facility dl dd,.public .list ul li .managers dl dd,.public .list ul li .pdf dl dd,.results .list ul li .facility dl dd,.results .list ul li .managers dl dd,.results .list ul li .pdf dl dd{
	flex:1;
	font-size:12px;
	font-size:1.2rem
}
.public .list ul li .facility a,.public .list ul li .managers a,.public .list ul li .pdf a,.results .list ul li .facility a,.results .list ul li .managers a,.results .list ul li .pdf a{
	text-decoration:none;
	display:inline-block;
	color:#333
}
.public .list ul li .facility a:hover,.public .list ul li .managers a:hover,.public .list ul li .pdf a:hover,.results .list ul li .facility a:hover,.results .list ul li .managers a:hover,.results .list ul li .pdf a:hover{
	opacity:0.5
}
.public .list ul li .pdf dl dd a,.results .list ul li .pdf dl dd a{
	color:#05617b;
	font-weight:500
}
.public .list ul li .author,.results .list ul li .author{
	font-size:12px;
	font-size:1.2rem;
	color:#555555;
	margin-bottom:10px
}
.public .list ul li .data,.results .list ul li .data{
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:10px
}
.public .list ul li .data a,.results .list ul li .data a{
	display:block;
	text-decoration:none;
	color:#333;
	background:url(../images/link.svg) no-repeat left center;
	background-size:14px;
	padding-left:20px
}
.public .list ul li .data a:hover,.results .list ul li .data a:hover{
	opacity:0.5
}
.public .list ul li .data a .journal,.public .list ul li .data a .doi,.results .list ul li .data a .journal,.results .list ul li .data a .doi{
	display:inline-block
}
.public .list ul li .data a .journal,.results .list ul li .data a .journal{
	margin-right:5px;
	font-style:italic
}
.public .list ul li .button,.results .list ul li .button{
	text-align:right
}
.public .list ul li .button a,.results .list ul li .button a{
	text-decoration:none;
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	padding:8px 20px;
	border-radius:5px;
	background:#05617b
}
.public .list ul li .button a:hover,.results .list ul li .button a:hover{
	opacity:0.5
}
.public .list ul li:first-child,.results .list ul li:first-child{
	width:100%
}
.public .list ul li:first-child .sub,.results .list ul li:first-child .sub{
	font-size:15px;
	font-size:1.5rem
}
.public .list ul li:first-child .title,.results .list ul li:first-child .title{
	font-size:20px;
	font-size:2rem
}
.public .list ul li:first-child .author,.results .list ul li:first-child .author{
	font-size:13px;
	font-size:1.3rem
}
.side{
	width:300px;
	height:100vh;
	position:fixed;
	top:0;left:0
}
.side .inner{
	width:300px;
	height:100vh;
	padding:30px 25px;
	position:relative
}
.side .inner h2{
	font-size:26px;
	font-size:2.6rem;
	color:#0071BC;
	font-family:"Oswald",sans-serif;
	font-weight:500;
	letter-spacing:0.01em;
	margin-bottom:20px
}
.side .inner h2 span{
	display:inline-block;
	position:relative
}
.side .inner h2 span::after{
	content:"";
	position:absolute;
	bottom:-5px;
	left:-25px;
	width:calc(100% + 25px);
	height:1px;
	background:rgba(51,51,51,0.8)
}
.side .title{
	margin-bottom:40px
}
.side .title h1{
	margin:0 auto 20px;
	width:50%
}
.side .title h1 a:hover{
	opacity:0.5
}
.side .title h1 img{
	width:100%;
	height:auto
}
.side .title .en{
	font-size:13px;
	font-size:1.3rem;
	margin-bottom:15px;
	line-height:1.6
}
.side .title .lead{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.7
}
.side .nav {
	margin-bottom:50px;
}
.side .nav ul li{
	margin-bottom:10px
}
.side .nav ul li:last-child{
	margin-bottom:0
}
.side .nav ul li a{
	text-decoration:none;
	color:#333;
	font-size:15px;
	font-size:1.5rem;
	font-weight:500;
	background:url(../images/mark.svg) no-repeat left 6px;
	background-size:12px;
	padding-left:20px
}
.side .nav ul li a:hover{
	opacity:0.5
}
.side .banner li a{
	display:block;
	border: solid 1px #aaa;
	padding:1rem;
	margin-bottom:30px;
}



.side .contact{
	margin-top:50px;
	position:absolute;
	bottom:30px;
	left:25px
}
.side .contact .list ul li{
	margin-bottom:10px
}
.side .contact .list ul li:last-child{
	margin-bottom:0
}
.side .contact .list ul li dl{
	line-height:1.6
}
.side .contact .list ul li dl dt{
	font-weight:500;
	font-size:15px;
	font-size:1.5rem
}
.side .contact .list ul li dl dd{
	font-size:13px;
	font-size:1.3rem
}
.side .contact .list ul li .mail{
	font-size:13px;
	font-size:1.3rem;
	line-height:1.6
}
.side .contact .list ul li .mail a{
	text-decoration:none;
	color:#333;
	background:url(../images/mail.svg) no-repeat left 6px;
	background-size:12px;
	padding-left:20px
}
.side .contact .list ul li .mail a:hover{
	opacity:0.5
}
.side.on{
	position:absolute
}
.side.on .contact{
	position:static
}
.footer{
	width:100%;
	padding:40px 25px;
	text-align:center;
	position:relative
}
.footer .contact{
	display:none
}
.footer .sitemap{
	position:absolute;
	top:50%;left:25px;
	display:inline-block;
	transform:translate(0, -50%)
}
.footer .sitemap a{
	display:inline-block;
	text-decoration:none;
	font-size:13px;
	font-size:1.3rem;
	color:#333;
	padding-left:21px;
	background:url(../images/sitemap.svg) no-repeat left center;
	background-size:16px
}
.footer .sitemap a:hover{
	opacity:0.5
}
.footer .copy{
	font-size:13px;
	font-size:1.3rem
}
.footer .copy a{
	text-decoration:none;
	color:#000
}
.footer .copy a:hover{
	opacity:0.5
}
.footer .backtop{
	position:absolute;
	top:50%;
	right:25px;
	display:inline-block;
	transform:translate(0, -50%)
}
.footer .backtop a{
	display:inline-block;
	text-decoration:none;
	font-size:13px;
	font-size:1.3rem;
	color:#333;
	background:url(../images/backtop.svg) no-repeat left 5px;
	background-size:10px;
	padding-left:18px
}
.footer .backtop a:hover{
	opacity:0.5
}
.cover{
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background:#fff;
	z-index:10000
}
input[type="checkbox"]{
	display:none
}
input[type="checkbox"]+span{
	cursor:pointer;
	width:20px;
	height:20px;
	position:relative;
	padding-left:40px;
	font-size:15px;
	font-size:1.5rem;
	font-weight:500
}
input[type="checkbox"]+span::before{
	position:absolute;
	top:50%;
	left:0;
	display:block;
	margin-top:-13px;
	width:20px;
	height:20px;
	content:"";
	background:none;
	border:3px solid rgba(51,51,51,0.4);
	border-radius:3px;
	background:#fff
}
input[type="checkbox"]+span::after{
	border-right:4px solid #05617b;
	border-bottom:4px solid #05617b;
	content:"";
	display:block;
	height:15px;
	width:8px;
	left:10px;
	margin-top:-13px;
	position:absolute;
	top:50%;
	transform:rotate(45deg);
	opacity:0
}
input[type="checkbox"]:checked+span::before{
	border:3px solid #05617b
}
input[type="checkbox"]:checked+span::after{
	opacity:1
}
.news .detail .head{
	padding-bottom:15px;
	margin-bottom:15px;
	position:relative
}
.news .detail .head::after{
	content:"";
	width:calc(100% + 30px);
	height:1px;
	position:absolute;
	bottom:0;
	left:-30px;
	background:#ccc
}
.news .detail .head .date{
	font-size:14px;
	font-size:1.4rem;
	color:#555;
	margin-bottom:5px
}
.news .detail .head .title h1{
	font-size:30px;
	font-size:3rem;
	font-weight:700;
	margin:0
}
.news .list ul{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap
}
.news .list ul a{
	display:block;
	text-decoration:none;
	color:#333
}
.news .list ul a:hover{
	opacity:0.5
}
.news .list ul li{
	width:48%;
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:1px solid rgba(51,51,51,0.2)
}
.news .list ul li .head{
	display:flex;
	align-items:center;
	margin-bottom:10px
}
.news .list ul li .date{
	font-size:13px;
	font-size:1.3rem;
	letter-spacing:0.03em;
	color:#555;
	margin-right:15px
}
.news .list ul li .ctgs{
	font-size:11px;
	font-size:1.1rem
}
.news .list ul li .ctgs span{
	display:inline-block;
	padding:2px 10px 3px 10px;
	border-radius:3px;
	margin:0 3px
}
.news .list ul li .ctgs div.new{
	display:inline-block;
	padding:2px 10px;
	border-radius:3px;
	background:#c00;
	color:#fff
}
.news .list ul li .sub{
	font-size:13px;
	font-size:1.3rem;
	font-weight:500;
	margin-bottom:8px
}
.news .list ul li .title{
	font-size:16px;
	font-size:1.6rem;
	font-weight:700;
	margin-bottom:15px
}
.news .list ul li .facility,.news .list ul li .managers,.news .list ul li .pdf{
	margin-bottom:7px
}
.news .list ul li .facility dl,.news .list ul li .managers dl,.news .list ul li .pdf dl{
	display:flex
}
.news .list ul li .facility dl dt,.news .list ul li .managers dl dt,.news .list ul li .pdf dl dt{
	margin-right:10px;
	width:10em
}
.news .list ul li .facility dl dt span,.news .list ul li .managers dl dt span,.news .list ul li .pdf dl dt span{
	margin-top:-2px;
	display:block;
	background:#eee;
	padding:3px 5px;
	font-size:11px;
	font-size:1.1rem;
	text-align:center
}
.news .list ul li .facility dl dd,.news .list ul li .managers dl dd,.news .list ul li .pdf dl dd{
	flex:1;
	font-size:12px;
	font-size:1.2rem
}
.news .list ul li .facility a,.news .list ul li .managers a,.news .list ul li .pdf a{
	text-decoration:none;
	display:inline-block;
	color:#333
}
.news .list ul li .facility a:hover,.news .list ul li .managers a:hover,.news .list ul li .pdf a:hover{
	opacity:0.5
}
.news .list ul li .pdf dl dd a{
	color:#05617b;
	font-weight:500
}
.news .list ul li .author{
	font-size:12px;
	font-size:1.2rem;
	color:#555555;
	margin-bottom:10px
}
.news .list ul li .data{
	font-size:12px;
	font-size:1.2rem;
	margin-bottom:10px
}
.news .list ul li .data a{
	display:block;
	text-decoration:none;
	color:#333;
	background:url(../images/link.svg) no-repeat left center;
	background-size:14px;
	padding-left:20px
}
.news .list ul li .data a:hover{
	opacity:0.5
}
.news .list ul li .data a .journal,.news .list ul li .data a .doi{
	display:inline-block
}
.news .list ul li .data a .journal{
	margin-right:5px;
	font-style:italic
}
.news .list ul li .button{
	text-align:right
}
.news .list ul li .button a{
	text-decoration:none;
	display:inline-block;
	color:#fff;
	font-size:12px;
	font-size:1.2rem;
	padding:8px 20px;
	border-radius:5px;
	background:#05617b
}
.news .list ul li .button a:hover{
	opacity:0.5
}
.news .list ul li .txt{
	font-size:14px;
	font-size:1.4rem
}
.news .list ul li:first-child{
	width:100%
}
.news .list ul li:first-child .sub{
	font-size:15px;
	font-size:1.5rem
}
.news .list ul li:first-child .title{
	font-size:20px;
	font-size:2rem
}
.news .list ul li:first-child .author{
	font-size:13px;
	font-size:1.3rem
}
.imgborder{
	border:1px solid #ddd
}
.menubar{
	display:none
}
.spnav{
	display:none
}
@media only screen and (max-width: 769px){
	.pc{
		display:none
	}
	.sp{
		display:block
	}
	.header{
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:60px;
		display:flex;
		align-items:center;
		padding:0 5%;
		z-index:1000;
		background:#fff
	}
	.header h1{
		margin:0;
		width:auto;
		height:50px
	}
	.header h1 img{
		width:auto;
		height:50px
	}
	.main{
		width:100%;
		padding-top:60px;
		margin-left:0
	}
	.main .visual{
		width:100%
	}
	.main .visual .item{
		width:100%
	}
	.main .visual .item .obj{
		left:0
	}
	.main .visual .item .obj dl{
		padding:10px 5vw 15px 5vw
	}
	.main .visual .item .obj dl dt{
		font-size:40px;
		font-size:4rem
	}
	.main .visual .item .obj dl dd{
		font-size:13px;
		font-size:1.3rem
	}
	.main .topics{
		padding:10% 5% 10% 5%
	}
	.main .topics h2{
		font-size:36px;
		font-size:3.6rem;
		margin-bottom:10%
	}
	.main .topics .list ul li{
		width:100%;
		margin-bottom:5%;
		padding-bottom:5%
	}
	.main .topics .list ul li .head{
		margin-bottom:10px
	}
	.main .topics .list ul li .date{
		font-size:13px;
		font-size:1.3rem;
		margin-right:15px
	}
	.main .topics .list ul li .ctgs{
		font-size:11px;
		font-size:1.1rem
	}
	.main .topics .list ul li .sub{
		font-size:14px;
		font-size:1.4rem;
		margin-bottom:8px
	}
	.main .topics .list ul li .title{
		font-size:16px;
		font-size:1.6rem;
		margin-bottom:10px
	}
	.main .topics .list ul li .author{
		font-size:12px;
		font-size:1.2rem
	}
	.main .topics .list ul li:first-child{
		width:100%
	}
	.main .topics .list ul li:first-child .sub{
		font-size:14px;
		font-size:1.4rem
	}
	.main .topics .list ul li:first-child .title{
		font-size:16px;
		font-size:1.6rem
	}
	.main .topics .list ul li:first-child .author{
		font-size:13px;
		font-size:1.3rem
	}
	.main .topics .more a{
		width:100%;
		text-align:center;
		font-size:13px;
		font-size:1.3rem;
		padding:15px 50px
	}
	.main .contents{
		padding:5% 5% 0 5%
	}
	.main .contents .list ul li{
		width:100%;
		margin-bottom:10px
	}
	.main .contents .list ul li a{
		padding:25px 10px 15px 10px
	}
	.main .contents .list ul li .icon{
		margin-bottom:15px
	}
	.main .contents .list ul li dl dt{
		font-size:13px;
		font-size:1.3rem
	}
	.main .contents .list ul li dl dd{
		font-size:24px;
		font-size:2.4rem
	}
	.main .contents .list ul li .mark{
		top:15px;
		right:15px
	}
	.pgheader{
		padding-top:50px;
		border-left:none
	}
	.pgheader .title{
		padding:0 5%
	}
	.pgheader h1{
		line-height:1.2;
		font-size:32px;
		font-size:3.2rem;
		padding-right:50px
	}
	.pgheader .lead{
		padding-right:50px;
		font-size:13px;
		font-size:1.3rem;
		line-height:1.7
	}
	.pgheader .en{
		top:30px;
		right:10px;
		color:#0071BC;
		font-size:30px;
		font-size:3rem
	}
	.section{
		padding:10% 5% 10% 5%
	}
	.section .box{
		margin:5% 0 10% 0;
		font-size:15px;
		font-size:1.5rem;
		line-height:2
	}
	.section .box h2{
		margin-bottom:25px
	}
	.section .box h2 div{
		font-size:28px;
		font-size:2.8rem
	}
	.section .box h2 span{
		margin-left:15px;
		font-size:18px;
		font-size:1.8rem
	}
	.section .box p{
		font-size:15px;
		font-size:1.5rem;
		line-height:2
	}
	.section .box div.graybox{
		margin:1.5em 0;
		padding:1px 20px
	}
	.section .box ol li{
		font-size:15px;
		font-size:1.5rem;
		margin:5px 0
	}
	.section .box ul{
		padding-left:20px
	}
	.section .box ul li{
		font-size:15px;
		font-size:1.5rem;
		margin:5px 0
	}
	.section .box .list li {
		width:50%;
	}
	.section .box .facilities__list .facilities__box{
		padding:20px 20px;
		margin-right:5px
	}
	.section .box .facilities__list .facilities__box .label{
		font-size:15px;
		font-size:1.5rem;
		margin-bottom:10%
	}
	.section .box .system__list dl dt{
		margin-bottom:10px
	}
	.section .box .system__list dl dt span{
		padding:3px 15px;
		font-size:15px;
		font-size:1.5rem
	}
	.section .box .system__list dl dd{
		font-size:15px;
		font-size:1.5rem
	}
	.section .box .system__list dl dd table th,.section .box .system__list dl dd table td{
		font-size:14px;
		font-size:1.4rem
	}
	.section .box .system__list dl dd table th{
		width:6em
	}
	.section .box .system__list dl dd table.block td{
		display:block
	}
	.section .box .system__list ul.subcommittee li{
		width:100%
	}
	.tabs{
		margin-bottom:10%
	}
	.tabs ul li a{
		padding:10px 5px;
		font-size:14px;
		font-size:1.4rem
	}
	.introduction{
		padding:15px 20px;
		margin-bottom:10%
	}
	.introduction p{
		font-size:14px;
		font-size:1.4rem;
		line-height:2;
		margin:1em 0
	}
	.side{
		display:none
	}
	.about .tabs ul li{
		width:32%
	}
	.sitemap .sitemap__box .item{
		margin:1.5em 0
	}
	.sitemap .sitemap__box .item>ul>li>a{
		display:inline-block;
		position:relative;
		font-weight:500
	}
	.sitemap .sitemap__box .item>ul>li>a::after{
		content:"";
		width:100%;
		height:1px;
		background:#ccc;
		position:absolute;
		bottom:-5px;
		left:0
	}
	.sitemap .sitemap__box .item>ul>li a{
		text-decoration:none;
		color:#333;
		font-size:15px;
		font-size:1.5rem;
		line-height:1.8
	}
	.sitemap .sitemap__box .item>ul>li>ul{
		padding-top:10px;
		margin-left:20px
	}
	.sitemap .sitemap__box .item>ul>li>ul>li>a{
		font-weight:400
	}
	.public .tabs,.results .tabs{
		
		padding:20px
	}
	.public .tabs {
		display:none;/*タグ削除*/
	}
	.public .tabs ul li,.results .tabs ul li{
		margin-right:20px
	}
	.public .list ul li,.results .list ul li{
		width:100%;
		margin-bottom:25px;
		padding-bottom:25px
	}
	.public .list ul li .head,.results .list ul li .head{
		margin-bottom:10px
	}
	.public .list ul li .date,.results .list ul li .date{
		font-size:13px;
		font-size:1.3rem;
		margin-right:15px
	}
	.public .list ul li .ctgs,.results .list ul li .ctgs{
		font-size:11px;
		font-size:1.1rem
	}
	.public .list ul li .ctgs span,.results .list ul li .ctgs span{
		display:inline-block;
		padding:2px 10px 3px 10px;
		border-radius:3px;margin:0 3px
	}
	.public .list ul li .ctgs div.new,.results .list ul li .ctgs div.new{
		display:inline-block;
		padding:2px 10px;
		border-radius:3px;
		background:#c00;
		color:#fff
	}
	.public .list ul li .sub,.results .list ul li .sub{
		font-size:13px;
		font-size:1.3rem;
		font-weight:500;
		margin-bottom:8px
	}
	.public .list ul li .title,.results .list ul li .title{
		font-size:16px;
		font-size:1.6rem;
		font-weight:700;
		margin-bottom:15px
	}
	.public .list ul li .facility,.public .list ul li .managers,.public .list ul li .pdf,.results .list ul li .facility,.results .list ul li .managers,.results .list ul li .pdf{
		margin-bottom:7px
	}
	.public .list ul li .facility dl,.public .list ul li .managers dl,.public .list ul li .pdf dl,.results .list ul li .facility dl,.results .list ul li .managers dl,.results .list ul li .pdf dl{
		display:flex
	}
	.public .list ul li .facility dl dt,.public .list ul li .managers dl dt,.public .list ul li .pdf dl dt,.results .list ul li .facility dl dt,.results .list ul li .managers dl dt,.results .list ul li .pdf dl dt{
		margin-right:10px;
		width:10em
	}
	.public .list ul li .facility dl dt span,.public .list ul li .managers dl dt span,.public .list ul li .pdf dl dt span,.results .list ul li .facility dl dt span,.results .list ul li .managers dl dt span,.results .list ul li .pdf dl dt span{
		margin-top:-2px;
		display:block;
		background:#eee;
		padding:3px 5px;
		font-size:11px;
		font-size:1.1rem;
		text-align:center
	}
	.public .list ul li .facility dl dd,.public .list ul li .managers dl dd,.public .list ul li .pdf dl dd,.results .list ul li .facility dl dd,.results .list ul li .managers dl dd,.results .list ul li .pdf dl dd{
		flex:1;
		font-size:12px;
		font-size:1.2rem
	}
	.public .list ul li .facility a,.public .list ul li .managers a,.public .list ul li .pdf a,.results .list ul li .facility a,.results .list ul li .managers a,.results .list ul li .pdf a{
		text-decoration:none;
		display:inline-block;
		color:#333
	}
	.public .list ul li .facility a:hover,.public .list ul li .managers a:hover,.public .list ul li .pdf a:hover,.results .list ul li .facility a:hover,.results .list ul li .managers a:hover,.results .list ul li .pdf a:hover{
		opacity:0.5
	}
	.public .list ul li .pdf dl dd a,.results .list ul li .pdf dl dd a{
		color:#05617b;
		font-weight:500
	}
	.public .list ul li .author,.results .list ul li .author{
		font-size:12px;
		font-size:1.2rem;
		color:#555555;
		margin-bottom:10px
	}
	.public .list ul li .data,.results .list ul li .data{
		font-size:12px;
		font-size:1.2rem;
		margin-bottom:10px
	}
	.public .list ul li .data a,.results .list ul li .data a{
		display:block;
		text-decoration:none;
		color:#333;
		background:url(../images/link.svg) no-repeat left center;
		background-size:14px;
		padding-left:20px
	}
	.public .list ul li .data a .journal,.public .list ul li .data a .doi,.results .list ul li .data a .journal,.results .list ul li .data a .doi{
		display:inline-block
	}
	.public .list ul li .data a .journal,.results .list ul li .data a .journal{
		margin-right:5px;
		font-style:italic
	}
	.public .list ul li .button,.results .list ul li .button{
		text-align:right
	}
	.public .list ul li .button a,.results .list ul li .button a{
		text-decoration:none;
		display:inline-block;
		color:#fff;
		font-size:12px;
		font-size:1.2rem;
		padding:8px 20px;
		border-radius:5px;
		background:#05617b
	}
	.public .list ul li .button a:hover,.results .list ul li .button a:hover{
		opacity:0.5
	}
	.public .list ul li:first-child,.results .list ul li:first-child{
		width:100%
	}
	.public .list ul li:first-child .sub,.results .list ul li:first-child .sub{
		font-size:15px;
		font-size:1.5rem
	}
	.public .list ul li:first-child .title,.results .list ul li:first-child .title{
		font-size:20px;
		font-size:2rem
	}
	.public .list ul li:first-child .author,.results .list ul li:first-child .author{
		font-size:13px;
		font-size:1.3rem
	}
	.footer{
		padding:8% 3% 8% 3%
	}
	.footer .contact{
		display:block
	}
	.footer .contact ul{
		text-align:center
	}
	.footer .contact ul li{
		line-height:1.7;
		margin:15px 0
	}
	.footer .contact ul li dl dt{
		font-size:15px;
		font-size:1.5rem;
		font-weight:500
	}
	.footer .contact ul li dl dd{
		font-size:13px;
		font-size:1.3rem
	}
	.footer .contact ul li .mail{
		font-size:13px;
		font-size:1.3rem
	}
	.footer .sitemap{
		padding-top:20px;
		width:100%;
		text-align:center;
		position:static;
		transform:translate(0, 0);
		margin-bottom:10px
	}
	.footer .copy{
		font-size:12px;
		font-size:1.2rem
	}
	.footer .backtop{
		right:3%;
		width:40px;
		height:40px
	}
	.footer .backtop a{
		text-indent:-5000px;
		width:40px;
		height:40px;
		background:url(../images/backtop.svg) no-repeat center center #eee;
		background-size:10px;
		padding-left:0;
		border-radius:40px
	}
	.news .detail .head{
		padding-bottom:15px;
		margin-bottom:15px
	}
	.news .detail .head .date{
		font-size:14px;
		font-size:1.4rem;
		margin-bottom:5px
	}
	.news .detail .head .title h1{
		font-size:20px;
		font-size:2rem
	}
	.news .list ul li{
		width:100%;
		margin-bottom:5%;
		padding-bottom:5%
	}
	.news .list ul li .head{
		margin-bottom:10px
	}
	.news .list ul li .date{
		font-size:13px;
		font-size:1.3rem;
		margin-right:15px
	}
	.news .list ul li .ctgs{
		font-size:11px;
		font-size:1.1rem
	}
	.news .list ul li .sub{
		font-size:14px;
		font-size:1.4rem;
		margin-bottom:8px
	}
	.news .list ul li .title{
		font-size:16px;
		font-size:1.6rem;
		margin-bottom:10px
	}
	.news .list ul li .author{
		font-size:12px;
		font-size:1.2rem
	}
	.news .list ul li:first-child{
		width:100%
	}
	.news .list ul li:first-child .sub{
		font-size:14px;
		font-size:1.4rem
	}
	.news .list ul li:first-child .title{
		font-size:16px;
		font-size:1.6rem
	}
	.news .list ul li:first-child .author{
		font-size:13px;
		font-size:1.3rem
	}
	.menubar{
		position:fixed;
		z-index:2000;
		right:-1px;
		top:0;
		display:block;
		margin:0;
		padding:0
	}
	.menubar .menubar__trigger{
		margin:0;
		padding:0;
		display:inline-block;
		transition:all 0.3s;
		box-sizing:border-box;
		position:relative;
		width:60px;
		height:60px;
		vertical-align:bottom
	}
	.menubar .menubar__trigger span{
		display:inline-block;
		transition:all 0.4s;
		box-sizing:border-box;
		position:absolute;
		left:25%;
		width:50%;
		height:2px;
		background-color:#0071BC;
	}
	.menubar .menubar__trigger span:nth-of-type(1){
		top:19px
	}
	.menubar .menubar__trigger span:nth-of-type(2){
		top:29px
	}
	.menubar .menubar__trigger span:nth-of-type(3){
		top:39px
	}
	.menubar .menubar__trigger.active span:nth-of-type(1){
		-webkit-transform:translateY(10px) rotate(-45deg);
		transform:translateY(10px) rotate(-45deg)
	}
	.menubar .menubar__trigger.active span:nth-of-type(2){
		opacity:0
	}
	.menubar .menubar__trigger.active span:nth-of-type(3){
		-webkit-transform:translateY(-10px) rotate(45deg);
		transform:translateY(-10px) rotate(45deg)
	}
	.spnav{
		position:fixed;
		top:60px;
		left:0;
		right:0;
		bottom:0;
		background:#fff;
		display:none;
		z-index:1000;
		overflow:auto
	}
	.spnav ul{
		padding:30px
	}
	.spnav ul li{
		border-bottom:1px solid #ddd;
		padding:15px 0
	}
	.spnav ul li a{
		text-decoration:none;
		font-size:16px;
		font-size:1.6rem
	}
}

@media only screen and (max-width: 390px){
	.pgheader h2 {
		font-size:2.8rem;
	}
	 .public .list ul li .facility dl, .public .list ul li .managers dl, .public .list ul li .pdf dl {
		 flex-flow:column;
		 margin-bottom: 10px;
	}
	 .public .list ul li .facility dl dt, .public .list ul li .managers dl dt, .public .list ul li .pdf dl dt {
		width:100%;
		margin-right:0;
		 margin-bottom:5px;
	}
}