@charset "utf-8";
/*
Theme Name: manubol
*/
/*-------------------------------------------*/
/*  CONTENTS:
/*--------------------------------------------
1.0 - インタビュー
    1.1 - インタビュー一覧
    1.2 - インタビューページ
---------------------------------------------*/

/*-------------------------------------------*/
/*  1.0 - インタビュー
/*-------------------------------------------*/

/*  1.1 - インタビュー一覧
/*-------------------------------------------*/
.intv_list {
    padding: 0 20px;
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
}
.intv_list h3 {
    margin-bottom: 30px;
    text-align: center;
    padding-bottom: 20px;
    background: url(../images/common/line_stripe.png) no-repeat bottom center;
    background-size: 114px 9px;
    font-size: 1.8rem;
}
.intv_list > div {
    margin: 30px 0 60px;
}
.intv_list div p {
    margin-bottom: 10px;
}
.intv_list ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 20px;
}
.evnet_info-box .item2 {
    font-size: 1.3rem;
}
.banner.bnr728 {
    display: none;
}
@media screen and (min-width: 768px) {
    .intv_list {
        padding: 0;
        display: block;
    }
    .intv_list h3 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        background: none;
    }
    .intv_list h3:before,
    .intv_list h3:after {
        content: '';
        width: 114px;
        height: 9px;
        flex-grow: 1;
        background-image: url(../images/common/line_stripe.png);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: 15px;
    }
    .intv_list h3:before {
        transform: rotate(180deg);/*ラインを反転*/
    }
    .intv_list ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    }
    .banner.bnr728 {
        display: block;
    }
}

/*  1.2 - インタビューページ
/*-------------------------------------------*/

.intv_list .intv_pic {
    margin: 0 0 30px;
}
.intv_list .intv_title {
    margin: 20px 0;
    font-size: 2.5rem;
}
.intv_list > div.intv_txt {
    margin: 0 0 30px;
}
.person_detail .interviewee {
    margin-bottom: 6px;
    font-size: 1.8rem;   
}
.person_detail {
    text-align: center;
}
.person_detail > p img {
    width: 95px;
    height: 95px;
}
.person_detail > div div {
    padding: 0 20px;
    text-align: left;
    font-size: 1.2rem;
}
.person_detail .interviewee span {
    display: block;
}

@media screen and (min-width: 768px) {
    .person_detail {
        display: flex;
        text-align: left;

    }
    .person_detail > p {
        margin-right: 20px;
    }
    .person_detail > p img {
        width: 100%;
        height: auto;
    }
    .person_detail > div {
        display: flex;
        flex-direction: column;
        justify-content: center; 
    }
    .person_detail .interviewee span {
        display: inline-block;
        margin-left: 10px;
    }
    .person_detail > div div {
        padding: 0;
    }
}