@charset "utf-8";



/*===================================================
member
===================================================*/

/* 1024px < width */
@media (min-width: 1024px) {
	.smb-section__contents-wrapper .smb-section__body .wp-block-columns .wp-block-column {
			flex-basis: 0;
			flex-grow: 1;
			height: 270px;
	}
}

/* 782px <= widthe <= 1023px */
@media (min-width:782px) and (max-width: 1023px) {
	.smb-section__contents-wrapper .smb-section__body .wp-block-columns .wp-block-column {
			flex-basis: 0;
			flex-grow: 1;
			height: 500px;
	}
}


/*===================================================
project
===================================================*/

/*Navi*/
.projNaviArea{
	width: 100%;
	height: auto;
	background: #ffffff;
	padding: 1rem;
}
.projNaviArea .projNavi{
	color: #023563;
	display: flex;
	flex-wrap: wrap;
}
.projNaviArea .projNavi li{
	position: relative;
	color: #023563;
	list-style: none;
	margin: 0 1rem;
	padding: 0 18px 0 0;
}
.projNaviArea .projNavi li::after { /* くの字の表示設定 */
	content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 2px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #023563;
    border-right: 2px solid #023563;
    transform: rotate(45deg);
}



/*タイトル*/
h2.projTl_00{
	display: inline-block;
    width: auto;
    height: auto;
    background: transparent linear-gradient(163deg, #1C375D 0%, #3A7491 100%) 0% 0% no-repeat padding-box;
    border-radius: 36px;
    opacity: 1;
    color: #fff;
    font-size: 1.4rem;
    padding: 10px 26px 10px 26px;
}


h2.projTl_01{
	/* UI Properties */
	text-align: left;
	letter-spacing: 0px;
	color: #1F4270;
	font-size: 1.6rem;
    font-weight: bold;
    line-height: 4rem;
}

h3.projTl_00{
	background: transparent linear-gradient(90deg, #1C375D 0%, #3A7491 100%) 0% 0% no-repeat padding-box;
	text-align: left;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 1.3rem;
    font-weight: bold;
	padding: 5px 14px;
	margin: 0 0 12px;
}

h3.projTl_01{
	background:url(../img/tl_bg.svg) #4D277F no-repeat right 0px;
	text-align: left;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 1.3rem;
    font-weight: bold;
	padding: 5px 14px;
	margin: 0 0 12px;
}

h3.projTl_02{
	background:url(../img/tl_bg.svg) #6F9C58 no-repeat right 0px;
	text-align: left;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 1.3rem;
    font-weight: bold;
	padding: 5px 14px;
	margin: 0 0 12px;
}

h3.projTl_03{
	background:url(../img/tl_bg.svg) #903A34 no-repeat right 0px;
	text-align: left;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 1.3rem;
    font-weight: bold;
	padding: 5px 14px;
	margin: 0 0 12px;
}

h3.projTl_04{
	background:url(../img/tl_bg.svg) #C97F48 no-repeat right 0px;
	text-align: left;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 1.3rem;
    font-weight: bold;
	padding: 5px 14px;
	margin: 0 0 12px;
}

h3.projTl_05{
	background:url(../img/tl_bg.svg) #263566 no-repeat right 0px;
	text-align: left;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 1.3rem;
    font-weight: bold;
	padding: 5px 14px;
	margin: 0 0 12px;
}



/*台紙*/
.conBox{
	width: 100%;
	height: auto;
	padding: 50px 44px;
	background: #ffffff;
	border-top: 4px solid #5B85B3;
}
@media (max-width: 991px) {
	.conBox{
		width: 100%;
		height: auto;
		padding: 50px 22px;
		background: #ffffff;
		border-top: 4px solid #5B85B3;
	}
}

/*icon*/
.icon_box{
	display: inline-block;
    padding: 0.4rem 0.8rem;
    border: 1px solid #333333;
    font-size: 1rem;
}

/*List*/
ul.li_proj{
	list-style-type: circle;
}

/*ol li*/
ol li {
	list-style-type: none;
	counter-increment: cnt;
}

ol li::before {
	content: counter(cnt) ".";
}

/*ol li*/
ol.bracket li {
	list-style-type: none;
	list-style-position:inside;
	counter-increment: cnt;
}

ol.bracket li::before {
	display: marker;
	content: "(" counter(cnt) ") ";
}



/*table*/
table.table{
	width: 100%;
	border-collapse:separate;
	border-spacing: 0;
  }

table.table th:last-child{
	border-right: 1px solid #3c6690;
}

table.table th{
	color:white;
	background: #225588;
	border-left: 1px solid #3c6690;
	border-top: 1px solid #3c6690;
	border-bottom: 1px solid #3c6690;
	padding: 10px 0;
}
table.table td.active{
	color:white;
	background: #225588;
	border-left: 1px solid #3c6690;
	border-top: 1px solid #3c6690;
	border-bottom: 1px solid #3c6690;
	padding: 10px;
}
table.table td{
	border-left: 1px solid #a8b7c5;
	border-top:1px solid #a8b7c5;
	padding: 10px;
}

table.table td:last-child{
	border-right: 1px solid #a8b7c5;
}

table.table tr:last-child td{
	border-bottom: 1px solid #a8b7c5;
}


@media (max-width: 768px) {
	table.table td{
		display: block;
	}
}









/*===================================================
globalClass
===================================================*/
/**/
.letterSpace00{
	letter-spacing:0em;
}
.letterSpace01{
	letter-spacing:-0.1em;
}

/*text indent*/
.indent-1 {
	padding-left:1em;
	text-indent:-1em;
}

/*caption*/
.caption_08{
	font-size:0.8rem;
	padding-left:1em;
	text-indent:-1em;
}
.caption_07{
	font-size:0.7rem;
	padding-left:1em;
	text-indent:-1em;
}
.caption_06{
	font-size:0.6rem;
	padding-left:1em;
	text-indent:-1em;
}

.break:after{
	content: "\A";
	white-space: pre; 
}


/*SP displayBlock*/
@media (min-width: 992px) {
	.pcMenuDisplay{display: block !important;}
	.spMenuDisplay{display: none !important;}
}
@media (max-width: 991px) {
	.pcMenuDisplay{display: none !important;}
	.spMenuDisplay{display: block !important;}
	.spDisplayBlock th,.spDisplayBlock td{
		display: block !important;
	}
}
/*SpaceBox*/


/* layout */
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }
.ar { text-align: right; }
.ac { text-align: center; }
.vm { vertical-align: middle; }
.mc { margin-right: auto; margin-left: auto; }

/* margin-top */
.mt00 { margin-top: 0px !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
/* margin-right */
.mr00 { margin-right: 0px !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
/* margin-bottom */
.mb00 { margin-bottom: 0px !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }
/* margin-left */
.ml00 { margin-left: 0px !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }

/* padding-top */
.pt00 { padding-top: 0px !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }
.pt55 { padding-top: 55px !important; }
.pt60 { padding-top: 60px !important; }
/* padding-right */
.pr00 { padding-right: 0px !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }
.pr35 { padding-right: 35px !important; }
.pr40 { padding-right: 40px !important; }
.pr45 { padding-right: 45px !important; }
.pr50 { padding-right: 50px !important; }
.pr55 { padding-right: 55px !important; }
.pr60 { padding-right: 60px !important; }
/* padding-bottom */
.pb00 { padding-bottom: 0px !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb55 { padding-bottom: 55px !important; }
.pb60 { padding-bottom: 60px !important; }
/* padding-left */
.pl00 { padding-left: 0px !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }
.pl35 { padding-left: 35px !important; }
.pl40 { padding-left: 40px !important; }
.pl45 { padding-left: 45px !important; }
.pl50 { padding-left: 50px !important; }
.pl55 { padding-left: 55px !important; }
.pl60 { padding-left: 60px !important; }

/* clearfix */
.cf {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
.cf:after {
    display: block;
    visibility: hidden;
    clear: both;
    height: 0;
    content: ".";
}

/*Font weight*/
.font-bold{
	font-weight: bold;
}


html[lang='en-US'] body{
	letter-spacing: normal;
}



/*===================================================
bogo
===================================================*/
.bogo-language-switcher{
	display: inline-flex;
	padding-top: var(--_padding-1);
	padding-right: var(--_padding-1);
	padding-bottom: var(--_padding-1);
	padding-left: 0;
}

.bogo-language-switcher .current{
		display: none;
	}
.bogo-language-switcher li{
		text-align: right;
	}
.bogo-language-switcher a:before{
		content: "\f0ec";
		font-family: FontAwesome;
		padding-right: 8px;
	}

ul.bogo-language-switcher li.ja a{
	color: #ffffff;
	text-decoration: none;
}
ul.bogo-language-switcher li.en-US a{
	color: #ffffff;
	text-decoration: none;
}
.bogo-language-switcher a:before{
	display: none;
}
ul.bogo-language-switcher > a{
	display: none;
}



/*課題リーダー*/
html:lang(ja) .mem_head01:before{
	background-color: #333;
color: #fff;
content: "研究開発課題リーダー";
padding: 0 10px;
}
html:lang(en) .mem_head01:before{
	background-color: #333;
color: #fff;
content: "Research and Development Project Leader";
padding: 0 10px;
}

html:lang(ja) .mem_head02:before{
	background-color: #666;
color: #fff;
content: "研究開発課題副リーダー";
padding: 0 10px;
}

html:lang(en) .mem_head02:before{
	background-color: #666;
color: #fff;
content: "Research and Development Project Sub-Leader";
padding: 0 10px;
}




/*===================================================
メンバーページ
===================================================*/
/*メンバーのコンテンツ設定*/
/*メンバー名*/
.smb-section__header, .smb-section__subtitle, .smb-section__title {
    text-align: left !important;
}
/*メンバーローマ字*/
.smb-section__lede-wrapper {
    justify-content: left !important;
}