/*
* CONTENTS_AREA
**************************************/
#CONTENTS_AREA {}
    #CONTENTS_AREA .section {
    }
    #CONTENTS_AREA .section:nth-child(n + 2) {
        margin: 100px auto 0;
    } 
        #CONTENTS_AREA .section .headline {
            font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-34)/var(--unnamed-line-spacing-54) var(--unnamed-font-family-noto-sans), var(--unnamed-font-family-noto-sans-jp);
            letter-spacing: var(--unnamed-character-spacing-1-7);
            color: var(--文字);
            text-align: center;
            line-height: 34px;
        }
        #CONTENTS_AREA .section .hr {
            width: 60px;
            height: 6px;
            background: var(--i-seiq) 0% 0% no-repeat padding-box;
            border-radius: 3px;
            margin: 32px auto 0;
        }
            #CONTENTS_AREA .section.document .items {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
                padding: 0;
                margin: 56px auto 0;
                gap: 40px 00px;
                width: 100%;
                max-width: 1000px;
            }
                #CONTENTS_AREA .section.document .items .item {
                    width: 480px;
                    height: 520px;
                    box-sizing: border-box;
                    position: relative;
                }
                    #CONTENTS_AREA .section.document .items .item .img {
                        display: block;
                        margin: auto;
                        position: absolute;
                        z-index: 1;
                    }
                    #CONTENTS_AREA .section.document .items .item .bg {
                        width: 480px;
                        height: 449px;
                        background: var(--白) 0% 0% no-repeat padding-box;
                        border-radius: 10px;
                        position: relative;
                        top: 69px;
                        padding: 185px 80px 0;
                        box-sizing: border-box;
                    }
                    #CONTENTS_AREA .section.document .items .item .bg .title {
                        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-28)/var(--unnamed-line-spacing-40) var(--unnamed-font-family-noto-sans), var(--unnamed-font-family-noto-sans-jp);
                        letter-spacing: var(--unnamed-character-spacing-2-8);
                        color: var(--文字);
                        text-align: center;
                    }
                    #CONTENTS_AREA .section.document .items .item .bg .body {
                        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-noto-sans), var(--unnamed-font-family-noto-sans-jp);
                        letter-spacing: var(--unnamed-character-spacing-1-28);
                        color: var(--文字);
                        text-align: center;
                        margin: 26px auto 0;
                    }
                    #CONTENTS_AREA .section.document .items .item .bg a {
                        text-decoration: none;
                        display: block;
                        text-align: center;
                    }
                    #CONTENTS_AREA .section.document .items .item .bg a:hover {
                        opacity: 0.7;
                    }
                    #CONTENTS_AREA .section.document .items .item .bg .button {
                        width: 300px;
                        height: 62px;
                        background: var(--アクセント) 0% 0% no-repeat padding-box;
                        border-radius: 31px;
                        display: inline-block;
                        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-22)/30px var(--unnamed-font-family-noto-sans), var(--unnamed-font-family-noto-sans-jp);
                        letter-spacing: var(--unnamed-character-spacing-0);
                        color: var(--白);
                        text-align: center;
                        line-height: 62px;
                        margin: 40px auto 0;
                        position: absolute;
                        bottom: 30px;
                        left: 90px;
                    }
            #CONTENTS_AREA .section.video .items {
                width: 100%;
                max-width: 1000px;
                display: flex;
                justify-content: space-between;
                margin: 56px auto 0;
                gap: 64px 0px;
                flex-wrap: wrap;
            }
                    #CONTENTS_AREA .section.video .items .item {
                        width: 480px;
                    }
                    #CONTENTS_AREA .section.video .items .item .video {
                        position: relative;
                    }
                    #CONTENTS_AREA .section.video .items .item .video .icon {
                        position: absolute;
                        margin: auto;
                        left: 0;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        transition: all 0.4s 0s ease;
                        width: 60px;
                        height: 60px;
                    }
                    #CONTENTS_AREA .section.video .items .item a:hover .video .icon {
                        width: 70px;
                        height: 70px;
                        opacity: unset;
                    }
                    #CONTENTS_AREA .section.video .items .item .img {
                        display: block;
                        margin: auto;
                    }
                    #CONTENTS_AREA .section.video .items .item .img:hover {
                        opacity: unset;
                    }
                    #CONTENTS_AREA .section.video .items .item .title {
                        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-28)/var(--unnamed-line-spacing-54) var(--unnamed-font-family-noto-sans), var(--unnamed-font-family-noto-sans-jp);
                        letter-spacing: var(--unnamed-character-spacing-2-8);
                        color: var(--文字);
                        text-align: center;
                        margin: 12px auto 0;
                    }
                    #CONTENTS_AREA .section.video .items .item .body {
                        font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-medium) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-32) var(--unnamed-font-family-noto-sans), var(--unnamed-font-family-noto-sans-jp);
                        letter-spacing: var(--unnamed-character-spacing-2-88);
                        color: var(--文字);
                        margin: 37px 0 0;
                    }