#glossaryIndex,
#glossaryIndex *{
    box-sizing: border-box;
}

#glossaryIndex{
    width: 100%;
    color: #35474E;
    overflow: hidden;
}

#glossaryIndex .glossary-archive-hero{
    height: 218px;
    margin-top: 112px;
    padding: 28px 20px 27px;
    background-color: #F5F8FB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#glossaryIndex .glossary-archive-hero h1{
    margin: 0 0 18px;
    color: #1A7BA5;
    font-size: 50px;
}

#glossaryIndex .glossary-archive-hero p{
    margin: 0;
    color: #35474E;
    font-size: 18px;
    line-height: 1.8;
}

#glossaryIndex .glossary-archive{
    padding: 50px 0 0;
    background-color: #fff;
}

#glossaryIndex .glossary-archive-inner{
    width: min(1188px, calc(100% - 48px));
    margin: 0 auto;
    padding-left: 330px;
    position: relative;
}

#glossaryIndex .glossary-side-label{
    margin: 0;
    position: absolute;
    left: -175px;
    top: 100px;
    color: #B1CAD6;
    font-size: 66px;
    line-height: 1;
    letter-spacing: 0.08em;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

#glossaryIndex .glossary-parent-panel{
    background-color: #FAFAFA;
    margin-right: calc(50% - 50vw);
    padding: 99px 0 82px 101px;
}

#glossaryIndex .glossary-category{
    position: relative;
    padding-bottom: 76px;
}

#glossaryIndex .glossary-category:last-child{
    padding-bottom: 0;
}

#glossaryIndex .glossary-category-index{
    position: absolute;
    left: -254px;
    top: -3px;
}

#glossaryIndex .glossary-category-index span{
    display: flex;
    width: 45px;
    justify-content: center;
    align-items: center;
    color: #1A7BA5;
    font-size: 43px;
    font-style: italic;
    /* font-weight: 500; */
    line-height: 1;
    letter-spacing: 0.08em;
    position: relative;
}

#glossaryIndex .glossary-category-index span::after{
    content: "";
    width: 169px;
    height: 1px;
    background-color: #1A7BA5;
    position: absolute;
    left: 64px;
    top: 50%;
}


#glossaryIndex .glossary-category-body h2{
    margin: 0 0 18px;
    color: #1A7BA5;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.1em;
}

#glossaryIndex .glossary-category-body p{
    margin: 0 0 22px;
    color: #35474E;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.06em;
}

#glossaryIndex .glossary-term-columns{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 54px;
    max-width: 670px;
}

#glossaryIndex .glossary-term-list{
    margin: 0;
    padding: 0;
    list-style: none;
}

#glossaryIndex .glossary-term-list li{
    margin: 0 0 8px;
    color: #1A7BA5;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0.06em;
    display: flex;
}

#glossaryIndex .glossary-term-list li::before{
    content: "・";
    flex: 0 0 auto;
}

#glossaryIndex .glossary-term-list a,
#glossaryIndex .glossary-term-list span{
    color: #1A7BA5;
    text-decoration: none;
    overflow-wrap: anywhere;
}

#glossaryIndex .glossary-term-list a:hover{
    text-decoration: underline;
}

#glossaryDetail,
#glossaryDetail *{
    box-sizing: border-box;
}

#glossaryDetail{
    width: 100%;
    color: #35474E;
}

#glossaryDetail .detail-hero{
    height: 218px;
    margin-top: 112px;
    padding: 28px 20px 27px;
    background-color: #F5F8FB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#glossaryDetail .detail-hero h1{
    margin: 0 0 18px;
    color: #1A7BA5;
    font-size: 50px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.1em;
}

#glossaryDetail .detail-hero p{
    margin: 0;
    color: #35474E;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}

#glossaryDetail .detail-breadcrumb{
    width: 1300px;
    margin: 14px auto 59px;
    color: #35474E;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.6;
}

#glossaryDetail .detail-breadcrumb a{
    color: #A8B0B4;
    text-decoration: none;
    font-weight: 300;
}

#glossaryDetail .detail-breadcrumb a:hover{
    text-decoration: underline;
}

#glossaryDetail .detail-breadcrumb span{
    margin: 0 4px;
}

