@charset "utf-8";
/* INDEX (EN) */

/* bxslider */
.bxslider, bxslider * {
	transition:initial;
}

/* SP-Tab
---------------------------------------------------------- */
@media screen and (max-width:768px){
/* slider */
.bx-wrapper .bx-controls-direction a {
    width: 26px;
    height: 26px;
    margin-top: -13px;
}
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
	background-position: left center;
	background-size: 26px 26px;
}

#slideDetail {
	background: #f0f0f0;
	padding: 15px 10px;
}
#about {
	padding-bottom: 2em;
}
/* WHAT'S NEW / EVENTS */
#whatsNew,
#promoting,
#wrapBrochure {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2em;
}
#tabMenu {
	margin-bottom: 30px;
	padding-bottom: 5px;
	position: relative;
	letter-spacing: -0.4em;
}
#tabMenu:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 25px;
	border-bottom: #333 2px solid;
}
#tabMenuNew, #tabMenuEvents {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}
#tabMenuNew {
	padding-right: 10px;
	margin-right: 10px;
	border-right: #b2b2b2 2px solid;
}
#tabBoxEvents {
	display: none;
}
#tabBoxes,
#promotingList,
#wrapBrochure {
	margin-left: auto;
	margin-right: auto;
	width: 93.3%;
}
#tabBoxes {
	margin-bottom: -1em;
	letter-spacing: -0.4em;
}
.tabBox {
	letter-spacing: normal;
	margin-bottom: 1em;
	display: inline-block;
	vertical-align: top;
	width: 48.7%;
    margin-right: 2.6%;
}
.tabBox:nth-child(even) {
    margin-right: 0;
}
.tabBoxImg {
	margin-bottom: 0.5em;
}
.tabBoxTxt .date {
	text-align: left;
	padding-left: 20px;
	background: url(/img/common/parts/ic_calendar.png) no-repeat left center;
	background-size: 14px 14px;
}
.tabBoxTxt .more a {
	text-decoration: none;
}
/* 3 KEY ACTIVITIES */
#promotingList li {
	margin-bottom: 1em;
}
#promotingList li:last-child {
	margin-bottom: 0;
}
#promotingList .img {
	margin-bottom: 0.5em;
}
/* BROCHURE */
.btnLearn {
	background: #00b0b9;
	display: table;
	width: 100%;
	height: 45px;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 2em;
}
.btnLearn a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.btnLearn a span {
	padding-left: 26px;
	background: url(/img/index/ic_info_white.png) no-repeat left center;
	background-size: 18px 18px;
}
#brochure {
	text-align: center;
}
#brochure .img {
	width: 39.3%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0.5em;
}
#borchureDownload a {
	text-decoration: none;
}
/* RESEARCH FOCUS AREA */
#researchArea {
	width: 100%;
	background: #333;
	padding: 15px 10px;
	text-align: center;
	color: #fff;
}
#researchAreaTtl {
	margin-bottom: 10px;
}
#btnDatabase {
	border-radius: 25px;
	display: inline-block;
	background: #fff;
	width: 100%;
}
#btnDatabase a {
	text-decoration: none;
	display: table;
	width: 100%;
	height: 50px;
	text-align: center;
	color: #333;
}
#btnDatabase a span {
	display: table-cell;
	vertical-align: middle;
}
#researchMap {
	width: 100%;
}
#researchMapImg {
	background: #48bcec;
	text-align: right !important;
}
#wrapResearchList {
	background: #86d2f1;
	padding: 15px 20px;
}
#researchList {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	-o-columns: 2;
	column-gap: 15px;
	-webkit-column-gap: 15px;
	-moz-column-gap: 15px;
	-ms-column-gap: 15px;
	-o-column-gap: 15px;
}
}

/* Tab
---------------------------------------------------------- */
@media screen and (min-width:641px) and (max-width:768px){
/* slider */
#slideDetail {
	padding: 30px;
}
/* WHAT'S NEW / EVENTS */
#whatsNew,
#promoting {
	padding-left: 30px;
	padding-right: 30px;
}
#tabBoxes,
#promotingList {
	width: 97.2%;
	margin-bottom: 0;
}
.tabBox {
	width: 24%;
	margin-right: 1.3%;
	margin-bottom: 0;
}
.tabBox:nth-child(2n) {
	margin-right: 1.3%;
}
.tabBox:last-child {
	margin-right: 0;
}
/* 3 KEY ACTIVITIES */
#promotingList li {
	width: 32%;
	float: left;
	margin-right: 2%;
}
#promotingList li:last-child {
	float: right;
	margin-right: 0;
}
/* BROCHURE */
#wrapBrochure {
	width: 455px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
}
#wrapBrochure:after {
	content:"";
	display:block;
	clear:both;
}
.btnLearn {
	width: 220px;
	float: right;
	margin-bottom: 0;
}
#brochure {
	text-align: left;
	width: 220px;
	float: left;
}
#brochure .img {
	width: 110px;
	float: left;
	margin-right: 10px;
}
/* RESEARCH FOCUS AREA */
#btnDatabase {
	width: 300px;
}
#researchMapImg {
	padding-right: 8%;
}
#wrapResearchList {
	padding: 30px;
}
#researchList {
	width: 97.2%;
	margin-left: auto;
	margin-right: auto;
}
#researchList {
	columns: 4;
	-webkit-columns: 4;
	-moz-columns: 4;
	-ms-columns: 4;
	-o-columns: 4;
	column-gap: 10px;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	-ms-column-gap: 10px;
	-o-column-gap: 10px;
}
}

