@charset "utf-8";
/* CSS Document */

/*style.cssのL58*/
.headerMenuMain ul { display: flex; justify-content: flex-end; width: 100%; }
.headerMenuMain ul li { width: calc(100%/ 5); text-align: center; display: flex; justify-content: center; align-items: center; margin: 0; position: relative; }
.headerMenuMain ul li a { font-size: 0.9vw; /*new*/ font-weight: 500; display: flex; justify-content: center; align-items: center; border-right: none; /*padding-right: 1.4rem;*/ padding: 0 2rem; }
.headerMenuMain ul li:nth-of-type(5) a { border: none; }

.headerMenuMain ul li::after { content: ''; position: absolute; right: 0; top: 40%; width: 1px; height: 20px; border-right: solid 1px #999; }
.headerMenuMain ul li:nth-of-type(5)::after { border: none; }


/*style.cssのL64*/
.headerMenuSub ul li { width: 8.5vw; height: 80px; }
.headerMenuSub ul li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; /*font-size: 1.6rem;*/ font-size:0.8vw; /*new*/ font-weight: 300; color: #fff; position: relative; font-weight: bold;/*new*/ flex-direction: column; }
.headerMenuSub ul li a span { font-size: 0.8vw; }


/*style.cssのL199*/
.homePickup .pickupCont li a {display: flex; align-items: flex-end; padding-right: 2rem; }

/*style.cssのL383*/
.homeInside .flex div ul:nth-of-type(1) li { width: calc( 92% / 2 ); }
@media only screen and (max-width: 766px) {
    .homeInside .flex div ul:nth-of-type(1) li { width: 100%; }
}

/*style.cssのL345*/
@media only screen and (max-width: 766px) {
    .homeWorkstyle2 .flex div:nth-of-type(1) a { width: 100%; }
}

/*style.cssのL347*/
@media only screen and (max-width: 766px) {
    .homeWorkstyle2 .flex div:nth-of-type(2) img:nth-of-type(1) { width: 100%; margin: -1rem 0 4rem 5%; }
}


/*TOPの1分動画（pickupMovie）*/
.pickupMovie { width: 100%; margin: 2rem auto; }
.pickupMovie h4 { border-bottom: solid 2px #319a4b; padding-bottom: 1.4rem; margin-bottom: 3rem; width: 100%; display: block; position: relative;}
ul.movieList { list-style-type: none; display: flex; justify-content: center; align-items: flex-start; }
li.movieItem { width: calc(90% / 5); margin: 1%; }
li.movieItem img { width: 100%; }
@media only screen and (max-width: 766px) {
    ul.movieList { flex-wrap: wrap; }
    li.movieItem { width: calc(96% / 2); margin: 1%; }

}


/* ===== SP ハンバーガー（iPhone SE 対応 & アニメーション保証） ===== */
@media (max-width: 768px) {

  /* 本体 */
  #spMenuBtn.sp-menu-btn {
      position: fixed !important;
      top: 15px !important;
      right: 15px !important;
      width: 35px !important;
      height: 22px !important;
      z-index: 99999 !important;
      padding: 0 !important;
      background: transparent !important;
      border: none !important;
      display: flex !important;
      flex-direction: column !important;
      justify-content: space-between !important;
  }

  /* ライン3本 */
  #spMenuBtn span {
      display: block !important;
      width: 100% !important;
      height: 3px !important;
      background: #333 !important;
      border-radius: 2px !important;
      transition: transform .3s ease, opacity .3s ease !important;
      transform-origin: center !important;
  }

  /* 開いたときの変形 */
  #spMenuBtn.open span:nth-child(1) {
      transform: rotate(45deg) translate(7px, 7px) !important;
  }

  #spMenuBtn.open span:nth-child(2) {
      opacity: 0 !important;
  }

  #spMenuBtn.open span:nth-child(3) {
      transform: rotate(-45deg) translate(6px, -6px) !important;
  }

}