@charset "UTF-8";
/*
特色00B14B
*/



/*article
-----------------------------------------------------------------------------------------*/
article{
	position:relative;
}
/*-------------------------ページタイトル*/
article > h1:first-child{
	font-size:3.6em;
	line-height:1.8;
	padding:20px 0;
	color:#00B14B;
	letter-spacing:2px;
}
article > h1:first-child span{
	display:block;
	font-size:75%;
}
article figure.main{
	height:200px;
	overflow:hidden;
	margin:-10px 0;
}
article figure.main img{
	width:100%;
}
/*-------------------------frame*/
article h1 + .frame{
	margin-bottom:50px;
}
@media screen and (max-width: 739px) {
	article h1 + .frame{margin-bottom:20px;padding:0 15px;}
}
/*-------------------------section*/
article section{
	padding:50px 0;
}
article section :first-child{
	margin-top:0;
}
article section > h2{
	font-size:2em;
	line-height:1.5;
	letter-spacing:2px;
	font-weight:bold;
	background:#00B14B;
	color:#FFF;
	padding:10px 15px;
	margin:2.5em 0 10px 0;
}
article h2.title{
	text-align:center;
	background:none;
	font-size:2.6em;
	color:#00B14B;
	padding:0px;
	margin:10px 0 15px 0;
}
article h2.title span{
	display:block;
	font-size:75%;
}
article section > h3{
	font-size:1.8em;
	line-height:1.5;
	letter-spacing:1px;
	font-weight:bold;
	margin:2.5em 0 5px 0;
	padding:8px 12px;
	background:#F0F0EC;
	border-left:3px solid #00B14B;
}
article section h2 + h3{
	margin-top:1em;
}
article section h4{
	font-size:1.8em;
	line-height:1.5;
	letter-spacing:1px;
	font-weight:bold;
	margin:1.5em 0 5px 0;
	background:url(images/check.png) left top 0.1em no-repeat;
	background-size:1.3em;
	padding-left:1.5em;
}
article section.kaisetsu h4{
	background-image:url(images/kaisetsu.png);
}
article section p{
	letter-spacing:1px;
}
article section p + p,
article section ul + p{
	margin-top:1.5em;
}
/*-------------------------table*/
article table{
	margin:0.6em 0;
	width:100%;
}
article table.tight{
	width:auto;
}
article th,
article td{
	line-height:1.5;
	padding:0.6em 2em;
	border:1px solid #CCCCCC;
}
article th{
	background:#F1F1F1;
	text-align:center;
	white-space:nowrap;
}
article th li,article th p,
article td li,article td p{
	font-size:inherit
}
/*-------------------------リスト*/
article li{
	line-height:1.5;
}
article ol li,
article ul.dot li{
	margin:0.4em 0 0 1.5em;
	list-style-type:decimal;
}
article ul.dot li{
	list-style-type:disc;
}
/*-------------------------kome*/
article ol.kome li{
	margin:0.4em 0 0 2em;
}
article ol.kome{
	counter-reset: number;
	list-style: none;
	margin-top:1.5em;
}
article ol.kome li{
	list-style: none;
	margin:0.4em 0 0 2.5em;
	font-size:1.4em;
	line-height:1.6;
}
article ol.kome li:before{
	counter-increment: number;
	content: "※"counter(number)" ";
	margin-left:-2.5em;
	width:2.5em;
	float:left;
}
article ul.kome li{
	margin:0.4em 0 0 1em;
}
article ul.kome{
	margin-top:1.5em;
}
article ul.kome li{
	margin:0.4em 0 0 1.5em;
	font-size:1.4em;
	line-height:1.6;
}
article ul.kome li:before{
	content: "※";
	margin-left:-1.5em;
	width:1.5em;
	float:left;
}
article .kome.red li:before{
	color:#FF0000;
}
article p.kome{
	margin-top:0.5em;
	text-indent:-1em;
	margin-left:1em;
	font-size:0.9rem;s
}
/*-------------------------aタグなど*/
article em{
	color:#FF0000;
	font-weight:bold;
	margin:0 0.1em;
}
article strong{
	font-size:110%;
	margin:0 0.1em;
}
article a{
	text-decoration:underline;
}
article a:hover{
	text-decoration:none;
}
/*-------------------------figure*/
article figure{
	margin:2em auto;
	text-align:center;
}
article figure.right{
	float:right;
	margin:0.5em 0 0.5em 2em;
}
article figure.left{
	float:left;
	margin:0.5em 2em 0.5em 0;
}
article figcaption{
	font-size:90%;
}
/*-------------------------bg*/
article .bg{
	background:#F0F0F0 url(images/slash.png);
	padding:30px 0;
}
article .bg > section,
article .bg > div{
	background:#FFF;
	padding:30px;
	margin:20px auto;
}
/*-------------------------point*/
article .point{
	padding:2em;
	background:#FDF6E8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin:1.5em 0;
}
/*-------------------------youtube*/

