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


/****************************************************************************
greeting
****************************************************************************/
.greeting {
    position: relative;
    z-index: 2;
}

.greeting .greeting__img {
    width: 35.42vw;
    max-width: 680px;
}

.greeting .greeting__text-box {
    width: 32.14vw;
    max-width: 617px;
}

.greeting .greeting__title {
    /* font-size: 3.75rem; */
    font-size: 2.7rem;
    line-height: 2;
    font-weight: 700;
    margin-top:calc( ( (3.75rem * 2 - 3.75rem) / 2 ) * -1 );
}

.greeting .greeting__title--sub, 
.greeting .greeting__content {
    font-size: 1.5rem;
    line-height: 2.2;
    font-weight: 400;
    color: #3e3a39;
}

.greeting .greeting__title--sub {
    font-weight: 700;
    line-height: 1;
}

/****************************************************************************
biography
****************************************************************************/
.biography .inner--right {
    position: relative;
}

.section__title {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    position: relative;
    z-index: 2;
}

.section__title::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #009844;
    margin-left: 1.2vw;
}

.biography .biography-list {
    position: relative;
    z-index: 2;
}

.biography .biography-list__item-year {
    width: 10.52vw;
    max-width: 202px;
    font-size: 1.625rem;
}

.biography .biography-list__item-detail {
    font-size: 1.5rem;
}

.biography .circle {
    width: 62.6vw;
    max-width: 1202px;
    position: absolute;
    top: -61.64%;
    right: -36.76%;
    z-index: 1;
}

/****************************************************************************
license
****************************************************************************/
.license .license-list {
    line-height: 1.5;
}

.license .license-list__item {
    padding-left: 4.17vw;
    position: relative;
    font-size: 1.5rem;
    margin-top: 0;
    margin-bottom: 0;
}

.license .license-list__item::before {
    content: '';
    display: inline-block;
    width: 0.783em;
    height: 0.825em;
    background-image: url(../images/director/circle.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 18%;
    left: 0;
}

.license .circle {
    width: 15.52vw;
    max-width: 298px;
    position: absolute;
    bottom: -16.51%;
    left: -27.02%;
    z-index: 1;
}



/****************************************************************************
PC中
****************************************************************************/
@media screen and (max-width: 1600px) {

}



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

}


/****************************************************************************
PC中
****************************************************************************/
@media screen and (max-width: 1350px) {

}


/****************************************************************************
タブレット
****************************************************************************/
@media screen and (max-width: 1024px) {
    .greeting .greeting__text-box {
        width: 47.14vw;
    }

    .greeting .greeting__title {
        font-size: 2rem;
    }
}


/****************************************************************************
SP
****************************************************************************/
@media screen and (max-width: 599px) {
    .greeting__wrap {
        display: block;
    }

    .greeting .greeting__img {
        width: auto;
    }

    .greeting .greeting__text-box {
        width: auto;
        margin-top: 40px;
    }

    .greeting .greeting__title--sub, .greeting .greeting__content {
        font-size: 1rem !important;
    }


    .biography {
        margin-bottom: 80px!important;
    }

    .biography-list__item {
        display: block;
        margin-bottom: 20px;
    }

    .biography-list__item-year {
        margin-bottom: 10px;
    }

    .biography .biography-list__item-year,
    .biography .biography-list__item-detail,
    .license .license-list__item {
        font-size: 1rem !important;
    }

    .license .license-list__item::before {
        top: 0.9em;
    }

    .biography .circle {
        width: 102.6vw;
        top: -31.64%;
        right: -26.76%;
        z-index: 1;
    }

    .license .circle {
        display: none;
    }
}