/*隕句�縺鈴Κ縺ｫ縺ゅｋ繧ｿ繧､繝医Ν(繧｢繝ｫ繝輔ぃ繝吶ャ繝磯Κ蛻�)縺ｮ菴咲ｽｮ縺ｨ螟ｧ縺阪＆縺後％縺薙〒險ｭ螳壹＆繧後※縺�ｋ*/
#TitleLogo{
    top: -9.5px;
    width: 210px;
    height: 80px;
    left: -18px;
}
/*隕句�縺鈴Κ縺ｫ縺ゅｋ繧ｿ繧､繝医Ν(譌･譛ｬ隱樣Κ蛻�)縺ｮ菴咲ｽｮ縺後％縺薙〒險ｭ螳壹＆繧後※縺�ｋ*/
#TitleText{
    top: 9px;
}


/*譛ｬ菴�*/
.MainArea{
    .PrivacyMarkArea{
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        background-size: cover;
        background-position: 50% 50%;

        .PrivacyMark{
            position: absolute;
            margin: 0;
            width: 118px;
            height: 120px;
            background-color: var(--White);

            img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                transition: opacity 0.1s;

                &:hover{
                    opacity: 0.5;
                }
            }
        }

        p,a{
            padding: 0;
            font-weight: 700;
            color: var(--SubColor2);
            transition: color 0.1s;
        }
        a:hover{
            color: var(--MainColor2);
        }
    }

    h2{
        position: relative;
        border-bottom: solid 2px var(--SubColor3);

        font-size: 26px;
        font-weight: 700;
        line-height: 1;
        color: var(--MainColor3);
    }

    p,span,a{
        position: relative;
        font-weight: 400;
    }

    .IndexedItem{
        &::before{
            position: absolute;
            top: 0;
        }

        &:nth-of-type(2)::before{
            content: "1.";
        }
        &:nth-of-type(3)::before{
            content: "2.";
        }
        &:nth-of-type(4)::before{
            content: "3.";
        }
        &:nth-of-type(5)::before{
            content: "4.";
        }
        &:nth-of-type(6)::before{
            content: "5.";
        }
        &:nth-of-type(7)::before{
            content: "6.";
        }
        
        span{
            display: block;

            &::before{
                position: absolute;
                content: "繝ｻ";
                top: 0;
            }
        }
    }

    .Signature{
        position: relative;

        p{
            display: flex;
            justify-content: flex-end;
        }
    }

    .SecondaryInformation{
        position: relative;
        border-top: solid 2px var(--SubColor3);

        &:nth-last-child(1){
        border-bottom: solid 2px var(--SubColor3);
        }
    
        h3{
            font-weight: 700;
            color: var(--MainColor3);
        }

        a{
            margin-top: 2px;
            width: auto;
        }

        &:nth-of-type(3) p:has(a){ /*蛟倶ｺｺ諠��ｱ縺ｮ蜿匁桶縺�↓縺､縺�※*/
            margin-top: 2px;
            a{
                padding: 0;
            }
        }
    
        &:nth-of-type(4){   /*縺雁撫蜷医○�郁協諠��逶ｸ隲�ｼ臥ｪ灘哨*/
            a{
                padding: 0;
            }
        } 

        .Notice::before{
            position: absolute;
            content: "窶ｻ";
            top: 0;
        }
    }
}