/*==================================================
home
==================================================*/
.home a {
	text-decoration: none;
}
.home h2 {
	font-size: 26px;
}
.home .txtLink {
	position: absolute;
	top: 0;
	right: 0;
}
.home .txtLink a {
	color: #fff;
}
.home .txtLink span {
	position: relative;
	padding: 0 10px 0 0;
}
.home .txtLink span:after {
	content:"";
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: 5px;
	height: 5px;
	margin-top: -3px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* promotion --- slider
------------------------------------------------*/
#promotion {
	position: relative;
	padding: 40px 0 57px;
	background: #8fbf00;
}
#promotion:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#promotion .inner {
	width: 1050px;
}
#promotion .slider {
	width: 820px;
	float: left;
}
#promotion .slider li {
	position: relative;
	outline: none;
	background: #000;
}
#promotion p {
	position: absolute;
	bottom: 20px;
	left: 0;
	padding: 17px 40px;
	color: #fff;
	font-size: 18px;
	line-height: 120%;
	font-weight: 700;
	background-color: rgba(0,0,0,0.8);
}
#promotion .slick-dots {
	bottom: -40px;
}

/* slider --arrow */
#promotion .slick-arrow {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 50%;
	white-space: nowrap;
	text-indent: 100%;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	content: "";
	z-index: 100;
}
#promotion .slick-prev {
	left: -25px;
	background: url(../img/btn_slider_pev.png) no-repeat;
	background-size: contain;
}
#promotion .slick-next {
	right: -25px;
	background: url(../img/btn_slider_next.png) no-repeat;
	background-size: contain;
}

/* slider --dotted */
#promotion .slick-dots li div {
	width: 14px;
	height: 14px;
	padding: 0;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
}
#promotion .slick-dots li.slick-active div {
	background: #333333;
}

	@media(min-width:1px) and (max-width: 1150px) {
		#promotion .slider {
			margin: 0 auto;
			float: none;
		}
		#promotion .inner {
			width: 90%;
		}
	}
	@media(min-width:1px) and (max-width: 960px) {
		#promotion .slider {
			width: 100%;
		}
		#promotion .slick-prev {
			left: 0;
		}
		#promotion .slick-next {
			right: 0;
		}
		#promotion p {
			padding: 10px 20px;
			font-size: 14px;
			bottom: 15px;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		#promotion .slick-arrow {
			width: 30px;
			height: 30px;
			margin-top: -15px;
		}
		#promotion p {
			font-size: 13px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		#promotion {
			padding: 40px 0;
		}
		#promotion p {
			font-size: 12px;
			font-weight: 300;
		}
		#promotion .slick-dots li div {
			overflow: hidden;
			width: 10px;
			height: 10px;
		}
		.slick-dots li div:before {
			width: 10px;
			height: 10px;
			line-height: 10px;
			content: "";
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		#promotion p {
			padding: 10px;
			bottom: 0;
		}
	}


/* promotion --- btn
------------------------------------------------*/
#promotion .btnBox {
	width: 185px;
	float: right;
}
#promotion .btnBox li {
	margin: 0 0 10px;
	background: #fff;
}
#promotion .btnBox li a {
	position: relative;
	display: block;
	height: 134px;
	padding: 85px 0 0;
	font-size: 18px;
	text-align: center;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: -0.05em;
	box-sizing: border-box;
}
#promotion .btnBox li a span {
	display:block;
	font-size: 14px;
}
#promotion .btnBox li a:before {
	display: block;
	position: absolute;
	top: 20px;
	left: 50%;
	height: 48px;
	content: "";
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
#promotion .btnBox li.btn01 a:before {
	width: 48px;
	background: url(../img/icn_pencil.svg) no-repeat 0 0;
	background-size: contain;
}
#promotion .btnBox li.btn02 a:before {
	width: 43px;
	background: url(../img/icn_magazine.svg) no-repeat 0 0;
	background-size: contain;
}
#promotion .btnBox li.btn03 a span {
	font-size: 12px;
}
#promotion .btnBox li.btn03 a:before {
	top: 15px;
	width: 60px;
	height: 60px;
	background: url(../img/icn_zero.png) no-repeat 0 0;
	background-size: contain;
}
#promotion .btnBox .viewSp {
	display: none;
}

	@media(min-width:1px) and (max-width: 1150px) {
		#promotion .btnBox {
			width: 100%;
			float: none;
			margin: 70px 0 0;
			text-align: center;
		}
		#promotion .btnBox li {
			display: inline-block;
			width: 170px;
			margin: 0 5px;
			vertical-align: top;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		#promotion .btnBox li a {
			height: 120px;
			padding: 78px 0 0;
			font-size: 14px;
		}
		#promotion .btnBox li a span {
			font-size: 12px;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		#promotion .btnBox:after {
			content: "";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		#promotion .btnBox li {
			display: block;
			width: 31.333%;
			float: left;
			margin: 0 1%;
		}
		#promotion .btnBox li a {
			height: auto;
			padding: 78px 0 20px;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		#promotion .btnBox li a {
			padding: 70px 0 20px;
		}
		#promotion .btnBox li a:before {
			height: 32px;
		}
		#promotion .btnBox li.btn01 a:before {
			width: 36px;
		}
		#promotion .btnBox li.btn02 a:before {
			width: 32px;
		}
		#promotion .btnBox li.btn03 a:before {
			width: 32px;
		}
		#promotion .btnBox .viewSp {
			display: block;
		}
	}
	@media(min-width:1px) and (max-width: 415px) {
		#promotion .btnBox li a {
			font-size: 13px;
		}
		#promotion .btnBox li a span {
			font-size: 11px;
		}
	}



/* home_research
------------------------------------------------*/
.home_research {
	padding: 50px 0 30px;
	background: #333;
}
.home_research .inner {
	position: relative;
}
.home_research h2 {
	color: #fff;
}
.home_research .txtLink {
	top: 12px;
}
.home_research .list {
	padding: 30px 0 0;
}
.home_research .list:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.home_research .list > li {
	width: 260px;
	float: left;
	margin: 0 20px 0 0;
	background: #fff;
}
.home_research .list > li:nth-child(4n) {
	margin: 0;
}
.home_research .list > li .txtWrap {
	padding: 10px;
}
.home_research .list li figure {
	text-align: center;
}
.home_research .list li img {
	width: 80%;
	margin: auto;
}
.home_research .list li p.txt {
	padding: 0 0 20px;
}
.home_research .list li .reseahtag {
	padding: 0 0 15px;
	border-bottom: 1px dotted #000;
}
.home_research .list li .reseahtag li {
	display:inline-block;
	height: 14px;
	line-height: 14px;
	padding: 2px 5px;
	color: #8fbf00;
	font-size: 12px;
	background: #fff;
}
.home_research .list li .category {
	padding: 0 0 5px;
	line-height: 120%;
}
.home_research .list li .category span {
	display: block;
	font-size: 12px;
}
.home_research .list li .category.bio,
.home_research .list li .category.nano {
	color: #98884a;
}
.home_research .list li .category.laser {
	color: #3aac9b;
}
.home_research .list li .date {
	font-size: 12px;
}
	@media(min-width:1px) and (max-width: 1150px) {
		.home_research .list > li {
			width: 23%;
			margin: 0 2.6% 0 0;
		}
	}
	@media(min-width:1px) and (max-width: 768px) {
		.home_research .list > li {
			width: 49%;
			margin: 0 2% 2% 0;
		}
		.home_research .list > li:nth-child(2n) {
			margin: 0;
		}
		.home_research .list > li:nth-child(2n+1) {
			clear: both;
		}
		.home_research .list > li figure img {
			width: 100%;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.home_research .txtLink {
			position: relative;
			top: 0;
			margin: 30px 0 0;
			text-align: center;
		}
		.home_research .txtLink a {
			display: block;
			padding: 15px 10px;
			border: 1px solid #fff;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.home_research h2 {
			padding: 0 0 10px;
		}
	}
	@media(min-width:1px) and (max-width: 360px) {
		.home_research .list > li {
			width: 100%;
			float: none;
			margin: 0 0 15px 0 !important;
		}
	}
	

/* home_middleCont
---------------------------------------------------------------*/
.home_middleCont {
	width: 1100px;
	margin: 0 auto;
	padding: 50px 0 0;
}
.home_middleCont:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	@media(min-width:1px) and (max-width: 1150px) {
		.home_middleCont {
			width: 90%;
		}
	}


/* home_news
------------------------------------------------*/
.home_news {
	position: relative;
	width: 680px;
	float: left;
}
.home_news h2 {
	padding: 0 0 30px;
}

/* tab */
.home_news .tab {
	position: absolute;
	top: 5px;
	right: 0;
}
.home_news .tab li {
	display: inline-block;
	font-size: 16px;
	margin: 0 0 0 30px;
}
.home_news .tab li a {
	position: relative;
	opacity: 1 !important;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.home_news .tab li a.current,
.home_news .tab li a:hover {
	color: #85b200;
}
#home-newslist ul {
	display: none;
}
#home-newslist ul#tab1 {
	display: block;
}
	@media(min-width:1150px) and (max-width: 9999px) {
		.home_news .tab li a::after {
			position: absolute;
			bottom: -4px;
			left: 50%;
			content: '';
			width: 0;
			height: 1px;
			background: #85b200;
			transition: .3s;
			-webkit-transform: translateX(-50%);
			transform: translateX(-50%);
		}
		.home_news .tab li a.current::after,
		.home_news .tab li a:hover::after {
			width: 100%;
		}
	}

/* list */
.home_news .list li,
.release .list li {
	list-style: none;
	padding: 10px 0;
	border-bottom: 1px dotted #000;
}
.home_news .list li a,
.release .list li a {
	display: table;
	width: 100%;
}
.home_news .list li figure,
.release .list li figure {
	display: table-cell;
	width: 160px;
	padding: 0 33px 0 0;
}

.home_news .list .calender,
.release .list .calender {
        display:block !important;
        width: 60%;
	margin: auto;
	padding: 0 0 0 0;
	text-align: center;
}
.home_news .list .calender p,
.release .list .calender p {
	border: 3px solid #333333;
}
.home_news .list .calender .year,
.release .list .calender .year {
	display: block;
	padding: 3px 0;
	color: #fff;
	background: #333;
}
.home_news .list .calender .date,
.release .list .calender .date {
	display: block;
	padding: 3px 0;
	font-size: 15px;
	color: #0a1053;
	letter-spacing: 0;
}
.home_news .list .calender .date em,
.release .list .calender .date em {
	font-size: 18px;
	font-style: normal;
}
.home_news .list .calender+p {
	display: table-cell;
	line-height: 140%;
}
		@media(min-width:1150px) and (max-width: 9999px) {
			.home_news .list .calender+p, {
				font-size: 15px;
			}
		}
.release .list .calender+p {
	display: table-cell;
	line-height: 140%;
}
		@media(min-width:1150px) and (max-width: 9999px) {
			.release .list .calender+p, {
				font-size: 15px;
			}
		}

.home_news .list li .txtWrap,
.release .list li .txtWrap {
	display: table-cell !important;
	width: 475px;
	padding: 10px 0 0;
	vertical-align: top;
}
.release .list li .txtWrap {
	width: 570px;
}
.home_news .list li .date,
.release .list li .date {
	padding: 0 0 5px;
}

	@media(min-width:1150px) and (max-width: 9999px) {
		.home_news .list li p:last-child,
		.release .list li p:last-child {
			font-size: 15px;
		}
	}
	@media(min-width:1px) and (max-width: 1150px) {
		.home_news {
			width: 62%;
		}
		.home_news .tab {
			position: relative;
			top: 0;
			right: 0;
			padding: 0 0 20px;
			text-align: center;
		}
		.home_news .tab li {
			margin: 0 15px 0;
		}
		.home_news .list li figure {
			width: 140px;
			padding: 0 20px 0 0;
		}
		.home_news .list li .txtWrap {
			width: auto;
		}
	}
	@media(min-width:1px) and (max-width: 880px) {
		.home_news {
			width: 100%;
			float: none;
			padding: 0 0 50px;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
		.home_news .tab:after {
			content: "";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
		}
		.home_news .tab li {
			display: block;
			width: 30.333%;
			float: left;
			margin: 0 1.5% 2%;
		}
		.home_news .tab li a {
			display: block;
			padding: 5px 0;
			border: 1px solid #000;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.home_news .list li figure {
			width: 110px;
		}
		.home_news .tab li {
			font-size: 14px;
		}
	}

	

/* home_events
------------------------------------------------*/
.home_events {
	position: relative;
	width: 375px;
	float: right;
}
.home_events h2 {
	padding: 0 0 30px;
}
.home .home_events .txtLink,
.home .home_events .txtLink span:after {
	color: #000;
}
.home_events .list {
	padding: 0 0 40px;
}
.home_events .list li {
	margin: 0 0 15px;
}
.home_events .list a {
	display: table;
	width: 100%;
}
.home_events .list .calender {
	display: table-cell;
	width: 90px;
	padding: 0 10px 0 0;
	text-align: center;
}
.home_events .list .calender p {
	border: 3px solid #333333;
}
.home_events .list .calender .year {
	display: block;
	padding: 3px 0;
	color: #fff;
	background: #333;
}
.home_events .list .calender .date {
	display: block;
	padding: 3px 0;
	font-size: 15px;
	color: #0a1053;
	letter-spacing: 0;
}
.home_events .list .calender .date em {
	font-size: 18px;
	font-style: normal;
}
.home_events .list .calender+p {
	display: table-cell;
	line-height: 140%;
}
		@media(min-width:1150px) and (max-width: 9999px) {
			.home_events .list .calender+p {
				font-size: 15px;
			}
		}

.home_events .side_bnrList {
	padding: 0 0 40px;
}
.home_events .side_bnrList li {
	padding: 0 0 10px;
}
.home_events #fbBox {
	width: 375px;
	height: 380px;
	background: #ccc;
}
	@media(min-width:1px) and (max-width: 1150px) {
		.home_events {
			width: 32%;
		}
		.home_events #fbBox {
			width: 100%;
		}
	}
	@media(min-width:1px) and (max-width: 880px) {
		.home_events {
			width: 100%;
			float: left;
		}
		.home_events .list li {
			padding: 0 0 15px;
			border-bottom: 1px dotted #000;
		}
		.home_events .side_bnrList {
			width: 46%;
			float: left;
		}
		.home_events #fbBox {
			width: 50%;
			float: right;
		}
	}
	@media(min-width:1px) and (max-width: 640px) {
	.home_events .side_bnrList {
			max-width: 300px;
			width: 100%;
			float: none;
			margin: 0 auto;
			text-align: center;
		}
		.home_events #fbBox {
			width: 100%;
			float: none;
		}
	}
	@media(min-width:1px) and (max-width: 480px) {
		.home_events .list .calender .date {
			font-size: 14px;
		}
		.home_events .list .calender .date em {
			font-size: 16px;
		}
	}

