@charset "utf-8";
/* index.css */
/*■■■■■■■■■■■■■■■SP■■■■■■■■■■■■■■■*/
/*----------SVG----------*/
.svg_block {
  width: 60%;
  background: transparent;
  position: absolute;
  top: 30%;
  left: 20%;
  right: 20%;
  z-index: 5;
}
.svg_block svg {
  width: 100%;
  fill-opacity: 0; /*透過1で見える状態*/
}
.svg_block svg path {
  fill-opacity: 0;
  transition: fill-opacity .8s; /*カラーがつく際のアニメーション0.5秒で変化*/
  fill: none; /*塗りがない状態*/
  stroke: #fff; /*線の色*/
}
/*アニメーション後に.doneというクラス名が付与された時のパスの指定*/
.svg_block svg.done path {
  fill: #fff; /*塗りの色*/
  fill-opacity: 1; /*透過1で見える状態*/
  stroke: none; /*線の色なし*/
}
/*----------main_visual----------*/
.main_visual {
  width: 100%;
  height: 100vh !important;
  position: relative;
}
.main_visual .catch {
  position: absolute;
  bottom: 120px;
  left: 20px;
}
.main_visual .catch:first-child {
  bottom: 170px;
}
.main_visual .catch .mask {
  position: relative;
  /*  width:  327px;*/
  /*  height: 38.39px;*/
  overflow: hidden;
}
.main_visual .catch .mask::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  /*  background: #fff;*/
  background: #0F1A7D;
  width: 100%;
  height: 100%;
  animation: mask_color 0.5s linear 6.5s;
  transform: translateX(-150%);
  animation-fill-mode: forwards;
}
.main_visual .catch .first_mask {
  position: relative;
  top: 39px;
  overflow: hidden;
}
.main_visual .catch .first_mask::after {
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  background: #FFF;
  width: 100%;
  height: 100%;
  animation: mask_color 0.5s linear 6s;
  transform: translateX(-150%);
  animation-fill-mode: forwards;
}
.main_visual .catch .move_txt {
  position: relative;
}
.main_visual .catch .move_txt p {
  position: absolute;
  top: -40px;
  left: 0;
  width: 0;
  height: 100%;
  z-index: 10;
  color: #FFF;
  font-size: 2.4rem;
  letter-spacing: 1px;
  padding-left: 15px;
  font-weight: 900;
  overflow: hidden;
  animation: move_txt 0.5s linear 6.5s;
  opacity: 0;
  animation-fill-mode: forwards;
}
.main_visual .catch .mask, .main_visual .catch .move_txt, .main_visual .catch .first_mask {
  width: 326px;
  height: 39px;
}
.main_visual .catch:nth-child(2) .mask, .main_visual .catch:nth-child(2) .move_txt, .main_visual .catch:nth-child(2) .first_mask {
  width: 353px;
}
@keyframes mask_color {
  0% {
    translate(-100%);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move_txt {
  from {
    width: 0%;
    opacity: 1;
  }
  to {
    opacity: 1;
    width: 100%;
  }
}
.vegas-timer-progress {
  background: #1320A0 !important;
}
/*●●●scroll●●●*/
.scroll {
  position: absolute;
  bottom: 0;
  right: 50%;
  animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove {
  0% {
    bottom: 18%;
  }
  50% {
    bottom: 20%;
  }
  100% {
    bottom: 18%;
  }
}
.scroll span {
  /*描画位置*/
  position: absolute;
  left: -20px;
  bottom: -118px;
  /*テキストの形状*/
  color: #FFF;
  font-family: darkmode-off, sans-serif;
  font-weight: 900;
  font-size: 0.7rem;
  letter-spacing: 1px;
  /*縦書き設定*/
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
/* 矢印の描写 */
.scroll:before {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: -120px;
  right: -6px;
  /*矢印の形状*/
  width: 1px;
  height: 20px;
  background: #FFF;
  transform: skewX(-31deg);
}
.scroll:after {
  content: "";
  /*描画位置*/
  position: absolute;
  bottom: -120px;
  right: 0;
  /*矢印の形状*/
  width: 1px;
  height: 50px;
  background: #FFF;
}
#index .pickup {
  background: #F4F9FF;
}
#index .pickup .pickup_main {
  margin-bottom: 40px;
  padding-bottom: 45px;
  border-bottom: 1px solid #000;
}
#index .pickup .pickup_main:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
  
}
#index .pickup .pickup_main .writing p {
  margin-bottom: 16px;
}
#index .pickup .pickup_main .writing p a {
  color: #0F1A7D;
  font-weight: bold;
  position: relative;
  text-decoration: underline;
}
#index .pickup .pickup_main .writing p.blank a::after {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f35d";
  position: absolute;
  top: 0;
  right: -20px;
}
#index .pickup .pickup_main .writing p strong {
  color: #0F1A7D;
}
#index .pickup .pickup_main .writing p.date {
  font-weight: 900;
  color: #0F1A7D;
  margin-bottom: 0;
}
#index .pickup .pickup_main .writing p.link_btn {
/*  margin-bottom: -10px;*/
}
#index .pickup .pickup_main .writing p.link_btn a {
  color: #FFFFFF;
  text-decoration: none;
}
#index .pickup .pickup_main .writing p.link_btn a::after {
  content: "";
}

