@charset "UTF-8";
/* CSS Document */
/* Scss Document */
/* Scss Document */
/* Scss Document */
@keyframes animation_screenSlide { 0% { left: -100%; }
  40% { left: 0; }
  60% { left: 0; }
  100% { left: 100%; } }
@keyframes animation_text { 0% { opacity: 0; transform: translateY(10px) scale(1, 0.5); }
  100% { opacity: 1; transform: translateY(0) scale(1, 1); } }
#loading { position: fixed; width: 100%; height: 100%; z-index: 10000; text-align: center; color: #fff; }
#loading__wrap { position: absolute; top: 50%; left: 50%; width: 100%; z-index: 1; transform: translate(-50%, -50%); }
#loading__logo { width: 50%; max-width: 400px; margin: 0 auto 60px; }
#loading__txt { color: #fff; width: 90%; max-width: 300px; margin: auto; }
#loading__txt svg { height: 6px; border-radius: 12px; border: 2px solid #fff; }
#loading .loading__cover { width: 100%; height: 50%; background-color: #004ea7; transition: transform 0.6s cubic-bezier(0.04, 0.435, 0.315, 0.9); transform: scaleY(1); }
#loading .loading__cover-up { transform-origin: center top; }
#loading .loading__cover-down { position: absolute; bottom: 0; transform-origin: center bottom; }
#loading .coveranime { transform: scaleY(0); }

.slick-dots { bottom: 15px !important; }
.slick-dots li { width: auto !important; height: auto !important; }
.slick-dots li button { padding: 0 !important; width: 65px !important; height: 4px !important; background: #fff !important; }
.slick-dots li button::before { display: none; }
.slick-dots li.slick-active button { background: #004ea7 !important; }

.mainimg .mainimg__wp { position: relative; }
.mainimg .mainimg__img-box { margin-bottom: 0 !important; }
.mainimg .mainimg__ttl { position: absolute; width: 100%; top: 50%; transform: translateY(-50%); width: auto; left: 20px; font-size: 1.8rem; color: #fff; letter-spacing: 0.3em; line-height: 1.8055555556; text-shadow: 0 0 8px #0b466d; }
@media (min-width: 769px) { .mainimg .mainimg__ttl { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * 3.4188034188 ); } }
@media (min-width: 1120px) { .mainimg .mainimg__ttl { font-size: 3rem; } }

.about { padding: 50px 0; background: #f3f6fa; }
.about .about__copy { margin-bottom: 30px; font-size: 1.3rem; text-align: center; line-height: 2.1111111111; }
@media (min-width: 769px) { .about .about__copy { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.4245014245 ); } }
@media (min-width: 1120px) { .about .about__copy { font-size: 1.8rem; } }
.about .about__copy .about__copy-top { margin-bottom: 3%; }
.about .btn a { max-width: 215px; width: 80%; }

.business .business__list-box { margin-bottom: 30px; }
.business .business__list-box .business__list-img { margin-bottom: 20px; }
.business .business__list-box .business__list-txt .business__list-ttl { margin-bottom: 10px; font-size: 2rem; color: #004ea7; letter-spacing: 0.2em; line-height: 1.1363636364; }
@media (min-width: 769px) { .business .business__list-box .business__list-txt .business__list-ttl { font-size: calc( 2rem + ( 1vw - 7.69px ) * 6.8376068376 ); } }
@media (min-width: 1120px) { .business .business__list-box .business__list-txt .business__list-ttl { font-size: 4.4rem; } }
.business .business__list-box .business__list-txt .business__list-num { display: block; margin-right: 5px; font-size: 2.6rem; font-family: "Montserrat", sans-serif; letter-spacing: 0.05em; }
@media (min-width: 769px) { .business .business__list-box .business__list-txt .business__list-num { font-size: calc( 2.6rem + ( 1vw - 7.69px ) * 3.9886039886 ); } }
@media (min-width: 1120px) { .business .business__list-box .business__list-txt .business__list-num { font-size: 4rem; } }
.business .business__list-box .business__list-txt .business__list-rd { font-size: 1.3rem; }
@media (min-width: 769px) { .business .business__list-box .business__list-txt .business__list-rd { font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 1.4245014245 ); } }
@media (min-width: 1120px) { .business .business__list-box .business__list-txt .business__list-rd { font-size: 1.8rem; } }
.business .business__list-box:nth-child(odd).on .slide__screen { animation-name: animation_screenSlide; animation-duration: 0.8s; animation-timing-function: cubic-bezier(0.9, 0, 0.08, 0.99); animation-delay: 0.1s; animation-iteration-count: 1; animation-direction: reverse; animation-fill-mode: forwards; animation-play-state: running; }

.works { padding: 50px 0; background: #004ea7; }
.works .common__ttl { color: #fff; z-index: 1; }
.works .common__ttl .common__ttl-en { color: #fff; }
.works .common__ttl .common__ttl-copy .common__ttl-cap { font-size: 1.1rem; }
@media (min-width: 769px) { .works .common__ttl .common__ttl-copy .common__ttl-cap { font-size: calc( 1.1rem + ( 1vw - 7.69px ) * 0.2849002849 ); } }
@media (min-width: 1120px) { .works .common__ttl .common__ttl-copy .common__ttl-cap { font-size: 1.2rem; } }
.works .works__img { margin-bottom: 30px; }
.works .btn a { background: #fff; color: #004ea7; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { .slick-dots li button { width: 120px !important; }
  .mainimg { position: relative; }
  .mainimg .mainimg__ttl { position: absolute; top: 35%; left: 5%; text-align: left; width: auto; }
  .about { padding: 70px 0 90px; }
  .about .about__wrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .about .about__wrap .common__ttl { flex: 0 1 30%; width: 30%; max-width: 30%; margin-bottom: 0; }
  .about .about__wrap .about__copy { flex: 0 1 67%; width: 67%; max-width: 67%; margin-bottom: 0; text-align: left; }
  .about .about__wrap .about__copy .about__copy-top { margin-bottom: 5%; }
  .business .business__list-box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .business .business__list-box .business__list-img { flex: 0 1 54%; width: 54%; max-width: 54%; }
  .business .business__list-box .order-img { order: 1; }
  .business .business__list-box .business__list-txt { flex: 0 1 42%; width: 42%; max-width: 42%; padding-left: 2%; box-sizing: border-box; }
  .business .business__list-box .business__list-txt .business__list-ttl { margin-bottom: 20px; text-align: left; }
  .business .business__list-box .business__list-txt .business__list-num { display: block; }
  .works { padding: 30px 0; }
  .works .works__wrap { position: relative; }
  .works .common__ttl { position: absolute; top: -2%; left: 2%; margin-bottom: 0; }
  .works .common__ttl .common__ttl-jp { margin-bottom: 10px; }
  .works .btn { position: relative; }
  .works .btn a { position: absolute; right: 2%; bottom: 20px; }
  .works .btn a:hover { background: #616161; border: 1px solid #616161; color: #fff; }
  .client .common__ttl { margin-bottom: 4%; } }
/*------------------------------
		961px以上
------------------------------*/
@media screen and (min-width: 961px) { .works .common__ttl { top: 3%; } }
/*------------------------------
		1181px以上
------------------------------*/

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