.header-area {
    .site-title-area{
        min-width: 200px;
    }
    a{
        text-decoration: none;
    }
    .dog-icon{
        max-width: 350px;
        margin-bottom: 20px;
    }
    }
.content-area{
    .fv-area{

        .sub-layout{
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 1em;
            align-items: center;
    
            .item01{
                grid-column: 1 / 8;
                .catch-copy{
                    font-size: 26px;
                    font-size: clamp(26px, 5.625vw, 45px);
                    min-height: 0vw;
                    font-weight: 900;
                }
                .description{
                    margin-bottom: 2em;
                }
                .catch-copy-svg{
                    width: 100%;
                }
            }
            .item02{
                grid-column: 9 / 13;
                position: relative;
                video{
                    width: 100%;
                    border-radius: 2em;
                }
                .catch-copy-svg{
                    position: absolute;
                    bottom: 1em;
                    margin: 1em;
                }
            }
        }
        @media screen and (max-width: 768px) {
            .sub-layout{
                grid-template-columns: 1fr;
                grid-template-rows: 1fr auto;

                .item01{
                    grid-column: 1 / 13;
                    grid-row: 2/3;
                }
                .item02{
                    grid-column: 1 / 13;
                    grid-row: 1/2;
                }
        }
    }
    }
    .main-content-area{

        .title{
            font-size: 80px;
            font-size: clamp(32px, 8vw, 80px);
            min-height: 0vw;
            font-weight: 900;
            letter-spacing: 0.1em;
        }
        .sub-title{
            font-size: 36px;
            font-size: clamp(24px, 3.6vw, 36px);
            min-height: 0vw;
            font-weight: 900;
            letter-spacing: 0.1em;
        }
        .sub-layout{
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 1em;
            align-items: center;

            .content{
                grid-column: 1 / 8;
            }
            .aside-content{
                grid-column: 9 / 13;
                .btn{
                    display: block;
                }
            }
        }
        @media screen and (max-width: 768px) {
            .sub-layout{
                display: block;
            } 
        }
}
}
    

.footer{
    height: var(--footer-height);
}
.main{
    background-color: var(--base-white-color);
    border-radius: clamp(15px,3vw,30px);
}
.footer{
    background: black;
}

a{
    background-image: url(images/gazou.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}