@charset "UTF-8";
/* CSS Document */
@media (max-width : 599px ){


.header-logo{
    width: 28%;
    margin: 0 36vw 2vw 0;
}


.menu{
    width: 40%;
}


.menu li{
    font-size: 4rem;
}


.menu-icon{
    width: 6.6vw;
    margin: 1vw 0 0 3vw;
}


.menu-icon span:nth-child(2), .menu-icon span:nth-child(3) {
  top: 7px;
}


.menu-icon span:nth-child(4) {
  top: 14px;
}


.title{
    margin: 14vw 0 2vw 10vw;
}


.title h5{
    font-size: 2rem;
    line-height: 3vw;
    padding: 0 2vw;
}


.title h1{
    width: 90%;
    font-size: 8.5rem;
    line-height: 10vw;
}


.title h2{
    font-size: 4.5rem;
    margin: 3vw 0 5vw 0;
}


.title p{
    font-size: 2.7rem;
}


.block-1 p{
    font-size: 3.3rem;
    padding: 5vw 0 0 0;
    line-height: 5.5vw;
}




.block-2{
    padding: 5vw 0 4vw 10vw;
    display: block;
    margin: 6vw 0 0 0vw;
}


.block-2 h3{
    font-size: 5.3rem;
    line-height: 7vw;
}


.content{
    width: 80%;
    margin: 6vw 0 6vw 10vw;
}


.content h4{
    font-size: 3rem;
    
    margin: 4vw 0 0 2vw;
    padding: 0.5vw 4vw;
    border-radius: 4vw;
}


.content h5{
    font-size: 3rem;
    width: 100%;
}


.content a{
    border-radius: 5vw;
}





footer{
    margin: 0vw 0 0 0;
}


.sns-list{
    gap: 0 10vw;
    padding: 8vw 0;
}


.sns-list li{
    font-size: 3.5rem;
}


footer img{
    width: 35%;
    margin: 0 0 6vw 0;
}


footer h5{
    font-size: 2rem;
}


footer p{
    font-size: 2rem;
}








}