@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 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 0;
}


.block-2 h3{
    font-size: 5.3rem;
}


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


.content h4{
    font-size: 2.5rem;
    margin: 4vw 0 0 5vw;
}


.content h3{
    margin: 5vw 0vw 1vw 5vw;
    font-size: 3.4rem;
}


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


.slider2{
    margin: 3vw 1vw 4vw 5vw;
}


.slider2 .slide-content {
	flex: 0 0 90%;
}


.slide-content h6{
    font-size: 3rem;
    line-height: 4.3vw;
    margin: 3vw;
}


.slide-content h7{
    font-size: 3rem;
    line-height: 4vw;
    padding: 0 2vw;
    margin: 1vw 0 1vw 3vw;
}


.slide-content h8{
    font-size: 3rem;
    line-height: 4vw;
    margin: 0.6vw 0 3vw 3vw;
}


.slide-content img{
    width: 90%;
    display: block;
    text-align: center;
    margin: 1vw auto 0 auto;
}


.slide-content a{
    font-size: 3rem;
    margin: 5vw auto 2vw auto;
}


.slide-content p{
    font-size: 3rem;

}



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;
}








}