/*---------------------------------
  member-mv
---------------------------------*/
.member-mv{
    position: relative;
    width: 100% ;
    padding: 150px 0 200px;
    background-color: rgba(99, 99, 99, 0.8);
    background: url(../img/member-mv09.png) top center / cover;
}

.member01 .member-mv {
    background: url(../img/member-mv01.png) top center / cover;
}
.member02 .member-mv {
    background: url(../img/member-mv02.png) top center / cover;
}
.member03 .member-mv {
    background: url(../img/member-mv03.png) top center / cover;
}
.member04 .member-mv {
    background: url(../img/member-mv04.png) top center / cover;
}
.member05 .member-mv {
    background: url(../img/member-mv05.png) top center / cover;
}
.member06 .member-mv {
    background: url(../img/member-mv06.png) top center / cover;
}
.member07 .member-mv {
    background: url(../img/member-mv07.png) top center / cover;
}
.member08 .member-mv {
    background: url(../img/member-mv08.png) top center / cover;
}
.member09 .member-mv {
    background: url(../img/member-mv09.png) top center / cover;
}

.mv-txt-box {
    position: relative;
    width: 100%;
    padding:  0;
    color: #FFF;
}

.mv-txt-box .name {
    font-size: 4.4rem;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1.8;
}

.mv-txt-box .en {
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
    margin: 0 0 50px;
}

.mv-txt-box .role {
    font-size: 1.7rem;
    font-weight: 500;
    letter-spacing: .05em;
    line-height: 1;
    margin: 0 0 30px;
}

.mv-txt-box .introduction {
    width: 520px;
}

#member-detail .mv-txt-box .introduction p {
    font-size: 1.6rem;
    letter-spacing: .05em;
    line-height: 2;
    margin: 0 0 30px;
}

@media screen and (max-width: 768px){
    .member-mv{
        padding: 430px 0 135px;
        background-color: rgba(99, 99, 99, 1) !important;
        background-image: url(../img/member-mv09-sp.png);
        background-position: top center !important;
        background-size: 100% auto !important;
        background-repeat: no-repeat !important;
    }

    .member01 .member-mv {
        background-image: url(../img/member-mv01-sp.png);
    }
    .member02 .member-mv {
        background-image: url(../img/member-mv02-sp.png);
    }
    .member03 .member-mv {
        background-image: url(../img/member-mv03-sp.png);
    }
    .member04 .member-mv {
        background-image: url(../img/member-mv04-sp.png);
    }
    .member05 .member-mv {
        background-image: url(../img/member-mv05-sp.png);
    }
    .member06 .member-mv {
        background-image: url(../img/member-mv06-sp.png);
    }
    .member07 .member-mv {
        background-image: url(../img/member-mv07-sp.png);
    }
    .member08 .member-mv {
        background-image: url(../img/member-mv08-sp.png);
    }
    .member09 .member-mv {
        background-image: url(../img/member-mv09-sp.png);
    }


    .mv-txt-box {
        padding: 0 10px;
    }

    .mv-txt-box .name {
        font-size: 3.6rem;
    }

    .member04 .mv-txt-box .name {
        font-size: 3.1rem;
    }

    .mv-txt-box .en {
        margin: 0 0 40px;
    }

    .mv-txt-box .role {
        font-size: 1.5rem;
        margin: 0 0 5px;
    }

    .mv-txt-box .introduction {
        width: 100%;
    }

    #member-detail .mv-txt-box .introduction p {
        font-size: 1.6rem;
        line-height: 1.8;
        margin: 0 0 25px;
    }
}

/*---------------------------------
  scroll-mv-infinity
---------------------------------*/
#member-detail .scroll-mv-infinity {
    top: -175px;
    bottom: unset;
    margin: 0 0 -132px;
    z-index: 2;
}

@media screen and (max-width: 768px){
    #member-detail .scroll-mv-infinity {
    top: -100px;
    bottom: unset;
    margin: 0 0 -150px;
}

}


/*---------------------------------
  breadcrumblist
---------------------------------*/
#member-detail .breadcrumblist {
    position: relative;
    z-index: 2;
}


/*---------------------------------
  history-area
---------------------------------*/

.history-area {
    position: relative;
    width: 100%;
    display: block;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 350px 0 120px;
    top: -265px;
    margin: 0 0 -265px;
}

.history-area h3 {
    font-size: 3rem;
    margin: 0 0 20px;
}

.history-area table {
    width: 100%;
    border-top: solid 1px #ddd;
    border-collapse:collapse;
    table-layout: fixed;
}

.history-area table tr th {
    padding: 25px 25px 25px 15px;
    width: 140px;
    border-bottom: unset;
    text-align: left;
    font-size: 1.5rem;
    color: #5c1622;
}

.history-area table tr th.line {
    border-bottom: solid 1px #ddd;
}

.history-area table tr td {
    padding: 25px;
    width:calc(100% - 140px);
    border-bottom: solid 1px #ddd;
    letter-spacing: .05em;
    font-size: 1.5rem;
    line-height: 1.5;
    word-break:break-word !important;
}

.history-area .txt01 {
    font-size: 1.5rem;
    letter-spacing: .05em;
    line-height: 1.8;
}

.history-area .txt01.line {
    padding: 20px 0;
    margin: 0 0 60px;
    border-top: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
}

@media screen and (max-width: 768px){
    
    .history-area {
        background-color: rgba(255, 255, 255, 0.8);
        padding: 160px 0 80px;
        top: -60px;
        margin: 0 0 -60px;
    }

    .history-area h3 {
        font-size: 2.3rem;
        margin: 0 0 10px;
    }

    .history-area table tr th {
        padding: 14px 15px 14px 5px;
        width: 68px;
        font-size: 1.4rem;
        font-weight: bold;
        letter-spacing: unset;
        color: #882235;
    }

    .history-area table tr th.line {
        border-bottom: solid 1px #eeeeee;
        
    }

    .history-area table tr td {
        padding: 14px 0 14px 5px;
        width:calc(100% - 60px);
        font-size: 1.3rem;
        line-height: 1.7;
        letter-spacing: .05em;
        font-weight: 600;
        border-bottom: solid 1px #eeeeee;
    }

    .history-area .txt01 {
        font-size: 1.4rem;
        line-height: 1.7;
    }

    .history-area .txt01.line {
        padding: 15px 0;
        margin: 0 0 50px;
        border-top: solid 1px #eeeeee;
        border-bottom: solid 1px #eeeeee;
    }

}

.wrapper .swiper-container .swiper-wrapper {
    transition-timing-function: linear !important;
}