/*=============================================================
 tools
=============================================================*/
#information {
  box-sizing: border-box;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  #information {
    margin-bottom: 18.75vw;
  }
}
#information .bg-deco {
  position: absolute;
  top: 100px;
  left: 0;
  mix-blend-mode: color;
}
@media only screen and (max-width: 1250px) {
  #information .bg-deco {
    top: 8vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .bg-deco {
    top: 3.75vw;
  }
}
#information .spot.left span {
  background-color: #fff;
}
#information .spot.right .blur-wrap:nth-child(1) span {
  background-color: #BF4CA0;
}
#information .ttl-box {
  display: block;
}
@media only screen and (max-width: 768px) {
  #information .ttl-box {
    margin-bottom: 26.25vw;
  }
}
#information .ttl-box h1 {
  width: 838px;
}
@media only screen and (max-width: 1250px) {
  #information .ttl-box h1 {
    width: 67.04vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .ttl-box h1 {
    width: 79.375vw;
  }
}
#information .ttl-box h1::before {
  top: 150px;
  left: -70px;
  background-image: url("../img/information/ttl_deco.png");
}
@media only screen and (max-width: 1250px) {
  #information .ttl-box h1::before {
    top: 12vw;
    left: -5.6vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .ttl-box h1::before {
    top: 10.9375vw;
    left: -21.5625vw;
  }
}
#information .ttl-box h1 .ttl {
  width: 781px;
  top: 70px;
  left: 28px;
}
@media only screen and (max-width: 1250px) {
  #information .ttl-box h1 .ttl {
    width: 62.48vw;
    top: 5.6vw;
    left: 2.24vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .ttl-box h1 .ttl {
    width: 73.90625vw;
    top: 7.03125vw;
    left: 2.5vw;
  }
}
#information .ttl-box h1 .shine {
  top: 27px;
  left: 591px;
  width: 99px;
}
@media only screen and (max-width: 1250px) {
  #information .ttl-box h1 .shine {
    top: 2vw;
    left: 10vw;
    width: 7.92vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .ttl-box h1 .shine {
    top: 2.8125vw;
    left: 55.78125vw;
    width: 9.53125vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .ttl-box .deco {
    top: 25vw;
  }
}
#information .ttl-box .jp {
  padding: 0;
  margin-left: 25px;
  text-shadow: 0 0 12px #A620B7;
}
@media only screen and (max-width: 1250px) {
  #information .ttl-box .jp {
    margin-left: 2vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .ttl-box .jp {
    text-shadow: 0 0 1.875vw #A620B7;
  }
}
#information .date {
  width: 647px;
  margin: 55px auto 98px;
}
@media only screen and (max-width: 1250px) {
  #information .date {
    width: 51.76vw;
    margin: 4.4vw auto 7.84vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .date {
    width: 53.59375vw;
    margin: 4.6875vw auto 15.9375vw;
  }
}
#information .organization {
  text-align: center;
  margin-bottom: 90px;
}
@media only screen and (max-width: 1250px) {
  #information .organization {
    margin-bottom: 7.2vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .organization {
    margin-bottom: 7.8125vw;
  }
}
#information .organization p {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  #information .organization p {
    font-size: 3.125vw;
  }
}
#information .organization p:nth-child(1) {
  display: inline-block;
  padding: 10px 50px;
  margin-bottom: 15px;
  border: 1px solid #FFBD29;
}
@media only screen and (max-width: 768px) {
  #information .organization p:nth-child(1) {
    padding: 1.5625vw 7.8125vw;
    margin-bottom: 1.5625vw;
  }
}
#information .detail-block {
  margin-bottom: 100px;
}
@media only screen and (max-width: 1250px) {
  #information .detail-block {
    margin-bottom: 8vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .detail-block {
    margin-bottom: 15.625vw;
  }
}
#information .detail-block:not(:nth-last-of-type(2)) {
  margin-bottom: 50px;
}
@media only screen and (max-width: 1250px) {
  #information .detail-block:not(:nth-last-of-type(2)) {
    margin-bottom: 4vw;
  }
}
@media only screen and (max-width: 768px) {
  #information .detail-block:not(:nth-last-of-type(2)) {
    margin-bottom: 8.125vw;
  }
}
#information .detail-block h3 {
  margin-top: 0;
  background-image: linear-gradient(90deg, #dd70eb, #ffbd29);
}
#information .detail-block h4 {
  border-color: #FFBD29;
}
#information .detail-block h4::before {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.05" height="16.02" viewBox="0 0 17.05 16.02"><path d="M0,0v16.02l17.05-16.02Z" fill="%2332191c"/><line x1="0" y1="16.02" x2="17.05" y2="0" stroke="%23FFBD29" stroke-width="1"/></svg>');
}
#information .detail-block h4::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="17.05" height="16.02" viewBox="0 0 17.05 16.02"><g transform="scale(-1,-1) translate(-17.05,-16.02)"><path d="M0,0v16.02l17.05-16.02Z" fill="%2332191c"/><line x1="0" y1="16.02" x2="17.05" y2="0" stroke="%23FFBD29" stroke-width="1"/></g></svg>');
}
#information .detail-block iframe {
  width: 100%;
}