body{
    margin: 0;
    padding: 0;
    /***background: #FEF6EA;***/
    font-family: Noto Sans JP,sans-serif;
    letter-spacing: 1;
}
header{
    margin: 0;
    padding: 0;
}
@media screen and (max-width: 959px) {
    #dt{
        display: none;
    }
}
@media screen and (min-width: 960px) {
    #sp{
        display: none;
    }
}
@media screen and (max-width: 959px) {
    header{
        height: 70px;
        position: fixed;
        z-index: 1000;
    }
    .Header-Logo{
        width: 55%;
        margin-top: 3%;
        margin-left: 3%;;
        display: block;
        transition: all 0.4s ease;
      }
      .Header-Logo.isSmall{
        width: 30%!important;
        margin-top: 3%;
        margin-left: 3%;;
      }
      img{
        width: 100%;
        height: auto;
        display: block;
      }
      header .flex{
        display: flex;
        position: fixed;
        right: 3%;
        top: 2%;
      }
      header .flex #day{
        width: 18vw;
        margin-right: 1vw;
        margin-top: 0.5vw;
      }
      header .flex #en{
        width: 8vw;
        margin-left: 1vw;
      }

      /****お問い合わせ****/

      .Form {
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto;
        max-width: 720px;
      }
      @media screen and (max-width: 480px) {
        .Form {
          margin-top: 40px;
        }
      }
      .Form-Item {
        border-top: 1px solid #ddd;
        padding-top: 24px;
        padding-bottom: 24px;
        width: 100%;
        display: flex;
        align-items: center;
      }
      @media screen and (max-width: 480px) {
        .Form-Item {
          padding-left: 14px;
          padding-right: 14px;
          padding-top: 16px;
          padding-bottom: 16px;
          flex-wrap: wrap;
        }
      }
      .Form-Item:nth-child(5) {
        border-bottom: 1px solid #ddd;
      }
      .Form-Item-Label {
        width: 100%;
        max-width: 248px;
        letter-spacing: 0.05em;
        font-weight: bold;
        font-size: 18px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Label {
          max-width: inherit;
          display: flex;
          align-items: center;
          font-size: 15px;
        }
      }
      .Form-Item-Label.isMsg {
        margin-top: 8px;
        margin-bottom: auto;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Label.isMsg {
          margin-top: 0;
        }
      }
      .Form-Item-Label-Required {
        border-radius: 6px;
        margin-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 48px;
        display: inline-block;
        text-align: center;
        background: #5bc8ac;
        color: #fff;
        font-size: 14px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Label-Required {
          border-radius: 4px;
          padding-top: 4px;
          padding-bottom: 4px;
          width: 32px;
          font-size: 10px;
        }
      }
      .Form-Item-Input {
        border: 1px solid #ddd;
        border-radius: 6px;
        margin-left: 40px;
        padding-left: 1em;
        padding-right: 1em;
        height: 48px;
        flex: 1;
        width: 100%;
        max-width: 410px;
        background: #eaedf2;
        font-size: 18px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Input {
          margin-left: 0;
          margin-top: 18px;
          height: 40px;
          flex: inherit;
          font-size: 15px;
        }
      }
      .Form-Item-Textarea {
        border: 1px solid #ddd;
        border-radius: 6px;
        margin-left: 40px;
        padding-left: 1em;
        padding-right: 1em;
        height: 216px;
        flex: 1;
        width: 100%;
        max-width: 410px;
        background: #eaedf2;
        font-size: 18px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Textarea {
          margin-top: 18px;
          margin-left: 0;
          height: 200px;
          flex: inherit;
          font-size: 15px;
        }
      }
      .Form-Btn {
        border-radius: 6px;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 280px;
        display: block;
        letter-spacing: 0.05em;
        background: #5bc8ac;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
      }
      @media screen and (max-width: 480px) {
        .Form-Btn {
          margin-top: 24px;
          padding-top: 8px;
          padding-bottom: 8px;
          width: 160px;
          font-size: 16px;
        }
      }

      /*****お問い合わせ終了*******/
}
@media screen and (min-width: 960px) {
    header{
        height: 100px;
        position: fixed;
        z-index: 1000;
    }
    .Header-Logo{
        width: 70%;
        margin-top: 2%;
        margin-left: 2%;;
        display: block;
        transition: all 0.4s ease;
      }
      .Header-Logo.isSmall{
        width: 30%!important;
        margin-top: 3%;
        margin-left: 3%;;
      }
      img{
        width: 100%;
        height: auto;
        display: block;
      }
      header .flex{
        display: flex;
        position: fixed;
        right: 2%;
        top: 0.8%;
        gap: 3%;
        background: white;
        padding: 5px;
      }
      header .flex #day{
        width: 23vw;
        margin-top: 0.3vw;
        margin-left: 2%;
      }
      header .flex #en{
        width: 4vw;
      }
}
@media screen and (max-width: 959px) {
    main{
        padding-top: 60px;
    }
    .top_banner{
        width: 90%;
        margin-left: 10%;
        opacity: 0;
    }
    .top_banner img{
        width: 100%;
        border-radius: 20px 0px 0 20px;
    }
    .top_flex{
        display: flex;
        justify-content: space-between;
        margin: 0px 3%;
    }
    .top_title{
        width: 60%;
        margin-top: 20px;
    }
    .top_title img{
        width: 100%;
    }
    #slideshow {
      position: relative;
      width: 90%;
       margin-left: 10%;
   }
   #slideshow img {
      position: absolute;
      width: 100%;
       border-radius: 20px 0px 0 20px;
      top: 0;
      left:0;
      width: 100%;
      z-index: 8;
      opacity: 0.0;
   }
   #slideshow img.active {
      z-index: 10;
      opacity: 1.0;
   }
   #slideshow img.last-active {
      z-index: 9;
   }
    .kikan_img{
        width: 94%;
        margin: 30px 3%;
    }
    .kikan_img img{
        width: 100%;
    }
    .top_message_tate{
        width: 33%;
        position: absolute;
        right: 3%;
        top: 68vw;
        z-index: 50;
    }
    .top_message{
        width: 80%;
        margin-top: 30px;
        margin-left: 3%;
    }
    .top_main_bun{
        margin: 20px 3%;
        font-size: 18px;
        font-weight: 600;
        color: #00A0E9;
        line-height: 30px;
        letter-spacing: 1px;
    }
    .top_sub_bun{
        margin: 20px 3% 40px 3%;
        font-size: 15px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0.5px;
    }
    .title_img{
        width: 40%;
        margin-top: 80px;
        margin-left: 3%;
    }
    .title_support_img{
        width: 55%;
        margin-top: 80px;
        margin-left: 3%;
    }
    .uzu_01{
        position: absolute;
        top: 80vw;
        width: 70vw;
        margin-left: 30vw;
        z-index: -1;
    }
    .uzu_02{
        position: absolute;
        top: 200vw;
        width: 50vw;
        margin-left: 0vw;
        z-index: -1;
    }
}
@media screen and (min-width: 960px) {
    main{
        padding-top: 80px;
    }
    .top_banner{
        width: 80%;
        margin-left: 20%;
        margin-bottom: 50px;
        opacity: 0;
    }
    .top_banner img{
        width: 100%;
        border-radius: 20px 0px 0 20px;
    }
    #slideshow {
      position: relative;
      width: 80%;
      margin-left: 20%;
      margin-bottom: 50px;
   }
   #slideshow img {
      position: absolute;
      width: 100%;
       border-radius: 20px 0px 0 20px;
      top: 0;
      left:0;
      width: 100%;
      z-index: 8;
      opacity: 0.0;
   }
   #slideshow img.active {
      z-index: 10;
      opacity: 1.0;
   }
   #slideshow img.last-active {
      z-index: 9;
   }
    .top_flex{
        display: flex;
        justify-content: space-between;
        margin: 0px 15% 0 10%;
    }
    .top_title{
        width: 58%;
        margin-top: 0px;
    }
    .top_title img{
        width: 100%;
    }
    .top_message_tate{
        width: 20%;
        position: absolute;
        right: 10%;
        top: 58vw;
        z-index: 50;
    }
    .top_message{
        width: 70%;
        margin: 30px 15%;
    }
    .top_main_bun{
        margin: 30px 10%;
        width: 60%;
        font-size: 25px;
        font-weight: 600;
        color: #00A0E9;
        line-height: 40px;
        letter-spacing: 1px;
    }
    .top_sub_bun{
        margin: 20px 10%;
        font-size: 20px;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: 0.5px;
    }
    .sub_bun_up{
        width: 60%;
    }
    .title_img{
        width: 18%;
        margin-top: 120px;
        margin-left: 10%;
    }
    .title_support_img{
        width: 23%;
        margin-top: 120px;
        margin-left: 10%;
    }
    .kikan_img{
        width: 80%;
        margin-top: 60px;
        margin-left: 10%;
    }
    .uzu_01{
        position: absolute;
        top: 65vw;
        width: 35vw;
        margin-left: 55vw;
        z-index: -1;
    }
    .uzu_02{
        position: absolute;
        top: 105vw;
        width: 25vw;
        margin-left: 10vw;
        z-index: -1;
    }
}

