@charset "UTF-8";

/* #interview */

img {
  height: auto;
  max-width: 100%;
  width: auto;
}

#interview input[type="radio"]{
  display: none;
}

#interview .comment {
  font-weight: bold;
  padding: 20px 0 0 0;
  text-align: center;
	color: #bc2646;
	text-decoration: underline;
}
#interview .comment2 {
  font-weight: bold;
  padding: 20px 0 40px 0;
  text-align: center;
		color: #bc2646;
	text-decoration: underline;
}

#interview .tab_area{
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

#interview .tab_area > * {
  cursor: pointer;
  display: inline-block;
  margin: 0 10px;
  max-width: 180px;
  text-align: center;
  transition: ease 0.2s opacity;
  width: 27%;
}

#interview .tab_area img{
  margin: 0 0 10px 0;
}

#interview .tab_area label:hover{
  opacity: 0.5;
}

#interview .tab_panel{
  display: none;
  width: 100%;
}

#interview .imgbox{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 0 20px 0;
  text-align:center;
}

#interview .imgbox .left{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
  margin: 0 2% 0 0;
  max-width: 35%;
}

#interview .imgbox .right{
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58%;
  flex: 0 0 58%;
  max-width: 58%;
}

#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2,
#tab3:checked ~ .panel_area #panel3{
  display: block;
}

#interview h2 {
  background-color: #243763;
  border-radius: 25px 0px 0px 25px;
  color: #fff;
  font-size: 2.0rem;
  margin: 30px 0 30px 0;
  padding: 5px 0 5px 10px;
  vertical-align: middle;
}

#interview h2::before {
  content: '●';
  color: #fff;
  margin-right: 8px;
}

#interview .sbttl {
  color: #5b5b5b;
  font-size: 1.8rem;
  padding-bottom: 5px;
  margin: 0 0 20px 0;
  border-bottom: solid 2px #243763;
}

#interview .answer_box{
	margin: 0 0 50px 0;
}

@media screen and (max-width:576px) {
#interview .imgbox .left,
#interview .imgbox .right {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  text-align:center;
  max-width: 100%;
}	

#interview .imgbox .left{
  margin: 0 0 20px 0;
}

}