/* --------------------
 base
-------------------- */

* {
  box-sizing: border-box;
}


body {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #231815;
}


img {
  width: 100%;
  height: auto;
  display: block;
}

a:hover{
  opacity: 0.6;
  transition: 0.3s;
}


.sp-on{
  display: none !important;
}


/* --------------------
 page
-------------------- */


.mirai-page {

  background:
    linear-gradient(135deg,
      #C5D6F9 0%,
      #E9B2F8 100%);

  overflow: hidden;

}




/* --------------------
 MV
-------------------- */


.mv {

  width: 100%;
  background: #fff;

}



.mv img {

  width: 100%;
  /* max-width: 1400px; */

  margin:
    0 auto;

}





/* --------------------
 intro
-------------------- */


.intro {

  padding:
    70px 40px 80px;


  text-align: center;


  /* background:
  linear-gradient(141deg, #C5D6F9 0%,
    #E9B2F8 100%); */

}



.inner {

  max-width: 1000px;
  margin: auto;

}




.intro-lead {

  font-size: 23px;
    font-weight: 600;
    margin-bottom: 28px;
    letter-spacing: 0.04em;

}



.pickup {

      display: inline-block;
        background: #fff;
        padding: 8px 35px;
        margin: 8px auto;
        font-size: 25px;
        font-weight: 600;

}



.pickup span {
    font-size: 30px;
      color: #E30B96;

}




.pickup.small {

  font-size:
    clamp(17px, 2vw, 22px);

}



.intro-text {

      margin-top: 20px;
        font-weight: 600;
        line-height: 2;
        font-size: 20px;

}



.text-link {
display: inline-block;
  margin-top: 30px;
  /* color: #222; */
  font-weight: 700;
  text-decoration: underline;
  font-size: 18px;

}



.sp {
  display: none;
}






/* =====================
背景
===================== */


.highlight-section {

  /* background:
    linear-gradient(135deg,
      #ccd8ff 0%,
      #f5a6ff 100%); */

  /* padding:
    100px 20px; */
        padding: 0 40px;

}



.highlight-inner {

  max-width: 1170px;
  margin: auto;

}




/* タイトル画像 */

.section-title {

      max-width: 695px;

  margin:
    0 auto -65px;

  position: relative;

  z-index: 2;

}




/* 白カード */

.highlight-card {

  background: #fff;

  border-radius:
    36px;

  padding:
    80px 70px;

  box-shadow:
    0 10px 25px rgba(90, 40, 130, .2);

}





/* 中BOX */

.event-box {

  border-radius:
    60px;

  padding:
    0 60px 50px;

  margin-bottom: 70px;

}



.event-box:last-child {

  margin-bottom: 0;

}



.blue {

  background: #eaf0ff;

}


.pink {

  background: #fdeaff;

}





/* =====================
 ラベル
===================== */

.label {

    position: relative;
      /* width: 66%; */
      max-width: 600px;
      height: 70px;
      margin: 0 auto 45px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      color: #fff;

  overflow: visible;

}



/* 台形 */
.label::before {

  content: "";

  position: absolute;

  inset: 0;

  background: #4C80EB;

    border-radius: 0 0 15px 15px;
      transform: perspective(460px) rotateX(341deg);
  z-index: 0;

}



/* 中身を前へ */
.label span,
.label small {

  position: relative;
  z-index: 1;

}




.label span {
    font-size: 25px;
      font-family: "M PLUS 1p", sans-serif;
      font-weight: bold;
      white-space: nowrap;

}



.label small {

  background: #fff;

  color: #4C80EB;

  padding:
    12px 28px;

  border-radius:
    999px;
    font-size: 16px;
      font-weight: 600;

  white-space: nowrap;

}




/* ピンク版 */

.pink-label::before {

  background: #D64AD9;

}


.pink-label small {

  color: #D64AD9;

}

/* .blue-label {

background: #4C80EB;

}


.pink-label {

  background: #d646d9;

} */


.pink-label::before {

background: #D760D8;

}


.pink-label small {

  color: #D760D8;

}
/* .label span {

  font-size: 25px;
  font-family: "M PLUS 1p", sans-serif;

}


.label small {
      display: inline-block;
    margin-left: 15px;
      font-size: 16px;
      background: #fff;
      border-radius: 999px;
      color: #4C80EB;
      padding: 9px 20px;
      font-weight: 600;

} */




/* テキスト */

.event-text {

      font-size: 16px;
        font-weight: 600;
        line-height: 1.7;
            margin-left: 60px;
  /* margin-bottom: 40px; */
      margin-top: 80px;

}



.note {
    text-align: center;
      font-weight: 500;
      font-size: 18px;
      line-height: 2;
}

.orange-mr{
  font-size: 22px;
  font-weight: bold;
  text-decoration: underline 6px solid #FDA635;
}

/* 画像 */

.event-img {

  width: 100%;

  display: block;
      margin-top: -160px;

}

.event-img2 {
  max-width: 720px;
  margin: 0 auto;
  margin-top: -90px;
}

.event-text2{
      margin-top: 50px;
        margin-bottom: 30px;
}

/* =====================
SP
===================== */

@media(max-width:1024px){


  /* 共通 */

  body {
    overflow-x: hidden;
  }


  /* --------------------
MV
-------------------- */

  .mv img {
    width: 100%;
  }


  /* --------------------
INTRO
-------------------- */

  .intro {

    padding:
      45px 20px 60px;

  }


  .intro-lead {

    font-size: 16px;
    line-height: 1.8;

    margin-bottom: 22px;

  }



  .pickup {

          width: 100%;
            padding: 8px 18px;
            font-size: 17px;
            line-height: 1.6;
            display: ruby;

  }


  .pickup span {

    font-size: 20px;

    display: block;

  }


  .pickup.small {

    font-size: 17px;
            display: ruby-text;
              margin-top: 15px;

  }


  .intro-text {

    font-size: 15px;

    line-height: 1.8;
    margin-top: 0;

  }


  .text-link {

    font-size: 15px;

  }


         .sp {
           display: none;
         }



  /* --------------------
HIGHLIGHT
-------------------- */


  /* .highlight-section {

    padding:
      0 16px 60px;

  } */


  .highlight-inner {

    max-width: 100%;

  }



  /* タイトル */

        .section-title {
          width: 70%;
        margin: 0 auto -60px;

  }




  /* 白カード */

 .highlight-card {

   padding:
     60px 30px;

 }


 .highlight-section {
width: 90%;
  margin: 0 auto;
  padding: 0;

 }


  /* 青・ピンクBOX */

  .event-box {

    padding:
      0 18px 35px;

    border-radius:
      32px;

    margin-bottom: 45px;

  }




  /* --------------------
ラベル
-------------------- */


.label {

  width: 90%;
  max-width: none;

  height: auto;

        min-height: 65px;
          padding: 10px 30px 10px;

  gap: 10px;

}



.label span {

        font-size: clamp(18px, 4vw, 23px);

  white-space: nowrap;

}


.label small {

  font-size:
    clamp(12px, 2.5vw, 16px);

  padding:
    8px 18px;

}



.event-box {

  padding:
    0 25px 40px;

}




  /* --------------------
文章
-------------------- */


  .event-text {

    margin:
      35px 0 20px;


    /* font-size: 13px; */

    line-height: 1.9;

    text-align: left;

  }



  /* --------------------
画像
-------------------- */


  .event-img {

            margin-top: -110px;

    width: 100%;

  }


  .event-img2 {

    max-width: 100%;

    margin-top: 0;

  }

.event-img2{
  margin-top: -90px;
}

  /* --------------------
下テキスト
-------------------- */


  .event-text2 {

    margin-top: 25px;

  }



  .note {

    font-size: 13px;

    line-height: 1.8;

  }



  .orange-mr {

    font-size: 16px;

    text-decoration:
      underline 4px solid #FDA635;

  }


}


@media(max-width:768px) {
/* .section-title{
  margin: 0 auto;
} */
         .section-title {
                  margin: 0 auto;
                    margin-bottom: 20px;
         }
         .highlight-card {
                  padding: 20px 10px 30px;
         }
  .sp-on {
      display: block !important;
    }
    .section-title {
        width: 100%;
      }

  .sp {
    display:block;
  }
  .pc-on{
    display: none !important;
  }

    .label{
            width: 100%;
              max-width: none;
              height: auto;
              min-height: 65px;
              padding: 10px;
              text-align: center;
              background: #4C80EB;
              border-radius: 20px 20px 0 0;
              padding-top: 10px;
              margin-top: 10px;
              display: inline-block;
            margin: 10px auto 5px;
    }
.label span {
  font-size: 17px;
}
                .label small {
                  font-size: 16px;
                  padding: 3px 18px;
                  margin-top: 6px;
                  display: inline-block;
                }
        .label {
          width: 100%;
          max-width: none;
          height: auto;
          min-height: 65px;
          padding: 10px;
          text-align: center;
        }
.event-text {
  margin: 15px 0 20px;
}
        .event-img {
          margin-top: 0px;
        }
            .event-box {
              padding: 0 13px 40px;
                margin-bottom: 15px;
            }
        .label::before{
          display: none;
        }
  .pink-label{
        background: #D760D8;
  }
  .event-img2{
        margin-top: -50px;
          margin-bottom: 20px;
  }
            .note {
              font-size: 16px;
            }
        .orange-mr {
          font-size: 18px;
        }
}


/* =====================
WORKSHOP
===================== */


.workshop-section {

padding: 220px 40px 100px;

}



.workshop-inner {

  max-width: 1170px;

  margin: auto;

}




.workshop-card {

  position: relative;

  background: #fff;

  border-radius:
    45px;

    padding: 80px 80px 40px;


  box-shadow:
    0 10px 25px rgba(90, 40, 130, .2);

}






/* タイトル */

.workshop-title {

  position: absolute;

  top: -90px;

  left: 50%;

  transform:
    translateX(-50%);


  width: 58%;

  max-width: 700px;


  z-index: 5;

}





/* 装飾 */

.deco {

  position: absolute;

  z-index: 10;

}


.deco-left {

width: 300px;
  left: 10px;
  top: -140px;

}



.deco-right {
    width: 440px;
      right: -115px;
      top: -180px;

}





/* 企業タイトル */

.company-title {

    max-width: 340px;

margin: 0 auto 60px;
  padding: 18px 0;
  text-align: center;
  color: #D760D8;
  font-size: 23px;
  font-weight: 600;
  border-top: 3px solid #D760D8;
  border-bottom: 3px solid #D760D8;

}





/* 企業 */


.company-list {

  max-width: 850px;

  margin: auto;

  padding: 0;

  list-style: none;


  display: grid;

  grid-template-columns:
    repeat(2, 1fr);
    row-gap: 50px;

}



.company-list li {
    font-size: 18px;
      font-weight: 600;

    text-align: right;

}

.com-li{
  text-align: left !important;
}


/* 左側だけ点線 */
.company-list li:nth-child(odd) {

  border-right:
    5px dotted #E8C5DD;

  padding-right: 40px;

}



.company-list li:nth-child(even) {

  padding-left: 40px;

}






/* 下 */


.workshop-bottom {
      margin-top: 20px;
      display: flex;
      align-items: center;
      justify-content: end;

}



.workshop-bottom p {
    font-size: 25px;
      font-weight: 600;

}



.workshop-bottom span {
    text-decoration: underline 8px solid #FFEC8B;

}





.pencil {

  width: 100px;

}



.orihime {

      width: 190px;
          margin-left: -30px;

}









/* =====================
TABLET/SP
===================== */


@media(max-width:1024px) {


  .workshop-section {
width: 90%;
  margin: 0 auto;
  padding: 0;
  padding-top: 90px;
  }



  .workshop-card {
      padding: 100px 25px 20px;


    border-radius:
      30px;

  }




  .workshop-title {

    width: 85%;

    top: -50px;

  }





  .deco-left {

    width: 32%;

    left: -15px;

        top: -90px;

  }



  .deco-right {
        width: 32%;
          right: -40px;
          top: -85px;
          

  }






  .company-title {
        font-size: 18px;
          padding: 13px 0;

  }




/* .company-list {

  grid-template-columns: 1fr;

} */



/* .company-list li:nth-child(odd) {

  border-right: none;

  padding-right: 0;

} */

/* 
.company-list li:nth-child(even) {

  padding-left: 0;

} */



  .workshop-bottom {

    margin-top: 60px;
        text-align: center;
          justify-content: center;

  }



  .workshop-bottom p {

    font-size: 17px;

    line-height: 1.8;

  }



  .pencil {

    width: 55px;

  }



  .orihime {

    width: 90px;
    margin-left: 0;

  }



}


/* =====================
 OVERVIEW
===================== */

.overview-section {
        padding: 60px 40px 100px;

}


.overview-inner {

  max-width: 1170px;

  margin: auto;

}




.overview-card {

  position: relative;


  background: #fff;


  border-radius:
    45px;
        padding: 110px 90px 70px;


  box-shadow:
    0 10px 25px rgba(90, 40, 130, .2);

}





/* タイトル */


.overview-title {

  position: absolute;


      top: -60px;

  left: 50%;


  transform:
    translateX(-50%);



  width: 55%;

  max-width: 680px;


  z-index: 5;

}





/* 中身 */

.overview-content {


  display: grid;

  grid-template-columns:
    1fr 1fr;


  gap: 60px;


  align-items: center;

}







/* MAP */


.map-area {

  width: 100%;

  aspect-ratio:
    1 / .75;


  overflow: hidden;


  border-radius:
    15px;

}



.map-area iframe {

  width: 100%;

  height: 100%;


  border: 0;

}





/* TEXT */


.overview-info dl {

  margin: 0;

}



.overview-info dt {
    font-size: 18px;
      font-weight: 600;


  margin-bottom: 8px;

}



.overview-info dd {

      margin: 0 0 25px;

  font-size: 18px;

    line-height: 1.6;


    font-weight: 400;

}


.d-fle{
      display: flex;
        align-items: baseline;
}



/* =====================
 TABLET/SP
===================== */


@media(max-width:1024px) {



  .overview-section {

    padding:
      90px 20px 70px;

  }




  .overview-card {


    padding:
      110px 25px 50px;


    border-radius:
      30px;

  }




  .overview-title {

    width: 85%;

    top: -50px;

  }




  .overview-content {


    grid-template-columns:
      1fr;


    gap: 40px;

  }




  .map-area {

    aspect-ratio:
      4 / 3;

  }





  .overview-info dt {

    font-size: 16px;

  }


  .overview-info dd {

    font-size: 15px;

    margin-bottom: 25px;

  }



}


/* =====================
ABOUT
===================== */

.about-section {

  background: #fff;
    padding: 100px 40px 50px 30px;

}



.about-inner {

  max-width: 1300px;

  margin: auto;

}





.about-content {

  position: relative;


  display: grid;

  grid-template-columns:
    repeat(2, 1fr);


    gap: 70px;
    align-items: stretch;
      /* 追加 */

}




/* 真ん中点線 */

.about-content::before {

  content: "";

  position: absolute;

  left: 50%;
  top: 0;
  bottom: 0;

    border-left: 5px dotted #DCD4FF;
}

.about-box {

  display: flex;

  flex-direction: column;

}


.about-box h2 {
font-family: "M PLUS 1p", sans-serif;

  text-align: center;
  
        font-size: 27px;
            font-weight: 600;
  
    font-family:
      "M PLUS 1p",
      sans-serif;
  
  
    /* グラデーション */
    background:
      linear-gradient(90deg,
        #6A6BFF 0%,
        #9A5BFF 45%,
        #F03BD7 100%);
  
  
    -webkit-background-clip: text;
    background-clip: text;
  
  
    color: transparent;
  
  
    margin-bottom: 45px;

}






.about-flex {

  display: flex;

    align-items: flex-start;
      gap: 10px;
flex: 1;
}



.about-text {

  flex: 1;

}

.about-img .cafe {
      width: 53%;
}


.about-text p {
    font-size: 16px;
      line-height: 1.8;
        font-weight: 400;
      margin-bottom: 35px;

}





.about-img {
      width: 46%;

}



.about-img.cafe {

  border-radius: 15px;

}





/* ボタン */


.about-btn {

  display: block;


  width: 80%;

  /* margin:
    40px auto 0; */

    margin: 0 auto;
  padding:
    18px 20px;


  text-align: center;


  color: #fff;

font-weight: 500;


  border-radius:
    999px;


  background:
    linear-gradient(90deg,
      #FFA134,
      #E94ED5);


  text-decoration: none;

}

.btn-2{
      width: 300px;
}



/* バナー */


.dawn-banner {
    display: block;
      max-width: 900px;
      margin: 50px auto 0;

}



.dawn-banner img {

  width: 100%;
  box-shadow:
      0 8px 20px rgba(0, 45, 120, 0.15),
      0 2px 6px rgba(0, 0, 0, 0.08);

}







/* =====================
SP
===================== */


@media(max-width:1024px) {



  .about-section {

    padding:
      70px 20px;

  }



  .about-content {

    grid-template-columns:
      1fr;


    gap: 70px;

  }



  .about-content::before {

    display: none;

  }




  .about-box h2 {

    font-size: 22px;

  }



  .about-flex {

    flex-direction: column-reverse;

  }



  .about-img {

    width: 70%;

  }



  .about-text p {

    font-size: 14px;

  }



  .about-btn {

    width: 100%;

    font-size: 14px;

  }



  .dawn-banner {

    max-width: 100%;

    margin-top: 60px;

  }



}

/* =====================
PILOT
===================== */


.pilot-section {

  padding:
    130px 40px 100px;

}



.pilot-inner {

  max-width: 1170px;

  margin: auto;

}



/* 白カード */

.pilot-card {

  position: relative;

  background: #fff;

  border-radius:
    45px;

    padding: 90px 100px 90px;


  box-shadow:
    0 10px 25px rgba(90, 40, 130, .2);

}





/* タイトル */

.pilot-title {

  position: absolute;

      top: -65px;

  left: 50%;

  transform:
    translateX(-50%);


  width: 55%;

  max-width: 680px;


  z-index: 5;

}






/* リード */

.pilot-lead {

  text-align: center;

  margin-bottom: 40px;

}



.pilot-lead p {

  font-size: 18px;

  line-height: 2;
    font-weight: 500;

}








/* 人 */

.pilot-list {

  max-width: 850px;

  margin: auto;

}



.pilot-item {

  display: flex;

  align-items: center;

      align-items: center;
        gap: 30px;


      margin-bottom: 30px;

}



.pilot-item:last-child {

  margin-bottom: 0;

}



.pilot-img {

  width: 180px;

  border-radius: 15px;

  flex-shrink: 0;

}




.pilot-text h3 {
color: #D44CEC;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;

}




.pilot-text p {

  font-size: 16px;

    line-height: 1.8;

  font-weight: 500;

}










/* =====================
TABLET / SP
===================== */


@media(max-width:1024px) {



  .pilot-section {

    padding:
      90px 20px 70px;

  }



  .pilot-card {

    padding:
      110px 25px 50px;


    border-radius:
      30px;

  }



  .pilot-title {

    width: 85%;

    top: -50px;

  }





  .pilot-lead {

    margin-bottom: 50px;

  }



  .pilot-lead p {

    font-size: 14px;

    text-align: left;

  }







  .pilot-item {

    flex-direction: column;

    gap: 25px;


    text-align: left;


    margin-bottom: 60px;

  }



  .pilot-img {

    width: 70%;

    max-width: 260px;

  }




  .pilot-text h3 {

    font-size: 17px;

    text-align: center;

  }




  .pilot-text p {

    font-size: 14px;

    line-height: 1.9;

  }



}





@media(max-width:600px) {


  .pilot-section {

    padding:
      70px 16px;

  }



  .pilot-card {

            padding: 20px 20px 40px;

  }



  .pilot-title {

    top: -35px;

    width: 90%;

  }



}

/* =====================
FAQ
===================== */


.faq-section {

  padding:
    60px 40px 100px;

}



.faq-inner {

  max-width: 1170px;

  margin: auto;

}



.faq-card {

  position: relative;

  background: #fff;

  border-radius: 45px;

  padding:
    110px 90px 90px;


  box-shadow:
    0 10px 25px rgba(90, 40, 130, .2);

}



/* タイトル */

.faq-title {

  position: absolute;

  top: -60px;

  left: 50%;

  transform:
    translateX(-50%);


  width: 55%;

  max-width: 680px;

}



/* 中身 */

.faq-list {

  max-width: 900px;

  margin: auto;

}



.faq-item {

  margin-bottom: 60px;

}



.faq-item:last-child {

  margin-bottom: 0;

}



/* Q */

.faq-item h3 {

  color: #D760D8;

  font-size: 21px;

  font-weight: 600;

  line-height: 1.6;

  margin-bottom: 18px;


  font-family:
    "M PLUS 1p",
    sans-serif;

}



/* A 横並び */

.faq-answer {

  display: flex;

  align-items: flex-start;

  gap: 6px;

}



.answer-label {

  flex-shrink: 0;

  font-size: 17px;

  line-height: 1.8;

      font-weight: 400;

}



.faq-answer p {

  margin: 0;

  font-size: 17px;

  line-height: 1.8;

    font-weight: 400;

}






/* =====================
SP
===================== */

@media(max-width:1024px) {


  .faq-section {

    padding:
      90px 20px 70px;

  }



  .faq-card {

    padding:
      110px 25px 50px;

    border-radius:
      30px;

  }



  .faq-title {

    width: 85%;

    top: -50px;

  }



  .faq-item {

    margin-bottom: 45px;

  }



  .faq-item h3 {

    font-size: 17px;

  }



  .faq-answer {

    gap: 5px;

  }



  .answer-label,
  .faq-answer p {

    font-size: 14px;

    line-height: 1.9;

  }


}





@media(max-width:600px) {


  .faq-section {

    padding:
      70px 16px;

  }



  .faq-card {

          padding: 20px 20px 40px;

  }



  .faq-title {

    width: 90%;

    top: -35px;

  }


}

/* =====================
SPONSOR
===================== */


.sponsor-section {

    padding: 0px 40px 120px;

}



.sponsor-inner {

  max-width: 1170px;

  margin:
    0 auto;

}




/* 白カード */

.sponsor-card {

  background: #fff;


  border-radius:
    45px;


  padding:
    70px 90px 90px;


  box-shadow:
    0 10px 25px rgba(90, 40, 130, .2);

}





/* タイトル */

.sponsor-title {

  display: block;


  width: 360px;

  max-width: 80%;


  margin:
    0 auto 80px;

}







/* =====================
リスト
===================== */


.sponsor-list {

  max-width: 900px;


  margin:
    0 auto;

}



.sponsor-block {

  margin-bottom: 80px;

}



.sponsor-block:last-child {

  margin-bottom: 0;

}




/* =====================
歯車＋点線＋テキスト
===================== */


.sponsor-heading {

  display: flex;

  align-items: center;

  gap: 22px;


  margin-bottom: 45px;

}




/* 左右 */

.sponsor-heading::before,
.sponsor-heading::after {
content: "";
  flex: 1;
  height: 30px;
  background-image: url(../images/yokohama-park/icon_gear.png), linear-gradient(to right, #B875B9 40%, transparent 0);
  background-size: 30px 30px, 9px 3px;
  background-repeat: no-repeat, repeat-x;


}



/* 左側 */

.sponsor-heading::before {


  /* 歯車は左端 */
  background-position:
    left center,
    55px center;


}



/* 右側 */

.sponsor-heading::after {


  /* 歯車は右端 */
  background-position:
    right center,
    left center;


}




/* テキスト */

.sponsor-heading span {
    color: #5F3063;
      font-size: 18px;
      font-weight: 600;
      white-space: nowrap;
}









/* =====================
ロゴ
===================== */


.logo-list {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-wrap: wrap;

      gap: 35px 20px;
          align-items: flex-start;


}



.logo-list a {

  display: flex;

  align-items: center;

  justify-content: center;


  transition: .3s;

}



.logo-list a:hover {

  opacity: .6;

}





.logo-list img {

  width: auto;

  height: auto;

  object-fit: contain;

}







/* GOLD */

.logo-list.gold img {

      max-width: 295px;

}



/* SILVER */

.logo-list.silver {

    max-width: 1000px;

  margin: auto;

}


.logo-list.silver img {

    max-width: 187px;

}

.nomura{
      max-width: 427px !important;
}


/* BRONZE */

.logo-list.bronze img {

        max-width: 353px;

}




/* AREA */


.logo-list.area img {

      max-width: 372px;

}









/* =====================
SP
===================== */

@media(max-width:768px) {


  .logo-list {

    gap: 30px;

  }



  .logo-list.gold img {

            width: 70%;

  }


  /* .logo-list.silver img {

    max-height: 38px;

  } */


  /* .logo-list.bronze img {

    max-height: 45px;

  } */


  .logo-list.area img {

          width: 70%;

  }



}








/* =====================
TABLET
===================== */


@media(max-width:1024px) {



  .sponsor-section {

    padding:
      70px 25px 90px;

  }




  .sponsor-card {


    padding:
      60px 45px 70px;


    border-radius:
      35px;

  }



  .sponsor-heading {

    gap: 18px;

  }



}









/* =====================
SP
===================== */


@media(max-width:768px) {



  .sponsor-section {

    padding:
      60px 16px;

  }




  .sponsor-card {


    padding:
      45px 20px 55px;


    border-radius:
      30px;

  }






  .sponsor-title {


    width: 80%;


    margin-bottom: 50px;

  }






  .sponsor-block {

    margin-bottom: 55px;

  }






  /* ライン */


 @media(max-width:768px) {


   .sponsor-heading {

     gap: 12px;

   }



                .sponsor-heading span {
                  font-size: 16px;
                }



   .sponsor-heading::before,
   .sponsor-heading::after {


     height: 28px;


     background-size:
       28px 28px,
       8px 3px;


   }


 }







  /* ロゴ */


  .sponsor-logo.gold {

    max-width: 70%;

  }


  .sponsor-logo.silver {

    max-width: 95%;

  }



  .sponsor-logo.bronze {

    max-width: 75%;

  }



  .sponsor-logo.area {

    max-width: 90%;

  }



}

/* =====================
FOOTER
===================== */


.footer {

  background: #444;

  padding:
    40px 40px;

}



.footer-inner {

  max-width: 1170px;

  margin: auto;


  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  gap: 40px;

}





/* 左 */


.footer-logo {
    color: #fff;
      font-size: 21px;
      font-weight: 700;
        margin-bottom: 15px;
      font-family: "M PLUS 1p", sans-serif;

}



.sns-list {

  display: flex;

    gap: 6px;


  padding: 0;

  margin: 0;


  list-style: none;

}



.sns-list img {

    width: 40px;
      height: 40px;


  object-fit: contain;

}



.sns-list a {

  display: block;

}






/* 右 */


.footer-right {

  display: flex;

  gap: 45px;

}



.footer-right a {

  color: #fff;

  font-size: 14px;

      font-weight: 400;

  text-decoration: none;

}









/* =====================
SP
===================== */

@media(max-width:768px) {



  .footer {

    padding:
      35px 20px;

  }




  .footer-inner {

    flex-direction: column;

    align-items: center;

    text-align: center;

  }




  .footer-logo {

    font-size: 18px;

    margin-bottom: 20px;

  }




  .sns-list {

    justify-content: center;

  }




  .footer-right {

    flex-direction: column;

    gap: 18px;

  }




  .footer-right a {

    font-size: 13px;

  }
        .workshop-card {
          padding: 30px 25px 20px;
          border-radius: 30px;
        }

            .workshop-title {
              width: 100%;
              /* top: 17px; */
                  position: inherit;


}
        .workshop-section {
    
          padding-top: 40px;
        }
                .company-title {
                  font-size: 16px;
                  margin: 0 auto 32px;
                }
                .company-list{
                  display: block;
                }
        .company-list li:nth-child(odd) {
          border-right: none;
          padding-right: 0;
          margin-bottom: 20px;
          text-align: center;
        }
        .company-list li:nth-child(even) {
          padding-left: 0;
          margin-bottom: 20px;
                  text-align: center !important;
        }
        .company-list li {
          font-size: 16px;
        }
.workshop-bottom {
  margin-top: 20px;
  display: block;
}
.workshop-bottom p{
  margin-top: 50px;
}
.w-img{
  margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
        .overview-title {
          width: 100%;
          /* top: 10px; */
          position: inherit;
        }
        .sp-title{
              margin-bottom: 30px;
        }
        .overview-section {
          padding: 30px 20px 40px;
        }
    .d-fle {
      display: block;
    }
            .overview-card {
              padding: 20px 25px 30px;
            }
  .pencil{
    width: 50%;
  }
  .orihime{
    width: 50%;
  }
            .about-section {
              padding: 30px 20px;
            }
    .about-box h2{
      margin-bottom: 20px;
    }
        .about-img {
          width: 90%;
          margin: 0 auto;
        }
            .about-text p {
              font-size: 15px;
            }
                .about-btn {
                  width: 100%;
                  font-size: 16px;
                }
                .dawn-banner {
                  max-width: 100%;
                  margin-top: 40px;
                }
                .pilot-title {
                  top: 10px;
                  width: 100%;
                }
                    .pilot-lead p {
                      font-size: 16px;
                    }
            .pilot-section {
              padding: 30px 16px;
            }
            .pilot-text p {
              font-size: 15px;
            }
                .faq-title {
                  width: 100%;
                  top: 15px;
                }
                    .faq-section {
                      padding: 0px 16px;
                    }
            .answer-label,
            .faq-answer p {
              font-size: 15px;
            }
                .sponsor-section {
                  padding: 30px 16px;
                }

 
    .ntt img, .yomiuri img,.nomura-a img{
      width: 80%;
    }

    .kyowa{
          width: 90% !important;
    }
        .pickup{
          background: none;
          margin: 0;
          padding: 0;
                  line-height: 1.8;
        }
     .pickup span {
              font-size: 22px;
                color: #E30B96;
                background: #fff;
                padding: 8px;
                margin-right: 10px;
                display: inline-block;
     }

    .intro-text{
      margin-top: 30px;
    }
}