@charset "UTF-8";
/*===============================
scss 変数ファイル
================================*/
/*
カラー
================================*/
/*
メディアクエリ
================================*/
#home {
 position: relative;
 width: 100%;
 height: 100vh;
 height: 100dvh;
}
#home .loading__heading {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: flex-end;
}
#home .loading__heading-sub {
 position: absolute;
 top: 200%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-align: end;
 -ms-flex-align: end;
 align-items: center;
 gap: 15px;
 flex-direction: column;
}
@media screen and (min-width: 768px) {
 #home .loading__heading-sub {
  position: absolute;
  top: 180%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: center;
  gap: 15px;
  flex-direction: column;
 }
}
#home .loading__heading__text {
 display: block;
 font-size: 5rem;
 font-family: futura-pt-bold, sans-serif;
 font-weight: 700;
 font-style: normal;
 color: #1a1414;
}
@media screen and (min-width: 768px) {
 #home .loading__heading__text {
  font-size: 6rem;
 }
}
@media screen and (min-width: 1200px) {
 #home .loading__heading__text {
  font-size: 7rem;
 }
}
#home .loading__heading__text-sub {
 width: max-content;
}
#home .loading__heading__text-sub02 {
 width: max-content;
 text-align: center;
 line-height: 1.6em;
}
#home .loading__heading__img {
 -webkit-transform: translateY(-8px);
 transform: translateY(-8px);
}
@media screen and (min-width: 768px) {
 #home .loading__heading__img {
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
 }
}
@media screen and (min-width: 1200px) {
 #home .loading__heading__img {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
 }
}
#home .loading__heading__img img {
 width: 27px;
}
@media screen and (min-width: 768px) {
 #home .loading__heading__img img {
  width: 30px;
 }
}
@media screen and (min-width: 1200px) {
 #home .loading__heading__img img {
  width: 34px;
 }
}
#home .loading #backMovieArea {
 filter: grayscale(100%);
 pointer-events: none;
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 overflow: hidden;
}
#home .loading #backMovieArea video {
 display: block !important;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 min-width: 100%;
 min-height: 100%;
 width: auto;
 height: auto;

 /* 半透明にする */
 opacity: 0.3; /* 0.0 (完全透明) ～ 1.0 (完全不透明) */
}

#home .news-list {
 position: absolute;
 bottom: 20%;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 width: calc(100% - 60px);
 max-width: 750px;
 max-height: 130px;
 font-size: clamp(1.2rem, 2vw, 1.6rem);
 color: #080404;
 overflow-y: scroll;
}
@media screen and (min-width: 768px) {
 #home .news-list {
  max-height: 120px;
 }
}
@media screen and (min-width: 1024px) {
 #home .news-list {
  max-height: 150px;
 }
}
#home .news-list .item {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
}
#home .news-list .item:not(:first-child) {
 margin-top: 15px;
}
@media screen and (min-width: 768px) {
 #home .news-list .item:not(:first-child) {
  margin-top: 25px;
 }
}
#home .news-list .item .date {
 font-family: futura-pt, sans-serif;
 font-weight: 600;
 font-style: normal;
 width: auto;
 margin-right: 15px;
}
@media screen and (min-width: 768px) {
 #home .news-list .item .date {
  margin-right: 25px;
 }
}
#home .news-list .item .heading {
 margin-top: -3px;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 line-height: 1.4em;
}
@media screen and (min-width: 768px) {
 #home .news-list .item .heading {
  margin-top: -5px;
 }
}

#home .youtube-content {
 display: flex;
 flex-direction: row;
 align-items: center;
 gap: 20px;
}

#home .youtube-section {
 position: absolute;
 bottom: 7%;
 left: 50%;
 -webkit-transform: translateX(-50%);
 transform: translateX(-50%);
 width: calc(100% - 60px);
 max-width: 570px;
 max-height: 130px;
 background: rgba(0, 0, 0, 0.6); /* 半透明の暗い背景 */
 font-size: clamp(1.2rem, 2vw, 1.6rem);
 padding: 10px;
 box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
 #home .youtube-section {
  position: absolute;
  bottom: 6%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 60px);
  max-width: 570px;
  max-height: 130px;
  background: rgba(0, 0, 0, 0.6); /* 半透明の暗い背景 */
  font-size: clamp(1.2rem, 2vw, 1.6rem);
  padding: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2);
 }
}

#home .youtube-thumbnail img {
 width: 200px;
 height: auto;
 border-radius: 5px;
 box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3);
}

#home .youtube-content p {
 color: #fff;
 margin: 0;
 font-size: 11px;
 line-height: 1.5;
}
@media screen and (min-width: 768px) {
 #home .youtube-content p {
  color: #fff;
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
 }
}