@charset "utf-8";

html {
    overflow-x: hidden;
}

img {
    width: 100%;
    height: auto;
    
}

.container {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
}
.p-about {
    margin-top: 70px;
}

.about-main {
    display: flex;
    background-color: #E7E7E7;
    margin-bottom: 8rem;
}

.about-inner {
    width: 100%;
    height: 31.25rem;
    display: flex;
    align-items: flex-end;
    position: relative;
    backface-visibility: hidden;
}

.header-title {
    display: flex;
    flex-shrink: 0;
    align-items: flex-end;
    width: 100%;
}

.c-section_title {
    font-size: 12.5rem;
    line-height: .9;
    margin-bottom: -1.15rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-style: italic;
}

.c-section_sub-title {
    font-size: 1.875rem;
    line-height: 1;
    margin-right: 10rem;
    letter-spacing: .07em;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .about-main {
        margin-bottom: 7.3rem;
    }

    .about-inner {
        height: 14rem;
    }

    .header-title {
        flex-direction: column;
        align-items: normal;
    }

    .c-section_title {
        font-size: 6rem;
        line-height: .94;
        margin-bottom: 0.6875rem;
    }

    .c-section_sub-title {
        font-size: 1.1rem;
        margin-bottom: -0.125rem;
    }
}

.c-contents {
    margin: 0 10rem;
}

.mission {
    position: relative;
}

.c-title {
    display: flex;
}

.c-title-inner {
    backface-visibility: hidden;
}

.c-title-en {
    font-size: 5rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    letter-spacing: .01em;
    white-space: nowrap;
}

.c-title-jp {
    font-size: 1.25rem;
    line-height: 2.4;
    margin-top: .25rem;
    letter-spacing: .05em;
    font-weight: 600;
}

@media screen and (max-width : 1024px) {
    .mission-inner {
        width: 100%;
        margin: 9.375rem auto 0;
    }
    
    .c-contents {
        margin: 0 6rem;
    }
}

@media screen and (min-width: 769px) {
    .mission-inner {
        width: 100%;
        margin: 9.375rem auto 0;
    }
}

.mission-sentence {
    font-size: 3.125rem;
    margin-bottom: 3.125rem;
    line-height: 1.6;
    margin-right: -1.125rem;
    white-space: nowrap;
    font-weight: 600;
}

.mission-sentence-txt {
    padding-bottom: 15.75rem;
}

.about-txt {
    font-size: 1.625rem;
    line-height: 2.2;
    letter-spacing: .05em;
    margin-bottom: 3.375rem;
}

.emphasis {
    font-weight: bold;
    color: #E5C046;
}
.red {
    color: #EB5B87;
}

@media screen and (max-width: 768px) {
    .c-contents {
        margin: 0 1.25rem;
    }

    .c-title-en {
        font-size: 3.125rem;
        line-height: 1;
    }

    .c-title-jp {
        font-size: 0.8125rem;
        line-height: 1;
        margin-top: .625rem;
    }

    .mission-inner {
        margin: 5rem auto 0;
    }

    .mission-sentence {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .mission-sentence-txt {
        padding-bottom: 8rem;
    }

    .about-txt {
        line-height: 1.5;
    }
}

.chairman-inner {
    margin: 0 10rem;
}

.c-profile {
    margin: 5.5rem 0 15.75rem;
}

.profile-top {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.profile-top_img {
    width: 45%;
}

.profile-top_txt {
    width: 45%;
}

.chairman-title {
    font-size: 3.75rem;
    line-height: 1.5;
    letter-spacing: .05em;
    font-weight: 600;
    margin: -1.06rem 0 5rem;
}

.profile-info {
    line-height: 1.8;
    letter-spacing: .08em;
    margin-bottom: 15px;
}

.position-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.position-name {
    font-size: 1rem;
    padding-bottom: 1.5rem;
    font-weight: 600;
    letter-spacing: .05em;
    text-align: right;
    width: 100%;
    flex-shrink: 0;
}

.chairman-name {
    font-size: 3rem;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .container {
        padding: 0 1.25rem;
    }
    
    .chairman-inner {
        margin: 0 1.25rem;
    }

    .c-profile {
        margin: 3rem 0 7rem;
    }

    .profile-top {
        display: block;
    }

    .profile-top_img {
        width: 100%;
    }

    .profile-top_txt {
        width: 100%;
    }

    .chairman-title {
        font-size: 2.6rem;
        line-height: 1.28;
        margin: 2.2rem 0 1.7rem;
    }

    .profile-info {
        line-height: 2;
        letter-spacing: .08em;
        margin-bottom: 1.6rem;
    }

    .position-name {
        font-size: .9rem;
        padding-bottom: 1rem;
    }

    .chairman-name {
        font-size: 2rem;
    }
}

.association-inner {
    margin: 0 10rem;
}

@media screen and (min-width: 769px) {
    .c-table {
        width: 72.5%;
        margin: 9.375rem auto 0;
    }
}

table {
    border-collapse: separate;
    border-spacing: 0;
    max-width: 1000px;
    margin: 0 auto;
}

.c-table th {
    width: 22%;
    text-align: left;
    vertical-align: top;padding: 3rem 0;
    border-top: 2px solid #FF9922;
}

.c-table td {
    padding: 3rem 0;
    border-top: 2px solid #767676;
}

.c-table .th-border {
    border-bottom: 2px solid #FF9922;
}
.c-table .td-border {
    border-bottom: 2px solid #767676;
}

@media screen and (max-width: 768px) {
    .association-inner {
        margin: 0 1.25rem;
    }

    .c-table {
        margin: 3rem 1.25rem 0;
    }

    .c-table th {
        width: 26%;
        padding: 2.8rem 0;
    }

    .c-table td {
        padding: 2.8rem 0;
    }
}