.photo-president
{
    position: relative;

    margin-bottom: 60px;
}
.photo-president__image
{
    margin-left: 20px;
}
.photo-president__name-area
{
    position: absolute;
    top: 198px;
    left: 0;

    width: 454px;
    height: 130px;
    padding: 30px 5px 0 70px; 

    background: url('/recruit/resources/img/message/bg_name.png') 0 0 no-repeat;
}
.photo-president__position
{
    font-size: 2rem;
    font-weight: bold; 

    margin-bottom: 15px;

    color: #fff;
}
.photo-president__name
{
    font-weight: bold; 

    color: #fff;
}
.photo-president__name--jp
{
    font-size: 3.2rem;

    display: inline-block;
}
.photo-president__name--eng
{
    font-size: 1.4rem;

    display: inline-block;
}

@media screen and (max-width: 767px)
{
    .photo-president
    {
        position: relative;

        margin-bottom: calc(90 / 750 * 100vw);
    }
    .photo-president__image
    {
        margin-right: -15px; 
        margin-left: inherit;
    }
    .photo-president__name-area
    {
        position: absolute;
        top: calc(360 / 750 * 100vw);
        left: -15px;

        width: calc(600 / 750 * 100vw);
        height: calc(160 / 750 * 100vw);
        padding: calc(36 / 750 * 100vw) 5px 0 calc(70 / 750 * 100vw);

        background: url('/recruit/resources/img/message/bg_name_sp.png') 0 0 no-repeat;
        background-size: cover;
    }
    .photo-president__position
    {
        font-size: 1.2rem;
        font-weight: bold; 

        margin-bottom: 15px;

        color: #fff;
    }
    .photo-president__name
    {
        font-weight: bold; 

        color: #fff;
    }
    .photo-president__name--jp
    {
        font-size: 2rem;

        display: inline-block;
    }
    .photo-president__name--eng
    {
        font-size: 1.2rem;

        display: inline-block;
    }
}