article .youtube{
	width:100%;
	aspect-ratio: 16 / 9;/*アスペクト比*/
}
article .youtube iframe{
	width:100%;
	height:100%;
}

/*-------------------------center*/
article .center{
	background:none;
	text-align:center;
	color:#000;
	padding:0;
}
article h2.center{
	font-size:2.5em;
	font-weight:bold;
	margin:10px 0;
}
/*-------------------------topsubcopy*/
@media print, screen and (min-width: 740px) {
	article .topsubcopy{margin:-20px 0 20px 0;}
}
@media screen and (max-width: 739px) {
	article .topsubcopy{padding:0 20px 10px 20px}
}
/*-------------------------book*/
article .book{
	padding-top:20px;
}
article .book + .book{
	margin-top:20px;
	border-top:1px solid #CCC;
}
article .book figure{
	max-width:125px;
	float:left;
}
article .book h3{
	font-size:1.25rem;
	line-height:1.5;
	font-weight:bold;
	margin:0.5em 0;
}
@media screen and (max-width: 739px) {
	article .book h3{font-size:1.1rem;}
}
/*-------------------------none*/
.none{
	padding-left:0;
	background:none;
}
/*-------------------------pageindex*/
article .pageindex{
	text-align:center;
	padding-bottom:15px;
	font-size:0;
}
article .pageindex li{
	font-size:1rem;
	display:inline-block;
	margin:5px;
}
article .pageindex li a{
	display:block;
	text-decoration:none;
	border:1px solid #004D99;
	padding:0.5em 1em;
	border-radius:1.5em;
}
article .pageindex li a:hover{
	background:#004D99;
	color:#FFF;
}
@media screen and (max-width: 739px) {
	article .pageindex li{display:block;max-width:320px;margin:5px auto;}
}
/*-------------------------pagetopics*/
article .pagetopics{
	padding-top:20px;
}
article .pagetopics h2{
	margin-bottom:0;
}
article .pagetopics li{
	padding:15px;
	border-bottom:1px solid #CCC;
}
/*-------------------------アイコン*/
article .blank,
article .word,
article .excel,
article .pdf{
	padding-left:1.2em;
	background:url(images/word_icon.png) left no-repeat;
	background-size:1.2em;
}
article .excel{
	background-image:url(images/excel_icon.png);
}
article .blank{
	background-image:url(images/blank_icon.png);
}

article .pdf{
	background-image:url(images/pdf_icon.png);
}

