@charset "UTF-8";

.tw-ttl .sns_icon_text, .line-ttl .sns_icon_text, .youtube-ttl .sns_icon_text {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  @media screen and (min-width: 768px), print {
    .line-ttl .sns_icon_text .sns_icon {
      width: 25%;
      margin-right: 25px;
    }
    .line-ttl .sns_icon_text .sns_text {
      font-size: 55px;
      font-weight: bold;
      color: #06C755;
      line-height: 1.3;
      width: 75%;
    }
    .tw-ttl .sns_icon_text .sns_icon_x {
      padding: 6px;
      background: #000;
      width: 25%;
      margin-right: 25px;
    }
    .tw-ttl .sns_icon_text .sns_text {
      font-size: 55px;
      font-weight: bold;
      line-height: 1.3;
      width: 75%;
    }
    .youtube-ttl .sns_icon_text .sns_icon {
      width: 25%;
      margin-right: 25px;
    }
    .youtube-ttl .sns_icon_text .sns_text {
      font-size: 55px;
      font-weight: bold;
      color: #FF0000;
      line-height: 1.3;
      width: 75%;
    }
  }
  @media screen and (max-width: 767px) {
    .line-ttl .sns_icon_text .sns_icon {
      width: 26%;
    }
    .line-ttl .sns_icon_text .sns_text {
      font-size: 7.5vw;
      padding-left: 4%;
      font-weight: bold;
      color: #06C755;
      line-height: 1.3;
      width: 72%;
    }
    .tw-ttl .sns_icon_text .sns_icon_x {
      padding: 6px;
      background: #000;
      width: 26%;
      }
    .tw-ttl .sns_icon_text .sns_text {
      font-size: 7.5vw;
      padding-left: 4%;
      font-weight: bold;
      line-height: 1.3;
      width: 72%;
      white-space: nowrap;
    }
    .youtube-ttl .sns_icon_text .sns_icon {
        width: 26%;
    }
    .youtube-ttl .sns_icon_text .sns_text {
        font-size: 7.5vw;
        padding-left: 4%;
        font-weight: bold;
        color: #FF0000;
        line-height: 1.3;
        width: 72%;
    }
}

 /* YouTube ------ */

.youtube_inner {
  width: 92.53333%;
  padding: 8% 3.6% 5.33333%;
  border-radius: 2.6vw;
  background-color: #fff!important;
  margin: 30px auto 0!important;
  position: relative!important;
  z-index: 1;
  box-shadow: 4px 4px 3px -2px rgba(0, 0, 0, 0.4);
}
.youtube_inner:before, .youtube_inner:after {
  content: "";
  display: block;
  width: 2.13333vw;
  height: 2.13333vw;
  border-radius: 50%;
  background-color: #614313;
  position: absolute;
  top: 2.66667vw;
  left: 3.2vw;
}

@media screen and (min-width: 768px), print {
  .youtube_inner:before, .youtube_inner:after {
    width: 13px;
    height: 13px;
    top: 20px;
    left: 20px;
  }
.youtube_inner {
  border-radius: 18px!important;
  margin: 2vw auto 0!important;
    }
}
.youtube_inner:after {
  left: auto;
  right: 3.2vw;
}


@media screen and (min-width: 768px), print {
  .youtube_inner:after {
    right: 20px;
  }
}

.youtube-ttl {
  width: 93.65994%;
  margin: 0 auto 6.66667%;
}

@media screen and (min-width: 768px), print {
  .youtube-ttl {
    font-size: 0;
  }
}

.youtube-bigTxt {
  font-size: 3.5vw;
  font-weight: bold;
  line-height: 1.8;
  text-align: center;
  margin: 0 auto 5.33333%;
}

@media screen and (min-width: 768px), print {
  .youtube-bigTxt {
    font-size: 26px;
  }
}