@charset "UTF-8";
/* css Document */

.sec-01,.sec-02-2,.sec-03,.sec-04,.sec-05,.sec-06,.sec-07,.sec-08,.sec-10,.sec-11,.sec-12,.sec-13,.sec-14,.sec-15,.event-area{
  margin-bottom: 6rem;
}

/* .sec-01,.sec-02,.sec-03,.sec-04,.sec-05,.sec-06,.sec-07,.sec-08,.sec-09,.sec-10{
  margin-bottom: 0rem;
} */

section img{
  pointer-events: none;
}

.hidden{
  display: none;
}
/* ----------------------------------- */

.top-bottom{
  position: absolute;
  top: 100%;
  z-index: 10;
}

.sec-top__campaign {
    text-align: center;
    background-image: linear-gradient(180deg, #daefff, #bbe4ff);
    padding-top: 0rem;
}

/* .sec-top__campaign a:hover{
    -webkit-animation: none;
    animation: none;
} */


.sec-top__campaign div{
  width: 89.5%;
  margin: 0 auto;
  padding-bottom: 6rem;
}

.sec-top__campaign div:nth-child(1){
  width: 91.7%;
  padding-right: 1.2rem;
}

.sec-top__campaign-link{
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 83.58208955%;
}



.last-manth .sec-top__campaign-01 .sec-top__campaign-link{
  top: 82.5%;
}

.last-manth .sec-top__campaign-02 .sec-top__campaign-link{
  top: 82%;
}

.sec-top__campaign-01 .sec-top__campaign-link{
  top: 82%;
}

.sec-top__campaign-02 .sec-top__campaign-link{
  top: 83%;
}

.event-link{
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 89.5%;
}

/* ----------------sec-01------------------- */

/* ----------------sec-02------------------- */

/* ----------------sec-03------------------- */
.sec-03-1__event-link01{
  width: 89.5%;
  bottom: 1.5%;
}
.sec-03-2__event-link01{
  width: 89.5%;
  bottom: 4%;
}


/* ----------------sec-04------------------- */

/* ----------------sec-05------------------- */

/* ----------------sec-06------------------- */

/* ----------------sec-07------------------- */

/* ----------------sec-08------------------- */

/* ----------------sec-09------------------- */
/* ----------------sec-10------------------- */
/* ----------------sec-11------------------- */
/* ----------------sec-12------------------- */
/* ----------------sec-13------------------- */
/* ----------------sec-14------------------- */
/* ----------------sec-15------------------- */
.sec-15__event01-link{
  bottom: 6%;
}

/* ----------------------------------- */



/* ----------------------------------- */



/* ----------------------------------- */

.event-area{
  cursor: pointer;
  width: 100%;
  /* margin-bottom: 6rem; */
}

.event-btn{
  position: relative;
}

.event-btn img{
  display: block;
}

.event-btn .open{
  position: absolute;
  left: 0;top: 0;
  width: 100%;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  opacity: 0;
  
}

.event-btn img.rev{
  position: absolute;
  left: 0;top: 0;
  width: 100%;
  opacity: 0;
}

.event-btn.show .open{
  opacity: 1;
}

.event-inner{
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out;
  background-color: #ffdcdf;
  height: 0;
  overflow: hidden;
}

.event-area .event-text{
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  line-height: 1.3;
  padding: 2.25rem 5.93rem 2.86rem;
}

.event-area .event-text p{
  font-size: 2rem;
  text-indent: -1em;
  padding-left: 1em;
  font-feature-settings: "palt" 1;
  line-height: 1.4;
  white-space: nowrap;
}
/* ----------------------------------- */

.inner{
  padding: 0 3rem;
}

/* ----------------------------------- */

.sec-info__seminar{
  margin-bottom: 4.5rem;
}

.sec-info__seminar>img{
  width: 104.4%;
  margin-left: -1.5rem;
}

.sec-info__seminar-text{
  position: absolute;
  top: 25.5%;
  left: 5%;
  font-size: 2.8rem;
  line-height: 1.4;
  letter-spacing: -.03em;
}

.sec-info__seminar-link{
  position: absolute;
  top: 82.25%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 56rem;
}

/* ----------------------------------- */


.sec-info__line{
  position: relative;
  margin-bottom: 6.2rem;
}

.sec-info__line-text{
  position: absolute;
  font-feature-settings: "palt" 1;
  top: 12.5%;
  left: 4.5%;
}

.sec-info__line-note{
  position: absolute;
  font-feature-settings: "palt" 1;
  top: 25.5%;
  left: 4.5%;
  font-size: 2rem;
}

.sec-info__line-btn{
  position: absolute;
  width: 83.58%;
  top: 86%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/* ----------------------------------- */

.sec-info__virtual{
  position: relative;
  margin-bottom: 6.2rem;
}

.sec-info__virtual-text{
  position: absolute;
  text-align: center;
  top: 39.5%;
  width: 100%;
  font-feature-settings: "palt";
}


.sec-info__virtual-btn{
  position: absolute;
  width: 83.58%;
  top: 84%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
/* ----------------------------------- */

.sec-info__sdgs{
  margin-bottom: 6rem;
}

.sec-info{
  margin-bottom: 6rem;
}

/* ----------------------------------- */

.sec-map__title{
  margin-bottom: 6rem;
}

.sec-map__map iframe{
  display: block;
  width: 100%;
  height: 44.4rem;
}

/* ----------------------------------- */

footer{
  /* padding: 4.7rem 0 32rem; */
  padding: 4.7rem 0 24rem;
  /* padding: 4.7rem 0; */
  font-weight: 500;
}

.footer-block{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 2.9rem;
}

.footer-block__logo img{
  display: block;
  width: 33.5rem;
}

.footer-block__txt{
  width: calc(100% - 33.5rem - 2.1rem);
  padding: 0 0 0 2.1rem;
  font-weight: 500;
  line-height: 1;
}

.footer-block__txt-contact{
  display: inline-block;
  line-height: 1;
  border: 1px solid #231815;
  color: #231815;
  font-size: 1.8rem;
  padding: .3rem .9rem .5rem;
  margin-bottom: .6rem;
}

.footer-block__txt-tel{
  display: block;
  margin-bottom: .7rem;
  width: 95%;
}

/* .footer-block__txt-tel img{
  width: 95%;
} */

.footer-block__txt-note{
  font-size: 2rem;
  line-height: 1.4;
  color: #595757;
  font-feature-settings: "palt" 1;
}

.footer-block__txt-small-note{
  color: #595757;
  font-size: 1.6rem;
  line-height: 1.4;
  font-feature-settings: "palt" 1;
  letter-spacing: .03em;
}

.copyright{
  width: 100%;
  text-align: center;
  font-size: 1.3rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #717071;
}

/* --------------------------------- */

.campaign {
    width: 100%;
    max-width: 768px;
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 11;
}

.campaign-inner {
    width: 100%;
    cursor: pointer;

    /* opacity: 0;
    pointer-events: none; */
}

.close-btn {
    position: absolute;
    right: 2rem;
    bottom: 19rem;
    width: 13%;
    cursor: pointer;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
    opacity: 0;
}

.close-btn.show {
    opacity: 1;
}

.close-btn.pompom{
    top: -45.5%;
    right: 0;
    bottom: auto;
}



/* --------------------------------- */

a{
  display: block;
}

@media screen and (min-width: 769px) {
  a:hover{
    animation: blink_animation 0.6s ease-out;
  }

  /* .campaign:hover{
    animation: blink_animation 0.6s ease-out;
  } */
}

/* --------------------------------- */

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

/* .sec-top__campaign {
  padding: 8vw 5.33vw;
} */
.sec-info__campaign-link {
  /* margin-top: 2.66vw; */
  width: 11rem;
}

.sec-info__campaign-link {
  /* margin-top: 2.66vw; */
  width: 11rem;
}

/* .sec-top__campaign {
  padding-top: 4rem;
} */

.sec-top__campaign div{
  padding-bottom: 3rem;
}




.sec-01,.sec-02-2,.sec-03,.sec-05,.sec-04,.sec-06,.sec-07,.sec-08,.sec-10,.sec-11,.sec-12,.sec-13,.sec-14,.sec-15,.event-area,.sec-info,.sec-map__title,.sec-info__sdgs{
    margin-bottom: 3rem;
  }

  /* .sec-01,.sec-02,.sec-03,.sec-04,.sec-05,.sec-06,.sec-07,.sec-08,.sec-09,.sec-10{
    margin-bottom: 0rem;
  } */

  .sec-01__event-time,
  .sec-02__event01 .sec-02__event-time,
  .sec-02__event03 .sec-02__event-text,
  .sec-02__event04 .sec-02__event-text,
  .sec-02__event05 .sec-02__event-text,
  .sec-03__event01 .sec-03__event-time,
  .sec-03__event02 .sec-03__event-time,
  .sec-04__event-time,
  .sec-05__event-text3,
  .sec-05__event-text4,
  .sec-05__event-text5,
  .sec-06__event-time,
  .sec-07__event-text1,
  .sec-07__event-text2{
    font-size: 1.4rem;
  }

  .sec-top__campaign-text,
  .sec-01__event-text,
  .sec-02__event01 .sec-02__event-text,
  .sec-02__event02 .sec-02__event-text,
  .sec-03__event01 .sec-03__event-text1,
  .sec-03__event01 .sec-03__event-text2,
  .sec-03__event02 .sec-03__event-text1,
  .sec-03__event02 .sec-03__event-text2,
  .sec-04__event-text2,
  .sec-05__event-time,
  .sec-05__event-text2,
  .sec-07__event-time,
  .sec-08__event01 .sec-08__event-time,
  .sec-08__event01 .sec-08__event-text1,
  .sec-08__event01 .sec-08__event-text2,
  .sec-08__event02 .sec-08__event-text,
  .sec-08__event03 .sec-08__event-text1,
  .sec-08__event04 .sec-08__event-text,
  .sec-08__event05 .sec-08__event-text,
  .sec-08__event06 .sec-08__event-text{
    font-size: 1.3rem;
    letter-spacing: -.04em;
  }

  .sec-04__event-text1{
    font-size: 1.5rem;
  }

  .sec-03__event02 .sec-03__event-text3,
  .sec-05__event-text1,
  .sec-06__event-text,
  .sec-07__event-text3,
  .sec-08__event03 .sec-08__event-text2{
    font-size: 1.1rem;
  }  

  .sec-top__campaign-note,.sec-03__event-note,.sec-04__event-note,.text-small,.sec-06__event-note,
  .sec-08__event-note1,.sec-08__event-note2,.sec-info__line-note{
    font-size: 1rem;
  }

  .sec-02__event03 .sec-02__event-link,
  .sec-02__event04 .sec-02__event-link{
    width: 30.5rem;
  }

  .sec-05__event-link,
 .sec-08__event01-link,
.sec-08__event02-link,
.sec-08__event03-link,
.sec-08__event04-link,
.sec-08__event05-link,
.sec-08__event06-link,
.sec-08__event07-link{
    width: 90%;
  }


  .event-area .event-text{
    padding: 1.125rem 2.965rem 1.43rem;
  }
  
  .event-area .event-text p{
    font-size: 1rem;
  }

  .inner{
    padding: 0 2rem;
  }

  .sec-info__seminar{
    margin-bottom: 2.25rem;
  }

  .sec-info__seminar>img{
    margin-left: -.75rem;
  }

  .sec-map__map iframe{
    height: 22.2rem;
  }

  .sec-info__line,.sec-info__virtual{
    margin-bottom: 3.1rem;
  }

  .sec-info__virtual-text{
    font-size: 1.35rem;
  }

  .sec-map__map iframe{
    height: 22.2rem;
  }


  footer{
    /* padding: 2.35rem 0 15.55rem; */
    padding: 2.35rem 0 12rem;
    /* padding: 2.35rem 0; */
  }
  
  .footer-block{
    margin-bottom: 1.45rem;
  }
  
  .footer-block__logo img{
    display: block;
    width: 16.75rem;
  }
  
  .footer-block__txt{
    width: calc(100% - 16.75rem - 1.05rem);
    padding: 0 0 0 1.05rem;
  }
  
  .footer-block__txt-contact{
    font-size: .9rem;
    padding: .15rem .45rem .25rem;
    margin-bottom: .3rem;
  }
  
  .footer-block__txt-tel{
    margin-bottom: .35rem;
  }
  
  .footer-block__txt-note{
    font-size: 1rem;
  }
  
  .footer-block__txt-small-note{
    font-size: .8rem;
  }
  
  .copyright{
    font-size: .65rem;
  }

  .campaign {
        left: auto;
        right: 0;
        -webkit-transform: none;
        transform: none;
    }

    .close-btn{
      right: 1.5rem;
    bottom: 9rem;
    }
}