/*-------------------------ボタン*/
article .btn{
	display:block;
	margin:1em auto;
	text-align:center;
	padding:0.5em 1.5em;
	width:18em;
	font-size:110%;
	color:#FFFFFF;
	text-decoration:none;
	background:#FF8800 url(images/ya_btn.png) right no-repeat;
	background-size:1.2em;
	box-shadow: 0 5px 0 #DB6D00;
	-webkit-box-shadow: 0 5px 0 #DB6D00;
	-moz-box-shadow: 0 5px 0 #DB6D00;
	border-radius: 6px;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	position:relative;
}
/*blue*/
article .btn.blue{
	background-color:#29489A;
	box-shadow: 0 5px 0 #1E3570;
	-webkit-box-shadow: 0 5px 0 #1E3570;
	-moz-box-shadow: 0 5px 0 #1E3570;
}
article .btn img{
	margin-right:15px;
}
article .btn:hover,
article .btn.blue:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	top:5px;
}
@media screen and (max-width: 739px) {
	article{min-height:0;}
	article > h1:first-child{font-size:21px;line-height:30px;padding:15px 0;letter-spacing:0px;}
	article figure.main{height:auto;margin:-10px 0;}
	article section{padding:20px;text-align:left;margin:10px 0;}
	article section p{letter-spacing:0px;}
	article section > h2{font-size:1.6em;letter-spacing:0px;padding:6px 12px;}
	article h2.title{font-size:1.8em;padding:0;margin:5px 0;}
	article h2.title span{font-size:85%;}
	article section > h3{font-size:1.6em;letter-spacing:0px;padding:5px 9px;}
	article section h4{font-size:1.6em;letter-spacing:0px;}
	article th,article td{font-size:0.9em;padding:0.5em;}
	article figure,article figure.right,article figure.left{float:none;margin:1em auto;text-align:center;}
	article .bg{background-size:10px;padding:10px;}
	article .bg > section,article .bg > div{padding:20px 10px;}
	article h2.center{font-size:1.8em;margin:10px 0;}
	article h2.center + section{margin-top:0;}
	article .btn{max-width:100%;}
}
/*-------------------------utility*/
.mt3{
	margin-top:0.3em;
}
.mt5{
	margin-top:0.5em;
}
.mt10{
	margin-top:1em;
}

/*
-----------------------------------------------------------------------------------------
個別ページ
-----------------------------------------------------------------------------------------
*/

/*wlb
-----------------------------------------------------------------------------------------*/
#wlb .point h4{
	margin:1em 0 0 0;
}
#wlb .point h4:first-child{
	margin-top:0;
}
#wlb .program li{
	width:230px;
	float:left;
	margin:10px;
}
@media screen and (max-width: 739px) {
	#wlb .program li{width:50%;float:left;margin:0;padding:10px;}
	#wlb .program li img{min-width:100%;}
}

/*merit
-----------------------------------------------------------------------------------------*/
#merit .point{
	margin-bottom:0;
}

/*tool
-----------------------------------------------------------------------------------------*/
#tool ul{
	margin-top:20px;
}
#tool li{
	width:25%;
	float:left;
	text-align:center;
	padding:10px;
}
#tool li a{
	display:block;
	text-decoration:none;
	padding:10px;
}
#tool li a:hover{
	background-color:#F1F1F1;
}
#tool li a strong{
	display:block;
	font-size:115%;
}
/*-------------------------アイコン*/
article > h1 + figure.toolicon{
	margin:0 auto;
}
@media screen and (max-width: 739px) {
article > h1 + figure.toolicon{padding:0 80px;}
}
/*-------------------------#part-1*/
#part-1 ol{
	margin-top:1em;
}
#part-1 ol li{
	margin:1em 0 0 1.5em;
	line-height:1.7;
}

/*movies
-----------------------------------------------------------------------------------------*/
#movies .bg h2{
	margin-bottom:0;
}
#movies ul li{
	background:url(images/ya2.png) right no-repeat;
}
#movies ul a{
	display:block;
	text-decoration:none;
	padding:15px 15px 15px 100px;
	background:url(images/movie.png) 15px 15px no-repeat;
	mix-blend-mode: multiply;
	border-bottom:1px solid #CCC;
}
#movies ul a:hover{
	background-color:#FFFFCC;
}
#movies ul a span{
	display:block;
	color:#000;
}
#movies ul a span.date{
	font-size:14px;
}
#movies ul a span.name{
	font-size:18px;
	font-weight:bold;
}
#movies ul a span.copy{
	font-size:14px;
}

@media screen and (max-width: 739px) {
	#movies ul li{background:none;}
	#movies ul a{padding:8px 8px 8px 60px;background:url(images/movie.png) 0px 8px no-repeat;background-size:50px 40px;}
	#movies ul a:hover{background-color:#FFFFCC;}
	#movies ul a span.name{font-size:16px;font-weight:bold;}
	#movies ul a span.copy{font-size:12px;}
}

/*award
-----------------------------------------------------------------------------------------*/
#award #dantailist h2.title{
	letter-spacing:5px;
	font-size:3em;
	font-weight:bold;
}
#award #dantailist section p + p{
	margin-top:0.5em;
}
#award #dantailist section .btn{
	float:right;
	margin:0;
	width:12em;
	font-size:100%;
}
/*-------------------------個別*/
#awards table{
	width:600px;
	margin:10px auto;
}
#awards th{
	width:1%;
}