#glossaryDetail .detail-explanation{
    width: 1300px;
    margin: 0 auto 82px;
    padding: 50px 160px 102px;
    background-color: #F5F8FB;
}

#glossaryDetail .detail-explanation h2{
    margin: 0 0 42px;
    color: #1A7BA5;
    font-size: 47px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.08em;
    text-align: center;
}

#glossaryDetail .detail-explanation h3{
    margin: 47px 0 13px;
    color: #1A7BA5;
    font-size: 20px;
   
}

#glossaryDetail .detail-explanation p,
#glossaryDetail .detail-explanation li{
    color: #333;
    font-size: 16px;
    font-weight: 500;
}

#glossaryDetail .detail-explanation p{
    margin: 0;
}

#glossaryDetail .detail-explanation ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#glossaryDetail .detail-explanation li{
    margin-bottom: 20px;
    padding-left: 1em;
    position: relative;
}

#glossaryDetail .detail-explanation li::before{
    content: "・";
    position: absolute;
    left: 0;
}

#glossaryDetail .detail-faq-list{
    margin: 0;
}

#glossaryDetail .detail-faq-item{
    margin-top: 14px;
}

#glossaryDetail .detail-faq-item:first-child{
    margin-top: 0;
}

#glossaryDetail .detail-faq-item p{
    margin: 0;
}

#glossaryDetail .detail-term-section{
    margin-bottom: 72px;
}

#glossaryDetail .detail-term-shell{
    width: min(1188px, calc(100% - 48px));
    margin: 0 auto;
    padding-left: 330px;
    position: relative;
}

#glossaryDetail .detail-term-index{
    position: absolute;
    left: 177px;
    top: 96px;
}

#glossaryDetail .detail-term-index span{
    display: flex;
    width: 45px;
    justify-content: center;
    align-items: center;
    color: #1A7BA5;
    font-size: 43px;
    font-style: italic;
    /* font-weight: 500; */
    line-height: 1;
    letter-spacing: 0.08em;
    position: relative;
}

#glossaryDetail .detail-term-index span::after{
    content: "";
    width: 169px;
    height: 1px;
    background-color: #1A7BA5;
    position: absolute;
    left: 64px;
    top: 50%;
}

#glossaryDetail .detail-term-panel{
    min-height: 0;
    margin-right: calc(50% - 50vw);
    padding: 99px 0 82px 101px;
    background-color: #FAFAFA;
}

#glossaryDetail .detail-term-panel h2{
    margin: 0 0 18px;
    color: #1A7BA5;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: 0.1em;
}

#glossaryDetail .detail-term-panel p{
    margin: 0 0 22px;
    color: #35474E;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.8;
    letter-spacing: 0.06em;
}

#glossaryDetail .detail-term-columns{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 54px;
    max-width: 670px;
}

#glossaryDetail .detail-term-columns ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

#glossaryDetail .detail-term-columns li{
    margin-bottom: 8px;
    color: #1A7BA5;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.55;
    letter-spacing: 0.06em;
    display: flex;
}

#glossaryDetail .detail-term-columns li::before{
    content: "・";
}

#glossaryDetail .detail-term-columns a{
    color: #1A7BA5;
    text-decoration: none;
}

#glossaryDetail .detail-term-columns a:hover{
    text-decoration: underline;
}

#glossaryDetail .detail-related-posts{
    margin-bottom: 66px;
}

#glossaryDetail .detail-related-inner{
    width: 1300px;
    margin: 0 auto;
}

#glossaryDetail .detail-related-inner h2{
    margin: 0 0 31px;
    padding-bottom: 16px;
    border-bottom: 1px solid #1A7BA5;
    color: #1A7BA5;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.05em;
}

#glossaryDetail .detail-post-grid{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 72px;
    row-gap: 44px;
}

#glossaryDetail .detail-post-card{
    display: grid;
    grid-template-columns: 205px minmax(0, 1fr);
    gap: 18px;
    color: inherit;
    text-decoration: none;
}

#glossaryDetail .detail-post-card img{
    width: 205px;
    height: 122px;
    object-fit: cover;
}

#glossaryDetail .detail-post-card h3{
    margin: 0 0 7px;
    color: #333;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}

#glossaryDetail .detail-post-card .date{
    margin: 0 0 7px;
    color: #555;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