/* PC
---------------------------------------------------------- */
@media print, screen and (min-width:769px){
/* contents */
.topCol2 {
	width: 92%;
	max-width: 1150px;
	margin-left: auto;
	margin-right: auto;
}

.topCol2 #flt {
	width: 74.3%;
	float: left;
}

.topCol2 #frt {
	width: 23.1%;
	float: right;
}
/*
.topCol2 #about,
.topCol2 #promoting {
	width: 74.3%;
	float: left;
}

.topCol2 #whatsNew,
.topCol2 #wrapBrochure {
	width: 23.1%;
	float: right;
}
*/
/* slider */
.bx-wrapper .bx-controls-direction a {
    width: 68px;
    height: 68px;
    margin-top: -34px;
}
#slideDetail {
	background: #f0f0f0;
	padding: 15px;
}
#about {
	padding-bottom: 25px;
}
/* WHAT'S NEW / EVENTS */
#whatsNew {
	padding-bottom: 25px;
}
#tabMenu {
	margin-bottom: 30px;
	padding-bottom: 5px;
	position: relative;
	letter-spacing: -0.4em;
}
#tabMenu:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	display: block;
	width: 25px;
	border-bottom: #333 2px solid;
}
#tabMenuNew, #tabMenuEvents {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
}
#tabMenuNew {
	padding-right: 10px;
	margin-right: 10px;
	border-right: #b2b2b2 2px solid;
}
#tabBoxEvents {
	display: none;
}
#tabMenuNew a:hover, #tabMenuEvents a:hover {
	text-decoration: underline;
}
.tabBox {
	margin-bottom: 1em;
}
.tabBox:after {
	content:"";
	display:block;
	clear:both;
}
.tabBox:last-child {
	margin-bottom: 0;
}
.tabBoxImg {
	width: 45.1%;
	float: left;
}
.tabBoxTxt {
	width: 48.9%;
	float: right;
}
.tabBoxTxt .date {
	text-align: left;
	padding-left: 20px;
	background: url(/img/common/parts/ic_calendar.png) no-repeat left center;
	background-size: 14px 14px;
}
.tabBoxTxt .more a {
	text-decoration: none;
}
.tabBoxTxt .more a:hover {
	text-decoration: underline;
}
/* 3 KEY ACTIVITIES */
#promoting {
	padding-bottom: 25px;
}
#promotingList li {
	width: 31.1%;
	float: left;
	margin-right: 3.3%;
}
#promotingList li:last-child {
	margin-right: 0;
	float: right;
}
#promotingList li .img {
	margin-bottom: 1em;
}
/* BROCHURE */
#wrapBrochure {
	padding-top: 25px;
	padding-bottom: 25px;
	border-top: #f0f0f0 2px solid;
}
.btnLearn {
	background: #00b0b9;
	display: table;
	width: 100%;
	height: 66px;
	text-align: center;
	border-radius: 5px;
	margin-bottom: 40px;
}
.btnLearn a {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.btnLearn a span {
	padding-left: 35px;
	background: url(/img/index/ic_info_white.png) no-repeat left center;
	background-size: 26px 26px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.btnLearn a:hover {
	text-decoration: underline;
}
#brochure .img {
	width: 37.6%;
	float: left;
}
#brochure #borchureTxt {
	width: 58.6%;
	float: right;
	padding-top: 5px;
}
#borchureDownload a {
	text-decoration: none;
}
#borchureDownload a:hover {
	text-decoration: underline;
}
/* RESEARCH FOCUS AREA */
#researchArea {
	width: 100%;
	background: #333;
	padding: 20px 0;
	text-align: center;
	color: #fff;
}
#researchAreaTtl {
	margin-bottom: 10px;
}
#btnDatabase {
	border-radius: 25px;
	display: inline-block;
	background: #fff;
}
#btnDatabase a {
	text-decoration: none;
	display: table;
	width: 204px;
	height: 50px;
	text-align: center;
	color: #333;
}
#btnDatabase a span {
	display: table-cell;
	vertical-align: middle;
}
#btnDatabase a:hover {
	text-decoration: underline;
}
#researchMap {
	width: 100%;
	display: table;
}
#researchMapImg {
	width: 70%;
	display: table-cell;
	vertical-align: top;
	background: #48bcec;
	text-align: right !important;
}
#wrapResearchList {
	width: 30%;
	display: table-cell;
	vertical-align: top;
	background: #86d2f1;
	padding: 30px;
}
#researchList {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	-o-columns: 2;
	column-gap: 30px;
	-webkit-column-gap: 30px;
	-moz-column-gap: 30px;
	-ms-column-gap: 30px;
	-o-column-gap: 30px;
}
}

/* IEのみ TOP */
@media all and (-ms-high-contrast: none){
#researchMapImg img {
	width: 100%;
}
}