@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
#mainimg { position: relative; }
#mainimg .mainimg__txt { position: absolute; left: 5.33%; bottom: 6%; color: #fff; text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); }
#mainimg .mainimg_ttl { margin-bottom: 10px; font-weight: bold; font-size: 3.5rem; line-height: 1.2; }
@media (min-width: 375px) { #mainimg .mainimg_ttl { font-size: calc( 3.5rem + ( 1vw - 3.75px ) * 4.2424242424 ); } }
@media (min-width: 1200px) { #mainimg .mainimg_ttl { font-size: 7rem; } }
#mainimg .mainimg__copy { font-weight: bold; font-size: 1.8rem; }
@media (min-width: 375px) { #mainimg .mainimg__copy { font-size: calc( 1.8rem + ( 1vw - 3.75px ) * 3.1515151515 ); } }
@media (min-width: 1200px) { #mainimg .mainimg__copy { font-size: 4.4rem; } }
#mainimg .mv__slider-wp { overflow: hidden; }
#mainimg .mv__slider-wp .slick-slide { max-width: 100vw; }

#movie .movie__ttl { margin: 0% 0% 8% 0%; font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; text-align: center; font-weight: 600; font-size: 3rem; }
@media (min-width: 375px) { #movie .movie__ttl { font-size: calc( 3rem + ( 1vw - 3.75px ) * 2.4242424242 ); } }
@media (min-width: 1200px) { #movie .movie__ttl { font-size: 5rem; } }
#movie .movie_read { margin: 0% 0% 8% 0%; text-align: center; }
#movie video { width: 100%; }

#works { background: #172D5D; padding: 13.33% 0% 13.33% 0%; color: #fff; }
#works .works__list { margin: 0% 0% 8% 0%; }
#works .works__list li { margin-bottom: 4%; line-height: 1.5; }
#works .works__list li:last-child { margin-bottom: 0; }
#works .works__list-img { margin-bottom: 5px; }
#works .works__list-date { font-size: 1.3rem; }
@media (min-width: 375px) { #works .works__list-date { font-size: calc( 1.3rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
@media (min-width: 1200px) { #works .works__list-date { font-size: 1.4rem; } }
#works .works__list-ttl { font-weight: bold; font-size: 1.5rem; }
@media (min-width: 375px) { #works .works__list-ttl { font-size: calc( 1.5rem + ( 1vw - 3.75px ) * 0.1212121212 ); } }
@media (min-width: 1200px) { #works .works__list-ttl { font-size: 1.6rem; } }

#recruit { margin: 0% 0% 16% 0%; text-align: center; }
#recruit .inner { padding: 0; }
#recruit .recruit__ttl { display: inline-block; position: relative; margin: 0% 0% 5.33% 0%; font-size: 2rem; font-family: YuMincho, 游明朝, 游明朝体, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; font-weight: bold; }
@media (min-width: 375px) { #recruit .recruit__ttl { font-size: calc( 2rem + ( 1vw - 3.75px ) * 1.9393939394 ); } }
@media (min-width: 1200px) { #recruit .recruit__ttl { font-size: 3.6rem; } }
#recruit .recruit__ttl:before, #recruit .recruit__ttl:after { display: block; position: absolute; top: 50%; width: 40px; height: 1px; transform: translateY(-50%); background: #172D5D; content: ''; }
#recruit .recruit__ttl:before { left: -50px; }
#recruit .recruit__ttl:after { right: -50px; }
#recruit .recruit__img { clip-path: polygon(0 0, 100% 0, 85% 100%, 0% 100%); }
#recruit .recruit__img img { height: 40vw; min-height: 230px; object-fit: cover; }
#recruit .recruit__txt { position: relative; margin-top: -50px; color: #fff; }
#recruit .recruit__txt-inner { background: #A7CFF4; padding: 8% 16% 10.66% 16%; clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%); }
#recruit .btn { position: absolute; left: 0; right: 0; bottom: -20px; width: 70%; max-width: 320px; margin: auto; }
#recruit .btn .btn__deco { background: #fff; border: 1px solid #A7CFF4; color: #A7CFF4; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { #movie .movie__ttl { margin-bottom: 35px; }
  #movie .movie_read { margin-bottom: 50px; }
  #works { padding: 100px 0; }
  #works .works__list { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; justify-content: flex-start; }
  #works .works__list li { width: 48%; margin-right: 4%; }
  #works .works__list li:nth-child(even) { margin-right: 0; }
  #works .works__list li:nth-last-child(-n + 2) { margin-bottom: 0; }
  #recruit { margin-bottom: 100px; }
  #recruit .inner { padding: 0% 1.66% 0% 1.66%; }
  #recruit .recruit__btn a { display: flex; flex-flow: row wrap; align-content: flex-start; justify-content: space-between; align-items: center; background: #A7CFF4; }
  #recruit .recruit__btn a:hover { opacity: 1; background: #6cafec; }
  #recruit .recruit__btn a:hover .recruit__img { filter: brightness(1.1); }
  #recruit .recruit__btn a:hover .btn { position: static; }
  #recruit .recruit__btn a:hover .btn .btn__deco { background: #333; }
  #recruit .recruit__btn .recruit__img { width: 54%; transition: .4s; }
  #recruit .recruit__btn .recruit__img img { height: 100%; }
  #recruit .recruit__btn .recruit__txt { width: 46%; margin: 0; padding: 3.33% 5% 3.33% 1.66%; box-sizing: border-box; }
  #recruit .recruit__btn .recruit__txt-inner { background: none; padding: 0px; clip-path: none; }
  #recruit .recruit__btn .recruit__txt .recruit__read { margin: 0% 0% 5.33% 0%; }
  #recruit .btn { position: static; }
  #recruit .btn .btn__deco { border: 1px solid #fff; color: #fff; background: transparent; transition: .4s; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { #works .works__list li { width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; }
  #works .works__list li:nth-child(even) { margin-right: 3.5%; }
  #works .works__list li:nth-child(3n) { margin-right: 0; }
  #works .works__list li:nth-last-child(-n + 3) { margin-bottom: 0; } }
/*------------------------------
		1201px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */