@charset "utf-8";

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

    trainer.css

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

/* --------------------------------
■mv
-------------------------------- */ 
.secondary .contents .visual{
    background-image: url("../../images/trainer/visual.jpg");
}

/* --------------------------------
■trainerList
-------------------------------- */ 
.trainerList >section + section{
    margin-top: 70px;
}
.trainerList >section .introduction .textBox{
    padding-left: 60px;
}
.trainerList >section .introduction .textBox .comment dt{

}
.trainerList >section .introduction .textBox .comment dd{
    font-size: 2.2rem;
    font-weight: 700;

}

.trainerList > section .introduction .image{
    margin: 0;
}
.trainerList > section .introduction .image img{
    max-height: 600px;
    width: auto;
}
.trainerList > section .interview .division{
    padding: 48px 0;
}


.trainerList > section .interview .division .flexbox{
    align-items: stretch;
}


.trainerList > section .interview .division .qa{
    text-align: left
}

.trainerList > section .interview .division .qa dt{
    font-size: 1.8rem;
    font-weight: 700;
}
.trainerList > section .interview .division .qa dd{
    margin-top: 18px;
    line-height: 2;
}


.trainerList > section .box{
    padding-right: 70px;
}

.trainerList > section .box p{
    line-height: 1.8;
}

.trainerList > section .box .title._lv2 + *{
    margin-top: 36px;
}

/* SP用
----------- */
@media only screen and
(max-width : 767px) {

.trainerList >section + section{
    margin-top: 40px;
}
.trainerList >section .introduction .textBox{
    padding-left: 0;
}
    
.trainerList >section .introduction .textBox .comment dd{
    font-size: 2.0rem;
    font-weight: 700;

}
    
.trainerList > section .image{
    text-align: center;

}
.trainerList > section .introduction .image img{
    width: 70%;
    height: auto;
}

.trainerList > section .interview .division .qa dt{
    font-size: 1.6rem;
}
.trainerList > section .interview .division .qa dd{
    margin-top: 18px;
    font-size: 1.4rem;
}
    
}