@charset "UTF-8";
/* --------------------
wrap
-------------------- */
.p-modal-news__head {
  background: #655f69;
  padding: 40px;
  margin-bottom: 4px; 
}
.p-modal-news__head .ttl {
  margin-bottom: 10px;
  font-size: 38.4px;
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: 1.6px;
  letter-spacing: .1rem;
  line-height: 1.4;
  color: #fff;
}
.p-modal-news__head .date {
  display: inline-block;
  color: #b9a8dc;
  font-size: 25.6px;
  font-size: 1.6rem;
}

.p-modal-news__txt {
  background: #655f69;
  padding: 40px;
  color: #fff;
}
.p-modal-news__txt p {
  font-size: 24px;
  font-size: 1.5rem;
  letter-spacing: 1.04px;
  letter-spacing: .065rem;
  line-height: 2;
  margin-top: 15px; 
}

@media screen and (max-width: 960px) {
  .p-modal-news__head {
    padding: 20px 14px 15px;
  }
  .p-modal-news__head .ttl {
    margin-bottom: 5px;
    font-size: 1.6rem;
  }
  .p-modal-news__head .date {
    font-size: 1.3rem;
  }
  .p-modal-news__txt {
    padding: 20px 14px 15px;
  }
  .p-modal-news__txt p {
    font-size: 1.4rem;
  }
}

/* SP */


.p-modal-video {
  padding: 40px;
  text-align: center;
  background: #fff;
}
.p-modal-video .catch {
  margin-bottom: 20px;
  color: #c76ca9;
  font-size: 38.4px;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
.p-modal-video figure img {
  margin: auto;
}
.p-modal-video .txt {
  margin-top: 20px;
  font-size: 35.2px;
  font-size: 2.2rem;
  letter-spacing: 0.1em;
}
.p-modal-video .btn_detail {
  position: relative;
  margin-top: 20px;
  display: inline-block;
  border: 1px solid #554380;
  -webkit-transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.p-modal-video .btn_detail a {
  display: block;
  position: relative;
  text-align: center;
  z-index: 20;
  padding: 14px 85px;
  color: #554380;
  -webkit-transition: color .55s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color .55s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media screen and (min-width: 961px) {
  .p-modal-video .btn_detail:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    background: #554380;
    -webkit-transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-modal-video .btn_detail a:hover {
    color: #fff;
  }
}
@media screen and (max-width: 960px) {
  .p-modal-video {
    padding: 30px 4.9%;
  }
  .p-modal-video .catch {
    margin-bottom: 20px;
    font-size: 38.4px;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
  }
  .p-modal-video figure img {
    max-width: 100%;
    margin: auto;
  }
  .p-modal-video .txt {
    margin-top: 20px;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  .p-modal-video .btn_detail {
    position: relative;
    margin-top: 20px;
    display: inline-block;
    border: 1px solid #554380;
    -webkit-transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: background 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .p-modal-video .btn_detail a {
    font-size: 1.4rem;
  }
}