/*================================
ヘッダー
===============================*/

header .menu_body .button a{
    color: rgb(206, 152, 211);
    padding: 0;
}

.header_wrap{
    background-color: rgba(206, 152, 211,1);
}

.home .top_about .charotte_draw{
    width: 800px;
}

.key .inner .pc img{
    padding: 20px;
}

figure {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}



.home .key .top_sp{
    visibility: hidden;
}


@media screen and (max-width:768px){
    .key .inner .pc img{
        width: 100%;
        padding: 0;
        line-height: 50rem;
    }
    .key .inner{
        padding: 0;
    }
    .home .key .top_pc{
        display: none;
    }
    .home .key .top_sp{
        visibility: visible;
        background-size: cover;
        background-position: center center;
        padding-top: 56.25%;
         width: 100%;
    }
    

}/*===============max-width:768px================*/