@charset "utf-8";


/*////////////////////////////////////////////////////////

プロフィール

////////////////////////////////////////////////////////*/
#profileWrap {
	margin-bottom:30px;
	background:#fce38a;
}
#profileWrap > div {
	position:relative;
	width:1000px;
	margin:0 auto;
}
.ann_trim {
	display:none;
	position:relative;
	float:left;
	width:230px;
	overflow:hidden;
}
#profileWrap > div img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#profData {
	position:relative;
	float:left;
	width:710px;
	padding:25px 0 0 20px;
	color:#334854;
}
#profData a {
	display:inline-block;
	color:#217db1;
}
#profData h4 {
	float:left;
	display:inline-block;
	margin-bottom:20px;
	font-size:12px;
}
#profData h4 strong {
	display:block;
	line-height:1em;
	margin-top:10px;
	font-weight:bold;
	font-size:27px;
}
#profData ul {
	float:left;
	width:108px;
	margin:20px 0 0 15px;
}
#profData ul li {
	float:left;
	width:30px;
	height:30px;
	margin:0 3px;
	text-indent:-9999px;
}
#profData ul #twitter {
	background:url(../../images/icon_twitter.png) no-repeat center top / 100% auto;
}
#profData ul #instagram {
	background:url(../../images/icon_instagram.png) no-repeat center top / 100% auto;
}
#profData ul #profMov {
	background:url(../../images/icon_movie.png) no-repeat center top / 100% auto;
}
#profData ul li a {
	display:block;
	line-height:30px;
}
#profData > a {
	position:absolute;
	top:0;
	right:0;
	padding:15px;
	background:#7cd2c2;
	color:#fff;
	font-size:14px;
}
#profData > div {
	clear:both;
}
#profData dl {
	float:left;
	width:100%;
}
#profData #smplData {
	width:320px;
	line-height:1.2;
}
#profData dl dt {
	width:80px;
	margin-bottom:10px;
	padding:6px 0;
	background:#fff;
	color:#217db1;
	font-weight:bold;
	font-size:13px;
	text-align:center;
}
#profData dl dd {
	font-size:14px;
}
#profData #smplData dt {
	float:left;
	width:70px;
	margin:0 15px 10px 0;
}
#profData #smplData dd {
	float:left;
	width:210px;
	margin-bottom:10px;
	padding:6px 0;
}
#profData #program dd {
	line-height:1.8em;	
}
#profileWrap #movie {
	position:absolute;
	top:15px;
	right:0;
	width:380px;
}
#profileWrap #movie > div {
	position:relative;
	width:100%;
	height:100%;
	padding-top:56.25%;
}
#profileWrap #movie iframe {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	border:10px #1eb8ba solid;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}


/* 1問1問 */
#questuion dl {
	margin-bottom:15px;
	padding:25px 0;
	background:#fff;
}
#questuion dt,
#questuion dd {
	width:960px;
	line-height:1.8em;
	margin:0 auto;
	padding-left:40px;
}
#questuion dt {
	margin-bottom:15px;
	background:url(../../images/icon_q.gif) no-repeat left top;
	color:#f38181;
	font-weight:bold;
	font-size:125.0%;
}
#questuion dd {
	padding-top:2px;
	background:url(../../images/icon_a.gif) no-repeat left top;
	font-size:108.3%;
}


@media (max-width: 780px) {

/*////////////////////////////////////////////////////////

プロフィール

////////////////////////////////////////////////////////*/
#profileWrap {
	min-height:261px;
}
#profileWrap > div {
	width:100%;
}
#profData {
	width:calc(100% - 230px);
	-webkit-width:calc(100% - 230px);
	padding:20px 0 10px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#profData h4 {
	margin-bottom:20px;
}
#profData > a {
	top:230px;
	right:auto;
	left:-230px;
	width:230px;
	padding:0;
	text-align:center;
}
#profData ul {
	top:40px;
	right:0px;
}
#profData #smplData {
	width:100%;
	border:0;
}
#profData dl dt {
	width:80px;
	font-size:12px;
}
#profData dl dd {
	font-size:13px;
}
#profData #smplData dt {
	width:20%;
	margin:0 10px 10px 0;
}
#profData #smplData dd {
	width:70%;
	margin-bottom:10px;
}
#profData #program {
	width:100%;
}
#profData #program dt {
	margin-left:0;
}
#profData #program dd {
	margin:0;
}
#profileWrap #movie {
	display:block;
	position:static;
	width:100%;
	clear:both;
}
#profileWrap #movie {
	display:block;
}
#profileWrap #movie iframe {
	border:none;
	border-top:30px #f6f6f6 solid;
}
.ann_trim {
	display:block;
	padding-top:60%;
}


/* 1問1問 */
#questuion dt,
#questuion dd {
	width:90%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}



@media (max-width: 540px) {
/*////////////////////////////////////////////////////////

プロフィール

////////////////////////////////////////////////////////*/
#profileWrap {
	min-height:auto;
}
#profileWrap > div {
	width:100%;
	min-height:auto;
}
.ann_trim {
	display:block;
	float:none;
	width:100%;
	padding-top:100%;
	overflow:hidden;
}
#profData {
	float:none;
	width:100%;
	margin:0 auto;
	padding:30px 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
#profData h4 {
	margin:0 0 20px 5%;
}
#profData > a {
	top:0;
	right:0;
	left:auto;
	width:170px;
	padding:13px 0;
	font-size:100%;
}
#profData ul {
	top:44px;
	right:3px;
}
#profData > div {
	width:90%;
	margin:0 auto;
}
#profData #smplData {
	width:100%;
	border:0;
}
#profData dl dt {
	width:80px;
	font-size:12px;
}
#profData dl dd {
	font-size:13px;
}
#profData #smplData dt {
	width:20%;
	margin:0 10px 10px 0;
}
#profData #smplData dd {
	width:calc(80% - 10px);
	-webkit-width:calc(80% - 10px);
	margin-bottom:10px;
}
#profData #program {
	width:100%;
}
#profData #program dt {
	width:30%;
	margin-left:0;
}
#profileWrap #movie {
	display:block;
}

/* 1問1問 */
#questuion dt,
#questuion dd {
	width:90%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

}