@media screen and (max-width: 739px) {
	#award #dantailist section .btn{float:none;margin:0 auto;width:100%;}
	#awards table{width:100%;}
}

/*about
-----------------------------------------------------------------------------------------*/
#about .contact p{
	line-height:1.5;
	float:left;
	font-size:1.8em;
	padding:15px 15px 15px 110px;
	color:#666;
	background:url(images/tel.png) left no-repeat;
	border:1px dashed #CCC;
	margin:10px 10px 10px 0;
}
#about .contact p + p{
	background-image:url(images/mail.png) ;
}
#about .contact p strong{
	display:block;
	font-size:1.4em;
	color:#000;
}
#about .muryo p{
	padding:10px 20px;
	background:#FFF;
	margin-top:10px;
}
#about .muryo p span{
	display:block;
	padding-left:1.2em;
	font-size:90%;
	margin-top:5px;
}
#about .muryo p span:before{
	content:"●";
	margin-left:-1.2em;
	margin-right:0.2em;
	color:#ffb85c;
}
@media screen and (max-width: 739px) {
	#about .contact p{float:none;font-size:1.6em;padding:10px 0 10px 75px;margin:5px 0;background-size:80px;}
	#about .contact p strong{font-size:1.2em;}
}

/*entry
-----------------------------------------------------------------------------------------*/
#entry .oubo h3{
	margin-top:1em;
}

/*journal
-----------------------------------------------------------------------------------------*/
#journal .item div{
	float:left;
	width:334px;
	padding:20px 30px;
	margin-top:30px;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-left:-1px;
}
#journal .item h3{
	text-align:center;
	font-weight:bold;
	font-size:2.2em;
	line-height:1.7;
	color:#00B14B;
}
#journal .item h3 span{
	display:block;
	font-size:70%;
}
#journal .item figure{
	margin:0;
	height:300px;
	padding:15px 40px 0 40px;
}
#journal .item img{
	border:1px solid #CCC;
}
#journal .item p.copy{
	text-align:justify;
	text-justify:distribute;
	font-size:1.4em;
	letter-spacing:0;
	height:120px;
}
#journal .item .btn{
	width:100%;
	margin:0;
}
#journal .etc li{
	margin-top:10px;
}
@media screen and (max-width: 739px) {
	#journal .item div{float:none;width:auto;padding:20px 0;border:none;margin:20px 0;border-top:1px dashed #CCC;}
	#journal .item figure{margin:0;height:auto;padding:10px 60px;}
	#journal .item p.copy{height:auto;margin-bottom:-10px;}
}


/*機関誌・情報誌個別
-----------------------------------------------------------------------------------------*/
article .latest figure{
	float:right;
	width:300px;
	margin:1.5em 10px;
}
article .latest img{
	border:1px solid #CCC;
}
article .latest div{
	float:left;
	width:600px;
}
article .latest h3{
	font-weight:bold;
	margin-top:1em;
	text-indent:-1em;
	padding-left:1em;
	line-height:1.5;
}
article .latest h3:before{
	content:"●";
	font-size:80%;
	margin-right:0.25em;
	vertical-align:0.1em;
}
article .latest p{
	font-size:1.4em;
	padding-left:1.2em;
}
article .bknb tr td:last-child{
	white-space:nowrap;
	width:1%;
	text-align:center;
}
article .bknb a{
	text-decoration:none;
}
article .bknb a:hover{
	text-decoration:underline;
}
/*-------------------------magazine*/
#magazine .latest h2{
	background:#6592C6
}
#magazine .latest h3:before{
	color:#6592C6;
}
/*-------------------------guide*/
#guide .latest h2{
	background:#F89734
}
#guide .latest h3:before{
	color:#F89734;
}
/*-------------------------report*/
#report .latest h2{
	background:#E83828
}
#report .latest h3:before{
	color:#E83828;
}
@media screen and (max-width: 739px) {
	article .latest figure{float:none;width:auto;margin:0;padding:10px 60px;}
	article .latest div{float:none;width:auto;}
}

