/* ==========================================================================
infoPage
========================================================================== */
.infoPage
{
    padding-top: 7.9em;
    padding-bottom: 10.2em;
}

@media screen and (max-width: 767px)
{
    .infoPage
    {
        padding-top: 5.3em;
        padding-bottom: 7em;
    }
}

.infoPage__inner
{
    padding-right: 70px; 
    padding-left: 70px;
}

@media screen and (max-width: 767px)
{
    .infoPage__inner
    {
        padding-right: 1em; 
        padding-left: 1em;
    }
}

.infoPage__heading
{
    margin-bottom: 7.2em; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .infoPage__heading
    {
        margin-bottom: 7.7em;
    }
}

.infoPage__en
{
    display: block;

    margin-bottom: .4em; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .infoPage__en
    {
        margin-bottom: .3em;
    }
}

.infoPage__jp
{
    display: block;

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .infoPage__jp
    {
        line-height: 1;
    }
}

.infoPage__lists
{
    margin-bottom: 6.8em;
}

@media screen and (max-width: 767px)
{
    .infoPage__lists
    {
        margin-bottom: 3em;
    }
}

.infoPage__border
{
    margin-top: 1em;
    margin-bottom: 1em; 

    border-bottom: 1px dotted #000;
}

.infoPage__list
{
    position: relative; 

    display: -webkit-box; 

    display: -ms-flexbox; 

    display: flex;

    padding: 1em 2.6em 1em 1.3em;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

.infoPage__list:hover
{
    background-color: rgba(28, 80, 161, .05);
}

@media screen and (max-width: 767px)
{
    .infoPage__list
    {
        padding: 1.3em 4.6em 1.3em 1.3em; 

        -ms-flex-wrap: wrap; 

            flex-wrap: wrap;
    }
}

.infoPage__list::before
{
    position: absolute;
    top: 45%;
    right: 1.4em;

    width: .6em;
    height: .6em;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: translateY(-50%);
            transform: rotate(45deg); 

    border-top: 1px solid #1c50a1;
    border-right: 1px solid #1c50a1;
}

.infoPage__date
{
    font-size: .9em; 

    margin-right: 1.4em;

    color: #1c50a1;
}

@media screen and (max-width: 767px)
{
    .infoPage__date
    {
        display: block;

        width: 100%; 
        margin-right: 0;
        margin-bottom: 1em;
    }
}

.infoPage__title
{
    letter-spacing: 0;
}

.infoSingle
{
    padding-top: 7.9em;
    padding-bottom: 10.2em;
}

@media screen and (max-width: 767px)
{
    .infoSingle
    {
        padding-top: 5.3em;
        padding-bottom: 7em;
    }
}

.infoSingle__heading
{
    margin-bottom: 7.2em; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .infoSingle__heading
    {
        margin-bottom: 7.7em;
    }
}

.infoSingle__en
{
    display: block;

    margin-bottom: .4em; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .infoSingle__en
    {
        margin-bottom: .3em;
    }
}

.infoSingle__jp
{
    display: block;

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .infoSingle__jp
    {
        line-height: 1;
    }
}

.infoSingle__flexbox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .infoSingle__flexbox
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.infoSingle__flexbox--left
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 72%;
            flex: 0 0 72%;
}

@media screen and (max-width: 767px)
{
    .infoSingle__flexbox--left
    {
        margin-bottom: 7em; 

        -webkit-box-flex: 0; 

            -ms-flex: 0 0 100%; 

                flex: 0 0 100%;
    }
}

.infoSingle__flexbox--right
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 23%;
            flex: 0 0 23%;
}

@media screen and (max-width: 767px)
{
    .infoSingle__flexbox--right
    {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
                flex: 0 0 100%;
    }
}

.infoSingle__article-area
{
    margin-bottom: 6.4em;
}

@media screen and (max-width: 767px)
{
    .infoSingle__article-area
    {
        margin-bottom: 4em;
    }
}

.infoSingle__article-area p
{
    line-height: 2;

    margin-bottom: 3em;

    letter-spacing: 0;
}

@media screen and (max-width: 767px)
{
    .infoSingle__article-area p
    {
        margin-bottom: 1.5em;
    }
}

.infoSingle__title-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 3.1em; 
    padding-bottom: .9em;

    border-bottom: 1px solid #1c50a1;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .infoSingle__title-box
    {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}

.infoSingle__date
{
    margin-right: 1.3em; 

    color: #1c50a1;
}

@media screen and (max-width: 767px)
{
    .infoSingle__date
    {
        margin-right: 0; 
        margin-bottom: 1em;
    }
}

.infoSingle__title
{
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.5; 

    letter-spacing: .03em;
}

.infoSingle__img-box
{
    margin-bottom: 3em;
}

@media screen and (max-width: 767px)
{
    .infoSingle__img-box
    {
        margin-bottom: 1.5em;
    }
}

.infoSingle__btn-box
{
    margin-bottom: 6.9em; 

    text-align: center;
}

@media screen and (max-width: 767px)
{
    .infoSingle__btn-box
    {
        margin-bottom: 4em;
    }
}

.infoSingle__btn
{
    width: 20em; 
    padding: 1.5em 0 1.4em 1.3em;

    color: #1c50a1;
    border: 1px solid #1c50a1;
}

@media screen and (max-width: 767px)
{
    .infoSingle__btn
    {
        font-size: 1.1em; 

        width: 15em;
        padding: 1em 0 1em 1.3em;
    }
}

.infoSingle__btn::after
{
    border-bottom: 6.7em solid #1c50a1;
}

.infoSingle__btn::before
{
    right: 1.7em; 

    border-top: 1px solid #1c50a1;
    border-right: 1px solid #1c50a1;
}

@media screen and (max-width: 767px)
{
    .infoSingle__btn::before
    {
        top: 42%;
    }
}

.infoSingle__btn:hover::before
{
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

.infoSingle__foot-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
}

.infoSingle__prev
{
    position: relative; 

    padding-left: 1.7em;
}

.infoSingle__prev::before
{
    position: absolute;
    top: 37%;
    left: 7px;

    width: .5em;
    height: .5em;

    content: '';
    -webkit-transform: rotate(225deg);
            transform: translateY(-50%);
            transform: rotate(225deg); 

    border-top: 1px solid #1c50a1;
    border-right: 1px solid #1c50a1;
}

@media screen and (max-width: 1023px)
{
    .infoSingle__prev::before
    {
        top: 42%;

        width: .9em;
        height: .9em;
    }
}

@media screen and (max-width: 767px)
{
    .infoSingle__prev::before
    {
        top: 41%; 
        right: .7em;

        width: .4em;
        height: .4em;
    }
}

.infoSingle__next
{
    position: relative; 

    padding-right: 1.7em;
}

.infoSingle__next::before
{
    position: absolute;
    top: 37%;
    right: 7px;

    width: .5em;
    height: .5em;

    content: '';
    -webkit-transform: rotate(45deg);
            transform: translateY(-50%);
            transform: rotate(45deg); 

    border-top: 1px solid #1c50a1;
    border-right: 1px solid #1c50a1;
}

@media screen and (max-width: 1023px)
{
    .infoSingle__next::before
    {
        top: 42%;

        width: .9em;
        height: .9em;
    }
}

@media screen and (max-width: 767px)
{
    .infoSingle__next::before
    {
        top: 41%; 
        right: .7em;

        width: .4em;
        height: .4em;
    }
}