@charset "UTF-8";
/* CSS Document */

/* =======================================================

* ======================================================= */

#interview1 .col-md-8.fh5co-content{
float: right;
}

#interview3 .col-md-8.fh5co-content{
float: right;
}

#interview5 .col-md-8.fh5co-content{
float: right;
}


@media screen and (max-width: 990px) {


}


#fh5co-interview h1{
font-family: "Noto Serif JP", serif;
}
#fh5co-interview h1 .red{
color: #E94624;
}

/* =======================================================

* ======================================================= */

@media screen and (max-width: 540px) {
#localNav ul li{
font-size: 93%;
}
}
/* =======================================================

* ======================================================= */

.fh5co-section.interview{
margin-bottom: 80px;
}

.fh5co-section.interview .container{
border-bottom: 1px solid #ccc;
}
#interview4.fh5co-section.interview .container{
border-bottom: none;
}


.interview img{
max-width: 100%;
}



.fh5co-section.interview .image-area{
float: right;
width: 45%;
padding-top: 1.5em;
}
.fh5co-section.interview .image-area img.pc{
display: inline;
}
.fh5co-section.interview .image-area img.sp{
display: none;
}


.fh5co-section.interview .prof-area{
float: left;
width: 50%;
}





table.prof{
border-collapse: separate;
border-spacing:10px;
}


table.prof th{
width: 20%;
max-width: 200px;
min-width: 8.5em;
padding: 0.5em;
color: #3d4864;
border-bottom: 2px solid #3d4864;
vertical-align: top;
}
table.prof td{
padding: 0.5em;
border-bottom: 1px solid #ccc;
vertical-align: top;
}
table.prof th br.sp{
display: none;
}

table.prof th .name{
display: inline-block;
margin-right: 1.5em;
}

table.prof tr:last-child th,
table.prof tr:last-child td{
border-bottom: none;
}



@media screen and (max-width: 900px) {
.fh5co-section.interview .image-area{
float: none;
width: 100%;
}
.fh5co-section.interview .image-area img.pc{
display: none;
}
.fh5co-section.interview .image-area img.sp{
display: inline;
}

.fh5co-section.interview .prof-area{
float: none;
width: 100%;
}
}


@media screen and (max-width: 540px) {
.fh5co-section.interview{
margin-bottom: 2em;
}

#fh5co-intro{
padding-top:2em;
}




table.prof th{
min-width: 6em;
}
table.prof th br.sp{
display: inline;
}

}