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


#photo-responsive{
    position: relative;
    display: block;
}


#photo-responsive img{
    display: block;
}


#photo{
    display: none;
}


.block-1,.block-2,.block-3{
    top: 145vw;
    width: 90%;
    margin: 0 auto 22vw auto;
}


.block-1 h2{
    font-size: 5.5rem;
    line-height: 7vw;
}


.caption{
    display: block;
    margin: 5vw 0 0 0;
}


.caption p{
    font-size: 2.8rem;
}


.caption img{
    width: 48%;
    margin: 0 0 5vw 0;
}


.block-2 h1{
    font-size: 11rem;
}


.block-2 ul{
    margin: 8vw 0 0 0;
}


.block-2 li{
    display: block;
    margin: 0 0 3.5vw 0;
    text-align: start;
    font-size: 4rem;
}


.block-2 a{
    width: 100%;
    font-size: 3.4rem;
    line-height: 4.5vw;
}


.block-2 p{
    font-size: 2.5rem;
}


.category{
    text-align: center;
    width: 18%;
    line-height: 3vw;
}


.tab_item{
    width: 80%;
    float: none;
    display: block;
    margin: 0 auto 2vw auto;
    font-size: 5rem;
    padding: 2vw;
    border-radius: 4vw;
}


/*選択されているタブのスタイルを変える*/
.block-3 input:checked + .tab_item {
    border-radius: 4vw;
}


.block-3{
    width: 90%;
}


.tab_content_description{
    display: block;
}


.content-left{
    width: 100%;
}


.content-left h1{
    font-size: 10rem;
    line-height: 9.5vw;
    width: 80%;
}


.content-left p{
    margin: 4vw 0 0 0;
    line-height: 4vw;
    font-size: 2.8rem;
}


.content-left h3{
    font-size: 5.5rem;
    margin: 7vw 0 6vw 0;
}


.content-left h4{
    line-height: 4vw;
    font-size: 2.8rem;
}


.content-right{
    display: block;
    width: 100%;
    margin: 0;
}


.section-1{
    margin: 6vw 0 0 0;
}


.workshop{
    display: block;
}


.workshop-left{
    width: 100%;
}


.workshop-left p{
    font-size: 2.8rem;
    line-height: 4vw;
    margin: 2vw 0 6.5vw 2vw;
}


.section-1 h5{
    font-size: 5.5rem;
    line-height: 7.6vw;
    margin: 3.5vw 0 0 2vw;
}


.section-1 h6{
    font-size: 3rem;
}


.section-1 a{
    margin: 1vw auto 4vw auto;
    width: 80%;
    font-size: 4rem;
    border-radius: 5vw;
}


.section-2{
    margin: 4vw 0 0 0;
    border-radius:1.5vw;
    padding: 0 0 6vw 0;
    display: block;
}

.section-2 h4{
    font-size: 5.5rem;
    margin: 5vw 0 1vw 2vw;
}


.section-2 h5{
    font-size: 3.8rem;
    margin: 5vw 0 3vw 2vw;
}


.section-2 h6{
    font-size: 3.3rem;
    line-height: 5.3vw;
}


.section-2 h7{
    font-size: 3.9rem;
    margin: 6vw 0 3vw 2vw;
    line-height: 4vw;
}


.section-2 a{
    width: 80%;
    font-size: 4rem;
    padding: 0 5vw;
    border-radius: 8vw;
}


.workshop-right{
    width: 100%;
}


.workshop-right h6{
    line-height: 4vw;
    font-size: 3.3rem;
    margin: 3vw auto 4vw auto;
}


.message-all{
    display: block;
}


.message-left{
    width: 100%;
    margin: 2vw 0 0 0;
    display: inline-block;
}


.message-left h6{
    font-size: 6rem;
}


.message-left h5{
    width: none;
    font-size: 8.4rem;
    margin: 4vw 0 0 2vw;
}


.message-right{
    margin: 5vw 0 0 0;
}


.message-right h4{
    margin: 2vw 0 2.5vw 3vw;
}


.content-message{
    margin: 6vw 0 0 0;
    padding: 0 0 6vw 0;
}


.content-message p{
    font-size: 2.8rem;
    line-height: 4rem;
}


.content-message a{
    width: 40%;
    font-size: 2rem;
}


.content-message h4{
    font-size: 4.3rem;
    margin: 5vw 0 5vw 3vw;
}


.slider2{
    margin: 4vw 0 0 0;
    justify-content: space-between;
}


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


.ws-slide{
    background-color: none;
}


#ws-photo{
    display: inline-block;
    margin: 6vw 0 37vw 0;
}


.schedule, .description, .examiner, .space{
    flex-grow: none;
}


.box h9{
    font-size: 2.8rem;
    line-height: 4vw;
}



footer{
    margin: 150vw 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;
}





}