@charset "UTF-8";

.mv {
  width: 100vw;
  height: 40.44117647058824vw;
  margin-top: 9.558823529411764vw;
  background-image: url("../img/mv.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

@media(max-width:780px) {
  .mv {
    background-image: url("../img/sp/mv.png");
    height: 153.84615384615387vw;
    margin-top: 18.461538461538463vw;
  }
}

.sec01 {
  padding: 7.352941176470589vw 0 5.88235294117647vw;
  width: 100%;
  background-image: url("../img/sec01-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;

  .se01-title_wrap {
    width: 57.35294117647059vw;
    margin: 0 auto 5.367647058823529vw;

    img {
      width: 4.632352941176471vw;
    }

    h2 {
      margin-bottom: 2.941176470588235vw;
      font-weight: 400;
      letter-spacing: -0.5;
    }

    p {
      font-size: 1.7647058823529411vw;
    }
  }

  .sec01-contents {
    background-color: #fff;
    width: 69.11764705882352vw;
    margin: 0 auto 3.6764705882352944vw;
    padding: 3.8970588235294117vw 0 2.2058823529411766vw;

    .concept-img {
      width: 11.899264705882354vw;
      margin: -5.514705882352941vw auto 0;
    }

    ul {
      width: 64.33823529411765vw;
      margin: 0 auto;
      justify-content: space-between;

      li {
        background-color: #F5F5F5;
        width: 14.705882352941178vw;
        height: 19.63235294117647vw;
        position: relative;

        .li-inner {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateY(-50%) translateX(-50%);
          width: 100%;
        }

        .sec01-number {
          width: 3.9705882352941173vw;
          display: block;
          margin: -1.9852941176470587vw auto 2.1323529411764706vw;
        }

        .sec01-icon {
          width: 5.4411764705882355vw;
          margin: 0 auto 0.9558823529411765vw;
        }

        .sec01-icon_02 {
          width: 5.080147058823529vw;
          margin: 0 auto 0.7352941176470588vw;
        }

        .sec01-icon_03 {
          width: 7.308088235294117vw;
          margin: 0 auto 2.7808823529411764vw;
        }

        .sec01-icon_04 {
          width: 6.684558823529412vw;
          margin: 0 auto 2.0007352941176473vw;
        }

        p {
          font-weight: 600;
        }
      }
    }

    .purple {
      width: 64.33823529411765vw;
      margin: 0 auto;
      font-weight: 600;
      font-size: 1.3235294117647058vw;
    }
  }

  .sec01-img_wrap {
    width: 69.11764705882352vw;
    margin: 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;

    li {
      width: 22.058823529411764vw;
    }
  }
}


@media(max-width:780px) {
  .sec01 {
    padding: 7.6923076923076925vw 0;


    .se01-title_wrap {
      width: 84.61538461538461vw;
      margin: 0 auto 12.82051282051282vw;

      img {
        width: 10.061538461538461vw;
      }

      h2 {
        margin-bottom: 5.897435897435897vw;
        font-size: 5.641025641025641vw;
      }

      p {
        font-size: 4.102564102564102vw;
      }
    }

    .sec01-contents {
      width: 84.61538461538461vw;
      margin: 0 auto 7.6923076923076925vw;
      padding: 22.05128205128205vw 0 6.41025641025641vw;

      .concept-img {
        width: 41.4948717948718vw;
        margin: -28.205128205128204vw auto 12.051282051282051vw;
        display: block;
      }

      ul {
        width: 62.56410256410256vw;
        margin: 0 auto 5.128205128205128vw;
        display: block;

        li {
          width: 100%;
          height: 62.56410256410256vw;
          margin: 0 auto 13.333333333333334vw;

          &:last-child {
            margin: 0 auto 0;
          }

          .li-inner {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            width: 100%;
          }

          .sec01-number {
            width: 13.846153846153847vw;
            margin: 0 auto 2.1323529411764706vw;
            position: relative;
            top: -8.461538461538462vw;
          }

          .sec01-icon {
            width: 18.974358974358974vw;
            margin: 0 auto 5.384615384615385vw;
          }

          .sec01-icon_02 {
            width: 17.715384615384615vw;
            margin: 0 auto 5.128205128205128vw;
          }

          .sec01-icon_03 {
            width: 25.484615384615385vw;
            margin: 0 auto 8.205128205128204vw;
          }

          .sec01-icon_04 {
            width: 23.310256410256407vw;
            margin: 0 auto 8.461538461538462vw;
          }

          p {
            font-size: 3.5897435897435894vw;
          }
        }
      }

      .purple {
        width: 62.56410256410256vw;
        font-size: 4.102564102564102vw;
        text-align: left;
      }
    }

    .sec01-img_wrap {
      width: 84.61538461538461vw;
      display: block;

      .sec01-img_main-wrap {
        width: 100%;
        /* width: 35.294117647058826vw; */
      }

      ul {
        flex-wrap: wrap;
        width: 100%;
        margin-left: 0;
        /* width: 35.294117647058826vw;
        margin-left: 0.8823529411764706vw; */

      }

      li {
        width: 100%;
        margin: 0 0 5.128205128205128vw 0;
      }
    }
  }

  _::-webkit-full-page-media,
  _:future,
  :root .concept-img {
    margin: -28.205128205128204vw auto 0;
    display: block;
  }

  _::-webkit-full-page-media,
  _:future,
  :root .concept-img {
    margin: -28.205128205128204vw auto 0;
    display: block;
  }

  _::-webkit-full-page-media,
  _:future,
  :root .sec01 .sec01-contents ul {
    margin-top: 11.282051282051283vw;
  }

}


.sec02 {
  padding: 9.558823529411764vw 0 4.411764705882353vw 0;
  margin-top: -9.558823529411764vw;


  h2 {
    background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
    padding: 1.7647058823529411vw 0 1.7647058823529411vw 13.23529411764706vw;
    text-align: left;
    margin: 0 auto 4.411764705882353vw;
  }

  .sec02-wrap {
    width: 73.52941176470588vw;
    margin: 0 auto;
    justify-content: space-between;

    .sec02-access_inner {
      text-align: left;
      margin-bottom: 4.411764705882353vw;

      h4 {
        margin-bottom: 1.4705882352941175vw;
        font-size: 2.3529411764705883vw;
        font-family: "Noto Sans JP", sans-serif;
        width: 15.073529411764705vw;
        background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        padding: 0.5147058823529411vw 3.6764705882352944vw;
        white-space: nowrap;
        font-weight: 500;
        text-align: center;
      }

      h3 {
        display: flex;
        align-items: center;
        margin-bottom: 1.4705882352941175vw;
        font-size: 2.3529411764705883vw;
        font-family: "Noto Sans JP", sans-serif;

        .title {
          width: 7.0588235294117645vw;
          margin-right: 0.8088235294117648vw;
        }
      }

      .gmap {
        width: 100%;
        height: 27.941176470588236vw;

        iframe {
          width: 100%;
          height: 100%;
        }
      }
    }

    .sec02-map_inner {
      text-align: left;

      h4 {
        margin-bottom: 1.4705882352941175vw;
        font-size: 2.3529411764705883vw;
        font-family: "Noto Sans JP", sans-serif;
        width: 15.073529411764705vw;
        background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        padding: 0.5147058823529411vw 3.6764705882352944vw;
        white-space: nowrap;
        font-weight: 500;
        text-align: center;
      }

      .venue {
        margin-bottom: 1.4705882352941175vw;
      }

      h3 {
        display: flex;
        align-items: center;
        margin-bottom: 1.4705882352941175vw;
        font-size: 2.3529411764705883vw;
        font-family: "Noto Sans JP", sans-serif;

        .title {
          width: 7.0588235294117645vw;
          margin-right: 0.8088235294117648vw;
        }
      }
    }

    .sec02-img {
      /* width: 50%; */
    }

    ul {

      li {
        margin-bottom: 0.4411764705882353vw;

        img {
          width: 2.5735294117647056vw;
          margin: 0 0.6617647058823529vw 0 0;
        }

        span {
          font-size: 1.7647058823529411vw;
          font-weight: 600;
          text-align: left;
        }
      }
    }
  }
}

@media(max-width:780px) {

  .sec02 {
    padding: 18.461538461538463vw 0 7.6923076923076925vw 0;
    margin-top: -18.461538461538463vw;

    h2 {
      padding: 3.8461538461538463vw 0 4.871794871794872vw 7.6923076923076925vw;
      margin: 0 auto 7.6923076923076925vw;
    }

    .sec02-wrap {
      width: 84.61538461538461vw;
      display: block;

      .sec02-access_inner {
        width: 100%;
        text-align: left;
        margin-bottom: 7.6923076923076925vw;

        h4 {
          font-size: 6.153846153846154vw;
          margin-bottom: 7.6923076923076925vw;
          width: 48.717948717948715vw;

        }

        h3 {
          margin-bottom: 7.6923076923076925vw;
          font-size: 5.128205128205128vw;


          span {
            letter-spacing: -0.9;
          }

          .title {
            width: 24.615384615384617vw;
            margin-right: 2.564102564102564vw;
          }
        }

        .gmap {
          height: 47.59615384615385vw;
        }
      }

      .sec02-map_inner {
        width: 100%;
        text-align: left;

        h4 {
          font-size: 6.153846153846154vw;
          margin-bottom: 7.6923076923076925vw;
          width: 48.717948717948715vw;

        }

        .venue {
          margin-bottom: 0;
        }

        h3 {
          font-size: 5.128205128205128vw;
          margin-bottom: 0;
          margin-bottom: 7.6923076923076925vw;

          .title {
            width: 24.615384615384617vw;
            margin-right: 2.564102564102564vw;
          }

          a {
            width: 58.97435897435898vw;
            word-wrap: break-word;
          }

        }
      }

      /* ul {

        li {
          margin-bottom: 0.4411764705882353vw;

          img {
            width: 2.5735294117647056vw;
            margin: 0 0.6617647058823529vw 0 0;
          }

          span {
            font-size: 1.7647058823529411vw;
            font-weight: 600;
            text-align: left;
          }
        }
      } */
    }
  }
}

.new-sec03 {
  padding-bottom: 5.88235294117647vw;

  h2 {
    background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
    padding: 1.7647058823529411vw 0 1.7647058823529411vw 13.23529411764706vw;
    text-align: left;
    margin: 0 auto 4.411764705882353vw;
  }

  img {
    width: 73.52941176470588vw;
    margin: 0 auto;
  }
}

@media (max-width: 780px) {

  .new-sec03 {

    padding-bottom: 7.6923076923076925vw;

    h2 {
      padding: 3.8461538461538463vw 0 4.871794871794872vw 7.6923076923076925vw;
      margin: 0 auto 7.6923076923076925vw;
    }

    img {
      width: 84.61538461538461vw;
    }
  }

}

.sec03 {

  padding: 9.558823529411764vw 0 0;
  margin-top: -9.558823529411764vw;

  .sec03-01 {
    background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
    padding: 1.7647058823529411vw 0;

    h2 {
      padding: 0 0 0 13.23529411764706vw;
      text-align: left;
      margin: 0 auto;
    }

    .category {
      width: 73.52941176470588vw;
      margin: 0 auto;
    }
  }

  .sec03-02 {
    background-image: url("../img/sec03-012bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3.6764705882352944vw 13.23529411764706vw 2.941176470588235vw;

    h3 {
      width: 15.073529411764705vw;
      background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
      clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
      padding: 0.5147058823529411vw 3.6764705882352944vw;
      margin: 0 0 3.6764705882352944vw 0;
      white-space: nowrap
    }

    ul {
      li {
        align-items: center;
        margin: 0 0 1.4705882352941175vw 0;

        a {
          align-items: center;
          text-decoration: none;
          color: #333;
        }

        &:last-child {
          margin: 0;
        }

        .participant-wrap {
          text-align: left;
          width: 44.11764705882353vw;
          margin: 0 2.941176470588235vw 0 0;

          h4 {
            font-size: 1.4705882352941175vw;
            font-weight: 600;
            margin: 0 0 0.22058823529411764vw 0;
            letter-spacing: 0;
          }

          span {
            font-weight: 600;
            letter-spacing: 0;
          }
        }

        .participant-category {
          margin: 0 1.4705882352941175vw 0 0;
          width: 3.75vw;

          span {
            font-size: 1.0294117647058822vw;
            font-weight: 600;
            border: 1px solid #333;
            padding: 0.4411764705882353vw;
          }
        }

        .space-category {
          span {
            margin: 0 0.7352941176470588vw 0 0;

            &:last-child {
              margin: 0;
            }
          }
        }
      }
    }

    p {
      text-align: right;
    }
  }

  .sec03-03 {
    background-image: url("../img/sec03-03_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3.6764705882352944vw 13.23529411764706vw 3.6764705882352944vw;

    .flex {
      align-items: center;
      margin: 0 0 3.6764705882352944vw 0;
    }

    h3 {
      width: 15.294117647058824vw;
      background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
      clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
      padding: 0.5147058823529411vw 3.6764705882352944vw;
      margin: 0 5.147058823529411vw 0 0;
      white-space: nowrap
    }

    a.purple {
      font-size: 2.3529411764705883vw;
      font-family: "Noto Sans JP", sans-serif;
      font-weight: 600;
      line-height: 1.3;

      img {
        width: 3.5294117647058822vw;
        margin: 0 0.7352941176470588vw 0 0;
      }
    }

    ul {
      li {
        align-items: center;
        margin: 0 0 0 0 !important;

        &:last-child {
          margin: 0;
        }

        a {
          align-items: center;
          text-decoration: none;
          color: #333;
          margin: 0 0 1.4705882352941175vw 0 !important;
        }

        .participant-wrap {
          text-align: left;
          width: 44.11764705882353vw;
          margin: 0 2.941176470588235vw 0 0;

          h4 {
            font-size: 1.4705882352941175vw;
            font-weight: 600;
            margin: 0 0 0.22058823529411764vw 0;
            letter-spacing: 0;
          }

          span {
            font-weight: 600;
            letter-spacing: 0;
          }
        }

        .participant-category {
          margin: 0 1.4705882352941175vw 0 0;
          width: 3.75vw;

          span {
            font-size: 1.0294117647058822vw;
            font-weight: 600;
            border: 1px solid #333;
            padding: 0.4411764705882353vw;
          }
        }

        .space-category {
          margin: 0 auto 0 0;

          span {
            margin: 0 0.7352941176470588vw 0 0;

            &:last-child {
              margin: 0;
            }
          }
        }
      }
    }

    p {
      text-align: right;
    }
  }

  .sec03-04 {
    background-image: url("../img/sec03-04_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3.6764705882352944vw 13.23529411764706vw 3.6764705882352944vw;

    h3 {
      width: 23.52941176470588vw;
      background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
      clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
      padding: 0.5147058823529411vw 3.6764705882352944vw;
      margin: 0 0 3.6764705882352944vw 0;
      white-space: nowrap
    }

    ul {
      li {
        align-items: center;
        margin: 0 0 1.4705882352941175vw 0;

        &:last-child {
          margin: 0;
        }

        a {
          align-items: center;
          text-decoration: none;
          color: #333;
        }

        .participant-wrap {
          text-align: left;
          width: 44.11764705882353vw;
          margin: 0 2.941176470588235vw 0 0;

          h4 {
            font-size: 1.4705882352941175vw;
            font-weight: 600;
            margin: 0 0 0.22058823529411764vw 0;
            letter-spacing: 0;
          }

          span {
            font-weight: 600;
            letter-spacing: 0;
          }

        }

        .participant-category {
          margin: 0 1.4705882352941175vw 0 0;
          width: 3.75vw;

          span {
            font-size: 1.0294117647058822vw;
            font-weight: 600;
            border: 1px solid #333;
            padding: 0.4411764705882353vw;
          }
        }

        .space-category {
          margin: 0 auto 0 0;

          span {
            margin: 0 0.7352941176470588vw 0 0;

            &:last-child {
              margin: 0;
            }
          }
        }
      }
    }

    p {
      text-align: right;
    }
  }
}

@media(max-width:780px) {
  .sec03 {
    padding-top: 18.461538461538463vw;
    margin-top: -18.461538461538463vw;

    .sec03-01 {
      padding: 7.6923076923076925vw 0;

      h2 {
        padding: 0 0 0 7.6923076923076925vw;
        margin: 0 auto 5.128205128205128vw;
      }

      span {
        font-size: 7.6923076923076925vw;
      }
    }

    .sec03-02 {
      background-image: url(../img/sp/sec03-012bg.jpg);
      padding: 7.6923076923076925vw;

      h3 {
        width: 45.12820512820513vw;
        padding: 2.307692307692308vw 13.076923076923078vw;
        margin: 0 auto 7.6923076923076925vw;
      }

      ul {
        li {
          width: 100%;
          margin: 0 0 5.128205128205128vw 0;

          a {
            display: block;
          }

          .participant-wrap {
            width: 71.7948717948718vw;
            margin: 0 2.564102564102564vw 0 0;

            h4 {
              font-size: 4.615384615384616vw;
              margin: 0 0 1.282051282051282vw 0;
            }

            span {
              font-size: 3.5897435897435894vw;
            }
          }

          .participant-category {
            margin: 0 5.128205128205128vw 0 0;
            /* width: 10.256410256410255vw; */

            span {
              font-size: 2.564102564102564vw;
              padding: 1.0256410256410255vw;
            }
          }

          .space-category {
            margin: -1.0256410256410255vw 0 0;

            span {
              margin: 0 2.564102564102564vw 0 0;
            }
          }

          .sp {
            display: flex;
            align-items: center;
            margin: 3.8461538461538463vw auto 0;
          }
        }
      }
    }

    .sec03-03 {
      background-image: url(../img/sp/sec03-03_bg.jpg);
      padding: 7.6923076923076925vw;

      .sec-title.flex {
        display: block;
      }

      h3 {
        width: 45.8974358974359vw;
        padding: 2.307692307692308vw 13.076923076923078vw;
        margin: 0 auto 7.6923076923076925vw;
      }

      a.purple {
        font-size: 4.102564102564102vw;

        img {
          width: 7.6923076923076925vw;
        }
      }

      ul {
        li {
          width: 100%;
          margin: 0 0 5.128205128205128vw 0 !important;

          a {
            display: block;
            margin: 0 !important;
          }

          .participant-wrap {
            width: 71.7948717948718vw;
            margin: 0 2.564102564102564vw 0 0;

            h4 {
              font-size: 4.615384615384616vw;
              margin: 0 0 1.282051282051282vw 0;
            }

            span {
              font-size: 3.5897435897435894vw;
            }
          }

          .participant-category {
            margin: 0 5.128205128205128vw 0 0;
            /* width: 10.256410256410255vw; */

            span {
              font-size: 2.564102564102564vw;
              padding: 1.0256410256410255vw;
            }
          }

          .space-category {
            /* margin: -1.0256410256410255vw 0 0; */

            span {
              margin: 0 2.564102564102564vw 0 0;
            }
          }

          .sp {
            display: flex;
            align-items: center;
            margin: 3.8461538461538463vw auto 0;
          }
        }
      }
    }

    .sec03-04 {
      background-image: url(../img/sp/sec03-04_bg.jpg);
      padding: 7.6923076923076925vw;

      h3 {
        width: 65.8974358974359vw;
        padding: 2.307692307692308vw 9.230769230769232vw;
        margin: 0 auto 7.6923076923076925vw;
        letter-spacing: -0.7;
      }

      ul {
        li {
          width: 100%;
          margin: 0 0 5.128205128205128vw 0 !important;

          a {
            display: block;
          }

          .participant-wrap {
            width: 71.7948717948718vw;
            margin: 0 2.564102564102564vw 0 0;

            h4 {
              font-size: 4.615384615384616vw;
              margin: 0 0 1.282051282051282vw 0;
            }

            span {
              font-size: 3.5897435897435894vw;
            }
          }

          .participant-category {
            margin: 0 5.128205128205128vw 0 0;
            /* width: 10.256410256410255vw; */

            span {
              font-size: 2.564102564102564vw;
              padding: 1.0256410256410255vw;
            }
          }

          .space-category {
            /* margin: -1.0256410256410255vw 0 0; */

            span {
              margin: 0 2.564102564102564vw 0 0;
            }
          }

          .sp {
            display: flex;
            align-items: center;
            margin: 3.8461538461538463vw auto 0;
          }
        }
      }
    }
  }
}

.sec04 {
  padding: 9.558823529411764vw 0 0;
  margin-top: -9.558823529411764vw;

  h2 {
    background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
    padding: 1.7647058823529411vw 0 1.7647058823529411vw 13.23529411764706vw;
    text-align: left;
  }

  .bg-image-10 {
    background-image: url("../img/sec04-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 3.6764705882352944vw 0 8.823529411764707vw;

    .program-wrap {
      width: 73.52941176470588vw;
      margin: 0 auto;
      justify-content: space-between;

      .program-title {
        width: 30.58823529411765vw;
        background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
        clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
        padding: 1.4705882352941175vw 2.941176470588235vw;
        margin: 0 0 1.4705882352941175vw 0;
        white-space: nowrap;
        font-size: 1.7647058823529411vw;
        font-weight: 700;

        span {
          font-size: 1.3235294117647058vw;
        }
      }

      .img01 {
        width: 35.294117647058826vw;
        margin: 0 auto 1.6911764705882353vw;
        display: block;
      }

      .img02 {
        width: 35.294117647058826vw;
        margin: 0 auto 1.6911764705882353vw;
        display: block;
      }

      .program-description {
        font-family: "Noto Sans JP", sans-serif;
        font-weight: 500;
        font-size: 1.4705882352941175vw;
        text-align: left;
      }
    }

  }
}

@media(max-width:780px) {
  .sec04 {
    padding-top: 18.461538461538463vw;
    margin-top: -18.461538461538463vw;

    h2 {
      padding: 3.8461538461538463vw 0 4.871794871794872vw 7.6923076923076925vw;
      margin: 0 auto;
    }

    .bg-image-10 {
      padding: 7.6923076923076925vw 0;

      .program-wrap {
        display: block;

        .program-title {
          width: 100%;
          font-size: 5.641025641025641vw;
          margin: 0 auto 5.897435897435897vw;

          span {
            font-size: 4.102564102564102vw;
            letter-spacing: 0;
          }
        }

        .img01 {
          width: 100%;
        }

        .img02 {
          width: 100%;
        }

        .program-description {
          font-size: 4.615384615384616vw;

          .flex {
            display: block;
          }
        }

        .program01 {
          margin: 0 auto 10.256410256410255vw;
        }
      }
    }

    span {
      font-size: 7.6923076923076925vw;
    }
  }
}

.sec05 {
  padding: 9.558823529411764vw 0 0;
  margin-top: -9.558823529411764vw;

  h3 {
    background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
    clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
    padding: 0.5147058823529411vw 3.6764705882352944vw;
    text-align: left;
    margin: 3.6764705882352944vw auto 3.6764705882352944vw 13.23529411764706vw;
    white-space: nowrap;
    width: 29.411764705882355vw;
  }


  .tab-wrap {
    width: 73.52941176470588vw;
    margin: 0 auto;

    /*tabの形状*/
    .tab {
      flex-wrap: wrap;
      justify-content: space-between;

      li {
        width: 14.48529411764706vw;

        a {
          display: block;
          background: #A0A0A0;
          margin: 0 auto;
          padding: 0.7352941176470588vw 4.117647058823529vw;
          text-decoration: none;
        }
      }

      .active a {
        background: #A42FA6;
      }
    }

    /*エリアの表示非表示と形状*/
    .area {
      display: none;
      /*はじめは非表示*/
      opacity: 0;
      /*透過0*/
      background: #E8D3FD;
      padding: 1.911764705882353vw 3.6764705882352944vw;
      /* height: 110.29411764705883vw; */

      /*areaにis-activeというクラスがついた時の形状*/
      &.is-active {
        display: block;
        /*表示*/
        animation-name: displayAnime;
        /*ふわっと表示させるためのアニメーション*/
        animation-duration: 2s;
        animation-fill-mode: forwards;
        opacity: 1;
      }

      @keyframes displayAnime {
        from {
          opacity: 0;
        }

        to {
          opacity: 1;
        }
      }

      .area-wrap {
        justify-content: space-between;

        .area-wrap01 {
          width: 31.76470588235294vw;

          ul {
            text-align: left;

            li {
              padding: 0.5147058823529411vw 0.7352941176470588vw;
              border-top: 1px solid #333333;

              a {
                color: #333;
                text-decoration: none;
              }

              p {
                font-size: 1.3235294117647058vw;
                margin: 0 auto 0.5147058823529411vw;
                font-weight: 700;
              }

              span {
                font-size: 1.0294117647058822vw;
              }
            }

            .active {
              background: #A42FA6;
              padding: 0 0.7352941176470588vw;
              border-top: 1px solid #fff;

              a {
                color: #fff;
              }
            }

          }
        }

        .area-wrap02 {
          width: 33.38235294117647vw;

          /*エリアの表示非表示と形状*/
          .area2 {
            display: none;
            /*はじめは非表示*/
            opacity: 0;
            /*透過0*/

            /*areaにis-activeというクラスがついた時の形状*/
            &.is-active {
              display: block;
              /*表示*/
              animation-name: displayAnime;
              /*ふわっと表示させるためのアニメーション*/
              animation-duration: 2s;
              animation-fill-mode: forwards;
              opacity: 1;
            }
          }

          @keyframes displayAnime {
            from {
              opacity: 0;
            }

            to {
              opacity: 1;
            }
          }

          img {
            width: 22.058823529411764vw;
          }

          .area-title {
            padding: 0.7352941176470588vw 0 0.7352941176470588vw 1.3235294117647058vw;
            background-color: #fff;
            text-align: left;
            font-size: 1.4705882352941175vw;
            font-weight: 700;
            margin: 0 auto 0.8088235294117648vw;
          }

          .area-description-wrap {
            background-color: #fff;
            padding: 2.2058823529411766vw 1.4705882352941175vw;
            text-align: left;

            h5 {
              font-size: 1.3235294117647058vw;
              font-weight: 700;
              margin-bottom: 0.7352941176470588vw;
            }

            span {
              font-size: 1.0294117647058822vw;
            }

            .participant-category {
              margin: 0 1.4705882352941175vw 0 0;
              width: 3.75vw;

              span {
                font-size: 1.0294117647058822vw;
                font-weight: 600;
                border: 1px solid #333;
                padding: 0.4411764705882353vw;
              }
            }

            .space-category {
              span {
                margin: 0 0.7352941176470588vw 0 0;

                &:last-child {
                  margin: 0;
                }
              }
            }

            .schedule-category {
              align-items: center;
              margin: 1.6176470588235297vw 0;
            }

            .speakers-wrap {
              justify-content: space-between;
              margin: 0 auto 1.4705882352941175vw;

              span {
                font-size: 0.8823529411764706vw;
                margin: 0 auto 0.3676470588235294vw;
                line-height: 1.3;
                display: block;
              }

              .speakers div {
                margin: 0 auto 0.7352941176470588vw;
                width: 14.705882352941178vw;

                p {
                  letter-spacing: 0;
                }
              }

              .speakers-inner {
                margin: 0 0 0 0 !important;

                .margin10 {
                  margin-bottom: 0.7352941176470588vw;
                }
              }

              .speakers.flex {
                justify-content: space-between;
              }
            }
          }

          .overview {
            margin: 0 auto 2.941176470588235vw;

            p {
              letter-spacing: 0;
            }
          }

          .contact {
            justify-content: space-between;

            div {
              /* width: 16.176470588235293vw; */

              a {
                color: #333;
                text-decoration: none;
                word-wrap: break-word;
                font-size: 1.0294117647058822vw;
              }

              .font14 {
                font-size: 1.0294117647058822vw;
              }

              .contact-wrap {
                margin-bottom: 1.4705882352941175vw;
              }

              .company {
                margin: 0 auto 1.4705882352941175vw;
              }
            }
          }
        }
      }
    }
  }
}

@media(max-width:780px) {
  .sec05 {
    h3 {
      width: 84.61538461538461vw;
      margin: 7.6923076923076925vw auto;
      text-align: center;
    }

    .tab-wrap {
      width: 84.61538461538461vw;

      .tab {
        li {
          width: 16.512820512820515vw;
        }
      }

      .area {
        padding: 7.6923076923076925vw 3.8461538461538463vw;

        .area-wrap {
          display: block;

          .area-wrap01 {
            width: 100%;
            margin: 0 auto 10.256410256410255vw;

            ul {
              li {
                padding: 1.7948717948717947vw 1.282051282051282vw;

                p {
                  font-size: 3.5897435897435894vw;
                }

                span {
                  font-size: 3.3333333333333335vw;
                }
              }

              .active {
                padding: 1.7948717948717947vw 1.282051282051282vw;

              }
            }
          }

          .area-wrap02 {
            width: 100%;

            .area-title {
              padding: 1.0256410256410255vw 3.076923076923077vw;
              font-size: 4.615384615384616vw;
              margin: 0 auto 1.5384615384615385vw;
              letter-spacing: 0;
            }

            .area-description-wrap {
              padding: 7.6923076923076925vw 4.615384615384616vw;

              h5 {
                font-size: 4.615384615384616vw;
                margin: 0 auto 5.128205128205128vw;
              }

              span {
                font-size: 3.5897435897435894vw;
              }

              .schedule-category {
                margin: 4.615384615384616vw auto;

                .participant-category {
                  margin: 0 5.128205128205128vw 0 0;
                  /* width: 10.256410256410255vw; */

                  span {
                    font-size: 2.564102564102564vw;
                    padding: 1.0256410256410255vw;
                  }
                }

                .space-category {
                  /* margin: -1.0256410256410255vw 0 0; */

                  span {
                    margin: 0 2.564102564102564vw 0 0;
                  }
                }
              }

              .speakers-wrap {
                display: block;

                h5 {
                  margin: 0 auto 2.564102564102564vw;
                }

                span {
                  font-size: 3.076923076923077vw;
                  margin: 0 auto 1.5384615384615385vw;
                }

                .speakers div {
                  width: 100%;
                  margin: 0 auto 2.564102564102564vw;
                }
              }

              .speakers.flex {
                display: block;
              }
            }

            .overview {
              margin: 0 auto 7.6923076923076925vw;

              h5 {
                margin: 0 auto 2.564102564102564vw;
              }
            }

            .contact {
              h5 {
                margin: 0 auto 2.564102564102564vw;
              }

              div {
                a {
                  font-size: 3.5897435897435894vw;

                  .font14 {
                    font-size: 3.5897435897435894vw;
                  }
                }
              }
            }

            img {
              width: 100%;
              margin: 0 auto 1.282051282051282vw;
            }


          }
        }
      }
    }
  }
}


.cta {
  background-image: url("../img/cta-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 4.044117647058823vw 0;

  h4 {
    font-size: 1.7647058823529411vw;
    font-family: "Noto Sans JP", sans-serif;
    margin: 0 auto 1.4705882352941175vw;

    span {
      background-color: #fff;
      padding: 0 0.4411764705882353vw;
    }
  }

  a {
    font-size: 2.0588235294117645vw;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    background: var(--gurade, linear-gradient(90deg, #75388A 0%, #C5359D 100%));
    padding: 1.1029411764705883vw 0;
    width: 56.76470588235294vw;
    display: inline-block;
  }
}

@media(max-width:780px) {
  .cta {
    padding: 6.41025641025641vw 0 7.6923076923076925vw;

    h4 {
      font-size: 5.128205128205128vw;
      font-family: "Noto Sans JP", sans-serif;
      margin: 0 auto 3.8461538461538463vw;

      span {
        padding: 0 3.8461538461538463vw;
      }
    }

    a {
      width: 100%;
      font-size: 4.358974358974359vw;
      padding: 4.615384615384616vw 0;
    }
  }
}

/* === ボタンを表示するエリア ============================== */

.en_button {
  width: 200px;
  margin: 0px 2.2058823529411766vw 0 auto;
  /* top: 3.6764705882352944vw; */
  position: relative;
  display: flex;
  align-items: center;
}

.en_button span {
  font-family: Inter;
  font-weight: 600;
  position: relative;
  z-index: 10;
}

.switchArea {
  line-height: 28px;
  /* 1行の高さ          */
  letter-spacing: 0;
  /* 文字間             */
  text-align: center;
  /* 文字位置は中央     */
  font-size: 16px;
  /* 文字サイズ         */
  position: relative;
  /* 親要素が基点       */
  margin: auto;
  /* 中央寄せ           */
  width: 96px;
  /* ボタンの横幅       */
  background: #fff;
  /* デフォルト背景色   */
  z-index: 10;
  border-radius: 30px;
}

/* === チェックボックス ==================================== */
.switchArea input[type="checkbox"] {
  display: none;
  /* チェックボックス非表示 */
}

/* === チェックボックスのラベル（標準） ==================== */
.switchArea label {
  display: block;
  /* ボックス要素に変更 */
  box-sizing: border-box;
  /* 枠線を含んだサイズ */
  height: 32px;
  /* ボタンの高さ       */
  /* border: 2px solid #e94709; */
  /* 未選択タブのの枠線 */
  border-radius: 30px;
  /* 角丸               */
}

/* === チェックボックスのラベル（ONのとき） ================ */
.switchArea input[type="checkbox"]:checked+label {
  /* border-color: #333333; */
  /* 選択タブの枠線     */
}

/* === 表示する文字（標準） ================================ */
.switchArea label span:after {
  content: "EN";
  /* 表示する文字       */
  padding: 0 0 0 10px;
  /* 表示する位置       */
  color: #333;
  /* 文字色             */
  font-weight: 700;
  font-family: Inter;
}

/* === 表示する文字（ONのとき） ============================ */
.switchArea input[type="checkbox"]:checked+label span:after {
  content: "JP";
  /* 表示する文字       */
  padding: 0 10px 0 0;
  /* 表示する位置       */
  color: #333333;
  /* 文字色             */
  font-weight: 700;
  font-family: Inter;
}

/* === 丸部分のSTYLE（標準） =============================== */
.switchArea #swImg {
  position: absolute;
  /* 親要素からの相対位置*/
  width: 20px;
  /* 丸の横幅           */
  height: 20px;
  /* 丸の高さ           */
  background: #e94709;
  /* カーソルタブの背景 */
  top: 6px;
  /* 親要素からの位置   */
  left: 8px;
  /* 親要素からの位置   */
  border-radius: 26px;
  /* 角丸               */
  transition: .2s;
  /* 滑らか変化         */
}

/* === 丸部分のSTYLE（ONのとき） =========================== */
.switchArea input[type="checkbox"]:checked~#swImg {
  transform: translateX(55px);
  /*丸も右へ移動*/
  background: #333333;

}


/* -----jp_button----- */

/* === 表示する文字（標準） ================================ */
.jp_button .switchArea label span:after {
  content: "JP";
  /* 表示する文字       */
  padding: 0 10px 0 0;
  /* 表示する位置       */
  color: #333;
  /* 文字色             */
  font-weight: 700;
  font-family: Inter;
}

/* === 表示する文字（ONのとき） ============================ */
.jp_button .switchArea input[type="checkbox"]:checked+label span:after {
  content: "EN";
  /* 表示する文字       */
  padding: 0 0 0 10px;
  /* 表示する位置       */
  color: #333333;
  /* 文字色             */
  font-weight: 700;
  font-family: Inter;
}

/* === 丸部分のSTYLE（標準） =============================== */
.jp_button .switchArea #swImg {
  position: absolute;
  /* 親要素からの相対位置*/
  width: 20px;
  /* 丸の横幅           */
  height: 20px;
  /* 丸の高さ           */
  background: #e94709;
  /* カーソルタブの背景 */
  top: 6px;
  /* 親要素からの位置   */
  right: 8px;
  left: initial;
  /* 親要素からの位置   */
  border-radius: 26px;
  /* 角丸               */
  transition: .2s;
  /* 滑らか変化         */
}

/* === 丸部分のSTYLE（ONのとき） =========================== */
.jp_button .switchArea input[type="checkbox"]:checked~#swImg {
  transform: translateX(-55px);
  /*丸も右へ移動*/
  background: #333333;
  -webkit-transform: translateX(-55px);
  -moz-transform: translateX(-55px);
  -ms-transform: translateX(-55px);
  -o-transform: translateX(-55px);
}


.under_switch {
  bottom: 22.720588235294116vw;
}

.contact_contain {
  position: relative;
}

.contact_contain .under_switch {
  bottom: initial;
  top: 2.941176470588235vw;
}

@media screen and (max-width: 767px) {

  .en_button {
    justify-content: right
  }

  .switchArea {
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
    font-size: 12px;
    position: relative;
    margin: 0 0 auto 10px;
    width: 70px;
    background: #fff;
    z-index: 10;
    border-radius: 30px;
  }

  .switchArea label {
    display: block;
    box-sizing: border-box;
    height: 25px;
    /* border: 2px solid #e94709; */
    border-radius: 30px;
  }

  .switchArea #swImg {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #e94709;
    top: 6px;
    left: 8px;
    border-radius: 26px;
    transition: .2s;
  }

  .en_button span {
    font-size: 12px;
  }

  /* === 丸部分のSTYLE（ONのとき） =========================== */
  .switchArea input[type="checkbox"]:checked~#swImg {
    transform: translateX(35px);
    /*丸も右へ移動*/
    background: #333333;
    -webkit-transform: translateX(35px);
    -moz-transform: translateX(35px);
    -ms-transform: translateX(35px);
    -o-transform: translateX(35px);
  }

  /* === 丸部分のSTYLE（ONのとき） =========================== */
  .jp_button .switchArea input[type="checkbox"]:checked~#swImg {
    transform: translateX(-35px);
    /*丸も右へ移動*/
    background: #333333;
    -webkit-transform: translateX(-35px);
    -moz-transform: translateX(-35px);
    -ms-transform: translateX(-35px);
    -o-transform: translateX(-35px);
  }

  .jp_button .switchArea #swImg {
    position: absolute;
    width: 15px;
    height: 15px;
    background: #e94709;
    top: 6px;
    left: initial;
    right: 8px;
    border-radius: 26px;
    transition: .2s;
  }

}