/* banner */

.home_banner
{
    display: flex;
    width: 100%;
    justify-content: center;
}

@media (max-width: 1199px)
{
    .home_banner
    {
        margin-top: 10px;
    }
}

.home_banner_sz
{
    display: flex;
    width: calc( 100% - 20px );
    height: calc( 555 * calc( 100vw / 1440 ) );
    max-height: 640px;
    min-height: 200px;
    justify-content: center;
    background-image: url('../../../img/bg_banner.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 10px;
    overflow: hidden;
}

.home_banner_txt
{
    display: flex;
    width: calc( 100% - calc( 100 * calc( 100vw / 1440 ) ) );
    max-width: 1340px;
    justify-content: flex-end;
    align-items: center;
}

.home_banner_ttl
{
    display: block;
    width: 100%;
    max-width: 600px;
    text-align: right;
    font-size: unset;
}

.home_banner_ttl > span:nth-child(1)
{
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #000000;
    font-family: 'OS_Medium', sans-serif;
    line-height: 1;
    font-size: calc( 20 * calc( 100vw / 1440 ) );
}

.home_banner_ttl > span:nth-child(1) > span:nth-child(1)
{
    font-family: 'OS_Bold', sans-serif;
    line-height: 1;
    font-size: calc( 50 * calc( 100vw / 1440 ) );
}

.home_banner_ttl > span:nth-child(1) > span:nth-child(2)
{
    font-family: 'OS_Medium', sans-serif;
    line-height: 1;
    font-size: calc( 20 * calc( 100vw / 1440 ) );
}

.home_banner_ttl > span:nth-child(2)
{
    display: inline-block;
    width: 100%;
    text-align: right;
    color: #FFFFFF;
    font-family: 'OS_Bold', sans-serif;
    line-height: 1;
    font-size: calc( 82 * calc( 100vw / 1440 ) );
}

@media (min-width: 1441px)
{
    /*
    .home_banner_sz
    {
        height: calc( 100vh - 10px - 70px );
        max-height: unset;
    }
    */

    .home_banner_ttl > span:nth-child(1)
    {
        font-size: 20px;
    }

    .home_banner_ttl > span:nth-child(1) > span:nth-child(1)
    {
        font-size: 50px;
    }

    .home_banner_ttl > span:nth-child(1) > span:nth-child(2)
    {
        font-size: 20px;
    }

    .home_banner_ttl > span:nth-child(2)
    {
        font-size: 82px;
    }
}

@media (max-width: 1024px)
{
    .home_banner_ttl > span:nth-child(1)
    {
        font-size: 18px;
    }

    .home_banner_ttl > span:nth-child(1) > span:nth-child(1)
    {
        font-size: 32px;
    }

    .home_banner_ttl > span:nth-child(1) > span:nth-child(2)
    {
        font-size: 18px;
    }

    .home_banner_ttl > span:nth-child(2)
    {
        font-size: 64px;
    }
}

@media (max-width: 600px)
{
    .home_banner_ttl > span:nth-child(1)
    {
        font-size: 18px;
    }

    .home_banner_ttl > span:nth-child(1) > span:nth-child(1)
    {
        font-size: 24px;
    }

    .home_banner_ttl > span:nth-child(1) > span:nth-child(2)
    {
        font-size: 18px;
    }

    .home_banner_ttl > span:nth-child(2)
    {
        font-size: 34px;
    }
}
/* banner */