@charset "UTF-8";

section{
  margin-bottom: 120px;

  .h3-wrap-wrap{
    width: 100%;
    padding-bottom: 24px;

    border-bottom: solid 2px #333;

    .h3-wrap{
      margin-bottom: 0;
    }
  }
}
section#profile{
  .content{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    column-gap: 16px;
    width: min(1120px, 100%);
    padding: 0 16px;
    padding-top: 48px;
    margin-inline: auto;

    ul.profile-list{
      padding-top: 16px;

      >*+*{
        margin-block-start: 16px;
      }
      dl{
        display: grid;
        grid-template-columns: 120px 1fr;

        dt{
          font-weight: 700;
        }
      }
    }
    picture img{
      border-radius: 16px;
    }
  }
}
section#access{
  .iframe-wrap{
    width: min(1120px, 100%);
    padding-top: 48px;
    margin-inline: auto;

    iframe{
      width: 100%;
      aspect-ratio: 16/9;
    }
  }
}
div.eyecatch-fw{
  margin-bottom: 120px;
  
  picture,img{
    width: 100%;
    max-width: auto;
  }
}
@media (min-width : 1200px){
}
@media (max-width : 1200px){
  
}
@media (max-width : 599px){
  section#profile{
    .content{
      display: grid;
      grid-template-columns: repeat(1,1fr);
      row-gap: 16px;
  
      ul.profile-list{
        padding-top: 0px;

        dl{
          display: grid;
          grid-template-columns: 1fr;
          row-gap: 4px;
        }
      }
      picture img{
        border-radius: 0px;
      }
    }
  }
}