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

/* ---------------------------------------------------------
 メインイメージ
--------------------------------------------------------- */
.blue.bb p#tag {
	margin: 17px 0 15px !important;
}

#mainBody .mainImg {
    position: relative;
    width: 100%;
    margin: 0 auto 37px;
}

#mainBody .mainImg p#text {
    margin: 0px;
}

.pcView .blue #text.left{
	text-align: left;
	right: 0;
	left: 40px;
}

.pcView .blue #text.left mark {
	margin: 0 0 13px;
}

/* ---------------------------------------------------------
 取材・文
--------------------------------------------------------- */
.blue.bb p.ta-right {
	font-size: 1.4rem!important;
	line-height: 2.2rem !important;
	margin: 0 0 50px;
}

/* ---------------------------------------------------------
 コンテンツ
--------------------------------------------------------- */
.blue.bb .grayBox {
	font-size: 1.5rem;
	line-height: 2.7rem;
	padding: 25px;
	margin: 0 0 37px;
}

.blue.bb p {
	padding: 0;
	margin: 0 0 20px;
	line-height: 3.2rem;
	font-size: 1.6rem;
}

.pcView #mainBody div.mainImg p#tag {
	margin: 45px 0 15px!important;
}


/* ---------------------------------------------------------
 テーブル（table）
--------------------------------------------------------- */
table.listTable caption {
    text-align: center;
    font-size: 1.2rem;
    padding: 0;
	margin-bottom: 10px;
}

/* ---------------------------------------------------------
 解説
--------------------------------------------------------- */
.quote {
	background: none repeat scroll 0 0 #F5F5F5; 
	margin: 3rem 0;
}

.quote article {
	width: fit-content;
    margin: 0 auto;
    padding: 20px 10px;
    font-size: 1.2rem;
}

.quote article.right {
	text-align: right;
}

.quote article p {
    margin: 0!important;
}

/* ---------------------------------------------------------
 研究者プロフィール
--------------------------------------------------------- */
.blue.bb #profile {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: max-content 1fr auto;
	grid-template-areas:
	"Photo Column"
	"Photo Comment";
	width: fit-content;
}

.blue.bb #profile.group {
	grid-template-columns: auto 1fr;
	grid-template-rows: max-content auto;
	grid-template-areas:
	"Photo Column"
	"Comment Comment";
}

.blue.bb #profile.org {
	grid-template-columns: auto 1fr;
	grid-template-rows: max-content auto;
	grid-template-areas:
	"Photo Ex"
	"Photo Ex";
}

.blue.bb #profile:not(:first-child) {
	margin-top: 0;
}

.blue.bb #profile .ex {
	grid-area: Ex;
}

.blue.bb #profile .ex .column:not(:first-child) {
	margin-top: 30px;
}

.blue.bb #profile .photo {
	max-width: 300px;
	grid-area: Photo;
	margin: 0;
}

.blue.bb #profile .photo img {
	max-width: 300px;
	height: auto;
}

.blue.bb #profile .column {
	grid-area: Column;
	margin: 0 0 0 30px;
}

.blue.bb #profile .affiliation {
	font-size: 1.2rem;
}

.blue.bb #profile .affiliation br:not(:last-child) {
	display: contents;
} 

.blue.bb #profile .name {
	margin: 0 0 10px;
	font-size: 2rem;
	color: #1b54b1;
}

.blue.bb #profile .name span {
	color: #333333;
}

.blue.bb #profile .name span {
	font-size: 1.0rem;
	margin: 0 0 0 10px;
	font-style: italic;
}

.blue.bb #profile .name span span {
	margin: 0;
	font-style: normal;
}

.blue.bb #profile .comment {
	grid-area: Comment;
	margin: 0 0 0 30px;
}

.blue.bb #profile.group .comment {
	margin: 30px 0 0 0;
}

/* ---------------------------------------------------------
 モバイル表示
--------------------------------------------------------- */

/* ---------------------------------------------------------
 メインイメージ
--------------------------------------------------------- */
.spView .blue.bb p#tag {
	margin: 15px 0 !important;
	max-width: 98% !important;
}

.spView .mainImg {
	margin: 0 auto 15px !important;
}

.spView .mainImg p#text {
    position: relative;
	margin: 0 !important;
}

.spView .mainImg mark {
    line-height: 2.8rem !important;
    font-size: 1.9rem !important;
    margin: 0 0 5px 0 !important;
	padding: 3px 10px 0 !important;
    font-feature-settings: "palt";
    letter-spacing: .1em;
}

.spView .mainImg mark#white {
	padding: 5px 10px 0px;
    line-height: 1.6rem !important;
    font-size: 1.5rem !important;
    padding-left: 0 !important;
	margin-bottom: 15px !important;
}

/* ---------------------------------------------------------
 取材・文
--------------------------------------------------------- */
.spView .blue.bb p.ta-right {
	font-size: 1.2rem !important;
	line-height: 2rem !important;
	margin: 0 0 50px !important;
}

.spView .blue.bb .contents.bb {
	margin: 25px 0 0;
}

/* ---------------------------------------------------------
 イントロダクション
--------------------------------------------------------- */
.spView .blue.bb .grayBox {
	font-size: 1.5rem;
	line-height: 2.5rem;
	margin: 0 0 15px;
	padding: 20px;
}

.spView .blue.bb .grayBox.single {
	margin: 0 0 45px;
}

/* ---------------------------------------------------------
 コンテンツ
--------------------------------------------------------- */
.spView .blue.bb p {
	line-height: 2.5rem;
	font-size: 1.5rem;
}

/* ---------------------------------------------------------
 研究者プロフィール
--------------------------------------------------------- */
.spView .blue.bb #profile {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-content: center;
	flex-wrap: wrap;
}

.spView .blue.bb #profile.nophoto {
	justify-content: flex-start!important;
}

.spView .blue.bb #profile:not(:first-child) {
	margin-top: 20px;
}

.spView .blue.bb #profile > div {
	margin: 0;
}

.spView .blue.bb #profile p {
	font-size: 1.5rem;
	line-height: 2.6rem!important;
	margin: 0 0 15px!important;
}

.blue.bb #profile .ex .column:not(:first-child) {
	margin-top: 30px;
}

.spView .blue.bb #profile .photo {
	width: 48%;
}

.spView .blue.bb #profile .photo img {
	max-width: 640px;
}

.spView .blue.bb #profile .column {
	width: 52%;
	padding: 0 0 0 15px;
}

.spView .blue.bb #profile.nophoto .column {
	width: 100%;
	padding: 0;
}

.spView .blue.bb .ex .photo {
	width: 100%!important;
}

.spView .blue.bb .ex .column {
	width: 100%!important;
	margin: 30px 0 0!important;
	padding: 0!important;
}

.spView .blue.bb #profile .affiliation {
	margin-bottom: 3px!important;
	font-size: 1.2rem;
	line-height: 2rem !important;
}

.spView .blue.bb #profile .affiliation br {
	display: block;
} 

.spView .blue.bb #profile.nophoto .affiliation br:not(:last-child) {
	display: contents;
} 

.spView .blue.bb #profile .name {
	font-size: 2rem;
}

.spView .blue.bb #profile .name span {
	font-size: 1.0rem;
	margin: 0;
	display: block;
}

.spView .blue.bb #profile .name span span {
	display: inline-block;
}

.spView .blue.bb #profile .comment {
	margin: 15px 0 0;
}

/* ---------------------------------------------------------
 研究者プロフィール 
--------------------------------------------------------- */
.spView .blue.bb #profile.group .column p:last-child {
	margin: 0!important;
}