@charset "Shift_JIS";

/* -----------------------------------------------------------
CSS Information

Site URL:       http://www.cosme.net/
File name:      committee.css
Created:        2018-11-12
Last update:
by Author Style Info: pc bst 2018 committee css
----------------------------------------------------------- */

/* -----------------------------------------------------------
Table of Contents

* #award-committee
  -- #award-committee-content
    -- .committee-title
    -- .committee-subtitle
    -- .committee-description
    -- .committee-inner
    -- .committee-image
    -- .committee-name
    -- .committee-post
    -- .committee-text
----------------------------------------------------------- */

/* ---------------------------------------------------------------
#award-committee
--------------------------------------------------------------- */
#award-committee {
	position: relative;
}

/* #award-committee-content
--------------------------------------------------------------- */
#award-committee-content {
	position: relative;
}
#award-committee-content .committee-title {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#award-committee-content .committee-title::after {
	display: block;
	width: 200px;
	height: 2px;
	margin: 15px auto 20px;
	background: -webkit-linear-gradient(left, transparent, #fff 25%, #fff 75%, transparent) no-repeat center;
	background: linear-gradient(to right, transparent, #fff 25%, #fff 75%, transparent) no-repeat center;
	content: '';
}
#award-committee-content .committee-title:first-child {
	line-height: 1.5;
}
#award-committee-content .committee-subtitle {
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5;
}
#award-committee-content .committee-description {
	position: relative;
	margin: 0 47px 64px;
}
#award-committee-content .committee-description + .committee-description {
	margin-top: -24px;
}
#award-committee-content .committee-description::after {
	position: absolute;
	top: 13px;
	left: 13px;
	width: 100%;
	height: 100%;
	border: 2px solid #e8e1ff;
	box-sizing: border-box;
	box-shadow: 0 0 10px 3px rgba(168, 139, 255, .65), 0 0 10px 2px rgba(168, 139, 255, .7) inset;
	content: '';
}
#award-committee-content .committee-inner {
	position: relative;
	z-index: 1;
	padding: 30px 20px;
	background-color: #fff;
}
#award-committee-content .committee-image {
	float: right;
	margin-left: 20px;
}
#award-committee-content .committee-name {
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
}
#award-committee-content .committee-post {
	display: block;
	font-size: 13px;
}
#award-committee-content .committee-text {
	font-size: 14px;
	line-height: 1.6;
}