/* =================================
	interview CSS
================================= */
.color1{ color: #f5855e;}

/*	text_box
============================== */
div.text_box p{
	margin-bottom:2em;
}
.cast1{ color:#0054ac; font-weight: 800;}
.cast2{ color:#e50e0e; font-weight: 800;}
.cast3{ color: #52a710; font-weight: 800;}
.cast4{ background: linear-gradient(transparent 70%, #fff500 0%)}
@media all and (min-width: 768px) {
div.text_box{
	margin-bottom: 3em;
}
}
@media all and (max-width: 767px) {
div.text_box{
	margin-bottom: 2em;
}
}

/*	title
============================== */

.inner .tit{
	background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
.inner .tit{
	width: 960px;
	height: 215px !important;
	margin-bottom: 10px;
	background-image:url(../img/interview/tit_interview.png);
}
}
@media all and (max-width: 767px) {
.inner .tit{
	background-image:url(../img/interview/smp/tit_interview.png);

	display: block;
  position: relative;
  transition: color 0.3s;
	background-size:contain;
  padding-top: 38.4% !important;
  overflow: hidden;
  height: 0;
	border-top: 3px solid #fff500;
	border-bottom: 2px dotted #000000;
	background-repeat: no-repeat;
}
}

/*	q_text
============================== */
.q_text{
	font-weight: bold;
	margin-bottom:1em;
	position: relative;
	color: #7f7f7f;
}
/*.q_text:before{
  display:inline-block;
	content: "";
  background-repeat: no-repeat;
  position: absolute;
}*/
@media all and (min-width: 768px) {
.q_text{
	font-size: 110%;
	line-height: 1.5;
}
/*.q_text:before{
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-top: -20px;
	left: 0px;
	top: 50%;
}*/
.q_text span{
	padding-left: 45px;
	display: block;
}
}
@media all and (max-width: 767px) {
.q_text{
	font-size: 110%;
	line-height: 1.5;
}
/*.q_text:before{
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    margin-top: -15px;
		left: 0px;
		top: 50%;
}*/
.q_text span{
	padding-left: 32px;
	display: block;
}
}

/*	text
============================== */

main article.oa p.txt {
	text-align: justify;
	text-justify: distribute;
	line-height:1.5;
}
main article.oa p.txt:not(:last-child) {
	margin-bottom:1.5em;
}
main p.txt a{
	color:#ed1a3d;
	font-weight: bold;
}
main p.txt a:hover{
	text-decoration:none;
}
@media all and (min-width: 768px) {
main article.oa{
	padding-bottom: 30px;
}
main article.oa p.txt {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
main article.oa{
	padding-bottom: 15px;
}
main article.oa p.txt {
	font-size:83%;
}
}

/*	pics
============================== */
div.pics1 span,div.pics2 span{
	display: block;
	background-repeat: no-repeat;
	background-color: #b4b4b4;
	box-shadow:0px 0px 8px -1px rgba(0,0,0,0.4);
}
@media all and (min-width: 768px) {
div.pics1 span{
	width: 576px;
	height: 385px;
	background-size: 576px 385px;
	margin: 20px auto 40px;
}
div.pics2 span{
	width:385px;
	height:560px;
	background-size:cover;
	margin: 40px auto 40px;
}
}
@media all and (max-width: 767px) {
div.pics1 span{
	margin: 20px auto 30px;
	width: 250px;
	height: 176px;
	background-size:250px 176px;
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
}
div.pics2 span{
	margin: 20px auto 30px;
	width:193px;
	height:280px;
	background-size:cover;
}
}