#glossaryDetail .detail-post-card .excerpt{
    margin: 0;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.75;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#glossaryHead{
    width: 100%;
    height: 218px;
    background-color: #F5F8FB;
    margin-top: 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

#glossaryHead h1{
    color: #1A7BA5;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 5px;
    line-height: 55px;
}

#glossaryHead p{
    color: #35474E;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 1.8px;
    line-height: 26px;
}

#glossaryContent{
    width: 100%;    
}

#glossaryContent .gc-container{
    width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

#glossaryContent .gc-container .gc-breadcrumb{
    width: 100%;
    height: 66px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

#glossaryContent .gc-container .gc-breadcrumb a{
    text-decoration: none;
    font-size: 18px;
    font-weight: 400;
    color: #35474E;
}

#glossaryContent .gc-container .gc-breadcrumb a.top{
    color: #ccc;
}

#glossaryContent .gc-container .gc-breadcrumb a.mid{
    color: #ccc;
}

#glossaryContent .gc-container .gc-breadcrumb span{
    font-size: 18px;
    margin: 0 10px;
}

#glossaryContent .gc-container .gc-desc{
    height: 423px;
    margin-bottom: 31px;
    background: url("/glossary/images/gs-img-01.png") no-repeat;
    background-size: 813px 423px;
    background-position: center;
}

#glossaryContent .gc-container .gc-dee{
    height: 375px;
    background-color: #F5F8FB;
    padding-top: 50px;
    display: flex;
    flex-direction: column;
    margin-bottom: 72px;
}

#glossaryContent .gc-container .gc-dee h4{
    font-size: 36px;
    font-weight: 700;
    color: #1A7BA5;
    letter-spacing: 3.6px;
    line-height: 55px;
    text-align: center;
    margin-bottom: 47px;
}

#glossaryContent .gc-container .gc-dee p{
    padding-left: 209px;
    padding-right: 128px;
    font-size: 20px;
    font-weight: 500;
    color: #333333;
    letter-spacing: 2px;
    line-height: 26px;
}

#glossaryContent .gc-container .gc-dee p.gcd-ichi{
    margin-bottom: 25px;
}

#glossaryContent .gc-one{
    padding-left: 485px;
    height: 461px;
    margin-bottom: 70px;
}

#glossaryContent .gc-one .gco-one{
    width: 1279px;
    height: 461px;
    float: right;
    background-color: #F9F9F9;
    padding-left: 101px;
    padding-top: 88px;
}

#glossaryContent .gc-one .gco-one h4{
    color: #1A7BA5;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 2.8px;
    margin-bottom: 19px;
    position: relative;
}

#glossaryContent .gc-one .gco-one h4::before{
    content: "01";
    font-size: 43px;
    font-weight: 400;
    font-style: italic;
    color: #1A7BA5;
    position: absolute;
    left: -212px;
    top: -12px;
}

#glossaryContent .gc-one .gco-one h4::after{
    content: "";
    width: 137px;
    height: 1px;
    background-color: #1A7BA5;
    position: absolute;
    left: -146px;
    top: 16px;
}

#glossaryContent .gc-one .gco-one p{
    font-size: 18px;
    font-weight: 600;
    color: #35474E;
    letter-spacing: 1.8px;
    margin-bottom: 30px;
}

#glossaryContent .gc-one .gco-one .gcoo-one{
    display: flex;
    flex-direction: row;
    width: 540px;
}

#glossaryContent .gc-one .gco-one .gcoo-one .gcooo-col{
    width: 270px;
    display: flex;
    flex-direction: column;    
}

#glossaryContent .gc-one .gco-one .gcoo-one .gcooo-col a{
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    color: #1A7BA5;
    letter-spacing: 1.8px;
}

#glossaryContent .gc-news{
    width: 100%;
    height: 420px;
    margin-bottom: 67px;
}

#glossaryContent .gc-news .gcn-container{
    width: 1300px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

#glossaryContent .gc-news .gcn-container .gcn-title{
    height: 60px;
    border-bottom: 1px solid #4191B4;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

#glossaryContent .gc-news .gcn-container .gcn-title h4{
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    color: #1A7BA5;
}

#glossaryContent .gc-news .gcn-container .news{
    display: flex;
    flex-wrap: wrap;
}

#glossaryContent .gc-news .gcn-container .news .new{
    width: 100%;
    height: 167px;
}

