@charset "utf-8";



/* interview / list */

section ul.interview-list {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;}
section ul.interview-list li {width:47%; margin:0 0 60px;}
section ul.interview-list li:last-child {margin:0;}
section ul.interview-list li div {
    width:100%;
    height:350px;
    margin:0 0 20px;
    border-radius:30px 5px 30px 5px;
}
section ul.interview-list li div.interview-01 {background:url("../img/interview/01/01.jpg") center no-repeat; background-size:cover;}
section ul.interview-list li div.interview-02 {background:url("../img/interview/02/01.jpg") center no-repeat; background-size:cover;}
section ul.interview-list li div.interview-03 {background:url("../img/interview/03/01.jpg") center no-repeat; background-size:cover;}
section ul.interview-list li div.interview-04 {background:url("../img/interview/04/01.jpg") center no-repeat; background-size:cover;}
section ul.interview-list li div.interview-05 {background:url("../img/interview/05/01.jpg") center no-repeat; background-size:cover;}
section ul.interview-list li div.interview-06 {background:url("../img/interview/06/01.jpg") center no-repeat; background-size:cover;}
section ul.interview-list li div.interview-07 {background:url("../img/interview/07/01.jpg") center no-repeat; background-size:cover;}
section ul.interview-list li div.interview-08 {background:url("../img/interview/08/01.jpg") center no-repeat; background-size:cover;}

section ul.interview-list li a {display: block;}
section ul.interview-list li h4 {width:90%; margin:15px auto 10px; color:#1a4a98; font-size:0.9rem; line-height:1.5;}
section ul.interview-list li h4 span {display:block; font-size:2.5rem;}
section ul.interview-list li p {width:90%; margin:0 auto; line-height:1.5;}

@media only screen and (max-width:640px){
    
    section ul.interview-list li {width:100%; margin:0 0 50px;}
    section ul.interview-list li h4 {margin:10px auto 10px; font-size:0.8rem;}
    section ul.interview-list li h4 span {font-size:2rem;}
    
    section ul.interview-list li div {
        height:200px;
        margin:0 0 10px;
        border-radius:30px 3px 30px 3px;
    }
}



/* interview / detail */

section {display:flex; flex-flow:row wrap; justify-content:space-between; align-content:flex-start; align-items:flex-start;}

section h3 {width:100%; margin:0 0 50px; font-size:1rem; text-align:center;}
section h3 span {font-size:2.8rem; display:block;}

.photo {width:45%;}
.photo img {border-radius:5px;}

.text {width:50%;}
.text h4 {margin:0 0 30px; font-size:1.5rem; line-height:1.8;}
.text dl {}
.text dl dt {margin:30px 0 0; font-weight:700; color:#1a4a98;}
.text dl dd {}

@media only screen and (max-width:640px){
    
    section h3 {order:2;}
    .photo {order:1;}
    .text  {order:3;}
    
    section h3 {margin:60px 0 50px; font-size:0.85rem;}
    section h3 span {font-size:2.3rem;}
    
    .photo ,
    .text {width:100%;}
    
    .text h4 {margin:50px 0; font-size:1.3rem;}
    
    .slick-dots {bottom:-50px !important;}
}