@charset "UTF-8";

/* --------------------------------------------------registration */

@media screen and (max-width: 768px) {
#required-documents .g-table tr{
  display:flex;
  flex-wrap:wrap;
}

#required-documents .g-table th,
#required-documents .g-table td{
  width:50%;
}

#required-documents .g-table th{
  border-bottom:1px solid var(--color-primary);
  padding-bottom:1rem;
}
}



.video-flex {
  display: flex;
  flex-wrap: wrap; /* 折り返し許可 */
  gap: 16px;       /* 余白（任意） */
}

.video-wrapper {
  flex: 1 1 calc(50% - 16px); /* PCでは2列 */
  aspect-ratio: 4 / 3;        /* 比率を固定 */
}

.video-wrapper iframe {
  width: 100%;
  height: 100%;
  border: 0;
}

@media (max-width: 768px) {
  .video-wrapper {
    flex: 1 1 100%; /* SPは1列 */
  }

  #detail .feature-left{
    display:none;
    
  }

  /* 追加 */
  
  #detail {
  position: relative; /* これがないと z-index は無効 */
  z-index: 5;
}

  #registraction .margin-xl{
margin-top:50px !important;
  }
}