@charset "UTF-8";
/* Scss Document */
h2 {
  border-bottom: solid 3px #cce4ff;
  position: relative;
  padding-bottom: 5px;
  font-size: 1.375em;
}
h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 20%;
}

.article {
  margin: 1em 0 0;
  padding: 0 0.5em;
}
@media screen and (max-width: 414px) {
  .article {
    padding: 0;
  }
}
.article .outline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media screen and (max-width: 600px) {
  .article .outline {
    display: block;
  }
}
.article .outline li {
  width: calc(50% - 1em);
}
.article .outline li:last-child .iframe_wrapp {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #999;
}
.article .outline li:last-child .iframe {
  position: relative;
  padding-top: 90%;
  height: 0;
  overflow: hidden;
}
.article .outline li:last-child .iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 600px) {
  .article .outline li {
    width: 100%;
  }
  .article .outline li:last-child {
    margin-top: 1em;
  }
}
.article .outline dl {
  font-size: 0.875em;
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 600px) {
  .article .outline dl {
    display: block;
  }
}
.article .outline dl dt {
  width: 140px;
}
@media screen and (max-width: 600px) {
  .article .outline dl dt {
    font-weight: 700;
  }
}
.article .outline dl dd {
  width: calc(100% - 140px);
}
@media screen and (max-width: 600px) {
  .article .outline dl dd {
    width: 100%;
  }
}
.article .history dl {
  font-size: 0.875em;
  line-height: 1.8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 600px) {
  .article .history dl {
    display: block;
  }
}
.article .history dl dt {
  width: 110px;
}
@media screen and (max-width: 600px) {
  .article .history dl dt {
    font-weight: 700;
  }
}
.article .history dl dd {
  width: calc(100% - 140px);
}
@media screen and (max-width: 600px) {
  .article .history dl dd {
    width: 100%;
  }
}
.article .img {
  margin: 2em 0 0;
}

.read li {
  font-weight: 700;
  font-size: 1.125em;
  line-height: 2;
  position: relative;
  padding-left: 1.25em;
}
@media screen and (max-width: 416px) {
  .read li {
    font-size: 0.9375em;
  }
}
.read li::before {
  position: absolute;
  left: 0;
  top: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  content: "●";
  color: #1d2087;
}