/* ==========================================================================
messagePage
========================================================================== */
.aboutClinic
{
    padding-top: 6.9em;
    padding-bottom: 6.6em;
}

@media screen and (max-width: 767px)
{
    .aboutClinic
    {
        padding-top: 6.6em;
        padding-bottom: 6.9em;
    }
}

.aboutClinic__heading
{
    margin-bottom: 7.2em; 

    text-align: center;
}

.aboutClinic__en
{
    display: block;

    margin-bottom: .4em; 

    text-align: center;
}

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

.aboutClinic__jp
{
    display: block;

    text-align: center;
}

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

.aboutClinic__lead
{
    font-size: 1.4em;

    margin-bottom: 4.8em;

    text-align: center; 

    color: #1c50a1;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__lead
    {
        font-size: 1.2em;
        line-height: 1.6;

        margin-bottom: 3.1em; 

        letter-spacing: 0;
    }
}

.aboutClinic__wrapper
{
    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)
{
    .aboutClinic__wrapper
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}

.aboutClinic__wrapper--left
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48.1%;
            flex: 0 0 48.1%;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__wrapper--left
    {
        width: 100%;
        margin-bottom: 3.3em;
    }
}

.aboutClinic__wrapper--right
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__wrapper--right
    {
        width: 100%;
    }
}

.aboutClinic__wrapper-reverse
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    margin-bottom: 3em; 

    -webkit-box-pack: justify; 

        -ms-flex-pack: justify; 

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__wrapper-reverse
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;

        margin-bottom: 3.4em;
    }
}

.aboutClinic__wrapper-reverse--left
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__wrapper-reverse--left
    {
        width: 100%;
        margin-bottom: 3.6em;
    }
}

.aboutClinic__wrapper-reverse--right
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__wrapper-reverse--right
    {
        width: 100%;
    }
}

.aboutClinic__name
{
    font-size: 1.2em;
    font-weight: 600;

    margin-bottom: 1.1em;

    letter-spacing: 0;

    color: #1c50a1;
}

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

        margin-bottom: 3.1em;
    }
}

.aboutClinic__text
{
    font-size: 1em;
    line-height: 2;

    margin-bottom: 2em;

    letter-spacing: 0;
}

.aboutClinic__text:nth-last-of-type(1)
{
    margin-bottom: 0;
}

.aboutClinic__img-box--right
{
    padding-top: 67%; 

    background: transparent url(./../image/about-img_1.jpg) no-repeat top center/cover;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__img-box--right
    {
        width: 100vw;
        margin-left: -1.8em;
        padding-top: 76.4%;
    }
}

.aboutClinic__img-box--left
{
    padding-top: 67%; 

    background: transparent url(./../image/about-img_2.jpg) no-repeat top center/cover;
}

@media screen and (max-width: 767px)
{
    .aboutClinic__img-box--left
    {
        width: 100vw;
        margin-left: -1.8em;
        padding-top: 76.4%;
    }
}

.aboutDirector
{
    padding-top: 6.7em; 

    background-color: rgba(28, 80, 161, .1);
}

@media screen and (max-width: 767px)
{
    .aboutDirector
    {
        padding-top: 3.6em;
    }
}

.aboutDirector__container
{
    max-width: 900px;
    margin: 0 auto;
}

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

    margin-bottom: 1.3em; 

    -webkit-box-pack: justify; 

        -ms-flex-pack: justify; 

            justify-content: space-between;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__wrapper
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;

        padding: 0 1.8em; 

        border-radius: 16px;
    }
}

.aboutDirector__wrapper--left
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 59%;
            flex: 0 0 59%;
}

@media screen and (max-width: 1023px)
{
    .aboutDirector__wrapper--left
    {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 62%;
                flex: 0 0 62%;
    }
}

@media screen and (max-width: 767px)
{
    .aboutDirector__wrapper--left
    {
        width: 100%;
    }
}

.aboutDirector__wrapper--right
{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 41%;
            flex: 0 0 41%;
}

@media screen and (max-width: 1023px)
{
    .aboutDirector__wrapper--right
    {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 38%;
                flex: 0 0 38%;
    }
}

@media screen and (max-width: 767px)
{
    .aboutDirector__wrapper--right
    {
        width: 100%;
    }
}

.aboutDirector__img-box
{
    width: 87%;
    margin-left: auto;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__img-box
    {
        width: 82%;
        margin-right: auto;
        margin-bottom: 1.4em;
    }
}

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

    margin-bottom: 1.3em; 
    padding-bottom: 1.4em;

    color: #1c50a1;
    border-bottom: 1px dotted #1c50a1;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__name-box
    {
        margin-bottom: 1.1em; 

        -webkit-box-pack: center; 

            -ms-flex-pack: center; 

                justify-content: center;
    }
}

.aboutDirector__name
{
    font-size: 1.6em;
    font-weight: 500;

    margin-right: 1.1em; 

    letter-spacing: 0;
}

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

        margin-right: .7em;
    }
}

