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

/* # =================================================================
   # 目的
   # ================================================================= */
.mokuteki #cname {
	font-size: 1.2em;
	margin-bottom: 35px;
}
.mokuteki #cname dt {
	clear: left;
	float: left;
 width::7em;
}
.mokuteki #cname dd {
	margin-left: 7em;
}
.mokuteki #cname dd:before {
	content: "：　";
}
.mokuteki #cname dd:nth-child(3):before {
	content: "　　";
}
.two:after {
	content: url(img/ya.png);
	display: block;
	margin: -5px auto;
	width: 65px;
}
.mokuteki .two dl {
	margin-bottom: 25px;
}
.mokuteki .two div {
	margin: 0 0 15px 0;
}
.mokuteki .two div div:last-child, .mokuteki .two div:last-child {
	margin-bottom: 0;
}
.mokuteki .two div div p:nth-child(2) {
	height: 4em;
}
.mokuteki .two_left {
	float: left;
	width: 46%;
}
.mokuteki .two_right {
	float: right;
	width: 46%;
}
.mokuteki .two dl dt {
	font-size: 1.1em;
	font-weight: bold;
	height: 3em;
	line-height: 1.1;
}
.mokuteki .two dl dd {
	height: 6em;
}
.h1px {
	height: 1px;
}
/* 年 */
.timeline {
	color: #00bce9;
	font-weight: bold;
}
/* 沿革の最後 */
#enkaku_end {
	clear: both;
	margin-top: 0;
	padding: 15px 10px;
	background-color: #d7e4ed;
}
#enkaku_end p span {
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}
.sp_item {
	display: block;
	color: #999;
	margin: 0;
}
.mokuteki .two div div:nth-child(5) p:nth-child(2) {
	height: 1.5em;
}
 @media screen and (max-width:900px) {
.mokuteki #cname dt {
	float: none;
	width: 100%;
	margin-top: 15px;
}
.mokuteki #cname dd {
	margin-left: 0;
}
.mokuteki #cname dd:before {
	content: "";
}
.mokuteki #cname dd:nth-child(3):before {
	content: "";
}
}
@media screen and (max-width:800px) {
.mokuteki .two div div p:nth-child(2) {
	height: 5em;
}
}
 @media screen and (max-width:700px) {
.mokuteki .two dl dd {
	height: 7em;
}
.mokuteki .two div div p:nth-child(2) {
	height: 6em;
}
}
@media screen and (max-width:500px) {
.mokuteki .two dl dt {
	height: 4em;
}
.mokuteki .two dl dd {
	height: 11em;
}
.mokuteki .two div div p:nth-child(2) {
	height: 7.5em;
}
}
@media screen and (max-width:480px) {
.mokuteki .two dl dd {
	height: 17em;
}
.mokuteki .two div div p:nth-child(2) {
	height: 11em;
}
.mokuteki .two div div:nth-child(2) p:nth-child(2) {
	height: 6em;
}
.mokuteki .two div div:nth-child(3) p:nth-child(2) {
	height: 7em;
}
.mokuteki .two div div:nth-child(5) p:nth-child(2) {
	height: 4em;
}
.mokuteki .two div div p span {
	display: block;
}
}
/* # =================================================================
   # 組織図
   # ================================================================= */
#chart_div .google-visualization-orgchart-node {
	text-align: center;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	border: 1px solid #00bce9;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 3px;
	background-color: #e9f5fd;
	color: #333;
}
/* # =================================================================
   # 理念
   # ================================================================= */
.rinen {
	counter-reset: titleNum;
}
.rinen ul li {
	counter-increment: titleNum;
	position: relative;
	padding: 1em 0 1em 3.5em;
	border-bottom: 1px solid #ccc;
	font-size: 1.2em;
	font-weight: bold;
	color: #666;
}
.rinen ul li::before {
	position: absolute;
	top: 15px;
	left: 0;
	content: counter(titleNum);
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-color: #00bce9;
	border-radius: 100%;
	color: #fff;
	text-align: center;
}
.rinen .col_red {
	font-size: 1.8em;
}
.rinen_blue {
	font-size: 1.3em;
	color: #00bce9;
}
 @media screen and (max-width:768px) {
.rinen .col_red {
	font-size: 1.3em;
}
.rinen .col_red span {
	display: block;
}
.rinen_blue {
	font-size: 1.0em;
}
}
/* # =================================================================
   # あいさつ
   # ================================================================= */
.aisatu p {
	line-height: 2;
	text-indent: 1em;
}
.aisatu .imgr {
	text-align: center;
	margin: 0 0 25px 45px;
}
.aisatu .imgr span {
	display: block;
	font-size: 0.9em;
}
 @media screen and (max-width:480px) {
.aisatu .imgr {
	float: none;
	text-align: center;
	margin: 0 auto 25px auto;
}
}
/* # =================================================================
   # アクセス
   # ================================================================= */
