@charset "UTF-8";
/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: 'MyYuGothicM';
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuGothicM';
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: normal;
  src: local("YuMincho-Medium"), local("Yu Mincho Medium"), local("YuMincho-Regular");
  /* 游明朝Mediumが存在しないWindows8.1用 */ }

@font-face {
  font-family: 'MyYuMinchoM';
  font-weight: bold;
  src: local("YuMincho-Demibold"), local("Yu Mincho");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */ }

/* イージング
-----------------------------------------------------------------*/
/* デュレーション
-----------------------------------------------------------------*/
/*=============================================

	top

==============================================*/
.top_title {
  text-align: center; }
  @media print, screen and (min-width: 768px) {
    .top_title {
      font-size: 160px; } }
  @media print, screen and (max-width: 767px) {
    .top_title {
      font-size: 80px; } }

.topList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media print, screen and (min-width: 768px) {
    .topList {
      gap: 40px;
      margin-top: 10px; } }
  @media print, screen and (max-width: 767px) {
    .topList {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      gap: 10px;
      margin-top: 24px; } }

.topList_node {
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease; }
  @media print, screen and (min-width: 768px) {
    .topList_node {
      font-size: 60px; } }
  @media print, screen and (max-width: 767px) {
    .topList_node {
      font-size: 30px; } }
  @media (hover: hover) {
    .topList_node:hover {
      opacity: .7; } }

/*=============================================

	video

==============================================*/
.video {
  width: 100%; }

.video_title {
  text-align: center; }
  @media print, screen and (min-width: 768px) {
    .video_title {
      font-size: 80px;
      margin-bottom: 24px; } }
  @media print, screen and (max-width: 767px) {
    .video_title {
      font-size: 60px;
      margin-bottom: 16px; } }

.videoWrap {
  position: relative;
  max-width: 690px;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: auto; }
  .videoWrap iframe {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover; }