/*center
-----------------------------------------------------------------------------------------*/
#center .gensoku{
}
#center .gensoku h3{
	margin-top:1em;
	font-size:3em;
}
#center .gensoku  li{
	margin-top:0.6em;
}
#center .date{
	text-align:right;
}
@media screen and (max-width: 739px) {
#center .gensoku h3{font-size:1.8em;font-weight:bold;}
#center .sengen p.center{text-align:left;}
}

/*research-study
-----------------------------------------------------------------------------------------*/
#research-study .daigaku .btn{
	width:30em;
}
@media screen and (max-width: 739px) {
	#research-study .daigaku .btn{width:100%;}
}

/*organization
-----------------------------------------------------------------------------------------*/
#staff .clearfix li{
	width:20%;
	float:left;
	text-align:center;
	height:15em;
	padding-top:1.5em;
}
#staff .clearfix li span{
	display:block;
}
#staff .clearfix li span.cat{
	color:#00B14B;
	font-size:80%;
	margin-top:0.5em;
}
#staff .clearfix li span.kana{
	font-size:80%;
	letter-spacing:1px;
}
@media screen and (max-width: 739px) {
#staff .clearfix li{width:50%;}
}

/*stafflist
-----------------------------------------------------------------------------------------*/
#stafflist div{
	border-top:2px dotted #00B14B;
	padding:30px;
}
#stafflist p + div{
	border:none;
}
#stafflist figure{
	float:left;
	width:120px;
	margin:0;
}
#stafflist dl{
	margin-left:150px;
}
#stafflist dt,#stafflist dd,#stafflist p{
	font-size:1.4em;
	line-height:1.5;
}
#stafflist dt{
	width:7em;
	float:left;
	color:#000000;
	text-align:center;
	background:#F1F1F1;
}
#stafflist dd{
	padding-left:8em;
	padding-bottom:9px;
	margin-bottom:9px;
	border-bottom:1px solid #E6E6E6;
}
#stafflist dl + p{
	text-align:right;
}
@media screen and (max-width: 739px) {
	#stafflist div{padding:20px 0;}
	#stafflist figure{float:none;margin:5px auto 15px auto;text-align:center;}
	#stafflist dl,#stafflist dl + p{margin-left:0px;}
	#stafflist dt{font-size:12px;line-height:24px;width:55px;}
	#stafflist dd{padding-left:60px;font-size:14px;line-height:24px;}
}

/*access
-----------------------------------------------------------------------------------------*/
#access iframe{
	width:100%;
	height:450px;
	/*margin-bottom:-20px;*/
	margin-top:20px;

}
#access p.center strong{
	font-size:100%;
}
#access p.center strong:after{
	content:"：";
}
#access table{
	margin-top:1em;
}
#access figure{
	background:#f6f6f6;
	padding:10px 45px;
}
@media screen and (max-width: 739px) {
	#access p.center strong{display:block;margin-top:10px;}
	#access p.center strong:after{content:"";}
	#access figure{padding:0;}
	#access table{width:100%;}
}

/*リンク集
-----------------------------------------------------------------------------------------*/
#links li{
	padding-left:30px;
	background:url(images/blank_icon.png) left top no-repeat;
	background-size:24px;
	margin-top:10px;
}
#links li a{
	text-decoration:none;
}
#links li a:hover{
	text-decoration:underline;
}

/*サイトマップ
-----------------------------------------------------------------------------------------*/
#sitemap a{
	text-decoration:none;
}
#sitemap li a:hover{
	text-decoration:underline;
}
#sitemap h2{
	padding:0;
	margin:0 0 1.5em 0;
	background:none;
}
#sitemap h2 a{
	display:block;
	background:#00B14B url(images/ya_btn.png) right no-repeat;
	color:#FFF;
	padding:10px 15px;
}
#sitemap h2 a:hover{
	background-color:#006633
}
#sitemap section > ul{
	margin:-2em 0 3em 0;
}
#sitemap section > ul  > li{
	padding:5px 0 5px 1.5em;
	background:url(images/ya.png) 0 0.65em no-repeat;
	background-size:1em;
	border-bottom:1px solid #CCC;
}
#sitemap ul li > ul li{
	font-size:100%;
	padding:5px 0;
}
#sitemap section > ul:last-child{
	margin-top:5em;
}
@media screen and (max-width: 739px) {
	#sitemap h2 a{background-size:20px;}
}