/*==================================================
contents
==================================================*/
.contwrap .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	margin-bottom: 20px;
}
.contwrap .movie video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.greeting .contwrap img {
	width: 200px;
	height: auto;
}
	@media(min-width:1px) and (max-width: 460px) {
		.greeting .contwrap img {
			width: 100%;
		}
	}
.history {
	position: relative;
	margin-bottom :2em;
}
.history table {
	text-align: center;
	border-spacing: 1px 0;
	border: none;
	line-height:1.8em;
}
.history tr {
	border-bottom: 1px dotted #ccc;
}
.history th {
	width: 60px;
	border: solid #4b4bff;
	border-width: 0 0 0 1px;
}
.history td {
	border-top: none;
	border-right: none;
}
.history table {
	margin-bottom: 50px;
}
	@media(min-width:1px) and (max-width: 640px) {
		.history table + table {
			text-align: left;
		}
		.history table + table td {
			padding-left: 2%;
		}
	}


.publications dl {
	padding: 1em;
	overflow: hidden;
}
.publications dl dt {
	float: left;
	width: 140px;
}
.publications dl dd {
	margin-left: 140px;
}
.publications_old ul {
	display: table;
	margin: 20px;
}
.publications_old ul.table li {
	display: inline-table;
	width: 280px;
}
.publications .contwrap p.link,
.publications_old p.link {
	position: relative;
	z-index: 888;
	/*text-align: right;*/
	margin-left: 2em;
    /*margin-top: -4em;*/
}
table th.staff_cats {
	padding: 15px;
	background: #8fbf00;
}
.member table td {
	padding: 5px 15px;
}
.gmap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.gmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.generation span,
.conversion span,
.process span,
.center span,
.center2 span,
.generation em,
.conversion em,
.process em,
.center em,
.center2 em {
	color: #fff;
	font-size: 12px;
	border: 1px solid;
	padding: 0 6px !important;
}
.generation span,.generation em { border-color: #E891A3 !important; }
.conversion span,.conversion em { border-color: #38B48B !important; }
.process span,.process em		{ border-color: #BBBCDE !important; }
.center span,.center em		{ border-color: #FE9C41 !important; }
.center2 span,.center2 em		{ border-color: #38a1db !important; }
.generation span { background: #E891A3 !important; }
.conversion span { background: #38B48B !important; }
.process span    { background: #BBBCDE !important; }
.center span    { background: #FE9C41 !important; }
.center2 span    { background: #38a1db !important; }
.generation em	{ color: #E891A3 !important; }
.conversion em	{ color: #38B48B !important; }
.process em		{ color: #BBBCDE !important; }
.center em		{ color: #FE9C41 !important; }
.center2 em		{ color: #38a1db !important; }

#generation .generation span,
#conversion .conversion span,
#process .process span,
#center .center span,
#center2 .center2 span {
	font-size: 14px;
	background: none !important;
	color: #000 !important;
	border: none;
	padding: 0 !important;
}
.sec_main dt p {
	margin-bottom: 0;
}
.sec_main dd {
	margin-bottom: 15px;
	padding: 5px 0 10px;
	border-bottom: 1px dotted #555;
}
/*==================================================
search
==================================================*/
#fs-result-items li {
	list-style: none;
	padding: 10px;
	margin: 0 0 5px;
	border-bottom: 1px dotted #ccc;
}
.fs-paginate {
	margin-top: 30px;
}
.fs-paginate ul li {
	display: inline-block;
	list-style: none;
	margin: 0 8px;
}
.fs-paginate ul li a {
	position: relative;
	text-decoration: none;
}
.fs-paginate ul li.fs-current a {
	color: #000;
}
.fs-paginate ul li:after {
	display: none;
}
/*==================================================
Research icon
==================================================*/
.icon_other {
	display: none !important;
}
.icon_press,
.icon_top5,
.icon_international,
.icon_coordination {
    position: relative;
    color: #555;
    display: inline-block;
}
.icon_press:after,
.icon_top5:after,
.icon_international:after,
.icon_coordination:after {
    position: relative;
    content: ''; 
    display: block;
	width: 32px;
	height: 32px;
	background: #000;
}
.icon_press:after { background: url(../img/icon_press.png) no-repeat 0 0; }
.icon_top5:after { background: url(../img/icon_top5.png) no-repeat 0 0; }
.icon_international:after { background: url(../img/icon_international.png) no-repeat 0 0; }
.icon_coordination:after { background: url(../img/icon_coordination.png) no-repeat 0 0; }

.icon_press span,
.icon_top5 span,
.icon_international span,
.icon_coordination span {
    display: none;
}

.icon_press:hover,
.icon_top5:hover,
.icon_international:hover,
.icon_coordination:hover {
    position: relative;
    color: #333;
}
.icon_press:hover span,
.icon_top5:hover span,
.icon_international:hover span,
.icon_coordination:hover span {
    display: block;
    position: absolute;
    top: 35px;
    left: -20px;
    font-size: 90%;
    color: #fff;
    background-color: #51A2C1;
    width: auto;
    white-space: nowrap;
    padding: 5px;
    border-radius:3px;
    z-index:100;
}
.icon_press span:before,
.icon_top5 span:before,
.icon_international span:before,
.icon_coordination span:before {
    content: ''; 
    display: block; 
    position: absolute;
    height: 0; 
    width: 0; 
    top: -13px; 
    left: 35px;
    border: 13px transparent solid; 
    border-right-width: 0; 
    border-left-color: #51A2C1; 
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    z-index: 100;
}



.slick-dots li {
	background: none;
}
#promotion p {
    display: none;
}

#promotion .slick-dots li {
	background: none !important;
}







/*==================================================
#information  2018-08-08 add
==================================================*/
#information .cont_speaker {
	letter-spacing: 0;
}
#information .cont_speaker .category {
	width: 145px;
	padding: 5px 0;
	margin: 0 0 5px;
	color: #fff;
	line-height: 100%;
	font-size: 13px;
	font-weight: 700;
	text-align: center;
	background: #7c9e3b;
}
#information .cont_speaker ul {
	margin: 0 0 20px;
}
#information .cont_speaker li {
	display: table;
	width: 100%;
	list-style: none;
}
#information .cont_speaker li +li {
	margin-top: 20px;
}
#information .cont_speaker figure {
	display: table-cell;
	width: 140px;
	vertical-align: top;
}
#information .cont_speaker div {
	display: table-cell;
}
#information .cont_speaker div p {
	width: 470px;
	padding: 0 0 10px;
	font-size: 13px;
	font-weight: 700;
	color: #314c5c;
	line-height: 140%;
	margin-bottom: 0;
}
#information .cont_speaker div .txt-name {
	font-size: 18px;
	color:#007130; 
}
#information .cont_speaker div p {
	margin-left: -1em;
}
#information .cont_speaker div p:last-child {
	position: relative;
	margin-left: 0;
}
#information .cont_speaker div p:last-child:before {
	position: absolute;
	top: 0;
	left: -1em;
	content: "” ";
}
#information .cont_speaker div p:last-child span {
	display: none;
}
#information .cont_speaker .btn {
	display: block;
	width: 350px;
	height: 70px; 
	line-height: 70px;
	margin: 40px auto 0;
	color: #fff;
	text-align: center;
	font-size: 24px; 
	background: #077727;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	transition: all .3s;
}
#information .cont_speaker .btn:hover {
	text-decoration: none;
	background: orange;
}
#information .cont_speaker .btn span {
	color: #ff0000;
}

}