@media screen and (max-width: 959px) {
    .event_flex{
        width: 94%;
        margin: 40px 3%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .event_box{
        width: 47%;
        margin-bottom: 30px;
        position: relative;
        cursor: pointer;
    }
    .event_box #tag{
        width: 30px;
        position: absolute;
        top: -20px;
        z-index: 300;
    }
    .event_box #place_img{
        width: 100%;
        position: relative;
        border-radius: 5%;
    }
    .event_box #bun{
        width: 100%;
        text-align: center;
        font-size: 3.6vw;
        margin-top: 1.3vw;
        font-weight: 600;
    }
    .artist_flex{
        width: 97%;
        margin: 40px 0% 0 3%;
        list-style: none;
        padding: 0;
    }
    .artist_flex{
        width: 94%;
        margin: 40px 3%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .artist_box{
        width: 47%;
        margin-bottom: 30px;
        cursor: pointer;
    }
    .artist_box #place_img{
        width: 100%;
        height: 35vw;
        border-radius: 5%;
    }
    .artist_box #place_img img{
        width: 100%;
        height: 35vw;
        object-fit:cover;
        border-radius: 5%;
    }
    .artist_box #bun{
        width: 100%;
        text-align: center;
        font-size: 4vw;
        margin-top: 1.5vw;
        font-weight: 600;
    }
}
@media screen and (min-width: 960px) {
    .event_flex{
        width: 80%;
        margin: 40px 10%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .event_box{
        width: 22%;
        margin-bottom: 30px;
        position: relative;
        cursor: pointer;
    }
    .event_box #tag{
        width: 3.5vw;
        position: absolute;
        top: -1vw;
        left: -1vw;
        z-index: 300;
    }
    .event_box #place_img{
        width: 100%;
        position: relative;
        border-radius: 5%;
    }
    .event_box #bun{
        width: 100%;
        text-align: center;
        font-size: 1.6vw;
        margin-top: 1.3vw;
        font-weight: 600;
    }
    .artist_flex{
        width: 80%;
        margin: 40px 10% 0 10%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .artist_box{
        width: 23%;
        margin-bottom: 50px;
        cursor: pointer;
    }
    .artist_box #place_img{
        width: 100%;
        height: 12vw;
    }
    .artist_box #place_img img{
        width: 100%;
        height: 12vw;
        object-fit:cover;
        border-radius: 5%;
    }
    .artist_box #bun{
        width: 100%;
        text-align: center;
        font-size: 1.5vw;
        margin-top: 1.0vw;
        font-weight: 600;
    }
}
@media screen and (max-width: 959px) {
.bottom{
    margin: 0;
    padding: 50px 3%;
    width: 94%;
    background: linear-gradient(-225deg, #F8B62D 0%, #E83828 56%, #00A0E9 100%);
}
.bottom .box{
    width: 94%;
    padding: 50px 3%;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 30px;
}
.bottom .box .title{
    font-size: 8vw;
    font-weight: 600;
}
.bottom .box .title_en{
    font-size: 3vw;
    font-weight: 600;
}
.bottom .box .title_img{
    width: 90%;
    margin: 30px 5% 10px 5%;
}
.bottom .box .title_img img{
    width: 100%;
}
.bottom .box .sub_title{
    margin: 20px 0 10px 0;
    font-size: 5vw;
    font-weight: 600;
}
.bottom .box .sub_title_en{
    margin: 20px 0 10px 0;
    font-size: 7vw;
    font-weight: 600;
}
.bottom .box #bun{
    font-size: 3vw;
}
.bottom .box .flex{
    font-size: 3vw;
}
.bottom .box .flex #l{
    margin-bottom: 3px;
}
.bottom .box .flex #r{
    margin-bottom: 20px;
}
.bottom .box #btn{
    width: 70%;
    margin: 40px 15%;
}
.bottom .box #btn img{
    width: 100%;
}
}
@media screen and (min-width: 960px) {
.bottom{
    margin: 0;
    padding: 50px 15%;
    width: 70%;
    background: linear-gradient(-225deg, #F8B62D 0%, #E83828 56%, #00A0E9 100%);
}
.bottom .box{
    width: 80%;
    padding: 100px 10%;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 50px;
}
.bottom .box .title{
    font-size: 30px;
    font-weight: 600;
}
.bottom .box .title_en{
    font-size: 12px;
    font-weight: 600;
}
.bottom .box .title_img{
    width: 70%;
    margin: 30px 15% 40px 15%;
}
.bottom .box .title_img img{
    width: 100%;
}
.bottom .box .sub_title{
    margin: 20px 0;
    font-size: 25px;
    font-weight: 600;
}
.bottom .box .sub_title_en{
    margin: 20px 0;
    font-size: 35px;
    letter-spacing: 1px;
    font-weight: 600;
}
.bottom .box .flex{
    display: flex;
    font-size: 15px;
    margin-bottom: 10px;
}
.bottom .box .flex #l{
    width: 20%;
}
.bottom .box .flex #r{
    width: 80%;
}
.bottom .box #btn{
    width: 40%;
    margin: 40px 30%;
}
.bottom .box #btn img{
    width: 100%;
}
      /****お問い合わせ****/

      .Form {
        margin-top: 80px;
        margin-left: auto;
        margin-right: auto;
        max-width: 720px;
      }
      @media screen and (max-width: 480px) {
        .Form {
          margin-top: 40px;
        }
      }
      .Form-Item {
        border-top: 1px solid #ddd;
        padding-top: 24px;
        padding-bottom: 24px;
        width: 100%;
        display: flex;
        align-items: center;
      }
      @media screen and (max-width: 480px) {
        .Form-Item {
          padding-left: 14px;
          padding-right: 14px;
          padding-top: 16px;
          padding-bottom: 16px;
          flex-wrap: wrap;
        }
      }
      .Form-Item:nth-child(5) {
        border-bottom: 1px solid #ddd;
      }
      .Form-Item-Label {
        width: 100%;
        max-width: 248px;
        letter-spacing: 0.05em;
        font-weight: bold;
        font-size: 18px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Label {
          max-width: inherit;
          display: flex;
          align-items: center;
          font-size: 15px;
        }
      }
      .Form-Item-Label.isMsg {
        margin-top: 8px;
        margin-bottom: auto;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Label.isMsg {
          margin-top: 0;
        }
      }
      .Form-Item-Label-Required {
        border-radius: 6px;
        margin-right: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        width: 48px;
        display: inline-block;
        text-align: center;
        background: #5bc8ac;
        color: #fff;
        font-size: 14px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Label-Required {
          border-radius: 4px;
          padding-top: 4px;
          padding-bottom: 4px;
          width: 32px;
          font-size: 10px;
        }
      }
      .Form-Item-Input {
        border: 1px solid #ddd;
        border-radius: 6px;
        margin-left: 40px;
        padding-left: 1em;
        padding-right: 1em;
        height: 48px;
        flex: 1;
        width: 100%;
        max-width: 410px;
        background: #eaedf2;
        font-size: 18px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Input {
          margin-left: 0;
          margin-top: 18px;
          height: 40px;
          flex: inherit;
          font-size: 15px;
        }
      }
      .Form-Item-Textarea {
        border: 1px solid #ddd;
        border-radius: 6px;
        margin-left: 40px;
        padding-left: 1em;
        padding-right: 1em;
        height: 216px;
        flex: 1;
        width: 100%;
        max-width: 410px;
        background: #eaedf2;
        font-size: 18px;
      }
      @media screen and (max-width: 480px) {
        .Form-Item-Textarea {
          margin-top: 18px;
          margin-left: 0;
          height: 200px;
          flex: inherit;
          font-size: 15px;
        }
      }
      .Form-Btn {
        border-radius: 6px;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        width: 280px;
        display: block;
        letter-spacing: 0.05em;
        background: #5bc8ac;
        color: #fff;
        font-weight: bold;
        font-size: 20px;
      }
      @media screen and (max-width: 480px) {
        .Form-Btn {
          margin-top: 24px;
          padding-top: 8px;
          padding-bottom: 8px;
          width: 160px;
          font-size: 16px;
        }
      }

      /*****お問い合わせ終了*******/
}

