@charset "UTF-8";

/* ==========================================================
*
* css for Office HAL Auditon
*
========================================================== */

#mainContent h1{
	font-size: 2.1rem;
	line-height:175%;
}

#mainContent h1 strong{
	display:block;
	overflow:hidden;
	font-size: 2.8rem;
	line-height:175%;
}

#mainContent strong{
	font-weight:700;
}

#mainContent > section + section{
	margin-top:25px;
}


#mainContent .contentBody,
#mainContent dl{
	display:block;
	overflow:hidden;
	width:calc(100% - 50px);
	margin:0 auto;
}

#mainContent dl > dt,
#mainContent dl > dd{
	display: block;
	overflow:hidden;
}


#mainContent dl > dt{
	padding:0.5em 0 0.5em;
	font-size:1.8rem;
	border-top: 1px solid #cccccc;
	font-weight:700;
}

#mainContent dl > dt:nth-child(1){
	border-top:none;
}

#mainContent dl > dt > span{
}

#mainContent dl > dd{
	padding:0 1em 1em;
}

#mainContent dl > dd +dt{
	padding:1em 0 0.5em;
}


/* for TB --------------------*/
@media screen and (max-width:768px){

	#mainContent > section + section{
		margin-top:6vw;
	}

	#mainContent .contentBody,
	#mainContent dl{
		width:calc(100% - 6vw);
	}

	#mainContent dl > dd{
		padding:0 0 1em 1em;
	}

}


/* for SP --------------------*/
@media screen and (max-device-width:620px){
	
	
}


ul.dotList{
	list-style-type:disc;
	margin-left:1.5em;
}

#mainContent article > h3{
	font-size:1.6rem;
	font-weight:700;
	line-height:125%;
	border:none;
	margin:0 0 0.25em;
}

#mainContent article + article{
	margin-top:1em;
}

#mainContent article ul + p{
	margin-top:0.5em;
}



#mainContent dl.compact{
	border-bottom: 1px solid #cccccc;
	letter-spacing:-.4em;
}

#mainContent dl.compact > dt,
#mainContent dl.compact > dd{
	letter-spacing:normal;
	display:inline-block;
	float:left;
	padding: 0.5em 0;
	border-top: 1px solid #cccccc;
}

#mainContent dl.compact > dt{
	clear:both;
	width:8em;
	font-size: 1.4rem;
	position:relative;
}

#mainContent dl.compact > dd{
	width:calc(100% - 10em);
}


/* for SP --------------------*/
@media screen and (max-width:768px){

	#mainContent dl.compact > dt,
	#mainContent dl.compact > dd{
		display:block;
		width:100%!important;
		float:none!important;
	}

	#mainContent dl.compact > dt{
		padding: 0.5em 0 0;
	}

	#mainContent dl.compact > dd{
		padding:0 0 0.5em 1em;
		border-top: unset;
	}

}


/*---------------------
主要人物とキャスト
---------------------*/
#castList dl{
	margin-top:1em;
}
#castList dl.compact > dt{
	width:16em;
}

#castList dl.compact > dt > span{
	display:inline-block;
	float:right;
	margin-right:1em;
}

#castList dl.compact > dd{
	width:calc(100% - 20em);
}

#castList dl.compact > dt > span{
	display:inline-block;
	float:right;
	margin-right:1em;
}

.nyet{
	color:#ff6f03;
}

/* for SP --------------------*/
@media screen and (max-width:768px){

	

}


#endMsg{
	text-align:center;
	font-size: 1.8rem;
	line-height:175%;
	border-top:6px double #333333;
	padding-top:1em;
}

#endMsg h3{
	font-size:2.4rem;
	border-bottom:none;
}


.excaution{
	display: block;
	overflow: hidden;
	width: min(18em,100%);
	padding: 0.5em 0;
	margin: 1em auto;
	font-size: 1.4em;
	font-weight: 700;
	line-height: 125%;
	text-align: center;
	color: #ffffff;
	background: linear-gradient(to right,  #ffffff 0%,#f96f04 30%,#f96f04 70%,#f96f04 70%,#ffffff 100%);
}