@media (min-width: 768px) {

  body {
    font-size: 18px;
    line-height: 25px;
    letter-spacing: 0.1px;
  }

  /* //////////////////////////////////////////////////////////////////////// */
  header {
    .header-flex {
      .header-flex-left {
        a {
          h1 {
            margin-left: 50px;
          }
        }
      }
    }

    .hamburger-menu {
      width: 335px;
    }
  }

  /* //////////////////////////////////////////////////////////////////////// */
  .top-page-first-view {
    height: 700px;

    .bg-layer {
      height: 615px;

      &::before {
        background-image:
          linear-gradient(9deg,
            rgba(0, 0, 0, 0.4) 0%,
            rgba(0, 0, 0, 0.3) 40%,
            rgba(0, 0, 0, 0) 80%,
            rgba(0, 0, 0, 0) 100%),
          url(../assets/img/Mask\ group\ pc.png);
      }
    }

    .top-page-first-view-img-area {
      height: 475px;
      margin-top: 45px;
      background-image: url(../assets/img/Mask\ group\ pc.png);
    }
  }

  /* .profile {
    .profile-content {
      .profile-content-text-group1-flex {
        display: flex;
        width: 700px;
        margin: 0 auto;

        .profile-content-text-group1-left {
          width: 350px;

          img {
            margin: 0;
          }
        }

        .profile-content-text-group1-right {
          width: 350px;

          p {
            line-height: 27px;
          }
        }
      }

      .profile-content-text-group2 {
        width: 390px;
        font-size: 18px;
        letter-spacing: 1px;

        dt {
          padding-top: 5px;
        }

        dd {
          width: 310px;
          margin-left: 20px;
          line-height: 30px;
        }
      }

      .profile-content-text-group3 {
        width: 390px;

        p {
          font-size: 18px;
        }
      }
    }
  } */

  .profile {
    .profile-content {
      .profile-content-text-area {
        position: relative;
        width: 700px;
        height: 1090px;
        margin: 0 auto;



        .tb-img {
          display: block;
          width: 300px;
        }


        .profile-content-text-group1-flex {
          display: flex;
          width: 700px;
          margin: 0 auto;

          .profile-content-text-group1-left {
            width: 350px;

            .mb-img {
              width: 300px;
              margin: 0 0 70px 0;
            }
          }

          .profile-content-text-group1-right {
            width: 350px;
            margin-top: 0;
          }
        }

        .profile-content-text-group2 {
          position: absolute;
          top: 395px;
          right: 10px;

          .mb-img {
            display: none;
          }
        }

        .profile-content-text-group3 {
          position: absolute;
          top: 820px;
          right: 30px;
        }
      }

      .tb-img {
        display: block;
        margin: 0;
        width: 350px;
        height: auto;
        margin-bottom: 100px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
      }
    }
  }

  .content {
    .content-content {
      width: 720px;
      margin: 0 auto 100px auto;

      .content-content-text-group1-flex {
        width: 720px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;

        .content-content-text-group1-text {
          position: relative;
          width: 350px;
          margin: 0 auto;

          img {
            width: 352px;
          }

          .special-text1 {
            width: 195px;
            position: absolute;
            font-size: 32px;
            font-weight: bold;
            color: #ffffff;
            top: 55px;
            right: 15px;
          }


          p {
            height: 210px;
            margin-top: 20px;
            font-size: 18px;
            line-height: 27px;
          }
        }
      }
    }
  }

  /* /////////////////////////////////////////////////////////////////////// */
  footer {
    padding-bottom: 0;

    .footer-flex1 {

      .footer-flex-left {
        .footer-flex-left-text-group1 {
          ul {
            li {
              &:nth-child(6) {
                width: 187px;
              }
            }
          }
        }
      }

      .footer-flex-right {
        width: 700px;
        height: 200px;
        margin-top: -100px;
        /* margin-right: 30px; */
        margin-bottom: 0;

        .footer-flex-right-imgs {
          width: 400px;
          margin-right: 0;

          a {
            &:nth-child(1) {
              margin-right: 10px;
            }

            &:nth-child(3) {
              margin-right: 10px;
            }

            margin-right: 10px;
          }
        }

        .footer-flex2 {
          width: 550px;
          /* margin-top: 50px;
          margin-left: 120px; */
          margin: 50px auto;

          .special-br {
            display: none;
          }

          span {
            margin-right: 100px;
          }

          &:nth-child(1) {
            margin-bottom: 20px;
            border: solid 1px black;
          }
        }
      }
    }
  }




  /* ////////////////////////講演ページ ///////////////////*/
  .top-page-first-view-others {
    height: 615px;

    .bg-layer {
      height: 615px;

      &::before {
        background-image:
          linear-gradient(9deg,
            rgba(0, 0, 0, 0.4) 0%,
            rgba(0, 0, 0, 0.3) 40%,
            rgba(0, 0, 0, 0) 80%,
            rgba(0, 0, 0, 0) 100%);
      }
    }

    .top-page-first-view-img-area {
      height: 475px;
      margin-top: 45px;
    }

    .lecture {
      /* height: 80vh; */
      background-image: url(../assets/img/Mask\ group13.png);

      .top-page-first-view-text-group {
        bottom: 50px;
        left: 0px;

        h2 {
          font-size: 64px;

          &::before {
            width: 400px;
            top: -23px;
            left: 0;
            height: 80px;
          }
        }
      }
    }
  }

  .theme {
    .theme-content {
      width: 700px;
      margin: 0 auto;
      /* 
      img {
        display: none !important;
      } */

      .special-img2 {
        display: none;
      }

      .theme-content-text-area {

        .theme-content-flex {
          display: flex;
          justify-content: space-between;

          .theme-content-flex-left {
            width: 45%;

            .theme-content-flex-left-text-group {
              width: 345px;

              .special-img3 {
                display: none;
              }
            }
          }

          .theme-content-flex-right {
            display: block;
            width: 45%;

            img {
              display: block;
              width: 310px;
              margin-bottom: 70px;
            }
          }
        }
      }
    }
  }

  .lecture-achievement {

    .lecture-achievement-content {
      width: 740px;

      .lecture-achievement-content-flex {
        display: flex;
        justify-content: space-between;

        .lecture-achievement-content-flex-left {
          width: 350px;

          img {
            width: 350px;
          }

          .special-img {
            margin-top: 100px;
            display: block;
          }
        }

        .lecture-achievement-content-flex-right {
          width: 390px;
          margin-top: 50px;
          margin: 0 0 0 0;

          .special-p2 {
            margin-left: auto;
          }

          .special-h3-1 {
            margin-top: 0;
          }

          ul {

            li {
              font-size: 25px;

              .special-li {
                width: 350px;
                line-height: 40px;
                margin: 0;
                margin-left: auto;
                margin-bottom: 50px;
              }
            }

            li:nth-of-type(1) {
              .special-li {
                margin-top: 0px;
              }
            }
          }

          img {
            display: none;
          }

          p {
            width: 370px;
            /* float: right; */
            font-size: 18px;

            &:nth-child(1) {
              margin-bottom: 50px;
            }


            .special-p8 {
              width: 360px;
              margin: 0 auto;
            }
          }
        }
      }
    }
  }

  .request-flow {

    .request-flow-content {
      width: 720px;
      margin: 0 auto;

      >.request-flow-content-flex:nth-of-type(1) {
        .request-flow-content-flex-left {
          .request-flow-content-flex-left2 {
            &::before {
              background-image: url(../assets/img/24840114\ 1.png);
            }
          }
        }
      }

      >.request-flow-content-flex:nth-of-type(3) {
        .request-flow-content-flex-left {
          .request-flow-content-flex-left2 {
            &::before {
              width: 130px;
              height: 80px;
              left: 10px;
              background-image: url(../assets/img/22474390\ 1.png);
            }
          }
        }
      }

      >.request-flow-content-flex:nth-of-type(5) {
        .request-flow-content-flex-left {
          .request-flow-content-flex-left2 {
            &::before {
              width: 110px;
              height: 80px;
              left: 20px;
              background-image: url(../assets/img/22474390\ 1.png);
            }
          }
        }
      }

      >.request-flow-content-flex:nth-of-type(5) {
        .request-flow-content-flex-left {
          .request-flow-content-flex-left2 {
            &::before {
              background-image: url(../assets/img/22407663\ 1.png);
            }
          }
        }
      }

      >.request-flow-content-flex:nth-of-type(7) {
        .request-flow-content-flex-left {
          .request-flow-content-flex-left2 {
            &::before {
              background-image: url(../assets/img/26783483\ 1.png);
            }
          }
        }
      }

      >.request-flow-content-flex:nth-of-type(9) {
        .request-flow-content-flex-left {
          .request-flow-content-flex-left2 {
            &::before {
              background-image: url(../assets/img/22407663\ 1.png);
            }
          }
        }
      }

      .request-flow-content-flex {
        display: flex;
        width: 720px;
        height: 200px;

        &:nth-of-type(1)+.request-flow-content-border {
          width: 720px;
        }

        &:nth-of-type(3)+.request-flow-content-border {
          width: 720px;
        }

        &:nth-of-type(5)+.request-flow-content-border {
          width: 720px;
        }

        .request-flow-content-flex-left {
          width: 320px;
          margin: 0 auto 0 50px;

          .request-flow-content-flex-left2 {
            position: relative;
            width: 190px;
            padding-top: 10px;

            &::before {
              position: absolute;
              content: "";
              top: 60px;
              left: 20px;
              width: 100px;
              height: 80px;
              background-size: cover;
              background-repeat: no-repeat;
            }

            p {
              font-size: 36px;
            }

            .special-p3 {
              position: absolute;
              top: 50px;
              left: -70px;
              font-size: 64px;
            }
          }
        }

        .request-flow-content-flex-right {
          width: 400px;

          p {
            width: 280px;
            margin: 30px auto 50px auto;
            font-size: 16px;
          }
        }
      }

      /* .request-flow-content-border {
        display: none;
      } */

      .special-div1 {
        background-color: #FFF0D5;
      }
    }
  }

  .question {
    width: 100%;

    .question-content {
      .question-content-accordion {
        .accordion-container {
          width: 720px;

          ul {
            width: 720px;

            li {
              width: 720px;

              p {
                width: 550px;
                font-size: 24px;
              }

              &:nth-child(1)::before {
                position: absolute;
                content: "Q1.";
                top: 50px;
                left: 40px;
                font-size: 20px;
              }

              &:nth-child(2)::before {
                position: absolute;
                content: "Q2.";
                top: 50px;
                left: 40px;
                font-size: 20px;
              }

              &:nth-child(3)::before {
                position: absolute;
                content: "Q3.";
                top: 50px;
                left: 40px;
                font-size: 20px;
              }

              &:nth-child(4)::before {
                position: absolute;
                content: "Q4.";
                top: 50px;
                left: 40px;
                font-size: 20px;
              }
            }

            .special-div2 {
              background-color: #FFF0D5;
            }

            .accordion-container-menu-item-open {
              width: 100%;
              margin: 0 auto;
              padding: 50px 50px 50px 80px;
              font-size: 14px;
              cursor: pointer;
              position: relative;

              &::before {
                content: "";
                position: absolute;
                width: 20px;
                height: 2px;
                top: 65px;
                right: 20px;
                background-color: #333333;
                transition: 0.5s;
              }

              &::after {
                content: "";
                position: absolute;
                width: 2px;
                height: 20px;
                top: 56px;
                right: 29px;
                background-color: #333333;
                transition: 0.5s;
                opacity: 1;
              }

              .accordion-container-menu-item-open-button {
                width: 100px;
                margin: 0 auto;
              }

              &.open {
                &::after {
                  opacity: 0;
                }

                .accordion-container-menu-item-open-button {
                  transform: rotate(90deg);
                }
              }
            }
          }

          .accordion-container-menu-item-close {
            overflow: hidden;
            height: 0;
            transition: height 1s ease;

            p {
              width: 630px;
              margin: 0 0 0 40px;
              padding: 20px 0 70px 0;
            }

            &.open {
              height: auto;
            }
          }
        }
      }
    }
  }



  /* ////////////////////////SNSページ ///////////////////*/
  .top-page-first-view-others {
    .sns {
      /* height: 80vh; */
      background-image: url(../assets/img/Mask\ group15.png);

      /* .top-page-first-view-text-group {
        bottom: 50px;
        left: 0px;

        h2 {
          font-size: 64px;

          &::before {
            width: 400px;
            top: -23px;
            left: 0;
            height: 80px;
          }
        }
      } */
    }
  }

  .instagram {
    width: 100%;

    .instagram-content {
      width: 720px;
      margin: 0 auto;

      .instagram-content-flex {
        display: flex;
        width: 700px;
        justify-content: space-between;
        margin: 0 auto;

        .instagram-content-flex-item {
          width: 300px;
          margin-right: 50px;
          margin-bottom: 50px;

          &:nth-child(2) {
            display: block;
          }
        }

        .instagram-content-flex-right {
          display: block;
        }
      }
    }
  }

  .youtube {
    width: 100%;
    margin: 100px auto 200px auto;

    .youtube-content {
      width: 700px;
      margin: 0 auto;
    }
  }

  .tiktok {
    width: 100%;
    margin: 0 auto;

    .tiktok-content {
      width: 700px;
      margin: 0 auto;

      .tiktok-content-post-flex {
        display: flex;
        justify-content: space-between;

        .tiktok-content-post-item {
          &:nth-child(2) {
            display: block;
            /* margin-left: 45px; */
          }
        }

        /* .container1 {
          width: 700px;
          height: 550px;

          .swiper1 {
            height: 450px;
          }
        } */
      }
    }
  }

  .facebook {
    width: 100%;
    margin-bottom: 150px;

    .facebook-content {
      width: 690px;
      margin: 0 auto;

      .facebook-content-flex {
        display: flex;
        justify-content: space-between;

        .facebook-content-post {
          width: 320px;

          &:nth-child(2) {
            display: block;
          }
        }
      }
    }
  }






  /*//////////////// メディア活動ページ /////////////////*/
  .top-page-first-view-others {
    .media2 {
      /* width: 100%; */
      /* height: 80vh; */
      background-image: url(../assets/img/Mask\ group20.png);

      /* .top-page-first-view-text-group {
        bottom: 50px;
        left: 0px;

        h2 {
          width: 500px;
          font-size: 64px;

          &::before {
            width: 600px;
            top: -23px;
            left: 0px;
            height: 80px;
          }
        }
      } */
    }
  }

  .lecture-practice {
    .lecture-practice-content {
      width: 720px;

      .lecture-practice-content-text-group1 {
        width: 720px;

        .container {
          width: 700px;
          margin: 0 auto;
        }

        .timeline {
          gap: 50px;
        }

        .year-column {
          width: 150px;
        }

        .year-item {
          font-size: 24px;

        }

        .month-column {
          width: 100px;
        }

        .month-item {
          font-size: 24px;
        }

        .day-item {
          width: 330px;
        }

        .day-item .date {
          font-size: 24px;
        }

        .day-item .content {
          font-size: 24px;
        }

        .arrows {
          position: absolute;
          right: -20px;
          top: 50%;
          transform: translateY(-50%);
          display: block;
          flex-direction: column;
          gap: 10px;
        }

        /* .arrow {
          width: 0;
          height: 0;
          border-left: 15px solid #d4b896;
          border-top: 10px solid transparent;
          border-bottom: 10px solid transparent;
        } */

        .arrow.down {
          top: 140px;
          right: 180px;
        }

        .arrow.up {
          top: -160px;
          right: 180px;
          transform: rotate(-90deg);
        }

        .article-section {
          width: 600px;
          margin: 0 auto;
          margin-top: 150px;
          padding: 20px;
          display: none;
        }

        .article-section-flex {
          display: flex;
        }

        .article-section.show {
          display: block;
        }

        .article-section h2 {
          font-size: 18px;
          margin-bottom: 8px;
        }

        .article-section .article-date {
          width: 140px;
          margin-right: 10px;
          font-size: 18px;
        }

        .article-section .article-content {
          font-size: 18px;
          line-height: 1.8;
          color: #555;
        }

        .article-section .article-content p {
          margin-bottom: 50px;
        }
      }

      .lecture-practice-content-text-group2 {
        width: 500px;

        img {
          width: 500px;
        }

        p {
          padding: 20px;
        }
      }
    }
  }

  .media {
    .youtube-content {
      width: 500px;
    }

    .past-appearances-content {
      padding: 50px 0 100px 0;

      .past-appearances-content2 {
        width: 765px;
        margin: 0 auto;

        h3 {
          padding-left: 15px;
        }

        .past-appearances-content-flex {
          width: 720px;
          margin: 0 auto;
          display: flex;

          .past-appearances-content-flex-left {
            width: 490px;
            font-size: 18px;
            margin: 0;

            dl {
              display: grid;
              grid-template-columns: 25% 75%;
              width: 500px;
              font-size: 18px;

              dt {
                width: 120px;
                font-size: 18px;
              }

              dd {
                width: 300px;
                margin-left: 10px;
                margin-bottom: 40px;
                font-size: 18px;
              }
            }
          }

          .past-appearances-content-flex-right {
            width: 230px;
            height: 545px;
            margin: 0;
            background-image: url(../assets/img/Mask\ group32.png);
          }
        }
      }
    }
  }







  /*//////////////// お問合せページ /////////////////*/
  .top-page-first-view-others {
    .contact {
      /* width: 100%; */
      /* height: 80vh; */
      background-image: url(../assets/img/Mask\ group40.png);
      /* background-position: center 0px; */

      .top-page-first-view-text-group {
        bottom: 50px;
        left: 0px;

        h2 {
          width: 500px;
          font-size: 64px;

          &::before {
            width: 600px;
            top: -23px;
            left: 0px;
            height: 80px;
          }
        }
      }
    }
  }

  .contact-content {
    width: 520px;

    form {
      width: 520px;
    }

    p {
      width: 480px;
      font-size: 24px;
      line-height: 40px;
    }

    .special-p4,
    .special-p5,
    .special-p6 {
      width: 500px;
      font-size: 18px;
      font-family: "NotoSerifJP";

      .special-br2 {
        display: none;
      }
    }

    .container {
      width: 520px;

      .content {
        width: 520px;


        .section {
          width: 450px;
          margin: 0 auto 30px auto;

          .special-p4 {
            width: 450px;
            margin: 30px auto 30px auto;
            font-size: 20px;
            text-align: center;
          }
        }

        p {
          width: 450px;
        }
      }
    }

    .special-label1 {
      font-size: 18px;
    }

    .checkbox-wrapper {
      width: 360px;
      margin: 100px auto 0 auto;
    }
  }

  .special-margin-top {
    margin-top: 100px;
  }



  /*//////////////// プライバシーポリシーページ /////////////////*/

  .privacy-policy-content {
    .privacy-policy-content-text {
      width: 600px;
    }
  }
}