@charset "UTF-8";
/* CSS Document */
/* ---------------------------------------------------------
 メインイメージ
--------------------------------------------------------- */
.purple mark {
	background-color: #675cb6;
}

p#id {
	background-color: #fff;
}

p.release {
	margin: 0 0 15px;
}

p.release::after {
	content: '';
	display: block;
	width: 320px;
	height: 22px;
	background-image: url("/Portals/0/images/webmag/title/developments.png");
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

/* ---------------------------------------------------------
 ポイント
--------------------------------------------------------- */
section.pointWrap article {
	border-color: #dcd7fb;
}
section.pointWrap article strong {
	color: #675cb6;
	font-weight: 600;
}
section.pointWrap article.keypoint {
	border-color: #675cb6;
}

.purple .basics {
  position: relative;
  margin: 60px 0;
  padding: 2rem 0 0;
  border-top: 1px solid #675cb6;
  border-bottom: 1px solid #675cb6;
}
.purple .basics span {
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background-color: #fff;
  width: 280px;
  text-align: center;
}
.purple .basics .purple {
  color: #675cb6;
  font-size: 1.6rem;
  text-align: center;
  margin: 18px 0;
  background: none;
  font-weight: bold;
}
.purple .basics p {
  margin-bottom: 36px;
}

.introduction {
    background: rgba(196, 188, 249, 0.2);
    padding: 30px 30px 5px;
    margin: 0 0 60px;
    outline: 2px solid #FFFFFF;
    outline-offset: -10px;
}

/* ---------------------------------------------------------
 目次
--------------------------------------------------------- */
li.list-h2::marker {
	color: #675cb6;
}
/* ---------------------------------------------------------
 コンテンツ
--------------------------------------------------------- */
#mainBody .purple h2{
	color: #675cb6 !important;
}

#mainBody .purple p.purple, 
#mainBody .purple p .purple,
span.purple {
	color: #675cb6;
}

#mainBody .purple .speaker {
	color: #675cb6;
	font-weight: bold;
}
/* ---------------------------------------------------------
 研究者プロフィール
--------------------------------------------------------- */
.researcherWarp article.researcher p:nth-of-type(2){
	color: #675cb6;
}

/* ---------------------------------------------------------
 お問い合わせ先
--------------------------------------------------------- */
.infofWarp {
	background-color: #675cb6;
}
/* ---------------------------------------------------------
 モバイル表示
--------------------------------------------------------- */
/* ---------------------------------------------------------
 メインイメージ
--------------------------------------------------------- */
.spView .purple mark {
	background-color: #675cb6;
	color: #fff;
	font-size: 3.8rem;
	line-height: 5rem;
	font-weight: bold;
	display: table;
	padding: 3px 10px 0px !important;
}

.spView p.release::after {
	width: auto;
	height: 18px;
	margin: 10px 0 0;
}

/* ---------------------------------------------------------
 ポイント
--------------------------------------------------------- */
.spView .purple .basics {
	margin: 28px 0 0;
	padding: 2rem 17px 0;
}

.spView .introduction {
    margin: 60px 0 0;
}