@charset "utf-8";



#main_box { line-height: 2.0; }



/* side_menu ----------------- */



li.btn004 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn004 > a {

  pointer-events: none;

  cursor: auto;

}



#side_box .side_menu li.btn004 > a::after {

  display: none;

}





/* interview  ---------------------------- */



._fi { font-style: italic; }



.img01 { margin-top: 15px; }



.interview_navi {

  display: flex;

  justify-content: center;

  position: relative;

  width: 100%;

  margin-top: 40px;

  margin-bottom: 50px;

}

.interview_navi::before {

  display: block;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px rgb(182, 178, 178) solid;

  content: '';

}

.interview_navi ul {

  display: flex;

  flex-direction: row;

  justify-content: space-between;

  width: 100%;

  max-width: 600px;

}

.interview_navi ul li {

  display: flex;

  justify-content: center;

  align-items: center;

  position: relative;

  width: calc(140 / 600 * 100%);

  border: 1px rgb(182, 178, 178) solid;

  border-bottom-style: none;

  padding: 8px 4px;

  background-color: rgb(244,244,244);

  text-align: center;

  color: rgb(79,71,71);

  line-height: 1.2;

  font-size: 14px;

  font-weight: 700;

  cursor: pointer;

}

.interview_navi ul li:hover {

  background-color: rgb(255,255,255);

  color: rgb(0,0,0);

}

.interview_navi ul li.select {

  background-color: rgb(255,255,255);

  color: rgb(0,0,0);

}

.interview_navi ul li.select::after {

  display: block;

  position: absolute;

  bottom: -1px;

  left: 0;

  width: 100%;

  height: 1px;

  border-bottom: 1px rgb(255,255,255) solid;

  content: '';

}



/*

.interview_navi {

	width: 100%;

	height:51px;

	margin-top: 40px;

	border-bottom:1px #b6b2b2 solid;

	margin-bottom:50px;

}

.interview_navi ul {

	width: 600px;

	margin:0 auto;

}

.interview_navi ul li {

	float: left;

	display: block;

	width: 138px;

	height: 50px;

	border: 1px #b6b2b2 solid;

	border-bottom:none;

	background-color:#f4f4f4;

	color:#4f4747;

	padding: 10px 0px 12px;

	cursor: pointer;

	text-align:center;

	margin:0 5px;

	font-size:14px;

	font-weight:bold;

    line-height: 1.2 !important;

}

.interview_navi ul li.btn02 { width: 138px; }

.interview_navi ul li.btn03 { width: 138px; }

.interview_navi ul li.btn04 { width: 138px; padding: 20px 0 2px; }



.interview_navi ul li:hover {

	background-color: #ffffff;

	color:#3d3333;

	height: 51px;

}



.interview_navi ul li.select {

	background-color: #ffffff;

	border-bottom:#ffffff;

	color:#3d3333;

	height: 51px;

}

*/



.interview_list_box .interview_box {

	margin-top: 30px;

}

.interview_list_box .interview_box .interview_q {

	clear: both;

	border-left: 4px #f7af0d solid;

	padding: 14px 22px;

	background-color: #f4f4f4;

	font-weight: bold;

	font-size:18px;

	line-height:1.3;

	height:auto;

}

.interview_list_box .interview_box .interview_a_t {

	margin-top: 15px;

	padding: 0 5px;

	font-size: 1.2em;

	font-weight: bold;

}

.interview_list_box .interview_box .interview_a {

	margin-top: 10px;

	padding: 0 5px;

	line-height: 1.8;

	overflow:hidden;

}



.interview_a .img_q2 {

	float: right;

	width: 320px;

	height: 200px;

	padding: 0 0 20px 30px;

}

.interview_a .img_q3 {

	float: left;

	width: 320px;

	height: 240px;

	padding: 0 30px 20px 0;

}

.interview_a .img_q4 {

	float: left;

	width: 320px;

	height: 285px;

	padding: 0 30px 20px 0;

}

.interview_a .img_q7 {

	float: right;

	width: 320px;

	height: 285px;

	padding: 0 0 20px 30px;

}



.interview_a .img_q9 {

	float: right;

	width: 320px;

	height: 265px;

	padding: 0 0 20px 30px;

}







@media screen and (max-width:767px) {

  .interview_navi {

    display: none;

  }

  .interview_list_box {

    display: block !important;

  }

  .interview_a .img_q2,

.interview_a .img_q3,

  .interview_a .img_q4,

  .interview_a .img_q7,

  .interview_a .img_q9 {

    width: 100%;

    float: none;

    margin-bottom: 16px;

    padding: 0;

    height: auto;

  }

}