.access {
	width: 75%;
}
.access #map_canvas {
	width: 100%;
	height: 350px;
	margin-bottom: 10px;
	background-color: #efefef;
}
.access dl dt {
	font-weight: bold;
}
.access dl dd {
	margin-bottom: 20px;
}
 @media screen and (max-width:480px) {
.access span {
	display: block;
}
}
/* # =================================================================
   # 採用情報
   # ================================================================= */
.link ul {
	display: flex;
	flex-wrap: wrap;
}
.link ul li {
	line-height: 2;
	margin-left: 1.5em;/*white-space:nowrap;*/
}
.link ul .orikaesi {
	line-height: 2;
	margin-left: 1.5em;
	white-space: normal;
}
.link ul li a {
	text-decoration: none;
	color: #333;
}
.link ul li a:hover {
	text-decoration: underline;
}
.link ul li a:before {
	content: url(../img/pdf.png);
	padding-right: 7px;
}
@media screen and (max-width:768px) {
.link ul li {
	width: 40%;
}
}
 @media screen and (max-width:600px) {
.link ul {
	display: block;
}
}
@media screen and (max-width: 559px) {
.link ul li {
	width: 98%;
}
}
#koubo .dcu dd a {
	text-decoration: none;
	color: #333;
}
#koubo .dcu dd a:hover {
	text-decoration: underline;
}
#koubo .dcu {
	margin-left: 1.5em;
}
#koubo .dcu dt {
	width: 5em;
	clear: left;
	float: left;
	color: #fff;
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 7px;
	border-radius: 6px;
}
#koubo .dcu dd {
	margin-left: 6em;
	margin-bottom: 7px;
}
#koubo .pdf {
	background: url(../../../../img/pdf.png) no-repeat 0 50%;
	padding-left: 20px;
}
#koubo .word {
	background: url(../../../../img/doc.gif) no-repeat 0 50%;
	padding-left: 20px;
}
#koubo .koubo {
	background: linear-gradient(to bottom, #49a9d4, #2989d8);
	background-image: -moz-linear-gradient(  top,  #49a9d4 0%,  #2989d8 40%,  #2285d6 52%,  #2989d8);
	background-image: -webkit-gradient(  linear, left top, left bottom,  from(#49a9d4),  color-stop(0.49, #2989d8),  color-stop(0.52, #2285d6),  to(#2989d8));
}
#koubo .oubo {
	background: linear-gradient(to bottom, #ff8300, #ffa035);
	background-image: -moz-linear-gradient(  top,  #ffa035 0%,  #ff8300);
	background-image: -webkit-gradient(  linear, left top, left bottom,  from(#ffa035),  to(#ff8300));
}
#koubo .chirashi {
	background: linear-gradient(to bottom, #84d829, #87d449);
	background-image: -moz-linear-gradient(  top,  #87d449 0%,  #70b02b 40%,  #5ba51e 52%,  #84d829);
	background-image: -webkit-gradient(  linear, left top, left bottom,  from(#87d449),  color-stop(0.49, #70b02b),  color-stop(0.52, #5ba51e),  to(#84d829));
}
.shin_ko .col_red {
	margin-left: 15px;
}
 @media screen and (max-width:600px) {
#koubo dl dt {
	margin-top: 20px;
	float: none;
}
#koubo dl dd {
	margin-left: 0;
}
}
@media screen and (max-width:480px) {
#koubo .pdf {
	background: url(../../../../img/pdf.png) no-repeat 0 0;
}
#koubo .word {
	background: url(../../../../img/doc.gif) no-repeat 0 0;
}
.shin_ko .col_red {
	margin-left: 0;
	display: block;
}
}
/* # =================================================================
   # 研究員情報
   # ================================================================= */
.r-date {
	width: 9em;
	display: inline-block;
}
/*.r-date:before{
	content: "・";
	}*/
	
	
/*2023/06/28追加*/
.w9em {
	margin-left: 1.5em;
}
.w9em dt {
	clear: left;
	float: left;/*width: 9em;*/
}
.w9em dd {
	margin-left: 10em;
	margin-bottom: 10px;
}
.w9em dd a {
	text-decoration: none;
	color: #333;
}
.w9em dd a:hover {
	text-decoration: underline;
}
.pdficon::before {
	content: url(../img/pdf.png);
	padding-right: 7px;
}
.w9em .indent-3 {
	text-indent: 4em;
	margin-top: -1.2%;
}
@media screen and (max-width: 559px) {
.w9em dt {
	float: none;
	width: 100%;
}
.w9em dd {
	margin-left: 0;
}
.w9em .indent-3 {
	padding-left: 3em;
    text-indent: 0em !important;
}
}
/* # =================================================================
   # side
   # ================================================================= */
#side_nav ul .pdf:after {
	background: url(../img/pdf.png) no-repeat 0 50%;
	padding-left: 20px;
}
 @media screen and (min-width: 600px) {
.br-sp {
	display: none;
}
}
@media screen and (max-width: 559px) {
.br-sp {
	display: block;
	line-height: 0.5em;
}
}