@charset "UTF-8";
/* CSS Document */
/* ---------------------------------------------------------
 メインイメージ
--------------------------------------------------------- */
.collab p#tag {
	margin: 17px 0 15px !important;
}
.spView .mainImg mark {

}
/* ---------------------------------------------------------
 ポイント
--------------------------------------------------------- */
section.pointWrap article strong {
	color: #f08200;
	font-weight: 600;
}
section.pointWrap article {
	border: 1px solid #ddd!important;
	padding: 25px;
}
	
/* ---------------------------------------------------------
 コンテンツ
--------------------------------------------------------- */
.collab mark {
	background-color: #f08200;
}

.collab h2 {
	color: #f08200;
}

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

.collab .speaker {
	color: #f08200;
	font-weight: bold;
}
/* ---------------------------------------------------------
 リスト
--------------------------------------------------------- */
ul.disc {
    margin: 0 0 0 2em;
    padding: 0.25em 0 1em 0;
}

ul.disc li {
    padding: 0 0 5px 0;
	margin: 0;
}

ul.collab_link li {
    background: url(/Portals/0/images/common/ico_cercle.gif) no-repeat 0 5px;
    padding-left: 18px;
    list-style: none;
}

/* ---------------------------------------------------------
 目次
--------------------------------------------------------- */
section.tableOfcontents ul li.list-h2::marker {
	color: #f08200;
}

/* ---------------------------------------------------------
 ライター、編集者プロフィール
--------------------------------------------------------- */
.collab #profile {
	display: inherit;
}

.collab #profile section:first-of-type {
	margin-bottom: 40px;
}

.collab #profile section {
	display: grid;
	grid-template-columns: 1fr auto;
	grid-template-rows: max-content 1fr auto;
	grid-template-areas:
	"Photo Column"
	"Photo Comment";
	width: fit-content;
}

.collab #profile section .photo {
	max-width: 120px;
	grid-area: Photo;
	background-color: #fff;
	border-radius: 50%;
	-webkit-box-flex: 0;
	-ms-flex: none;
	flex: none;
	margin: 2px 0;
	overflow: hidden;
	width: 120px;
	height: 120px;
}

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

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

.collab #profile section .affiliation {
	font-size: 1.2rem;
}

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

.collab #profile section .name {
	margin: 0 0 10px;
	font-size: 2rem;
}

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

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

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

.spView #mainBody .mainImg {
	margin: 0 0 15px;
}
/* ---------------------------------------------------------
 コンテンツ
--------------------------------------------------------- */

.spView .collab section.pointWrap article.keypoint {
	margin-top: 40px;
}

/* ---------------------------------------------------------
 ライター、編集者プロフィール
--------------------------------------------------------- */
.spView .collab #profile {
	margin: 40px 0;
}

.spView .collab #profile section {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	align-content: center;
	flex-wrap: wrap;
}

.spView .collab #profile section:first-of-type {
	margin-bottom: 20px;
}

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

.spView .collab #profile section > div {
	margin: 0;
}

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

.spView .collab #profile section .photo {
	width: 48%;
	max-width: 90px;
	height: 90px;
}

.spView .collab #profile section .photo img {
	max-width: 90px;
}

.spView .collab #profile section .column {
	width: 52%;
	padding: 0 0 0 20px;
}

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

.spView .collab #profile section .affiliation br {
	display: block;
}

.spView .collab #profile section .name {
	font-size: 2rem;
}

.spView .collab #profile section .comment {
	margin: 15px 0 0;
}