#glossaryContent .gc-news .gcn-container .news > div{
    flex: 50%;
    margin-bottom: 38px;
}

#glossaryContent .gc-news .gcn-container .news .new.left{
    padding-right: 19px;
}

#glossaryContent .gc-news .gcn-container .news .new.right{
    padding-left: 19px;
}

#glossaryContent .gc-news .gcn-container .news .new .item{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    text-decoration: none;
}

#glossaryContent .gc-news .gcn-container .news .new .item img{
    flex: 40%;
    width: 240px;
}

#glossaryContent .gc-news .gcn-container .news .new .item .cont{
    flex: 60%;
}

#glossaryContent .gc-news .gcn-container .news .new .item .cont p.title{
    font-size: 16px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
}

#glossaryContent .gc-news .gcn-container .news .new .item .cont p.time{
    font-size: 12px;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

#glossaryContent .gc-news .gcn-container .news .new .item .cont p.desc{
    font-size: 12px;
    font-weight: 500;
    color: #333;
    margin-bottom: 5px;
}

@media (max-width: 1199.98px){
    #glossaryIndex .glossary-archive-inner{
        width: min(960px, calc(100% - 40px));
        padding-left: 240px;
    }

    #glossaryIndex .glossary-side-label{
        font-size: 56px;
        left: 0;
    }

    #glossaryIndex .glossary-parent-panel{
        padding: 64px 54px 76px;
    }

    #glossaryIndex .glossary-category-index{
        left: -122px;
    }

    #glossaryIndex .glossary-category-index span::after{
        width: 112px;
    }
}

@media (max-width: 991.98px){
    #glossaryIndex .glossary-archive-inner{
        width: min(720px, calc(100% - 36px));
        padding-left: 0;
    }

    #glossaryIndex .glossary-side-label{
        display: none;
    }

    #glossaryIndex .glossary-parent-panel{
        margin-right: 0;
        padding: 46px 34px 58px;
    }

    #glossaryIndex .glossary-category-index{
        position: static;
        margin-bottom: 18px;
    }

    #glossaryIndex .glossary-category-index span::after{
        width: 104px;
        left: 74px;
    }
}

