@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
/* youtube
-------------------------------------*/
  #youtube .system-pic {
    aspect-ratio: 16 / 9;
  }
  #youtube .system-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #youtube .system-ttl-01 {
    font-weight: 500;
  }
}



.lity-close{
top: 2vw !important;
right: 2vw !important;
font-size: 50px !important;
}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
  #youtube .system-pic {
    aspect-ratio: 16 / 9;
  }
  #youtube .system-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #youtube .system-ttl-01 {
    font-weight: 500;
  }
}