@media screen and (max-width: 959px) {
    .thanks_title{
        font-size: 20px;
        margin-left: 3%;
        color: #4a4a4a;
        font-weight: 600;
    }
    .thanks_flex{
        width: 94%;
        margin: 40px 3%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .thanks_box{
        width: 32%;
        margin-bottom: 30px;
        position: relative;
    }
    .thanks_box img{
        border-radius: 5%;
    }
}
@media screen and (min-width: 960px) {
    .thanks_title{
        font-size: 30px;
        font-weight: 600;
        color: #4a4a4a;
        margin-left: 10%;
    }
    .thanks_flex{
        width: 80%;
        margin: 40px 10%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .thanks_box{
        width: 18%;
        margin-bottom: 20px;
        position: relative;
        border-radius: 10%;
    }
    .thanks_box img{
        border-radius: 5%;
    }
}

@media screen and (max-width: 959px) {
    footer{
        padding: 30px 0;
    }
footer .jack{
    width: 100%;
    text-align: center;
    font-size: 4.5vw;
    margin-bottom: 5px;
    letter-spacing: 0.3vw;
}
footer .copy{
    width: 100%;
    text-align: center;
    font-size: 2vw;
    letter-spacing: 0.3vw;
}
}
@media screen and (min-width: 960px) {
    footer{
        padding: 50px 0;
    }
footer .jack{
    width: 100%;
    text-align: center;
    font-size: 2.0vw;
    letter-spacing: 0.3vw;
}
footer .copy{
    width: 100%;
    text-align: center;
    font-size: 1.0vw;
    letter-spacing: 0.3vw;
}
}