@media (max-width: 767.98px){
    #glossaryIndex .glossary-archive-hero{
        height: 175px;
        margin-top: 50px;
        padding: 24px 20px 28px;
        position: relative;
        z-index: 2;
        background-color: #F5F8FB;
    }

    #glossaryIndex .glossary-archive-hero h1{
        font-size: 20px;
        margin-bottom: 15px;
    }

    #glossaryIndex .glossary-archive-hero p{
        font-size: 14px;
        text-align: left;
    }

    #glossaryIndex .glossary-archive{
        padding: 0;
        position: relative;
        z-index: 1;
        background-color: #fff;
        margin-top: 32px;
    }

    #glossaryIndex .glossary-archive-inner{
        width: 100%;
        padding-left: 0;
    }

    #glossaryIndex .glossary-parent-panel{
        margin-right: 0;
        padding: 0;
        background-color: #fff;
    }

    #glossaryIndex .glossary-parent-panel::before{
        content: none;
    }

    #glossaryIndex .glossary-category{
        display: grid;
        grid-template-columns: 49px minmax(0, 1fr);
        column-gap: 15px;
        align-items: stretch;
        padding-bottom: 0;
    }

    #glossaryIndex .glossary-category-index{
        position: static;
        margin-bottom: 0;
        padding-top: 13px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    #glossaryIndex .glossary-category-index span{
        width: 49px;
        font-size: 30px;
        letter-spacing: 0.04em;
        justify-content: center;
    }

    #glossaryIndex .glossary-category-index span::after{
        display: none;
    }

    #glossaryIndex .glossary-category-body{
        background-color: #F9F9F9;
        padding: 14px 55px 46px 17px;
    }

    #glossaryIndex .glossary-category-body h2{
        font-size: 20px;
        margin-bottom: 19px;
    }

    #glossaryIndex .glossary-category-body p{
        display: block;
        font-size: 15px;
        margin-bottom: 19px;
    }

    #glossaryIndex .glossary-term-columns{
        grid-template-columns: 1fr;
        gap: 0;
        max-width: none;
    }

    #glossaryIndex .glossary-term-list li{
        font-size: 15px;
        letter-spacing: 0.03em;
        margin-bottom: 10px;
    }

    #glossaryDetail .detail-hero{
        height: 127px;
        margin-top: 50px;
        padding: 29px 20px 29px;
    }

    #glossaryDetail .detail-hero h1{
        font-size: 20px;
        letter-spacing: 0.08em;
        margin-bottom: 20px;
    }

    #glossaryDetail .detail-hero p{
        font-size: 14px;
        color: #35474E
    }

    #glossaryDetail .detail-breadcrumb{
        width: calc(100% - 30px);
        margin: 7px auto 39px;
        font-size: 14px;
    }

    #glossaryDetail .detail-explanation{
        width: 100%;
        margin-bottom: 48px;
        padding: 10px 15px 28px;
    }

    #glossaryDetail .detail-explanation h2{
        font-size: 18px;
        margin-bottom: 20px;
    }

    #glossaryDetail .detail-explanation h3{
        font-size: 16px;
        margin-top: 32px;
    }

    #glossaryDetail .detail-explanation p,
    #glossaryDetail .detail-explanation li{
        font-size: 15px;
    }

    #glossaryDetail .detail-term-section{
        margin-bottom: 46px;
    }

    #glossaryDetail .detail-term-shell{
        width: 100%;
        padding-left: 0;
        display: grid;
        grid-template-columns: 49px minmax(0, 1fr);
        column-gap: 15px;
    }

    #glossaryDetail .detail-term-index{
        position: static;
        padding-top: 13px;
        background-color: #fff;
        display: flex;
        justify-content: center;
        align-items: flex-start;
    }

    #glossaryDetail .detail-term-index span{
        width: 49px;
        justify-content: center;
        font-size: 30px;
        letter-spacing: 0.04em;
    }

    #glossaryDetail .detail-term-index span::after{
        display: none;
    }

    #glossaryDetail .detail-term-panel{
        min-height: 0;
        margin-right: 0;
        background-color: #F9F9F9;
        padding: 14px 55px 46px 17px;
    }

    #glossaryDetail .detail-term-panel h2{
        font-size: 20px;
        margin-bottom: 19px;
    }

    #glossaryDetail .detail-term-panel p{
        font-size: 15px;
        margin-bottom: 19px;
    }

    #glossaryDetail .detail-term-columns{
        grid-template-columns: 1fr;
        gap: 0;
    }

    #glossaryDetail .detail-term-columns li{
        font-size: 15px;
        letter-spacing: 0.03em;
        margin-bottom: 10px;
    }

    #glossaryDetail .detail-related-posts{
        margin-bottom: 48px;
    }

    #glossaryDetail .detail-related-inner{
        width: calc(100% - 34px);
    }

    #glossaryDetail .detail-related-inner h2{
        margin-bottom: 12px;
        padding: 0px 5px 19px 5px;
        font-size: 16px;
        line-height: 1.45;
    }

    #glossaryDetail .detail-post-grid{
        grid-template-columns: 1fr;
        row-gap: 22px;
    }

    #glossaryDetail .detail-post-card{
        grid-template-columns: clamp(132px, 36vw, 172px) minmax(0, 1fr);
        gap: 13px;
        padding: 0 5px;
        padding-bottom: 22px;
        border-bottom: 1px solid #E5E5E5;
        align-items: start;
    }

    #glossaryDetail .detail-post-card:first-child{
        border-top: 1px solid #E5E5E5;
        padding-top: 22px;
    }

    #glossaryDetail .detail-post-card img{
        width: 100%;
        height: clamp(82px, 20vw, 108px);
        display: block;
    }

    #glossaryDetail .detail-post-card h3{
        margin-bottom: 9px;
        color: #333;
        font-size: 14px;
        line-height: 1.5;
    }

    #glossaryDetail .detail-post-card .date{
        margin-bottom: 0;
        color: #666;
        font-size: 10px;
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 3px;
    }

    #glossaryDetail .detail-post-card .date::before{
        content: "";
        width: 14px;
        height: 14px;
        background-image: url("/glossary/images/clock-five-svgrepo-com.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        flex: 0 0 auto;
    }

    #glossaryDetail .detail-post-card .excerpt{
        display: none;
    }
}