.aboutDirector__name-en
{
    font-size: .9em;

    letter-spacing: 0;
}

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

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__list
    {
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

.aboutDirector__list:nth-of-type(n + 2)
{
    margin-top: .6em;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__list:nth-of-type(n + 2)
    {
        margin-top: 0;
    }
}

.aboutDirector__year
{
    line-height: 1.4; 

    width: 7.6em;

    letter-spacing: 0;
}

@media screen and (max-width: 1023px)
{
    .aboutDirector__year
    {
        width: 11.7em;
    }
}

@media screen and (max-width: 767px)
{
    .aboutDirector__year
    {
        line-height: 2;

        width: 6.9em;
    }
}

.aboutDirector__text
{
    line-height: 1.4; 

    letter-spacing: 0;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__text
    {
        line-height: 2;

        width: calc(100% - 6.9em);
    }
}

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

    margin-top: 3.4em;
    margin-bottom: 6.8em;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__list-box
    {
        margin-bottom: 6.9em; 
        padding: 0 0 0 1.8em;

        -ms-flex-wrap: wrap;

            flex-wrap: wrap;
    }
}

.aboutDirector__list-box--left
{
    width: 44.8%;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__list-box--left
    {
        width: 100%;
        margin-bottom: 3.3em;
    }
}

.aboutDirector__list-box--right
{
    width: 55.2%;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__list-box--right
    {
        width: 100%;
    }
}

.aboutDirector__list-box-title
{
    font-weight: 600; 

    margin-bottom: 1.3em;

    color: #1c50a1;
}

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

.aboutDirector__list-box-text
{
    line-height: 1.4; 

    letter-spacing: 0;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__list-box-text
    {
        line-height: 2;
    }
}

.aboutDirector__backimg-box
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.aboutDirector__backimg
{
    width: 50%;
    padding-top: 30%;
}

@media screen and (max-width: 767px)
{
    .aboutDirector__backimg
    {
        width: 100%;
        padding-top: 60%;
    }
}

.aboutDirector__backimg:nth-of-type(1)
{
    background: transparent url(./../image/aboutbg_1.jpg) no-repeat top center/cover;
}

.aboutDirector__backimg:nth-of-type(2)
{
    background: transparent url(./../image/aboutbg_2.jpg) no-repeat top center/cover;
}

.aboutSummary
{
    padding-top: 6.9em;
    padding-bottom: 6.6em;
}

@media screen and (max-width: 767px)
{
    .aboutSummary
    {
        padding-top: 7.4em;
        padding-bottom: 7.2em;
    }
}

.aboutSummary__container
{
    max-width: 900px;
    margin: 0 auto;
}

.aboutSummary__heading
{
    font-size: 1.2em; 

    margin-bottom: .7em;

    color: #1c50a1;
}

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

        margin-bottom: 1.6em;
    }
}

.aboutSummary__border
{
    width: 100%; 
    height: 2px;

    background-color: #1c50a1;
}

.aboutSummary__table
{
    width: 100%;

    border-collapse: collapse;
}

.aboutSummary__table th,
.aboutSummary__table td
{
    border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 767px)
{
    .aboutSummary__table th,
    .aboutSummary__table td
    {
        line-height: 2;
    }
}

.aboutSummary__table th
{
    font-weight: 400;

    width: 7.9em;
    padding-left: 1.4em; 

    vertical-align: middle;
}

@media screen and (max-width: 1023px)
{
    .aboutSummary__table th
    {
        width: 11.9em;
    }
}

@media screen and (max-width: 767px)
{
    .aboutSummary__table th
    {
        width: 4.2em;
        padding-left: 0;
    }
}

.aboutSummary__table td
{
    line-height: 2.2; 

    padding: 1em 1.5em;
}

@media screen and (max-width: 767px)
{
    .aboutSummary__table td
    {
        padding: 1.1em 1em;
    }
}

.aboutSummary__link
{
    margin-left: 19px;

    text-decoration: underline;
}

.aboutPlease
{
    padding-top: 6.9em;
    padding-bottom: 6.6em;

    background-color: rgba(28, 80, 161, .1);
}

@media screen and (max-width: 767px)
{
    .aboutPlease
    {
        padding-top: 7.2em;
        padding-bottom: 6.6em;
    }
}

.aboutPlease__flexbox
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

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

.aboutPlease__flexbox--left
{
    width: 54%;
}

@media screen and (max-width: 767px)
{
    .aboutPlease__flexbox--left
    {
        width: 100%;
        margin-bottom: 3.7em;
    }
}

.aboutPlease__flexbox--right
{
    width: 46%;
}

@media screen and (max-width: 767px)
{
    .aboutPlease__flexbox--right
    {
        width: 100%;
    }
}

.aboutPlease__title
{
    font-size: 1.2em;

    margin-bottom: 1.3em; 

    color: #1c50a1;
}

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

.aboutPlease__text
{
    line-height: 2;

    margin-bottom: 3.2em;

    letter-spacing: 0;
}

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

.aboutPlease__list-title
{
    font-weight: 600;

    letter-spacing: 0;
}

.aboutPlease__list
{
    line-height: 2;
}

@media screen and (max-width: 767px)
{
    .aboutPlease__list
    {
        letter-spacing: -.04em;
    }
}