#index .pickup .pickup_main .writing ul.repletion {
  margin-top: 32px;
}
  #index .pickup .photo {
  margin-top: 32px;
  }
#index .pickup .photo li .sub_ttl02 {
  font-size: 2.8rem;
  color: #0F1A7D;
  font-family: darkmode-off, sans-serif;
  font-weight: 900;
  position: relative;
}
#index .pickup .photo li .sub_ttl02::after {
  content: "";
  display: inline-block;
  background: url("../img/index/report/report_bg.png");
  background-repeat: repeat-x;
  background-size: 100%;
  width: 120px;
  height: 21px;
  position: absolute;
  top: 12px;
  margin-left: 15px;
}
#index .pickup .photo li:first-child {
  margin-bottom: 5px;
}
#index .pickup .photo li {
  margin-bottom: 30px;
}
#index .pickup .photo li:last-child {
  margin-bottom: 0;
}
#index .pickup .photo li p {
  margin-top: 5px;
}
#index .joining .event {
  padding: 10px 15px 4px;
  margin: 20px 0;
  border: 3px dashed #0F1A7D;
  background: rgba(255, 255, 255, 0.85);
}
#index .joining .event li p {
  margin-bottom: 16px;
}
#index .joining .event li figure {
  display: flex;
  flex-wrap: wrap;
  /*  justify-content: space-between;*/
  margin-bottom: 16px;
}
#index .joining .event li figure img {
  width: 50%;
}
#index .joining .youtube {
  margin-top: 30px;  
}
#index .joining .youtube iframe {
  display: block;
  width: 100%;
  height: 350px;
  margin: 30px auto 0;
}
#index .joining .text_area li {
  margin-bottom: 16px;
}
#index .joining .report {
  margin-top: 40px;
  position: relative;
}
/*
#index .joining .report .sub_ttl {
  margin-bottom: -20px;
}
*/
#index .joining .report .sub_ttl p {
  font-family: darkmode-off, sans-serif;
  font-size: 4rem;
  font-weight: 900;
  color: #0F1A7D;
}
#index .joining .report .sub_ttl h3 {
  font-size: 1.6rem;
  font-weight: 900;
  color: #0F1A7D;
  position: absolute;
  top: 20px;
  left: 164px;
  display: flex;
}
#index .joining .report .report_main figure {
  margin: 5px 0 20px;
}
#index .joining .report .report_main .writing p {
  margin-bottom: 16px;
}
#index .joining .report .report_main .writing p.rocket_bbs {
  margin-bottom: 0
}
#index .joining .report .report_main .writing p.rocket_bbs a {
  color: rgba(15, 26, 125, 1.00);
  text-decoration: underline;
  font-weight: bold;
}
#index .joining .report ul {
  margin-top: 20px;
}
#index .joining .report ul li .sub_ttl02 {
  font-size: 2.8rem;
  color: #0F1A7D;
  font-family: darkmode-off, sans-serif;
  font-weight: 900;
  position: relative;
}
#index .joining .report ul li .sub_ttl02::after {
  content: "";
  display: inline-block;
  background: url("../img/index/report/report_bg.png");
  background-repeat: repeat-x;
  background-size: 100%;
  width: 120px;
  height: 21px;
  position: absolute;
  top: 12px;
  margin-left: 15px;
}
#index .joining .report .movie li {
  margin-bottom: 30px;
}
#index .joining .report .movie li:first-child, #index .joining .report .photo li:first-child {
  margin-bottom: 5px;
}
#index .joining .report .movie li video {
  width: 100%;
}
#index .joining .report .photo li {
  margin-bottom: 30px;
}
#index .joining .report .photo li:last-child {
  margin-bottom: 0;
}
#index .joining .report .photo li p {
  margin-top: 5px;
}
#index .team {
  background: url("../img/index/team_bg.jpg") center center no-repeat;
  background-size: cover;
  padding: 80px 0;
}
#index .team .sc_ttl.wh {
  margin-bottom: 0;
}
#index .team .team_copy {
  margin: auto;
  width: 80%;
  max-width: 540px;
}
#index .team figure {
  margin: 24px 0 20px;
}
#index .team .text_area {
  margin: 20px 0;
}
#index .team .text_area p {
  color: #fff;
  margin-bottom: 1.6rem;
}
#index .anniversary figure {
  margin-bottom: 20px;
  ;
}
#index .anniversary .text_area h3 {
  color: #0F1A7D;
  font-size: 120%;
  font-weight: 900;
  margin-bottom: 5px;
}
#index .anniversary .text_area p {
  margin-bottom: 1.6rem;
}
#index .anniversary .slider {
  background: url("../img/index/anniversary_slider.jpg") repeat-x top center;
  background-size: 3491px 220PX;
  height: 195px;
  position: relative;
  top: 20px;
  margin-bottom: 20px;
  -moz-animation: slider 60s linear infinite;
  animation: slider 60s linear infinite;
}
@keyframes slider {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3491px 0;
  }
}
#index .news {
  background: url("../img/index/news_bg.jpg") center center no-repeat;
  background-size: cover;
  /*  background-attachment: fixed;*/
}
#index .news .sc_ttl02 {
  margin-left: 5%;
}
#index .news .jnote_bbs {
  width: 90%;
  margin: 0 auto;
}
#index .news .jnote_bbs .sc_ttl02 {
  margin-left: 0;
}
#fw-iframe35427 {
  width: 100% !important;
  height: 500px !important;
  border-radius: 5px !important;
}
#index .news .sns_list {
  display: flex;
  flex-direction: column;
  gap:30px;
}
/*
#index .news .fb {
  margin-top: -60px;
}
*/
#index .news .fb-container {
  width: 90%;
  margin: auto;
  background: rgba(255, 255, 255, 0.85);
}
#index .news .fb-page {
  display: block !important;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  height: 500px;
}
#index .news .members {
  margin-top: 45px;
}
#index .news .members .link_btn a {
  padding: 40px 0;
  width: 90%;
  background: rgba(15, 26, 125, 0.85);
  color: #fff;
  font-weight: bold;
  font-size: 1.8rem;
  border: 3px solid #0F1A7D;
}
#index .news .members .link_btn a:hover {
  opacity: 1;
  background: #fff;
  color: #0F1A7D;
  border: 3px solid #0F1A7D;
}
/*■■■■■■■■■■■■■■■TB■■■■■■■■■■■■■■■*/
@media (min-width:768px) {
  .svg_block {
    width: 44%;
    top: 25%;
    left: 28%;
    right: 28%;
  }
  .main_visual .catch .mask, .main_visual .catch .first_mask, .main_visual .catch .move_txt {
    width: 519px;
    height: 64px;
  }
  .main_visual .catch .first_mask {
    position: relative;
    top: 64px;
  }
  .main_visual .catch:first-child {
    bottom: 194px;
  }
  .main_visual .catch .move_txt p {
    top: -66px;
    font-size: 4rem;
  }
  .main_visual .catch:nth-child(2) .mask, .main_visual .catch:nth-child(2) .move_txt, .main_visual .catch:nth-child(2) .first_mask {
    width: 562px;
  }
  #index .pickup .photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 32px;
  }
  #index .pickup .photo li:first-child {
    width: 100%;
  }
  #index .pickup .photo li {
    width: 32%;
    margin-bottom: 0;
  }
  #index .joining .report .movie, #index .joining .report .photo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #index .joining .report .movie li:first-child, #index .joining .report .photo li:first-child {
    width: 100%;
  }
  #index .joining .report ul li.margin {
    margin: 20px 0;
  }
  #index .joining .report .movie {
    margin-top: 20px;
  }
  #index .joining .report .movie li {
    width: 32%;
    margin-bottom: 0;
  }
  #index .joining .report .photo li {
    width: 32%;
    margin-bottom: 0;
  }
  #index .news .jnote_bbs {
    width: 32%;
    height: 546px;
    float: left;
    margin-left: 20px;
  }
  #index .news .sns_list {
  flex-direction: row;
}
  #index .news .fb {
    width: 32%;
  }
  #index .news .fb-container {
    width: 100%;
  }
  #index .news .members .sc_ttl02 {
    margin-left: 20px;
  }
  #index .news .members .link_btn {
    width: calc(100% - 40px);
    margin: auto;
  }
  #index .news .members .link_btn a {
    width: 100%;
  }
}
/*■■■■■■■■■■■■■■■PC-S■■■■■■■■■■■■■■■*/
@media (min-width:980px) {
  .svg_block {
    width: 450PX;
    top: 25%;
    left: 50%;
    right: inherit;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
  }
  .main_visual .catch {
    bottom: 80px;
  }
  .main_visual .catch:first-child {
    bottom: 154px;
  }
  #index .format {
    position: relative;
  }
  #index .joining .flyer {
    width: 47%;
  }
  #index .joining .event {
    width: 47%;
    position: absolute;
    top: 0;
    right: 20px;
    margin: 0;
  }
  #index .joining .youtube {
