@charset "utf-8";


/**************************************************50
 * message
 **************************************************/
#message{
	margin-bottom: 30px;
}
#message:after{
	clear: both;
	content: "";
	display: block;
}
#message iframe{
	float: left;
}
#message video{
	float: left;
	width: 500px;
}
#message figcaption{
	text-align: left;
}
#message iframe + figcaption,
#message video + figcaption{
	float: right;
	width: -webkit-calc(100% - 500px - 1em);
	width: calc(100% - 500px - 1em);
}
#message figcaption h2{
	color: #FE4979;
	font-size: 162.5%;
	line-height: 1.2;
	margin-bottom: 5px;
}
#message figcaption p{
}


/**************************************************50
 * top_staffbbs
 **************************************************/
#top_staffbbs{
	margin-bottom: 30px;
	text-align: left;
}
#top_staffbbs:after{
	clear: both;
	content: "";
	display: block;
}
#top_staffbbs img{
	max-width: 100%;
}
#top_staffbbs > div{
	background-color: #FFFFFF;
	border: 1px solid #F5EDEF;
	float: left;
	width: 730px;
}
#top_staffbbs > div > p{
	background-color: #F5EDEF;
	color: #904A59;
	font-size: 75%;
	height: 24px;
	line-height: 24px;
	padding: 0 20px;
}
#top_staffbbs > div > figure{
	padding: 10px;
	position: relative;
}
#top_staffbbs > div > figure > a img{
	max-height: 240px;
	position: absolute;
	top: 10px;
	left: 130px;
	-ms-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 240px;
}
#top_staffbbs > div > figure > figcaption{
	height: 240px;
	overflow-x: hidden;
	overflow-y: zuto;
	word-break: break-all;
}
#top_staffbbs > div > figure > a img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
}
#top_staffbbs > div > figure > a:hover img{
	opacity: 0.7;
}
#top_staffbbs > div > figure > a + figcaption{
	margin-left: auto;
	width: -webkit-calc(100% - 240px - 10px);
	width: calc(100% - 240px - 10px);
}
#top_staffbbs > div > figure > figcaption h3{
	font-size: 150%;
	line-height: 1.2;
	margin-bottom: 5px;
}
#top_staffbbs > div > figure > figcaption h3 a{
	color: #8D4957;
}
#top_staffbbs > ul{
	border-top: 1px solid #9A4F5F;
	float: right;
	margin-bottom: 25px;
	width: 340px;
	word-break: break-all;
}
#top_staffbbs > ul > li{
	border-bottom: 1px solid #9A4F5F;
	position: relative;
}
#top_staffbbs > ul > li h3{
	color: #8D4957;
	font-size: 112.5%;
}
#top_staffbbs > ul > li h3 a{
	color: #8D4957;
}
#top_staffbbs > ul > li > a img{
	max-height: 90px;
	position: absolute;
	top: 50%;
	left: 45px;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 90px;
}
#top_staffbbs > ul > li > div{
	padding: 13px 0;
}
#top_staffbbs > ul > li > a img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
}
#top_staffbbs > ul > li > a:hover img{
	opacity: 0.7;
}
#top_staffbbs > ul > li > a + div{
	margin-left: auto;
	width: -webkit-calc(100% - 90px - 10px);
	width: calc(100% - 90px - 10px);
}
#top_staffbbs > ul > li >div > p{
	color: #904A59;
	font-size: 75%;
}
#top_staffbbs .link_to{
	background: -webkit-linear-gradient(top, #9A4F5F 0%, #854552 100%);
	background: linear-gradient(to bottom, #9A4F5F 0%, #854552 100%);
	border-radius: 0;
	float: right;
	width: 340px;
}
#top_staffbbs .link_to:hover{
	background: -webkit-linear-gradient(top, #854552 0%, #9A4F5F 100%);
	background: linear-gradient(to bottom, #854552 0%, #9A4F5F 100%);
	opacity: 1;
}


/**************************************************50
 * top_experience
 **************************************************/
#top_experience{
	margin-bottom: 30px;
}
#top_experience > li{
	display: inline-block;
	vertical-align: top;
	width: 480px;
}
#top_experience > li:nth-child(even){
	margin-left: 50px;
}
#top_experience > li a img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
	width: 100%;
}
#top_experience > li a:hover img{
	opacity: 0.7;
}
#top_experience > li p{
	margin-top: 10px;
	text-align: left;
}