/*  margin-top: 30px;  */
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
#index .joining .youtube iframe {
  width: 49%;
  height: 350px;
  margin: 30px 0 0;
}

  #index .joining .format .text_area {
    width: 47%;
    position: absolute;
    top: 395px;
    right: 0;
    margin: 0;
  }
  #index .joining .link_btn {
    position: absolute;
    bottom: 0;
    /*    bottom: 188px;*/
    right: 20px;
    margin: 0;
    width: 47%;
  }
  #index .joining .link_btn a {
    width: 100%;
  }
  #index .team .team_copy {
    width: 100%;
    max-width: 1200px;
  }
  #index .team .sc_ttl.wh {
    margin-bottom: 30px;
  }
  #index .team figure {
    margin: 57px 0 60px;
    width: 53%;
    float: right;
    /*
    position: absolute;
    top: 215px;
    right: 20px;
*/
  }
  #index .team .text_area {
    margin: 57px 0 60px;
    width: 42%;
  }
  #index .team .link_btn {
    clear: both;
  }
  #index .team .link_btn a {
    width: 47%;
  }
  #index .anniversary .slider {
  top: 140px;
  margin-bottom: 120px;
}
  #index .anniversary figure {
    width: 48%;
    margin-bottom: 30px;
  }
  #index .anniversary .text_area {
    width: 47%;
    position: absolute;
    top: 0;
    right: 20px;
  }
}
/*■■■■■■■■■■■■■■■PC-L■■■■■■■■■■■■■■■*/
@media (min-width:1200px) {
  /*
.svg_block {
  width: 500PX;
}
*/
  #index .pickup .pickup_main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #index .pickup .pickup_main .writing {
    width: 52%;
  }
  #index .pickup .pickup_main .writing.noimg {
    width: 100%;
  }
  #index .pickup .pickup_main figure {
    width: 45%;
  }
  #index .pickup .photo li figure {
    width: 100%;
  }
  #index .joining .flyer {
    width: 37%;
  }
  #index .joining .event {
    width: 58%;
  }
  #index .joining .link_btn {
    width: 58%;
  }
  #index .joining .link_btn a {
    padding: 30px;
    font-size: 2rem
  }
  #index .joining .report_main {
    position: relative;
    height: 380px;
  }
  #index .joining .report_main figure {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
  }
  #index .joining .report_main .writing {
    width: 52%;
  }
  #index .team figure {
    margin-bottom: 0;
  }
  #index .team .text_area {
    width: 43%;
    margin-bottom: 0;
  }
  #index .team .link_btn {
    position: relative;
    /*    left: 20px;*/
    bottom: 92px;
    width: 43%;
    margin-bottom: -80px;
  }
  #index .team .link_btn a {
    width: 100%;
    padding: 30px;
    font-size: 2rem;
  }
  #index .news .pc_wrap {
    max-width: 1240px;
    margin: auto;
  }
  #index .news {
    background-attachment: fixed;
  }
}