<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


.-bba.c-entry__heading, .-bba.c-heading01, .-bba.c-lower__heading, .-bba.c-title01, .-bba.c-title02, .-bba.c-title03, .-bba.c-title04, .-bba.c-title05, .-bba.c-title06, .-bba.p-about_history__year, .-bba.p-index__heading01, .-bba.p-index__heading02, .-bba.p-index_about__title, .-bba.p-index_service__title, .-bba.p-interview_kv__title, .-bba.p-recruit__heading01, .-bba.p-recruit__heading02, .-bba.p-recruit_intern__heading, .-bba.p-recruit_kv__tube__lead, .-bba.p-recruit_kv__tube__title, .-bba.p-single__title, .-bba.p-single_result__list, .-bbm.c-entry__heading, .-bbm.c-heading01, .-bbm.c-lower__heading, .-bbm.c-title01, .-bbm.c-title02, .-bbm.c-title03, .-bbm.c-title04, .-bbm.c-title05, .-bbm.c-title06, .-bbm.p-about_history__year, .-bbm.p-index__heading01, .-bbm.p-index__heading02, .-bbm.p-index_about__title, .-bbm.p-index_service__title, .-bbm.p-interview_kv__title, .-bbm.p-recruit__heading01, .-bbm.p-recruit__heading02, .-bbm.p-recruit_intern__heading, .-bbm.p-recruit_kv__tube__lead, .-bbm.p-recruit_kv__tube__title, .-bbm.p-single__title, .-bbm.p-single_result__list, .-bby.c-entry__heading, .-bby.c-heading01, .-bby.c-lower__heading, .-bby.c-title01, .-bby.c-title02, .-bby.c-title03, .-bby.c-title04, .-bby.c-title05, .-bby.c-title06, .-bby.p-about_history__year, .-bby.p-index__heading01, .-bby.p-index__heading02, .-bby.p-index_about__title, .-bby.p-index_service__title, .-bby.p-interview_kv__title, .-bby.p-recruit__heading01, .-bby.p-recruit__heading02, .-bby.p-recruit_intern__heading, .-bby.p-recruit_kv__tube__lead, .-bby.p-recruit_kv__tube__title, .-bby.p-single__title, .-bby.p-single_result__list, .c-post h2.-bba, .c-post h2.-bbm, .c-post h2.-bby, .c-post h3.-bba, .c-post h3.-bbm, .c-post h3.-bby, .c-post h4.-bba, .c-post h4.-bbm, .c-post h4.-bby, .c-post h5.-bba, .c-post h5.-bbm, .c-post h5.-bby, .c-post h6.-bba, .c-post h6.-bbm, .c-post h6.-bby, .p-about_point__heading .-bba.heading, .p-about_point__heading .-bbm.heading, .p-about_point__heading .-bby.heading, .p-about_tech__item__image .-bba.caption, .p-about_tech__item__image .-bbm.caption, .p-about_tech__item__image .-bby.caption, .p-index_base__item__head .-bba.title, .p-index_base__item__head .-bbm.title, .p-index_base__item__head .-bby.title, .p-index_point__item dd.-bba, .p-index_point__item dd.-bbm, .p-index_point__item dd.-bby, .p-mid_main__heading .-bba.heading, .p-mid_main__heading .-bbm.heading, .p-mid_main__heading .-bby.heading, .p-new_welfare__data__item .-bba.title, .p-new_welfare__data__item .-bbm.title, .p-new_welfare__data__item .-bby.title, .p-recruit_faq__tab .-bba.title, .p-recruit_faq__tab .-bbm.title, .p-recruit_faq__tab .-bby.title, .p-recruit_intern__foot .-bba.text, .p-recruit_intern__foot .-bbm.text, .p-recruit_intern__foot .-bby.text {
  padding-bottom: .75em
}
.-mb1.-bba.c-entry__heading, .-mb1.-bba.c-heading01, .-mb1.-bba.c-lower__heading, .-mb1.-bba.c-title01, .-mb1.-bba.c-title02, .-mb1.-bba.c-title03, .-mb1.-bba.c-title04, .-mb1.-bba.c-title05, .-mb1.-bba.c-title06, .-mb1.-bba.p-about_history__year, .-mb1.-bba.p-index__heading01, .-mb1.-bba.p-index__heading02, .-mb1.-bba.p-index_about__title, .-mb1.-bba.p-index_service__title, .-mb1.-bba.p-interview_kv__title, .-mb1.-bba.p-recruit__heading01, .-mb1.-bba.p-recruit__heading02, .-mb1.-bba.p-recruit_intern__heading, .-mb1.-bba.p-recruit_kv__tube__lead, .-mb1.-bba.p-recruit_kv__tube__title, .-mb1.-bba.p-single__title, .-mb1.-bba.p-single_result__list, .-mb1.-bbm.c-entry__heading, .-mb1.-bbm.c-heading01, .-mb1.-bbm.c-lower__heading, .-mb1.-bbm.c-title01, .-mb1.-bbm.c-title02, .-mb1.-bbm.c-title03, .-mb1.-bbm.c-title04, .-mb1.-bbm.c-title05, .-mb1.-bbm.c-title06, .-mb1.-bbm.p-about_history__year, .-mb1.-bbm.p-index__heading01, .-mb1.-bbm.p-index__heading02, .-mb1.-bbm.p-index_about__title, .-mb1.-bbm.p-index_service__title, .-mb1.-bbm.p-interview_kv__title, .-mb1.-bbm.p-recruit__heading01, .-mb1.-bbm.p-recruit__heading02, .-mb1.-bbm.p-recruit_intern__heading, .-mb1.-bbm.p-recruit_kv__tube__lead, .-mb1.-bbm.p-recruit_kv__tube__title, .-mb1.-bbm.p-single__title, .-mb1.-bbm.p-single_result__list, .-mb1.-bby.c-entry__heading, .-mb1.-bby.c-heading01, .-mb1.-bby.c-lower__heading, .-mb1.-bby.c-title01, .-mb1.-bby.c-title02, .-mb1.-bby.c-title03, .-mb1.-bby.c-title04, .-mb1.-bby.c-title05, .-mb1.-bby.c-title06, .-mb1.-bby.p-about_history__year, .-mb1.-bby.p-index__heading01, .-mb1.-bby.p-index__heading02, .-mb1.-bby.p-index_about__title, .-mb1.-bby.p-index_service__title, .-mb1.-bby.p-interview_kv__title, .-mb1.-bby.p-recruit__heading01, .-mb1.-bby.p-recruit__heading02, .-mb1.-bby.p-recruit_intern__heading, .-mb1.-bby.p-recruit_kv__tube__lead, .-mb1.-bby.p-recruit_kv__tube__title, .-mb1.-bby.p-single__title, .-mb1.-bby.p-single_result__list, .c-post h2.-mb1.-bba, .c-post h2.-mb1.-bbm, .c-post h2.-mb1.-bby, .c-post h3.-mb1.-bba, .c-post h3.-mb1.-bbm, .c-post h3.-mb1.-bby, .c-post h4.-mb1.-bba, .c-post h4.-mb1.-bbm, .c-post h4.-mb1.-bby, .c-post h5.-mb1.-bba, .c-post h5.-mb1.-bbm, .c-post h5.-mb1.-bby, .c-post h6.-mb1.-bba, .c-post h6.-mb1.-bbm, .c-post h6.-mb1.-bby, .p-about_point__heading .-mb1.-bba.heading, .p-about_point__heading .-mb1.-bbm.heading, .p-about_point__heading .-mb1.-bby.heading, .p-about_tech__item__image .-mb1.-bba.caption, .p-about_tech__item__image .-mb1.-bbm.caption, .p-about_tech__item__image .-mb1.-bby.caption, .p-index_base__item__head .-mb1.-bba.title, .p-index_base__item__head .-mb1.-bbm.title, .p-index_base__item__head .-mb1.-bby.title, .p-index_point__item dd.-mb1.-bba, .p-index_point__item dd.-mb1.-bbm, .p-index_point__item dd.-mb1.-bby, .p-mid_main__heading .-mb1.-bba.heading, .p-mid_main__heading .-mb1.-bbm.heading, .p-mid_main__heading .-mb1.-bby.heading, .p-new_welfare__data__item .-mb1.-bba.title, .p-new_welfare__data__item .-mb1.-bbm.title, .p-new_welfare__data__item .-mb1.-bby.title, .p-recruit_faq__tab .-mb1.-bba.title, .p-recruit_faq__tab .-mb1.-bbm.title, .p-recruit_faq__tab .-mb1.-bby.title, .p-recruit_intern__foot .-mb1.-bba.text, .p-recruit_intern__foot .-mb1.-bbm.text, .p-recruit_intern__foot .-mb1.-bby.text {
  margin-bottom: .75em
}

.c-entry__heading, .c-heading01, .c-lower__heading, .c-post h2, .c-post h3, .c-post h4, .c-post h5, .c-post h6, .c-title01, .c-title02, .c-title03, .c-title04, .c-title05, .c-title06, .p-about_history__year, .p-about_point__heading .heading, .p-about_tech__item__image .caption, .p-index__heading01, .p-index__heading02, .p-index_about__title, .p-index_base__item__head .title, .p-index_point__item dd, .p-index_service__title, .p-interview_kv__title, .p-mid_main__heading .heading, .p-new_welfare__data__item .title, .p-recruit__heading01, .p-recruit__heading02, .p-recruit_faq__tab .title, .p-recruit_intern__foot .text, .p-recruit_intern__heading, .p-recruit_kv__tube__lead, .p-recruit_kv__tube__title, .p-single__title, .p-single_result__list {
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.75;
  position: relative
}
.c-font-mont.c-entry__heading, .c-font-mont.c-heading01, .c-font-mont.c-lower__heading, .c-font-mont.c-title01, .c-font-mont.c-title02, .c-font-mont.c-title03, .c-font-mont.c-title04, .c-font-mont.c-title05, .c-font-mont.c-title06, .c-font-mont.p-about_history__year, .c-font-mont.p-index__heading01, .c-font-mont.p-index__heading02, .c-font-mont.p-index_about__title, .c-font-mont.p-index_service__title, .c-font-mont.p-interview_kv__title, .c-font-mont.p-recruit__heading01, .c-font-mont.p-recruit__heading02, .c-font-mont.p-recruit_intern__heading, .c-font-mont.p-recruit_kv__tube__lead, .c-font-mont.p-recruit_kv__tube__title, .c-font-mont.p-single__title, .c-font-mont.p-single_result__list, .c-post h2.c-font-mont, .c-post h3.c-font-mont, .c-post h4.c-font-mont, .c-post h5.c-font-mont, .c-post h6.c-font-mont, .p-about_point__heading .c-font-mont.heading, .p-about_tech__item__image .c-font-mont.caption, .p-index_base__item__head .c-font-mont.title, .p-index_point__item dd.c-font-mont, .p-mid_main__heading .c-font-mont.heading, .p-new_welfare__data__item .c-font-mont.title, .p-recruit_faq__tab .c-font-mont.title, .p-recruit_intern__foot .c-font-mont.text {
  line-height: 1.4
}
.c-entry__heading small, .c-heading01 small, .c-lower__heading small, .c-post h2 small, .c-post h3 small, .c-post h4 small, .c-post h5 small, .c-post h6 small, .c-title01 small, .c-title02 small, .c-title03 small, .c-title04 small, .c-title05 small, .c-title06 small, .p-about_history__year small, .p-about_point__heading .heading small, .p-about_tech__item__image .caption small, .p-index__heading01 small, .p-index__heading02 small, .p-index_about__title small, .p-index_base__item__head .title small, .p-index_point__item dd small, .p-index_service__title small, .p-interview_kv__title small, .p-mid_main__heading .heading small, .p-new_welfare__data__item .title small, .p-recruit__heading01 small, .p-recruit__heading02 small, .p-recruit_faq__tab .title small, .p-recruit_intern__foot .text small, .p-recruit_intern__heading small, .p-recruit_kv__tube__lead small, .p-recruit_kv__tube__title small, .p-single__title small, .p-single_result__list small {
  font-size: .7777777778em
}
.-border.c-entry__heading, .-border.c-heading01, .-border.c-lower__heading, .-border.c-title01, .-border.c-title02, .-border.c-title03, .-border.c-title04, .-border.c-title05, .-border.c-title06, .-border.p-about_history__year, .-border.p-index__heading01, .-border.p-index__heading02, .-border.p-index_about__title, .-border.p-index_service__title, .-border.p-interview_kv__title, .-border.p-recruit__heading01, .-border.p-recruit__heading02, .-border.p-recruit_intern__heading, .-border.p-recruit_kv__tube__lead, .-border.p-recruit_kv__tube__title, .-border.p-single__title, .-border.p-single_result__list, .c-post h2.-border, .c-post h3.-border, .c-post h4.-border, .c-post h5.-border, .c-post h6.-border, .p-about_point__heading .-border.heading, .p-about_tech__item__image .-border.caption, .p-index_base__item__head .-border.title, .p-index_point__item dd.-border, .p-mid_main__heading .-border.heading, .p-new_welfare__data__item .-border.title, .p-recruit_faq__tab .-border.title, .p-recruit_intern__foot .-border.text {
  border-bottom: 1px solid #a4abbb;
  line-height: 1.6;
  padding-bottom: .1em;
  padding-top: .1em
}
.-border.-pb05.c-entry__heading, .-border.-pb05.c-heading01, .-border.-pb05.c-lower__heading, .-border.-pb05.c-title01, .-border.-pb05.c-title02, .-border.-pb05.c-title03, .-border.-pb05.c-title04, .-border.-pb05.c-title05, .-border.-pb05.c-title06, .-border.-pb05.p-about_history__year, .-border.-pb05.p-index__heading01, .-border.-pb05.p-index__heading02, .-border.-pb05.p-index_about__title, .-border.-pb05.p-index_service__title, .-border.-pb05.p-interview_kv__title, .-border.-pb05.p-recruit__heading01, .-border.-pb05.p-recruit__heading02, .-border.-pb05.p-recruit_intern__heading, .-border.-pb05.p-recruit_kv__tube__lead, .-border.-pb05.p-recruit_kv__tube__title, .-border.-pb05.p-single__title, .-border.-pb05.p-single_result__list, .c-post h2.-border.-pb05, .c-post h3.-border.-pb05, .c-post h4.-border.-pb05, .c-post h5.-border.-pb05, .c-post h6.-border.-pb05, .p-about_point__heading .-border.-pb05.heading, .p-about_tech__item__image .-border.-pb05.caption, .p-index_base__item__head .-border.-pb05.title, .p-index_point__item dd.-border.-pb05, .p-mid_main__heading .-border.-pb05.heading, .p-new_welfare__data__item .-border.-pb05.title, .p-recruit_faq__tab .-border.-pb05.title, .p-recruit_intern__foot .-border.-pb05.text {
  padding-bottom: .25em
}
.-dot.c-entry__heading:before, .-dot.c-heading01:before, .-dot.c-lower__heading:before, .-dot.c-title01:before, .-dot.c-title02:before, .-dot.c-title03:before, .-dot.c-title04:before, .-dot.c-title05:before, .-dot.c-title06:before, .-dot.p-about_history__year:before, .-dot.p-index__heading01:before, .-dot.p-index__heading02:before, .-dot.p-index_about__title:before, .-dot.p-index_service__title:before, .-dot.p-interview_kv__title:before, .-dot.p-recruit__heading01:before, .-dot.p-recruit__heading02:before, .-dot.p-recruit_intern__heading:before, .-dot.p-recruit_kv__tube__lead:before, .-dot.p-recruit_kv__tube__title:before, .-dot.p-single__title:before, .-dot.p-single_result__list:before, .c-post h2.-dot:before, .c-post h3.-dot:before, .c-post h4.-dot:before, .c-post h5.-dot:before, .c-post h6.-dot:before, .p-about_point__heading .-dot.heading:before, .p-about_tech__item__image .-dot.caption:before, .p-index_base__item__head .-dot.title:before, .p-index_point__item dd.-dot:before, .p-mid_main__heading .-dot.heading:before, .p-new_welfare__data__item .-dot.title:before, .p-recruit_faq__tab .-dot.title:before, .p-recruit_intern__foot .-dot.text:before {
  background-color: #ffc00f;
  border-radius: 9999px;
  content: "";
  display: block;
  height: 10px;
  left: -.25em;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 10px
}
.-arrow.c-entry__heading, .-arrow.c-heading01, .-arrow.c-lower__heading, .-arrow.c-title01, .-arrow.c-title02, .-arrow.c-title03, .-arrow.c-title04, .-arrow.c-title05, .-arrow.c-title06, .-arrow.p-about_history__year, .-arrow.p-index__heading01, .-arrow.p-index__heading02, .-arrow.p-index_about__title, .-arrow.p-index_service__title, .-arrow.p-interview_kv__title, .-arrow.p-recruit__heading01, .-arrow.p-recruit__heading02, .-arrow.p-recruit_intern__heading, .-arrow.p-recruit_kv__tube__lead, .-arrow.p-recruit_kv__tube__title, .-arrow.p-single__title, .-arrow.p-single_result__list, .c-post h2.-arrow, .c-post h3.-arrow, .c-post h4.-arrow, .c-post h5.-arrow, .c-post h6.-arrow, .p-about_point__heading .-arrow.heading, .p-about_tech__item__image .-arrow.caption, .p-index_base__item__head .-arrow.title, .p-index_point__item dd.-arrow, .p-mid_main__heading .-arrow.heading, .p-new_welfare__data__item .-arrow.title, .p-recruit_faq__tab .-arrow.title, .p-recruit_intern__foot .-arrow.text {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}
.-arrow.c-entry__heading .arrow, .-arrow.c-heading01 .arrow, .-arrow.c-lower__heading .arrow, .-arrow.c-title01 .arrow, .-arrow.c-title02 .arrow, .-arrow.c-title03 .arrow, .-arrow.c-title04 .arrow, .-arrow.c-title05 .arrow, .-arrow.c-title06 .arrow, .-arrow.p-about_history__year .arrow, .-arrow.p-index__heading01 .arrow, .-arrow.p-index__heading02 .arrow, .-arrow.p-index_about__title .arrow, .-arrow.p-index_service__title .arrow, .-arrow.p-interview_kv__title .arrow, .-arrow.p-recruit__heading01 .arrow, .-arrow.p-recruit__heading02 .arrow, .-arrow.p-recruit_intern__heading .arrow, .-arrow.p-recruit_kv__tube__lead .arrow, .-arrow.p-recruit_kv__tube__title .arrow, .-arrow.p-single__title .arrow, .-arrow.p-single_result__list .arrow, .c-post h2.-arrow .arrow, .c-post h3.-arrow .arrow, .c-post h4.-arrow .arrow, .c-post h5.-arrow .arrow, .c-post h6.-arrow .arrow, .p-about_point__heading .-arrow.heading .arrow, .p-about_tech__item__image .-arrow.caption .arrow, .p-index_base__item__head .-arrow.title .arrow, .p-index_point__item dd.-arrow .arrow, .p-mid_main__heading .-arrow.heading .arrow, .p-new_welfare__data__item .-arrow.title .arrow, .p-recruit_faq__tab .-arrow.title .arrow, .p-recruit_intern__foot .-arrow.text .arrow {
  height: 1.3333333333em;
  margin-left: 1em;
  margin-top: .1666666667em;
  min-width: 1.3333333333em;
  width: 1.3333333333em
}
.-center.c-entry__heading, .-center.c-heading01, .-center.c-lower__heading, .-center.c-title01, .-center.c-title02, .-center.c-title03, .-center.c-title04, .-center.c-title05, .-center.c-title06, .-center.p-about_history__year, .-center.p-index__heading01, .-center.p-index__heading02, .-center.p-index_about__title, .-center.p-index_service__title, .-center.p-interview_kv__title, .-center.p-recruit__heading01, .-center.p-recruit__heading02, .-center.p-recruit_intern__heading, .-center.p-recruit_kv__tube__lead, .-center.p-recruit_kv__tube__title, .-center.p-single__title, .-center.p-single_result__list, .c-post h2.-center, .c-post h3.-center, .c-post h4.-center, .c-post h5.-center, .c-post h6.-center, .p-about_point__heading .-center.heading, .p-about_tech__item__image .-center.caption, .p-index_base__item__head .-center.title, .p-index_point__item dd.-center, .p-mid_main__heading .-center.heading, .p-new_welfare__data__item .-center.title, .p-recruit_faq__tab .-center.title, .p-recruit_intern__foot .-center.text {
  padding-left: .1em;
  text-align: center
}
.-left.c-entry__heading, .-left.c-heading01, .-left.c-lower__heading, .-left.c-title01, .-left.c-title02, .-left.c-title03, .-left.c-title04, .-left.c-title05, .-left.c-title06, .-left.p-about_history__year, .-left.p-index__heading01, .-left.p-index__heading02, .-left.p-index_about__title, .-left.p-index_service__title, .-left.p-interview_kv__title, .-left.p-recruit__heading01, .-left.p-recruit__heading02, .-left.p-recruit_intern__heading, .-left.p-recruit_kv__tube__lead, .-left.p-recruit_kv__tube__title, .-left.p-single__title, .-left.p-single_result__list, .c-post h2.-left, .c-post h3.-left, .c-post h4.-left, .c-post h5.-left, .c-post h6.-left, .p-about_point__heading .-left.heading, .p-about_tech__item__image .-left.caption, .p-index_base__item__head .-left.title, .p-index_point__item dd.-left, .p-mid_main__heading .-left.heading, .p-new_welfare__data__item .-left.title, .p-recruit_faq__tab .-left.title, .p-recruit_intern__foot .-left.text {
  margin-left: -.025em
}
.-icon.c-entry__heading, .-icon.c-heading01, .-icon.c-lower__heading, .-icon.c-title01, .-icon.c-title02, .-icon.c-title03, .-icon.c-title04, .-icon.c-title05, .-icon.c-title06, .-icon.p-about_history__year, .-icon.p-index__heading01, .-icon.p-index__heading02, .-icon.p-index_about__title, .-icon.p-index_service__title, .-icon.p-interview_kv__title, .-icon.p-recruit__heading01, .-icon.p-recruit__heading02, .-icon.p-recruit_intern__heading, .-icon.p-recruit_kv__tube__lead, .-icon.p-recruit_kv__tube__title, .-icon.p-single__title, .-icon.p-single_result__list, .c-post h2.-icon, .c-post h3.-icon, .c-post h4.-icon, .c-post h5.-icon, .c-post h6.-icon, .p-about_point__heading .-icon.heading, .p-about_tech__item__image .-icon.caption, .p-index_base__item__head .-icon.title, .p-index_point__item dd.-icon, .p-mid_main__heading .-icon.heading, .p-new_welfare__data__item .-icon.title, .p-recruit_faq__tab .-icon.title, .p-recruit_intern__foot .-icon.text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.-icon.c-entry__heading .icon, .-icon.c-heading01 .icon, .-icon.c-lower__heading .icon, .-icon.c-title01 .icon, .-icon.c-title02 .icon, .-icon.c-title03 .icon, .-icon.c-title04 .icon, .-icon.c-title05 .icon, .-icon.c-title06 .icon, .-icon.p-about_history__year .icon, .-icon.p-index__heading01 .icon, .-icon.p-index__heading02 .icon, .-icon.p-index_about__title .icon, .-icon.p-index_service__title .icon, .-icon.p-interview_kv__title .icon, .-icon.p-recruit__heading01 .icon, .-icon.p-recruit__heading02 .icon, .-icon.p-recruit_intern__heading .icon, .-icon.p-recruit_kv__tube__lead .icon, .-icon.p-recruit_kv__tube__title .icon, .-icon.p-single__title .icon, .-icon.p-single_result__list .icon, .c-post h2.-icon .icon, .c-post h3.-icon .icon, .c-post h4.-icon .icon, .c-post h5.-icon .icon, .c-post h6.-icon .icon, .p-about_point__heading .-icon.heading .icon, .p-about_tech__item__image .-icon.caption .icon, .p-index_base__item__head .-icon.title .icon, .p-index_point__item dd.-icon .icon, .p-mid_main__heading .-icon.heading .icon, .p-new_welfare__data__item .-icon.title .icon, .p-recruit_faq__tab .-icon.title .icon, .p-recruit_intern__foot .-icon.text .icon {
  height: 1em;
  margin-right: .5em;
  min-width: 1em;
  width: 1em
}
.-bb.c-entry__heading, .-bb.c-heading01, .-bb.c-lower__heading, .-bb.c-title01, .-bb.c-title02, .-bb.c-title03, .-bb.c-title04, .-bb.c-title05, .-bb.c-title06, .-bb.p-about_history__year, .-bb.p-index__heading01, .-bb.p-index__heading02, .-bb.p-index_about__title, .-bb.p-index_service__title, .-bb.p-interview_kv__title, .-bb.p-recruit__heading01, .-bb.p-recruit__heading02, .-bb.p-recruit_intern__heading, .-bb.p-recruit_kv__tube__lead, .-bb.p-recruit_kv__tube__title, .-bb.p-single__title, .-bb.p-single_result__list, .c-post h2.-bb, .c-post h3.-bb, .c-post h4.-bb, .c-post h5.-bb, .c-post h6.-bb, .p-about_point__heading .-bb.heading, .p-about_tech__item__image .-bb.caption, .p-index_base__item__head .-bb.title, .p-index_point__item dd.-bb, .p-mid_main__heading .-bb.heading, .p-new_welfare__data__item .-bb.title, .p-recruit_faq__tab .-bb.title, .p-recruit_intern__foot .-bb.text {
  padding-bottom: .5em
}
.-bb.-mb1.c-entry__heading, .-bb.-mb1.c-heading01, .-bb.-mb1.c-lower__heading, .-bb.-mb1.c-title01, .-bb.-mb1.c-title02, .-bb.-mb1.c-title03, .-bb.-mb1.c-title04, .-bb.-mb1.c-title05, .-bb.-mb1.c-title06, .-bb.-mb1.p-about_history__year, .-bb.-mb1.p-index__heading01, .-bb.-mb1.p-index__heading02, .-bb.-mb1.p-index_about__title, .-bb.-mb1.p-index_service__title, .-bb.-mb1.p-interview_kv__title, .-bb.-mb1.p-recruit__heading01, .-bb.-mb1.p-recruit__heading02, .-bb.-mb1.p-recruit_intern__heading, .-bb.-mb1.p-recruit_kv__tube__lead, .-bb.-mb1.p-recruit_kv__tube__title, .-bb.-mb1.p-single__title, .-bb.-mb1.p-single_result__list, .c-post h2.-bb.-mb1, .c-post h3.-bb.-mb1, .c-post h4.-bb.-mb1, .c-post h5.-bb.-mb1, .c-post h6.-bb.-mb1, .p-about_point__heading .-bb.-mb1.heading, .p-about_tech__item__image .-bb.-mb1.caption, .p-index_base__item__head .-bb.-mb1.title, .p-index_point__item dd.-bb.-mb1, .p-mid_main__heading .-bb.-mb1.heading, .p-new_welfare__data__item .-bb.-mb1.title, .p-recruit_faq__tab .-bb.-mb1.title, .p-recruit_intern__foot .-bb.-mb1.text {
  margin-bottom: .5em
}
.-bb.c-entry__heading:after, .-bb.c-heading01:after, .-bb.c-lower__heading:after, .-bb.c-title01:after, .-bb.c-title02:after, .-bb.c-title03:after, .-bb.c-title04:after, .-bb.c-title05:after, .-bb.c-title06:after, .-bb.p-about_history__year:after, .-bb.p-index__heading01:after, .-bb.p-index__heading02:after, .-bb.p-index_about__title:after, .-bb.p-index_service__title:after, .-bb.p-interview_kv__title:after, .-bb.p-recruit__heading01:after, .-bb.p-recruit__heading02:after, .-bb.p-recruit_intern__heading:after, .-bb.p-recruit_kv__tube__lead:after, .-bb.p-recruit_kv__tube__title:after, .-bb.p-single__title:after, .-bb.p-single_result__list:after, .c-post h2.-bb:after, .c-post h3.-bb:after, .c-post h4.-bb:after, .c-post h5.-bb:after, .c-post h6.-bb:after, .p-about_point__heading .-bb.heading:after, .p-about_tech__item__image .-bb.caption:after, .p-index_base__item__head .-bb.title:after, .p-index_point__item dd.-bb:after, .p-mid_main__heading .-bb.heading:after, .p-new_welfare__data__item .-bb.title:after, .p-recruit_faq__tab .-bb.title:after, .p-recruit_intern__foot .-bb.text:after {
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute
}
.-bb.-left.c-entry__heading:after, .-bb.-left.c-heading01:after, .-bb.-left.c-lower__heading:after, .-bb.-left.c-title01:after, .-bb.-left.c-title02:after, .-bb.-left.c-title03:after, .-bb.-left.c-title04:after, .-bb.-left.c-title05:after, .-bb.-left.c-title06:after, .-bb.-left.p-about_history__year:after, .-bb.-left.p-index__heading01:after, .-bb.-left.p-index__heading02:after, .-bb.-left.p-index_about__title:after, .-bb.-left.p-index_service__title:after, .-bb.-left.p-interview_kv__title:after, .-bb.-left.p-recruit__heading01:after, .-bb.-left.p-recruit__heading02:after, .-bb.-left.p-recruit_intern__heading:after, .-bb.-left.p-recruit_kv__tube__lead:after, .-bb.-left.p-recruit_kv__tube__title:after, .-bb.-left.p-single__title:after, .-bb.-left.p-single_result__list:after, .c-post h2.-bb.-left:after, .c-post h3.-bb.-left:after, .c-post h4.-bb.-left:after, .c-post h5.-bb.-left:after, .c-post h6.-bb.-left:after, .p-about_point__heading .-bb.-left.heading:after, .p-about_tech__item__image .-bb.-left.caption:after, .p-index_base__item__head .-bb.-left.title:after, .p-index_point__item dd.-bb.-left:after, .p-mid_main__heading .-bb.-left.heading:after, .p-new_welfare__data__item .-bb.-left.title:after, .p-recruit_faq__tab .-bb.-left.title:after, .p-recruit_intern__foot .-bb.-left.text:after {
  border-bottom: 2px solid #09b0b6;
  left: .025em;
  width: 1em
}
.-bby.c-entry__heading:after, .-bby.c-heading01:after, .-bby.c-lower__heading:after, .-bby.c-title01:after, .-bby.c-title02:after, .-bby.c-title03:after, .-bby.c-title04:after, .-bby.c-title05:after, .-bby.c-title06:after, .-bby.p-about_history__year:after, .-bby.p-index__heading01:after, .-bby.p-index__heading02:after, .-bby.p-index_about__title:after, .-bby.p-index_service__title:after, .-bby.p-interview_kv__title:after, .-bby.p-recruit__heading01:after, .-bby.p-recruit__heading02:after, .-bby.p-recruit_intern__heading:after, .-bby.p-recruit_kv__tube__lead:after, .-bby.p-recruit_kv__tube__title:after, .-bby.p-single__title:after, .-bby.p-single_result__list:after, .c-post h2.-bby:after, .c-post h3.-bby:after, .c-post h4.-bby:after, .c-post h5.-bby:after, .c-post h6.-bby:after, .p-about_point__heading .-bby.heading:after, .p-about_tech__item__image .-bby.caption:after, .p-index_base__item__head .-bby.title:after, .p-index_point__item dd.-bby:after, .p-mid_main__heading .-bby.heading:after, .p-new_welfare__data__item .-bby.title:after, .p-recruit_faq__tab .-bby.title:after, .p-recruit_intern__foot .-bby.text:after {
  border-bottom: 3px solid #ffc00f
}
.-bba.c-entry__heading:after, .-bba.c-heading01:after, .-bba.c-lower__heading:after, .-bba.c-title01:after, .-bba.c-title02:after, .-bba.c-title03:after, .-bba.c-title04:after, .-bba.c-title05:after, .-bba.c-title06:after, .-bba.p-about_history__year:after, .-bba.p-index__heading01:after, .-bba.p-index__heading02:after, .-bba.p-index_about__title:after, .-bba.p-index_service__title:after, .-bba.p-interview_kv__title:after, .-bba.p-recruit__heading01:after, .-bba.p-recruit__heading02:after, .-bba.p-recruit_intern__heading:after, .-bba.p-recruit_kv__tube__lead:after, .-bba.p-recruit_kv__tube__title:after, .-bba.p-single__title:after, .-bba.p-single_result__list:after, .c-post h2.-bba:after, .c-post h3.-bba:after, .c-post h4.-bba:after, .c-post h5.-bba:after, .c-post h6.-bba:after, .p-about_point__heading .-bba.heading:after, .p-about_tech__item__image .-bba.caption:after, .p-index_base__item__head .-bba.title:after, .p-index_point__item dd.-bba:after, .p-mid_main__heading .-bba.heading:after, .p-new_welfare__data__item .-bba.title:after, .p-recruit_faq__tab .-bba.title:after, .p-recruit_intern__foot .-bba.text:after {
  border-bottom: 3px solid #09b0b6
}
.-bbm.c-entry__heading:after, .-bbm.c-heading01:after, .-bbm.c-lower__heading:after, .-bbm.c-title01:after, .-bbm.c-title02:after, .-bbm.c-title03:after, .-bbm.c-title04:after, .-bbm.c-title05:after, .-bbm.c-title06:after, .-bbm.p-about_history__year:after, .-bbm.p-index__heading01:after, .-bbm.p-index__heading02:after, .-bbm.p-index_about__title:after, .-bbm.p-index_service__title:after, .-bbm.p-interview_kv__title:after, .-bbm.p-recruit__heading01:after, .-bbm.p-recruit__heading02:after, .-bbm.p-recruit_intern__heading:after, .-bbm.p-recruit_kv__tube__lead:after, .-bbm.p-recruit_kv__tube__title:after, .-bbm.p-single__title:after, .-bbm.p-single_result__list:after, .c-post h2.-bbm:after, .c-post h3.-bbm:after, .c-post h4.-bbm:after, .c-post h5.-bbm:after, .c-post h6.-bbm:after, .p-about_point__heading .-bbm.heading:after, .p-about_tech__item__image .-bbm.caption:after, .p-index_base__item__head .-bbm.title:after, .p-index_point__item dd.-bbm:after, .p-mid_main__heading .-bbm.heading:after, .p-new_welfare__data__item .-bbm.title:after, .p-recruit_faq__tab .-bbm.title:after, .p-recruit_intern__foot .-bbm.text:after {
  border-bottom: 3px solid #2a4ba9
}
.c-text01, .c-text02, .c-text03, .c-text04, .c-text05, .p-recruit_kv__tube__text {
  letter-spacing: .05em;
  line-height: 2.125
}
.-center.c-text01, .-center.c-text02, .-center.c-text03, .-center.c-text04, .-center.c-text05, .-center.p-recruit_kv__tube__text {
  text-align: center
}
.-bold.c-text01, .-bold.c-text02, .-bold.c-text03, .-bold.c-text04, .-bold.c-text05, .-bold.p-recruit_kv__tube__text {
  font-weight: 700
}
.-thin.c-text01, .-thin.c-text02, .-thin.c-text03, .-thin.c-text04, .-thin.c-text05, .-thin.p-recruit_kv__tube__text {
  line-height: 2
}
.c-font-mont.c-text01, .c-font-mont.c-text02, .c-font-mont.c-text03, .c-font-mont.c-text04, .c-font-mont.c-text05, .c-font-mont.p-recruit_kv__tube__text {
  letter-spacing: .15em
}
.-ja.c-text01, .-ja.c-text02, .-ja.c-text03, .-ja.c-text04, .-ja.c-text05, .-ja.p-recruit_kv__tube__text {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  letter-spacing: 0
}
.c-text01 a, .c-text02 a, .c-text03 a, .c-text04 a, .c-text05 a, .p-recruit_kv__tube__text a {
  color: #2a4ba9;
  text-decoration: underline
}
.is-pc .c-text01 a, .is-pc .c-text02 a, .is-pc .c-text03 a, .is-pc .c-text04 a, .is-pc .c-text05 a, .is-pc .p-recruit_kv__tube__text a {
  text-decoration: none
}
.is-pc .c-text01 a:hover, .is-pc .c-text02 a:hover, .is-pc .c-text03 a:hover, .is-pc .c-text04 a:hover, .is-pc .c-text05 a:hover, .is-pc .p-recruit_kv__tube__text a:hover {
  text-decoration: underline
}
.c-button01, .c-button02, .c-button03 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4
}
.-mt1.c-button01, .-mt1.c-button02, .-mt1.c-button03 {
  margin-top: 40px
}
.c-button01 .link, .c-button01 a, .c-button02 .link, .c-button02 a, .c-button03 .link, .c-button03 a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.c-button01 .link .text, .c-button01 a .text, .c-button02 .link .text, .c-button02 a .text, .c-button03 .link .text, .c-button03 a .text {
  padding-left: .1em
}
.c-button01 .before, .c-button02 .before, .c-button03 .before {
  margin-right: 1em
}
.c-button01 .after, .c-button02 .after, .c-button03 .after {
  margin-left: 1em
}
.-center.c-button01, .-center.c-button02, .-center.c-button03 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.-regular.c-button01 .link, .-regular.c-button01 a, .-regular.c-button02 .link, .-regular.c-button02 a, .-regular.c-button03 .link, .-regular.c-button03 a {
  padding-bottom: 1.15em;
  padding-top: 1.2em
}
.-thin.c-button01 .link, .-thin.c-button01 a, .-thin.c-button02 .link, .-thin.c-button02 a, .-thin.c-button03 .link, .-thin.c-button03 a {
  padding-bottom: .6em;
  padding-top: .65em
}
.-small.c-button01 .link, .-small.c-button01 a, .-small.c-button02 .link, .-small.c-button02 a, .-small.c-button03 .link, .-small.c-button03 a {
  padding-bottom: .95em;
  padding-top: 1em
}
.-icon.c-button01 .icon, .-icon.c-button02 .icon, .-icon.c-button03 .icon {
  margin-right: .5em
}
.-width01.c-button01 .link, .-width01.c-button01 a, .-width01.c-button02 .link, .-width01.c-button02 a, .-width01.c-button03 .link, .-width01.c-button03 a {
  width: 400px
}
.is-pc .c-button01 a, .is-pc .l-header__menu__buttons a, .is-pc .p-recruit_kv__buttons a {
  overflow: hidden;
  position: relative
}
.is-pc .c-button01 a .arrow, .is-pc .c-button01 a .js-svg, .is-pc .c-button01 a .text, .is-pc .c-button01 a svg, .is-pc .l-header__menu__buttons a .arrow, .is-pc .l-header__menu__buttons a .js-svg, .is-pc .l-header__menu__buttons a .text, .is-pc .l-header__menu__buttons a svg, .is-pc .p-recruit_kv__buttons a .arrow, .is-pc .p-recruit_kv__buttons a .js-svg, .is-pc .p-recruit_kv__buttons a .text, .is-pc .p-recruit_kv__buttons a svg {
  position: relative
}
.is-pc .c-button01 a:before, .is-pc .l-header__menu__buttons a:before, .is-pc .p-recruit_kv__buttons a:before {
  background-color: hsla(0, 0%, 100%, .5);
  border-radius: 9999px;
  content: "";
  display: block;
  left: 50%;
  padding-top: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  -webkit-transition: opacity 0s, -webkit-transform 0s;
  transition: opacity 0s, -webkit-transform 0s;
  transition: transform 0s, opacity 0s;
  transition: transform 0s, opacity 0s, -webkit-transform 0s;
  width: 100%
}
.is-pc .c-button01 a:hover:before, .is-pc .l-header__menu__buttons a:hover:before, .is-pc .p-recruit_kv__buttons a:hover:before {
  opacity: 0;
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  -webkit-transition: opacity 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.c-post {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  font-size: 1.6rem;
  letter-spacing: 0;
  line-height: 2.125
}
.c-post figure {
  display: block
}
.c-post .c-frame01 {
  margin-top: 2em
}
.c-post .c-product_data .c-title03 {
  margin-top: 0
}
.c-post .p-field_single__item__head .c-title04 {
  margin-bottom: 0;
  margin-top: 0
}
.c-post .gcb-editor-form h3 {
  border: none;
  margin-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-top: 0
}
.c-post .wp-block-image img {
  border: 1px solid #dcdcdc;
  border-radius: 10px
}
.c-post .c-button01 .js-svg, .c-post .c-button01 svg {
  height: 1em;
  width: 1em
}
.c-post p a {
  color: #2a4ba9;
  text-decoration: underline
}
.is-pc .c-post p a {
  text-decoration: none
}
.is-pc .c-post p a:hover {
  text-decoration: underline
}
.c-post .js-accordion__inner &gt; *, .c-post &gt; * {
  margin-bottom: 1.25em
}
.c-post .js-accordion__inner &gt; :first-child, .c-post &gt; :first-child {
  margin-top: 0
}
.c-post .js-accordion__inner &gt; :last-child, .c-post &gt; :last-child {
  margin-bottom: 0
}
.c-post .js-accordion__inner &gt; * &gt; *, .c-post &gt; * &gt; * {
  margin-bottom: 1em
}
.c-post .js-accordion__inner &gt; * &gt; :first-child, .c-post &gt; * &gt; :first-child {
  margin-top: 0
}
.c-post .js-accordion__inner &gt; * &gt; :last-child, .c-post .p-field_single__item__head, .c-post &gt; * &gt; :last-child {
  margin-bottom: 0
}
.c-post .p-field_single__item__body &gt; :first-child {
  margin-top: 0
}
.c-post .p-field_single__item__body &gt; :last-child {
  margin-bottom: 0
}
.c-post h2, .c-post h3, .c-post h4, .c-post h5, .c-post h6 {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: .05em;
  margin-left: -.025em;
  margin-top: 2.5em
}
.c-post .icon {
  margin-bottom: 0
}
.c-post .wp-block-table table {
  font-size: 1.6rem
}
.c-post .wp-block-table table tr td, .c-post .wp-block-table table tr th {
  min-width: 80px
}
.c-post h2 {
  background-color: #f3f6fc;
  border-left: 3px solid;
  color: #2a4ba9;
  font-size: 2.2rem;
  padding: 1em 25px
}
.-product.c-post h2 {
  background-color: transparent;
  border-bottom: 1px solid #a4abbb;
  border-left: none;
  padding: 0 0 .25em
}
.c-post h3 {
  border-left: 3px solid #ffc00f;
  font-size: 2.2rem;
  padding: .5em 25px
}
.c-post h4 {
  font-size: 2rem
}
.c-post h5, .c-post h6 {
  font-size: 1.8rem
}
.c-post .wp-block-video {
  background-color: #111;
  display: block;
  margin: 120px auto;
  max-width: 760px
}
.c-post ol, .c-post ul {
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  background-color: #f3f6fc;
  border-radius: 10px;
  letter-spacing: .05em;
  line-height: 1.75;
  padding: 40px 50px
}
.c-post ol li, .c-post ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .75em
}
.c-post ol li:last-child, .c-post ul li:last-child {
  margin-bottom: 0
}
.-product.c-post ol, .-product.c-post ul {
  background-color: transparent;
  line-height: 1.5;
  padding: 12.5px
}
.-product.c-post ul li:before {
  border-bottom: 2px solid #2a4ba9;
  border-left: 2px solid #2a4ba9
}
.c-post ul li:before {
  border-bottom: 2px solid #09b0b6;
  border-left: 2px solid #09b0b6;
  content: "";
  display: block;
  height: .5em;
  margin-right: .75em;
  margin-top: .5em;
  min-width: 1em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 1em
}
.c-post ol {
  counter-reset: post-ol
}
.c-post ol li {
  counter-increment: post-ol
}
.c-post ol li:before {
  color: #09b0b6;
  content: counter(post-ol, decimal-leading-zero);
  display: block;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  margin-right: .5em;
  min-width: 1.5em;
  text-align: center;
  width: 1.5em
}
.-product.c-post ol li:before {
  color: #2a4ba9
}
.c-post .wp-block-embed-youtube {
  background-color: #111;
  display: block;
  margin: 3.5em auto;
  position: relative
}
.c-post .wp-block-embed-youtube:before {
  content: "";
  display: block;
  padding-top: 56.25%
}
.c-post .wp-block-embed-youtube .wp-block-embed__wrapper {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.c-post .wp-block-embed-youtube .wp-block-embed__wrapper iframe {
  display: block;
  height: 100%;
  width: 100%
}
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */ *, :after, :before {
  border-style: solid;
  border-width: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  line-height: 1.15
}
body {
  margin: 0
}
main {
  display: block
}
address, blockquote, dl, figure, form, iframe, p, pre, table {
  margin: 0
}
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  margin: 0
}
ol, ul {
  list-style: none;
  margin: 0;
  padding: 0
}
dt {
  font-weight: 700
}
dd {
  margin-left: 0
}
hr {
  border-top-width: 1px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  clear: both;
  color: inherit;
  height: 0;
  margin: 0;
  overflow: visible
}
pre {
  font-family: monospace, monospace;
  font-size: inherit
}
address {
  font-style: inherit
}
a {
  background-color: transparent;
  color: inherit;
  text-decoration: none
}
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}
b, strong {
  font-weight: bolder
}
code, kbd, samp {
  font-family: monospace, monospace;
  font-size: inherit
}
small {
  font-size: 80%
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}
sub {
  bottom: -.25em
}
sup {
  top: -.5em
}
embed, iframe, img, object {
}
button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border-radius: 0;
  color: inherit;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: middle
}
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox
}
[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio
}
button, input {
  overflow: visible
}
button, select {
  text-transform: none
}
[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer
}
[type=button][disabled], [type=reset][disabled], [type=submit][disabled], button[disabled] {
  cursor: default
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText
}
select::-ms-expand {
  display: none
}
fieldset, option {
  padding: 0
}
fieldset {
  margin: 0;
  min-width: 0
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}
progress {
  vertical-align: baseline
}
textarea {
  overflow: auto
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto
}
[type=search] {
  outline-offset: -2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}
label[for] {
  cursor: pointer
}
details {
  display: block
}
summary {
  display: list-item
}
[contenteditable] {
  outline: none
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
caption {
  text-align: left
}
td, th {
  padding: 0;
  vertical-align: top
}
th {
  font-weight: 700;
  text-align: left
}
[hidden], template {
  display: none
}
:root {
  --vh: 1vh
}

body #page {
  padding-top: 110px
}
body.home #page {
  padding-top: 0
}
#page {
  font-weight: 500;
  overflow: hidden;
  position: relative
}
figure, picture {
  display: inline-block
}
img {
  height: auto;
  max-width: 100%;
}
img.-l {
  -o-object-position: left center;
  object-position: left center
}
img.-lc {
  -o-object-position: 25% center;
  object-position: 25% center
}
img.-r {
  -o-object-position: right center;
  object-position: right center
}
img.-rc {
  -o-object-position: 75% center;
  object-position: 75% center
}
img.-t {
  -o-object-position: center top;
  object-position: center top
}
img.-tc {
  -o-object-position: center 25%;
  object-position: center 25%
}
img.-b {
  -o-object-position: center bottom;
  object-position: center bottom
}
img.-bc {
  -o-object-position: center 75%;
  object-position: center 75%
}
svg {
  overflow: hidden
}
.js-svg {
  display: inline-block;
  height: 1em;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  width: 1em
}
img.js-svg {
  opacity: 0
}
svg.js-svg {
  opacity: 1
}
img.js-lazyload {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
img.js-lazyload.isLoaded {
  opacity: 1
}
picture.js-lazyload img {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity .5s
}
picture.js-lazyload img.isLoaded {
  opacity: 1
}
.js-bgmedia {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.js-anim_elm.-base {
  opacity: 0;
  -webkit-transform: translateY(calc(2.04082vw + 17.34694px));
  transform: translateY(calc(2.04082vw + 17.34694px));
  -webkit-transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: transform 2s cubic-bezier(.215, .61, .355, 1), opacity 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 2s cubic-bezier(.215, .61, .355, 1), opacity 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1)
}
.js-anim_elm.-base.is-act {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.js-anim_elm.-baseright {
  opacity: 0;
  -webkit-transform: translateX(calc(2.04082vw + 17.34694px));
  transform: translateX(calc(2.04082vw + 17.34694px));
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.js-anim_elm.-baseright.is-act {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.js-anim_elm.-baseleft {
  opacity: 0;
  -webkit-transform: translateX(calc(-2.04082vw - 17.34694px));
  transform: translateX(calc(-2.04082vw - 17.34694px));
  -webkit-transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), opacity .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.js-anim_elm.-baseleft.is-act {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.c-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 50px;
  padding-right: 50px;
  width: 1210px
}
.c-container.-small {
  width: 1020px
}
.c-fluid {
  padding-left: 50px;
  padding-right: 50px
}
.l-header {
  font-size: 1.6rem;
  height: 110px;
  left: 0;
  line-height: 1.4;
  position: fixed;
  top: 0;
  -webkit-transition: background-color .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: background-color .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform .5s cubic-bezier(.215, .61, .355, 1), background-color .5s;
  transition: transform .5s cubic-bezier(.215, .61, .355, 1), background-color .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  width: 100%;
  z-index: 8000
}
.is-pc .l-header:hover, .l-header {
  background-color: #fff
}
.home.is-top .l-header {
  background-color: transparent
}
.is-down .l-header {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}
.l-header .c-fluid {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px
}
.l-header .c-fluid .c-logo {
  margin-right: auto
}
.l-header__menu {
  height: 90px;
  width: 100%
}
.-recruit .l-header__menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px
}
.-recruit .l-header__menu, .l-header__menu__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.l-header__menu__buttons {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 50px;
  justify-content: flex-end
}
.l-header__menu__buttons a {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #2a4ba9;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  height: 34px;
  justify-content: center;
  margin-right: 10px;
  width: 200px
}
.l-header__menu__buttons a:last-child {
  margin-right: 0
}
.l-header__menu__buttons a .js-svg, .l-header__menu__buttons a svg {
  margin-right: .5em
}
.l-header__menu__buttons a.-accent {
  background-color: #09b0b6
}
.l-header__menu__buttons a.-yellow {
  background-color: #ffc00f
}
.l-header__menu__list {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end
}
.-recruit .l-header__menu__list {
  width: 100%
}
.l-header__menu__item {
  position: relative
}
.is-pc .l-header__menu__item &gt; a {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .l-header__menu__item &gt; a:hover {
  color: #2a4ba9
}
.-recruit .l-header__menu__item &gt; .link .js-svg, .-recruit .l-header__menu__item &gt; .link svg, .-recruit .l-header__menu__item &gt; a .js-svg, .-recruit .l-header__menu__item &gt; a svg, .is-pc .-recruit .l-header__menu__item &gt; a:hover {
  color: #09b0b6
}
.l-header__menu__item &gt; .link, .l-header__menu__item &gt; a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-left: 25px;
  padding-right: 25px
}
.l-header__menu__item &gt; .link .js-svg, .l-header__menu__item &gt; .link svg, .l-header__menu__item &gt; a .js-svg, .l-header__menu__item &gt; a svg {
  color: #2a4ba9;
  margin-left: .75em
}
.l-header__menu__item .c-button01 {
  padding-left: 25px
}
.l-header__menu__item .c-button01 .link, .l-header__menu__item .c-button01 a {
  width: 220px
}
.l-header__menu__search {
  margin-left: 25px;
  max-width: 220px;
  min-width: 220px
}
.l-header .c-drawer_button {
  display: none
}
.l-footer {
  line-height: 1.4;
  padding-top: 100px
}
.l-footer__head, .l-footer__head__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.l-footer__head__top {
  margin-right: auto
}
.-recruit .l-footer__head__top {
  display: block
}
.l-footer__head__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  line-height: 1.75
}
.l-footer__head__item .head {
  display: block;
  margin-bottom: .75em
}
.l-footer__head__item .list .item {
  margin-bottom: .75em;
  padding-right: 40px
}
.l-footer__head__item .list .item:last-child {
  margin-bottom: 0
}
.l-footer__head__item .list .item:before {
  color: #09b0b6;
  content: "ー";
  margin-right: .5em
}
.l-footer__head__item .list .item .js-svg, .l-footer__head__item .list .item svg {
  margin-left: .75em
}
.is-pc .l-footer__head__item .list .item a:hover {
  color: #09b0b6;
  text-decoration: underline
}
.l-footer__head__item .list.-double {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 320px
}
.l-footer__head__item .list.-double .item {
  max-width: 50%;
  width: 100%
}
.l-footer__body {
  margin-top: 70px;
  width: 100%
}
.l-footer__body, .l-footer__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.l-footer__sns {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 35px
}
.-recruit .l-footer__sns {
  margin-left: 0;
  margin-top: 25px
}
.l-footer__sns a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #f3f6fc;
  border-radius: 9999px;
  color: #2a4ba9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-right: 10px;
  min-width: 50px;
  width: 50px
}
.l-footer__sns a:last-child {
  margin-right: 0
}
.is-pc .l-footer__sns a {
  -webkit-transition: color .25s, background-color .25s;
  transition: color .25s, background-color .25s
}
.is-pc .l-footer__sns a:hover {
  background-color: #2a4ba9;
  color: #fff
}
.l-footer__list {
  font-size: 1.5rem;
  padding-right: 1em;
  width: 100%
}
.l-footer__list:last-child {
  padding-right: 0
}
.l-footer__item {
  margin-bottom: 2em;
  padding-right: 1em
}
.l-footer__list:last-child .l-footer__item {
  padding-right: 0
}
.l-footer__item:last-child {
  margin-bottom: 0
}
.l-footer__item &gt; .link, .l-footer__item &gt; a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: .75em
}
.l-footer__item &gt; .link .en, .l-footer__item &gt; a .en {
  font-size: 2rem;
  margin-right: .15em
}
.l-footer__item &gt; .link .ja, .l-footer__item &gt; a .ja {
  margin-left: .2em;
  margin-top: .15em
}
.l-footer__item &gt; .link .arrow, .l-footer__item &gt; a .arrow {
  height: 1.25em;
  margin-left: .5em;
  min-width: 1.25em;
  width: 1.25em
}
.l-footer__item__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1em;
  text-transform: capitalize
}
.l-footer__item__item:last-child {
  margin-bottom: 0
}
.l-footer__item__item:before {
  color: #2a4ba9;
  content: "ー";
  margin-right: 1em
}
.l-footer__item__item a .js-svg, .l-footer__item__item a svg {
  color: #2a4ba9;
  margin-left: .75em
}
.is-pc .l-footer__item__item a:hover {
  color: #2a4ba9;
  text-decoration: underline
}
.l-footer__foot {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  height: 70px;
  justify-content: center;
  position: relative;
  text-align: center
}
.l-footer__foot .privacy {
  position: absolute;
  right: 0;
  text-decoration: underline;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.is-pc .l-footer__foot .privacy {
  text-decoration: none
}
.is-pc .l-footer__foot .privacy:hover {
  color: #09b0b6;
  text-decoration: underline
}
.l-footer__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.l-footer__buttons &gt; * {
  margin-right: 15px
}
.l-footer__buttons &gt; .c-button01 .link, .l-footer__buttons &gt; .c-button01 a {
  padding-left: .5em;
  padding-right: .5em;
  width: 220px
}
.l-footer__buttons &gt; :last-child {
  margin-right: 0
}
.l-footer__search {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px
}
.l-footer__search .c-input-label {
  max-width: 220px;
  width: 100%
}
.is-start .l-main &gt; * {
  opacity: 0
}
.is-start .l-main &gt; :first-child {
  -webkit-transition: opacity 1s 0s;
  transition: opacity 1s 0s
}
.is-start .l-main &gt; :nth-child(2) {
  -webkit-transition: opacity 1s .25s;
  transition: opacity 1s .25s
}
.is-start .l-main &gt; :nth-child(3) {
  -webkit-transition: opacity 1s .5s;
  transition: opacity 1s .5s
}
.is-start .l-main &gt; :nth-child(4) {
  -webkit-transition: opacity 1s .75s;
  transition: opacity 1s .75s
}
.is-start .l-main &gt; :nth-child(5) {
  -webkit-transition: opacity 1s 1s;
  transition: opacity 1s 1s
}
.is-start .l-main &gt; :nth-child(6) {
  -webkit-transition: opacity 1s 1.25s;
  transition: opacity 1s 1.25s
}
.is-start .l-main &gt; :nth-child(7) {
  -webkit-transition: opacity 1s 1.5s;
  transition: opacity 1s 1.5s
}
.is-start .l-main &gt; :nth-child(8) {
  -webkit-transition: opacity 1s 1.75s;
  transition: opacity 1s 1.75s
}
.is-start .l-main &gt; :nth-child(9) {
  -webkit-transition: opacity 1s 2s;
  transition: opacity 1s 2s
}
.is-start .l-main &gt; :nth-child(10) {
  -webkit-transition: opacity 1s 2.25s;
  transition: opacity 1s 2.25s
}
.is-start.is-loaded .l-main &gt; * {
  opacity: 1
}
.u-ib {
  display: inline-block
}
.u-bold {
  font-weight: 700
}
.u-mt0 {
  margin-top: 0 !important
}
.u-mb0 {
  margin-bottom: 0 !important
}
.u-ml0 {
  margin-left: 0 !important
}
.u-mr0 {
  margin-right: 0 !important
}
.u-pt0 {
  padding-top: 0 !important
}
.u-pb0 {
  padding-bottom: 0 !important
}
.u-pl0 {
  padding-left: 0 !important
}
.u-pr0 {
  padding-right: 0 !important
}
.u-mt5 {
  margin-top: calc(.40816vw + 3.46939px) !important
}
.u-mb5 {
  margin-bottom: calc(.40816vw + 3.46939px) !important
}
.u-ml5 {
  margin-left: calc(.40816vw + 3.46939px) !important
}
.u-mr5 {
  margin-right: calc(.40816vw + 3.46939px) !important
}
.u-pt5 {
  padding-top: calc(.40816vw + 3.46939px) !important
}
.u-pb5 {
  padding-bottom: calc(.40816vw + 3.46939px) !important
}
.u-pl5 {
  padding-left: calc(.40816vw + 3.46939px) !important
}
.u-pr5 {
  padding-right: calc(.40816vw + 3.46939px) !important
}
.u-mt10 {
  margin-top: calc(.81633vw + 6.93878px) !important
}
.u-mb10 {
  margin-bottom: calc(.81633vw + 6.93878px) !important
}
.u-ml10 {
  margin-left: calc(.81633vw + 6.93878px) !important
}
.u-mr10 {
  margin-right: calc(.81633vw + 6.93878px) !important
}
.u-pt10 {
  padding-top: calc(.81633vw + 6.93878px) !important
}
.u-pb10 {
  padding-bottom: calc(.81633vw + 6.93878px) !important
}
.u-pl10 {
  padding-left: calc(.81633vw + 6.93878px) !important
}
.u-pr10 {
  padding-right: calc(.81633vw + 6.93878px) !important
}
.u-mt15 {
  margin-top: calc(1.22449vw + 10.40816px) !important
}
.u-mb15 {
  margin-bottom: calc(1.22449vw + 10.40816px) !important
}
.u-ml15 {
  margin-left: calc(1.22449vw + 10.40816px) !important
}
.u-mr15 {
  margin-right: calc(1.22449vw + 10.40816px) !important
}
.u-pt15 {
  padding-top: calc(1.22449vw + 10.40816px) !important
}
.u-pb15 {
  padding-bottom: calc(1.22449vw + 10.40816px) !important
}
.u-pl15 {
  padding-left: calc(1.22449vw + 10.40816px) !important
}
.u-pr15 {
  padding-right: calc(1.22449vw + 10.40816px) !important
}
.u-mt20 {
  margin-top: calc(1.63265vw + 13.87755px) !important
}
.u-mb20 {
  margin-bottom: calc(1.63265vw + 13.87755px) !important
}
.u-ml20 {
  margin-left: calc(1.63265vw + 13.87755px) !important
}
.u-mr20 {
  margin-right: calc(1.63265vw + 13.87755px) !important
}
.u-pt20 {
  padding-top: calc(1.63265vw + 13.87755px) !important
}
.u-pb20 {
  padding-bottom: calc(1.63265vw + 13.87755px) !important
}
.u-pl20 {
  padding-left: calc(1.63265vw + 13.87755px) !important
}
.u-pr20 {
  padding-right: calc(1.63265vw + 13.87755px) !important
}
.u-mt25 {
  margin-top: calc(2.04082vw + 17.34694px) !important
}
.u-mb25 {
  margin-bottom: calc(2.04082vw + 17.34694px) !important
}
.u-ml25 {
  margin-left: calc(2.04082vw + 17.34694px) !important
}
.u-mr25 {
  margin-right: calc(2.04082vw + 17.34694px) !important
}
.u-pt25 {
  padding-top: calc(2.04082vw + 17.34694px) !important
}
.u-pb25 {
  padding-bottom: calc(2.04082vw + 17.34694px) !important
}
.u-pl25 {
  padding-left: calc(2.04082vw + 17.34694px) !important
}
.u-pr25 {
  padding-right: calc(2.04082vw + 17.34694px) !important
}
.u-mt30 {
  margin-top: calc(2.44898vw + 20.81633px) !important
}
.u-mb30 {
  margin-bottom: calc(2.44898vw + 20.81633px) !important
}
.u-ml30 {
  margin-left: calc(2.44898vw + 20.81633px) !important
}
.u-mr30 {
  margin-right: calc(2.44898vw + 20.81633px) !important
}
.u-pt30 {
  padding-top: calc(2.44898vw + 20.81633px) !important
}
.u-pb30 {
  padding-bottom: calc(2.44898vw + 20.81633px) !important
}
.u-pl30 {
  padding-left: calc(2.44898vw + 20.81633px) !important
}
.u-pr30 {
  padding-right: calc(2.44898vw + 20.81633px) !important
}
.u-mt35 {
  margin-top: calc(2.85714vw + 24.28571px) !important
}
.u-mb35 {
  margin-bottom: calc(2.85714vw + 24.28571px) !important
}
.u-ml35 {
  margin-left: calc(2.85714vw + 24.28571px) !important
}
.u-mr35 {
  margin-right: calc(2.85714vw + 24.28571px) !important
}
.u-pt35 {
  padding-top: calc(2.85714vw + 24.28571px) !important
}
.u-pb35 {
  padding-bottom: calc(2.85714vw + 24.28571px) !important
}
.u-pl35 {
  padding-left: calc(2.85714vw + 24.28571px) !important
}
.u-pr35 {
  padding-right: calc(2.85714vw + 24.28571px) !important
}
.u-mt40 {
  margin-top: calc(3.26531vw + 27.7551px) !important
}
.u-mb40 {
  margin-bottom: calc(3.26531vw + 27.7551px) !important
}
.u-ml40 {
  margin-left: calc(3.26531vw + 27.7551px) !important
}
.u-mr40 {
  margin-right: calc(3.26531vw + 27.7551px) !important
}
.u-pt40 {
  padding-top: calc(3.26531vw + 27.7551px) !important
}
.u-pb40 {
  padding-bottom: calc(3.26531vw + 27.7551px) !important
}
.u-pl40 {
  padding-left: calc(3.26531vw + 27.7551px) !important
}
.u-pr40 {
  padding-right: calc(3.26531vw + 27.7551px) !important
}
.u-mt45 {
  margin-top: calc(3.67347vw + 31.22449px) !important
}
.u-mb45 {
  margin-bottom: calc(3.67347vw + 31.22449px) !important
}
.u-ml45 {
  margin-left: calc(3.67347vw + 31.22449px) !important
}
.u-mr45 {
  margin-right: calc(3.67347vw + 31.22449px) !important
}
.u-pt45 {
  padding-top: calc(3.67347vw + 31.22449px) !important
}
.u-pb45 {
  padding-bottom: calc(3.67347vw + 31.22449px) !important
}
.u-pl45 {
  padding-left: calc(3.67347vw + 31.22449px) !important
}
.u-pr45 {
  padding-right: calc(3.67347vw + 31.22449px) !important
}
.u-mt50 {
  margin-top: calc(4.08163vw + 34.69388px) !important
}
.u-mb50 {
  margin-bottom: calc(4.08163vw + 34.69388px) !important
}
.u-ml50 {
  margin-left: calc(4.08163vw + 34.69388px) !important
}
.u-mr50 {
  margin-right: calc(4.08163vw + 34.69388px) !important
}
.u-pt50 {
  padding-top: calc(4.08163vw + 34.69388px) !important
}
.u-pb50 {
  padding-bottom: calc(4.08163vw + 34.69388px) !important
}
.u-pl50 {
  padding-left: calc(4.08163vw + 34.69388px) !important
}
.u-pr50 {
  padding-right: calc(4.08163vw + 34.69388px) !important
}
.u-mt55 {
  margin-top: calc(4.4898vw + 38.16327px) !important
}
.u-mb55 {
  margin-bottom: calc(4.4898vw + 38.16327px) !important
}
.u-ml55 {
  margin-left: calc(4.4898vw + 38.16327px) !important
}
.u-mr55 {
  margin-right: calc(4.4898vw + 38.16327px) !important
}
.u-pt55 {
  padding-top: calc(4.4898vw + 38.16327px) !important
}
.u-pb55 {
  padding-bottom: calc(4.4898vw + 38.16327px) !important
}
.u-pl55 {
  padding-left: calc(4.4898vw + 38.16327px) !important
}
.u-pr55 {
  padding-right: calc(4.4898vw + 38.16327px) !important
}
.u-mt60 {
  margin-top: calc(4.89796vw + 41.63265px) !important
}
.u-mb60 {
  margin-bottom: calc(4.89796vw + 41.63265px) !important
}
.u-ml60 {
  margin-left: calc(4.89796vw + 41.63265px) !important
}
.u-mr60 {
  margin-right: calc(4.89796vw + 41.63265px) !important
}
.u-pt60 {
  padding-top: calc(4.89796vw + 41.63265px) !important
}
.u-pb60 {
  padding-bottom: calc(4.89796vw + 41.63265px) !important
}
.u-pl60 {
  padding-left: calc(4.89796vw + 41.63265px) !important
}
.u-pr60 {
  padding-right: calc(4.89796vw + 41.63265px) !important
}
.u-mt65 {
  margin-top: calc(5.30612vw + 45.10204px) !important
}
.u-mb65 {
  margin-bottom: calc(5.30612vw + 45.10204px) !important
}
.u-ml65 {
  margin-left: calc(5.30612vw + 45.10204px) !important
}
.u-mr65 {
  margin-right: calc(5.30612vw + 45.10204px) !important
}
.u-pt65 {
  padding-top: calc(5.30612vw + 45.10204px) !important
}
.u-pb65 {
  padding-bottom: calc(5.30612vw + 45.10204px) !important
}
.u-pl65 {
  padding-left: calc(5.30612vw + 45.10204px) !important
}
.u-pr65 {
  padding-right: calc(5.30612vw + 45.10204px) !important
}
.u-mt70 {
  margin-top: calc(5.71429vw + 48.57143px) !important
}
.u-mb70 {
  margin-bottom: calc(5.71429vw + 48.57143px) !important
}
.u-ml70 {
  margin-left: calc(5.71429vw + 48.57143px) !important
}
.u-mr70 {
  margin-right: calc(5.71429vw + 48.57143px) !important
}
.u-pt70 {
  padding-top: calc(5.71429vw + 48.57143px) !important
}
.u-pb70 {
  padding-bottom: calc(5.71429vw + 48.57143px) !important
}
.u-pl70 {
  padding-left: calc(5.71429vw + 48.57143px) !important
}
.u-pr70 {
  padding-right: calc(5.71429vw + 48.57143px) !important
}
.u-mt75 {
  margin-top: calc(6.12245vw + 52.04082px) !important
}
.u-mb75 {
  margin-bottom: calc(6.12245vw + 52.04082px) !important
}
.u-ml75 {
  margin-left: calc(6.12245vw + 52.04082px) !important
}
.u-mr75 {
  margin-right: calc(6.12245vw + 52.04082px) !important
}
.u-pt75 {
  padding-top: calc(6.12245vw + 52.04082px) !important
}
.u-pb75 {
  padding-bottom: calc(6.12245vw + 52.04082px) !important
}
.u-pl75 {
  padding-left: calc(6.12245vw + 52.04082px) !important
}
.u-pr75 {
  padding-right: calc(6.12245vw + 52.04082px) !important
}
.u-mt80 {
  margin-top: calc(6.53061vw + 55.5102px) !important
}
.u-mb80 {
  margin-bottom: calc(6.53061vw + 55.5102px) !important
}
.u-ml80 {
  margin-left: calc(6.53061vw + 55.5102px) !important
}
.u-mr80 {
  margin-right: calc(6.53061vw + 55.5102px) !important
}
.u-pt80 {
  padding-top: calc(6.53061vw + 55.5102px) !important
}
.u-pb80 {
  padding-bottom: calc(6.53061vw + 55.5102px) !important
}
.u-pl80 {
  padding-left: calc(6.53061vw + 55.5102px) !important
}
.u-pr80 {
  padding-right: calc(6.53061vw + 55.5102px) !important
}
.u-mt85 {
  margin-top: calc(6.93878vw + 58.97959px) !important
}
.u-mb85 {
  margin-bottom: calc(6.93878vw + 58.97959px) !important
}
.u-ml85 {
  margin-left: calc(6.93878vw + 58.97959px) !important
}
.u-mr85 {
  margin-right: calc(6.93878vw + 58.97959px) !important
}
.u-pt85 {
  padding-top: calc(6.93878vw + 58.97959px) !important
}
.u-pb85 {
  padding-bottom: calc(6.93878vw + 58.97959px) !important
}
.u-pl85 {
  padding-left: calc(6.93878vw + 58.97959px) !important
}
.u-pr85 {
  padding-right: calc(6.93878vw + 58.97959px) !important
}
.u-mt90 {
  margin-top: calc(7.34694vw + 62.44898px) !important
}
.u-mb90 {
  margin-bottom: calc(7.34694vw + 62.44898px) !important
}
.u-ml90 {
  margin-left: calc(7.34694vw + 62.44898px) !important
}
.u-mr90 {
  margin-right: calc(7.34694vw + 62.44898px) !important
}
.u-pt90 {
  padding-top: calc(7.34694vw + 62.44898px) !important
}
.u-pb90 {
  padding-bottom: calc(7.34694vw + 62.44898px) !important
}
.u-pl90 {
  padding-left: calc(7.34694vw + 62.44898px) !important
}
.u-pr90 {
  padding-right: calc(7.34694vw + 62.44898px) !important
}
.u-mt95 {
  margin-top: calc(7.7551vw + 65.91837px) !important
}
.u-mb95 {
  margin-bottom: calc(7.7551vw + 65.91837px) !important
}
.u-ml95 {
  margin-left: calc(7.7551vw + 65.91837px) !important
}
.u-mr95 {
  margin-right: calc(7.7551vw + 65.91837px) !important
}
.u-pt95 {
  padding-top: calc(7.7551vw + 65.91837px) !important
}
.u-pb95 {
  padding-bottom: calc(7.7551vw + 65.91837px) !important
}
.u-pl95 {
  padding-left: calc(7.7551vw + 65.91837px) !important
}
.u-pr95 {
  padding-right: calc(7.7551vw + 65.91837px) !important
}
.u-mt100 {
  margin-top: calc(8.16327vw + 69.38776px) !important
}
.u-mb100 {
  margin-bottom: calc(8.16327vw + 69.38776px) !important
}
.u-ml100 {
  margin-left: calc(8.16327vw + 69.38776px) !important
}
.u-mr100 {
  margin-right: calc(8.16327vw + 69.38776px) !important
}
.u-pt100 {
  padding-top: calc(8.16327vw + 69.38776px) !important
}
.u-pb100 {
  padding-bottom: calc(8.16327vw + 69.38776px) !important
}
.u-pl100 {
  padding-left: calc(8.16327vw + 69.38776px) !important
}
.u-pr100 {
  padding-right: calc(8.16327vw + 69.38776px) !important
}
.d-n-max, .d-n-md, .d-n-min, .d-n-sp, .d-n-spmin, .d-n-tab {
  display: none !important
}
.c-font-mont.-extralight {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 200
}
.c-font-mont.-extralight.-italic {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 200
}
.c-font-mont.-light {
  font-style: normal
}
.c-font-mont.-light, .c-font-mont.-light.-italic {
  font-family: Montserrat, sans-serif;
  font-weight: 300
}
.c-font-mont.-light.-italic {
  font-style: italic
}
.c-font-mont.-regular {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400
}
.c-font-mont.-regular.-italic {
  font-family: Montserrat, sans-serif;
  font-style: italic;
  font-weight: 400
}
.c-font-mont.-medium {
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 500
}
.c-heading01 {
  font-size: 3.2rem
}
.c-title01 {
  font-size: 2.6rem
}
.c-title02 {
  font-size: 2.4rem
}
.c-title03 {
  font-size: 2.2rem
}
.c-title04 {
  font-size: 2rem
}
.c-title05 {
  font-size: 1.8rem
}
.c-text01, .c-title06 {
  font-size: 1.6rem
}
.c-text02 {
  font-size: 1.5rem
}
.c-text03 {
  font-size: 1.4rem
}
.c-text04 {
  font-size: 1.3rem
}
.c-text05 {
  font-size: 1.2rem
}
.c-button01 .link, .c-button01 a {
  background-color: #2a4ba9;
  border-radius: 9999px;
  color: #fff;
  padding-left: 1.5em;
  padding-right: 1.5em
}
.c-button01.-accent .link, .c-button01.-accent a {
  background-color: #09b0b6
}
.c-button01.-yellow .link, .c-button01.-yellow a {
  background-color: #ffc00f
}
.c-button02 .link .arrow, .c-button02 a .arrow {
  height: 2.25em;
  margin-right: 1em;
  min-width: 2.25em;
  width: 2.25em
}
.c-button02.c-color-white .arrow {
  color: #fff
}
.c-button02.-reverse .link, .c-button02.-reverse a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.c-button02.-reverse .link .arrow, .c-button02.-reverse a .arrow {
  margin-left: .75em;
  margin-right: 0
}
.c-button03 .link, .c-button03 a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid;
  border-radius: 9999px;
  cursor: pointer;
  padding-left: 2em;
  padding-right: 2em;
  width: 400px
}
.c-button03 .c-plusminus {
  border: none;
  margin-left: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.c-blockimage {
  display: block;
  position: relative
}
.c-blockimage:before {
  content: "";
  display: block;
  padding-top: 100%
}
.c-blockimage.-aspect9-16:before {
  padding-top: 56.25%
}
.c-blockimage.-aspect1-2:before {
  padding-top: 50%
}
.c-blockimage.-aspect2-3:before {
  padding-top: 66.6666666667%
}
.c-blockimage.-aspect3-4:before {
  padding-top: 75%
}
.c-blockimage img {
  -o-object-fit: cover;
  object-fit: cover
}
.c-blockimage img.-contain {
  -o-object-fit: contain;
  object-fit: contain
}
.c-blockimage iframe, .c-blockimage img, .c-blockimage svg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
@-webkit-keyframes light {
  0% {
    color: #2a4ba9
  }
  80% {
    color: #2a4ba9
  }
  81% {
    color: #09b0b6
  }
  85% {
    color: #09b0b6
  }
  86% {
    color: #2a4ba9
  }
  90% {
    color: #2a4ba9
  }
  91% {
    color: #09b0b6
  }
  95% {
    color: #09b0b6
  }
  96% {
    color: #2a4ba9
  }
  to {
    color: #2a4ba9
  }
}
@keyframes light {
  0% {
    color: #2a4ba9
  }
  80% {
    color: #2a4ba9
  }
  81% {
    color: #09b0b6
  }
  85% {
    color: #09b0b6
  }
  86% {
    color: #2a4ba9
  }
  90% {
    color: #2a4ba9
  }
  91% {
    color: #09b0b6
  }
  95% {
    color: #09b0b6
  }
  96% {
    color: #2a4ba9
  }
  to {
    color: #2a4ba9
  }
}
.c-tel {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-tel .reception {
  line-height: 1.4;
  margin-top: .5em
}
.c-tel .c-blockimage {
  margin-right: 5px;
  max-width: 60px;
  min-width: 60px;
  width: 100%
}
.c-tel .c-blockimage:before {
  padding-top: 116.6666666667%
}
.c-tel .number {
  color: #2a4ba9;
  font-size: 5rem;
  letter-spacing: .1em;
  line-height: 1;
  white-space: nowrap
}
.c-tel .js-svg, .c-tel svg {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: light;
  animation-name: light;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  color: #2a4ba9
}
.l-footer.-recruit .c-logo .link, .l-footer.-recruit .c-logo a, .l-header.-recruit .c-logo .link, .l-header.-recruit .c-logo a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.l-footer.-recruit .c-logo .text, .l-header.-recruit .c-logo .text {
  color: #2a4ba9;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .1em;
  margin-left: 1em;
  white-space: nowrap
}
.c-logo .link, .c-logo a {
  display: block
}
.is-pc .c-logo a {
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}
.is-pc .c-logo a:hover {
  opacity: .5
}
.c-logo .c-blockimage {
  display: block;
  max-width: 155px;
  min-width: 155px
}
.l-footer .c-logo .c-blockimage {
  max-width: 320px;
  min-width: 320px
}
.l-footer.-recruit .c-logo .c-blockimage, .l-header.-recruit .c-logo .c-blockimage {
  max-width: 136px;
  min-width: 136px
}
.c-logo .c-blockimage:before {
  padding-top: 32.9032258065%
}
.l-footer .c-logo .c-blockimage:before {
  padding-top: 10.65830721%
}
.l-footer.-recruit .c-logo .c-blockimage:before, .l-header.-recruit .c-logo .c-blockimage:before {
  padding-top: 43.125%
}
.c-arrow01 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #09b0b6;
  border-radius: 9999px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.c-arrow01 .js-svg, .c-arrow01 svg {
  height: 75%;
  width: 75%
}
.is-pc .c-arrow01 {
  -webkit-transition: background-color .25s;
  transition: background-color .25s
}
.is-pc a:hover .c-arrow01 {
  background-color: #ffc00f
}
.c-arrow02 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  border: 1px solid;
  border-radius: 9999px;
  color: #2a4ba9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.c-arrow02.-accent {
  color: #09b0b6
}
.c-arrow02.-white {
  color: #fff
}
.is-pc .c-arrow02 {
  -webkit-transition: background-color .25s;
  transition: background-color .25s
}
.is-pc .c-arrow02 .js-svg, .is-pc .c-arrow02 svg {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc a:hover .c-arrow02 {
  background-color: #2a4ba9
}
.is-pc a:hover .c-arrow02 .js-svg, .is-pc a:hover .c-arrow02 svg {
  color: #fff
}
.is-pc a:hover .c-arrow02.-accent {
  background-color: #09b0b6
}
.is-pc a:hover .c-arrow02.-white {
  background-color: #fff
}
.is-pc a:hover .c-arrow02.-white .js-svg, .is-pc a:hover .c-arrow02.-white svg {
  color: #2a4ba9
}
.c-arrow02 .js-svg, .c-arrow02 svg {
  height: 50%;
  width: 50%
}
.c-radius01 {
  border-radius: 10px
}
.c-radius01, .c-radius02 {
  overflow: hidden;
  position: relative;
  z-index: 1
}
.c-radius02 {
  border-radius: 30px
}
.c-radius03 {
  border-radius: 50px;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.c-border01 {
  border: 1px solid #eee
}
.c-color-white {
  color: #fff
}
.c-color-font {
  color: #111
}
.c-color-font-lighter {
  color: #333
}
.c-color-font-lighter2 {
  color: #a4abbb
}
.c-color-sub {
  color: #f3f6fc
}
.c-color-main {
  color: #2a4ba9
}
.c-color-accent {
  color: #09b0b6
}
.c-color-yellow {
  color: #ffc00f
}
.c-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.4
}
.c-label.-small {
  font-size: 1.4rem
}
.c-label.is-act .link, .c-label.is-act a {
  background-color: #09b0b6
}
.c-label .cat, .c-label .link, .c-label a {
  background-color: #2a4ba9;
  border-radius: 9999px;
  color: #fff;
  cursor: pointer;
  padding: .3em 1.25em .25em;
  -webkit-transition: background-color .25s;
  transition: background-color .25s
}
.c-label .cat.c-radius01, .c-label .link.c-radius01, .c-label a.c-radius01 {
  border-radius: 5px
}
.is-pc .c-label .link:hover, .is-pc .c-label a:hover {
  background-color: #09b0b6
}
.c-label .cat.-news {
  background-color: #2a4ba9
}
.c-label .cat.-column {
  background-color: #09b0b6
}
.c-dot01 {
  background-image: url(/img/common/repeat_01.png);
  background-size: 10px 10px
}
.c-illust .js-svg &gt; *, .c-illust svg &gt; * {
  opacity: 0;
  -webkit-transform: translateY(-15%);
  transform: translateY(-15%)
}
.c-illust .js-svg &gt; :first-child, .c-illust svg &gt; :first-child {
  -webkit-transition: opacity .25s 0s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .25s 0s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .25s 0s, transform .5s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .25s 0s, transform .5s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .25s
}
.c-illust .js-svg &gt; :nth-child(2), .c-illust svg &gt; :nth-child(2) {
  -webkit-transition: opacity .25s .0625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .3125s;
  transition: opacity .25s .0625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .3125s;
  transition: opacity .25s .0625s, transform .5s cubic-bezier(.215, .61, .355, 1) .3125s;
  transition: opacity .25s .0625s, transform .5s cubic-bezier(.215, .61, .355, 1) .3125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .3125s
}
.c-illust .js-svg &gt; :nth-child(3), .c-illust svg &gt; :nth-child(3) {
  -webkit-transition: opacity .25s .125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .25s .125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .25s .125s, transform .5s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .25s .125s, transform .5s cubic-bezier(.215, .61, .355, 1) .375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .375s
}
.c-illust .js-svg &gt; :nth-child(4), .c-illust svg &gt; :nth-child(4) {
  -webkit-transition: opacity .25s .1875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .4375s;
  transition: opacity .25s .1875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .4375s;
  transition: opacity .25s .1875s, transform .5s cubic-bezier(.215, .61, .355, 1) .4375s;
  transition: opacity .25s .1875s, transform .5s cubic-bezier(.215, .61, .355, 1) .4375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .4375s
}
.c-illust .js-svg &gt; :nth-child(5), .c-illust svg &gt; :nth-child(5) {
  -webkit-transition: opacity .25s .25s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .5s;
  transition: opacity .25s .25s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .5s;
  transition: opacity .25s .25s, transform .5s cubic-bezier(.215, .61, .355, 1) .5s;
  transition: opacity .25s .25s, transform .5s cubic-bezier(.215, .61, .355, 1) .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .5s
}
.c-illust .js-svg &gt; :nth-child(6), .c-illust svg &gt; :nth-child(6) {
  -webkit-transition: opacity .25s .3125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .5625s;
  transition: opacity .25s .3125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .5625s;
  transition: opacity .25s .3125s, transform .5s cubic-bezier(.215, .61, .355, 1) .5625s;
  transition: opacity .25s .3125s, transform .5s cubic-bezier(.215, .61, .355, 1) .5625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .5625s
}
.c-illust .js-svg &gt; :nth-child(7), .c-illust svg &gt; :nth-child(7) {
  -webkit-transition: opacity .25s .375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .625s;
  transition: opacity .25s .375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .625s;
  transition: opacity .25s .375s, transform .5s cubic-bezier(.215, .61, .355, 1) .625s;
  transition: opacity .25s .375s, transform .5s cubic-bezier(.215, .61, .355, 1) .625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .625s
}
.c-illust .js-svg &gt; :nth-child(8), .c-illust svg &gt; :nth-child(8) {
  -webkit-transition: opacity .25s .4375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .6875s;
  transition: opacity .25s .4375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .6875s;
  transition: opacity .25s .4375s, transform .5s cubic-bezier(.215, .61, .355, 1) .6875s;
  transition: opacity .25s .4375s, transform .5s cubic-bezier(.215, .61, .355, 1) .6875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .6875s
}
.c-illust .js-svg &gt; :nth-child(9), .c-illust svg &gt; :nth-child(9) {
  -webkit-transition: opacity .25s .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .75s;
  transition: opacity .25s .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .75s;
  transition: opacity .25s .5s, transform .5s cubic-bezier(.215, .61, .355, 1) .75s;
  transition: opacity .25s .5s, transform .5s cubic-bezier(.215, .61, .355, 1) .75s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .75s
}
.c-illust .js-svg &gt; :nth-child(10), .c-illust svg &gt; :nth-child(10) {
  -webkit-transition: opacity .25s .5625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .8125s;
  transition: opacity .25s .5625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .8125s;
  transition: opacity .25s .5625s, transform .5s cubic-bezier(.215, .61, .355, 1) .8125s;
  transition: opacity .25s .5625s, transform .5s cubic-bezier(.215, .61, .355, 1) .8125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .8125s
}
.c-illust .js-svg &gt; :nth-child(11), .c-illust svg &gt; :nth-child(11) {
  -webkit-transition: opacity .25s .625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .875s;
  transition: opacity .25s .625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .875s;
  transition: opacity .25s .625s, transform .5s cubic-bezier(.215, .61, .355, 1) .875s;
  transition: opacity .25s .625s, transform .5s cubic-bezier(.215, .61, .355, 1) .875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .875s
}
.c-illust .js-svg &gt; :nth-child(12), .c-illust svg &gt; :nth-child(12) {
  -webkit-transition: opacity .25s .6875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .9375s;
  transition: opacity .25s .6875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .9375s;
  transition: opacity .25s .6875s, transform .5s cubic-bezier(.215, .61, .355, 1) .9375s;
  transition: opacity .25s .6875s, transform .5s cubic-bezier(.215, .61, .355, 1) .9375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) .9375s
}
.c-illust .js-svg &gt; :nth-child(13), .c-illust svg &gt; :nth-child(13) {
  -webkit-transition: opacity .25s .75s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .25s .75s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .25s .75s, transform .5s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .25s .75s, transform .5s cubic-bezier(.215, .61, .355, 1) 1s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1s
}
.c-illust .js-svg &gt; :nth-child(14), .c-illust svg &gt; :nth-child(14) {
  -webkit-transition: opacity .25s .8125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.0625s;
  transition: opacity .25s .8125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.0625s;
  transition: opacity .25s .8125s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.0625s;
  transition: opacity .25s .8125s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.0625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.0625s
}
.c-illust .js-svg &gt; :nth-child(15), .c-illust svg &gt; :nth-child(15) {
  -webkit-transition: opacity .25s .875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.125s;
  transition: opacity .25s .875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.125s;
  transition: opacity .25s .875s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.125s;
  transition: opacity .25s .875s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.125s
}
.c-illust .js-svg &gt; :nth-child(16), .c-illust svg &gt; :nth-child(16) {
  -webkit-transition: opacity .25s .9375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.1875s;
  transition: opacity .25s .9375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.1875s;
  transition: opacity .25s .9375s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.1875s;
  transition: opacity .25s .9375s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.1875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.1875s
}
.c-illust .js-svg &gt; :nth-child(17), .c-illust svg &gt; :nth-child(17) {
  -webkit-transition: opacity .25s 1s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.25s;
  transition: opacity .25s 1s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.25s;
  transition: opacity .25s 1s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.25s;
  transition: opacity .25s 1s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.25s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.25s
}
.c-illust .js-svg &gt; :nth-child(18), .c-illust svg &gt; :nth-child(18) {
  -webkit-transition: opacity .25s 1.0625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.3125s;
  transition: opacity .25s 1.0625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.3125s;
  transition: opacity .25s 1.0625s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.3125s;
  transition: opacity .25s 1.0625s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.3125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.3125s
}
.c-illust .js-svg &gt; :nth-child(19), .c-illust svg &gt; :nth-child(19) {
  -webkit-transition: opacity .25s 1.125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.375s;
  transition: opacity .25s 1.125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.375s;
  transition: opacity .25s 1.125s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.375s;
  transition: opacity .25s 1.125s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.375s
}
.c-illust .js-svg &gt; :nth-child(20), .c-illust svg &gt; :nth-child(20) {
  -webkit-transition: opacity .25s 1.1875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.4375s;
  transition: opacity .25s 1.1875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.4375s;
  transition: opacity .25s 1.1875s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.4375s;
  transition: opacity .25s 1.1875s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.4375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.4375s
}
.c-illust .js-svg &gt; :nth-child(21), .c-illust svg &gt; :nth-child(21) {
  -webkit-transition: opacity .25s 1.25s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.5s;
  transition: opacity .25s 1.25s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.5s;
  transition: opacity .25s 1.25s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.5s;
  transition: opacity .25s 1.25s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.5s
}
.c-illust .js-svg &gt; :nth-child(22), .c-illust svg &gt; :nth-child(22) {
  -webkit-transition: opacity .25s 1.3125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.5625s;
  transition: opacity .25s 1.3125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.5625s;
  transition: opacity .25s 1.3125s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.5625s;
  transition: opacity .25s 1.3125s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.5625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.5625s
}
.c-illust .js-svg &gt; :nth-child(23), .c-illust svg &gt; :nth-child(23) {
  -webkit-transition: opacity .25s 1.375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.625s;
  transition: opacity .25s 1.375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.625s;
  transition: opacity .25s 1.375s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.625s;
  transition: opacity .25s 1.375s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.625s
}
.c-illust .js-svg &gt; :nth-child(24), .c-illust svg &gt; :nth-child(24) {
  -webkit-transition: opacity .25s 1.4375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.6875s;
  transition: opacity .25s 1.4375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.6875s;
  transition: opacity .25s 1.4375s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.6875s;
  transition: opacity .25s 1.4375s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.6875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.6875s
}
.c-illust .js-svg &gt; :nth-child(25), .c-illust svg &gt; :nth-child(25) {
  -webkit-transition: opacity .25s 1.5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.75s;
  transition: opacity .25s 1.5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.75s;
  transition: opacity .25s 1.5s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.75s;
  transition: opacity .25s 1.5s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.75s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.75s
}
.c-illust .js-svg &gt; :nth-child(26), .c-illust svg &gt; :nth-child(26) {
  -webkit-transition: opacity .25s 1.5625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.8125s;
  transition: opacity .25s 1.5625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.8125s;
  transition: opacity .25s 1.5625s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.8125s;
  transition: opacity .25s 1.5625s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.8125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.8125s
}
.c-illust .js-svg &gt; :nth-child(27), .c-illust svg &gt; :nth-child(27) {
  -webkit-transition: opacity .25s 1.625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.875s;
  transition: opacity .25s 1.625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.875s;
  transition: opacity .25s 1.625s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.875s;
  transition: opacity .25s 1.625s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.875s
}
.c-illust .js-svg &gt; :nth-child(28), .c-illust svg &gt; :nth-child(28) {
  -webkit-transition: opacity .25s 1.6875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.9375s;
  transition: opacity .25s 1.6875s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.9375s;
  transition: opacity .25s 1.6875s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.9375s;
  transition: opacity .25s 1.6875s, transform .5s cubic-bezier(.215, .61, .355, 1) 1.9375s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 1.9375s
}
.c-illust .js-svg &gt; :nth-child(29), .c-illust svg &gt; :nth-child(29) {
  -webkit-transition: opacity .25s 1.75s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 2s;
  transition: opacity .25s 1.75s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 2s;
  transition: opacity .25s 1.75s, transform .5s cubic-bezier(.215, .61, .355, 1) 2s;
  transition: opacity .25s 1.75s, transform .5s cubic-bezier(.215, .61, .355, 1) 2s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 2s
}
.c-illust .js-svg &gt; :nth-child(30), .c-illust svg &gt; :nth-child(30) {
  -webkit-transition: opacity .25s 1.8125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 2.0625s;
  transition: opacity .25s 1.8125s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 2.0625s;
  transition: opacity .25s 1.8125s, transform .5s cubic-bezier(.215, .61, .355, 1) 2.0625s;
  transition: opacity .25s 1.8125s, transform .5s cubic-bezier(.215, .61, .355, 1) 2.0625s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1) 2.0625s
}
.c-illust.is-act .js-svg &gt; *, .c-illust.is-act svg &gt; * {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.c-illust.is-act .js-svg &gt; :first-child, .c-illust.is-act svg &gt; :first-child {
  -webkit-transition: opacity .5s 0s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: opacity .5s 0s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: opacity .5s 0s, transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: opacity .5s 0s, transform 1s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s
}
.c-illust.is-act .js-svg &gt; :nth-child(2), .c-illust.is-act svg &gt; :nth-child(2) {
  -webkit-transition: opacity .5s .125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: opacity .5s .125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: opacity .5s .125s, transform 1s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: opacity .5s .125s, transform 1s cubic-bezier(.215, .61, .355, 1) .125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .125s
}
.c-illust.is-act .js-svg &gt; :nth-child(3), .c-illust.is-act svg &gt; :nth-child(3) {
  -webkit-transition: opacity .5s .25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .25s, transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .25s, transform 1s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s
}
.c-illust.is-act .js-svg &gt; :nth-child(4), .c-illust.is-act svg &gt; :nth-child(4) {
  -webkit-transition: opacity .5s .375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .5s .375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .5s .375s, transform 1s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .5s .375s, transform 1s cubic-bezier(.215, .61, .355, 1) .375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .375s
}
.c-illust.is-act .js-svg &gt; :nth-child(5), .c-illust.is-act svg &gt; :nth-child(5) {
  -webkit-transition: opacity .5s .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .5s;
  transition: opacity .5s .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .5s;
  transition: opacity .5s .5s, transform 1s cubic-bezier(.215, .61, .355, 1) .5s;
  transition: opacity .5s .5s, transform 1s cubic-bezier(.215, .61, .355, 1) .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .5s
}
.c-illust.is-act .js-svg &gt; :nth-child(6), .c-illust.is-act svg &gt; :nth-child(6) {
  -webkit-transition: opacity .5s .625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .625s;
  transition: opacity .5s .625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .625s;
  transition: opacity .5s .625s, transform 1s cubic-bezier(.215, .61, .355, 1) .625s;
  transition: opacity .5s .625s, transform 1s cubic-bezier(.215, .61, .355, 1) .625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .625s
}
.c-illust.is-act .js-svg &gt; :nth-child(7), .c-illust.is-act svg &gt; :nth-child(7) {
  -webkit-transition: opacity .5s .75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .75s;
  transition: opacity .5s .75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .75s;
  transition: opacity .5s .75s, transform 1s cubic-bezier(.215, .61, .355, 1) .75s;
  transition: opacity .5s .75s, transform 1s cubic-bezier(.215, .61, .355, 1) .75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .75s
}
.c-illust.is-act .js-svg &gt; :nth-child(8), .c-illust.is-act svg &gt; :nth-child(8) {
  -webkit-transition: opacity .5s .875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .875s;
  transition: opacity .5s .875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .875s;
  transition: opacity .5s .875s, transform 1s cubic-bezier(.215, .61, .355, 1) .875s;
  transition: opacity .5s .875s, transform 1s cubic-bezier(.215, .61, .355, 1) .875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .875s
}
.c-illust.is-act .js-svg &gt; :nth-child(9), .c-illust.is-act svg &gt; :nth-child(9) {
  -webkit-transition: opacity .5s 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .5s 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .5s 1s, transform 1s cubic-bezier(.215, .61, .355, 1) 1s;
  transition: opacity .5s 1s, transform 1s cubic-bezier(.215, .61, .355, 1) 1s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1s
}
.c-illust.is-act .js-svg &gt; :nth-child(10), .c-illust.is-act svg &gt; :nth-child(10) {
  -webkit-transition: opacity .5s 1.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.125s;
  transition: opacity .5s 1.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.125s;
  transition: opacity .5s 1.125s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.125s;
  transition: opacity .5s 1.125s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.125s
}
.c-illust.is-act .js-svg &gt; :nth-child(11), .c-illust.is-act svg &gt; :nth-child(11) {
  -webkit-transition: opacity .5s 1.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.25s;
  transition: opacity .5s 1.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.25s;
  transition: opacity .5s 1.25s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.25s;
  transition: opacity .5s 1.25s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.25s
}
.c-illust.is-act .js-svg &gt; :nth-child(12), .c-illust.is-act svg &gt; :nth-child(12) {
  -webkit-transition: opacity .5s 1.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.375s;
  transition: opacity .5s 1.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.375s;
  transition: opacity .5s 1.375s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.375s;
  transition: opacity .5s 1.375s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.375s
}
.c-illust.is-act .js-svg &gt; :nth-child(13), .c-illust.is-act svg &gt; :nth-child(13) {
  -webkit-transition: opacity .5s 1.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.5s;
  transition: opacity .5s 1.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.5s;
  transition: opacity .5s 1.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.5s;
  transition: opacity .5s 1.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.5s
}
.c-illust.is-act .js-svg &gt; :nth-child(14), .c-illust.is-act svg &gt; :nth-child(14) {
  -webkit-transition: opacity .5s 1.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.625s;
  transition: opacity .5s 1.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.625s;
  transition: opacity .5s 1.625s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.625s;
  transition: opacity .5s 1.625s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.625s
}
.c-illust.is-act .js-svg &gt; :nth-child(15), .c-illust.is-act svg &gt; :nth-child(15) {
  -webkit-transition: opacity .5s 1.75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.75s;
  transition: opacity .5s 1.75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.75s;
  transition: opacity .5s 1.75s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.75s;
  transition: opacity .5s 1.75s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.75s
}
.c-illust.is-act .js-svg &gt; :nth-child(16), .c-illust.is-act svg &gt; :nth-child(16) {
  -webkit-transition: opacity .5s 1.875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.875s;
  transition: opacity .5s 1.875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.875s;
  transition: opacity .5s 1.875s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.875s;
  transition: opacity .5s 1.875s, transform 1s cubic-bezier(.215, .61, .355, 1) 1.875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 1.875s
}
.c-illust.is-act .js-svg &gt; :nth-child(17), .c-illust.is-act svg &gt; :nth-child(17) {
  -webkit-transition: opacity .5s 2s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2s;
  transition: opacity .5s 2s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2s;
  transition: opacity .5s 2s, transform 1s cubic-bezier(.215, .61, .355, 1) 2s;
  transition: opacity .5s 2s, transform 1s cubic-bezier(.215, .61, .355, 1) 2s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2s
}
.c-illust.is-act .js-svg &gt; :nth-child(18), .c-illust.is-act svg &gt; :nth-child(18) {
  -webkit-transition: opacity .5s 2.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.125s;
  transition: opacity .5s 2.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.125s;
  transition: opacity .5s 2.125s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.125s;
  transition: opacity .5s 2.125s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.125s
}
.c-illust.is-act .js-svg &gt; :nth-child(19), .c-illust.is-act svg &gt; :nth-child(19) {
  -webkit-transition: opacity .5s 2.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.25s;
  transition: opacity .5s 2.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.25s;
  transition: opacity .5s 2.25s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.25s;
  transition: opacity .5s 2.25s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.25s
}
.c-illust.is-act .js-svg &gt; :nth-child(20), .c-illust.is-act svg &gt; :nth-child(20) {
  -webkit-transition: opacity .5s 2.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.375s;
  transition: opacity .5s 2.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.375s;
  transition: opacity .5s 2.375s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.375s;
  transition: opacity .5s 2.375s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.375s
}
.c-illust.is-act .js-svg &gt; :nth-child(21), .c-illust.is-act svg &gt; :nth-child(21) {
  -webkit-transition: opacity .5s 2.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.5s;
  transition: opacity .5s 2.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.5s;
  transition: opacity .5s 2.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.5s;
  transition: opacity .5s 2.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.5s
}
.c-illust.is-act .js-svg &gt; :nth-child(22), .c-illust.is-act svg &gt; :nth-child(22) {
  -webkit-transition: opacity .5s 2.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.625s;
  transition: opacity .5s 2.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.625s;
  transition: opacity .5s 2.625s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.625s;
  transition: opacity .5s 2.625s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.625s
}
.c-illust.is-act .js-svg &gt; :nth-child(23), .c-illust.is-act svg &gt; :nth-child(23) {
  -webkit-transition: opacity .5s 2.75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.75s;
  transition: opacity .5s 2.75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.75s;
  transition: opacity .5s 2.75s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.75s;
  transition: opacity .5s 2.75s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.75s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.75s
}
.c-illust.is-act .js-svg &gt; :nth-child(24), .c-illust.is-act svg &gt; :nth-child(24) {
  -webkit-transition: opacity .5s 2.875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.875s;
  transition: opacity .5s 2.875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.875s;
  transition: opacity .5s 2.875s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.875s;
  transition: opacity .5s 2.875s, transform 1s cubic-bezier(.215, .61, .355, 1) 2.875s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 2.875s
}
.c-illust.is-act .js-svg &gt; :nth-child(25), .c-illust.is-act svg &gt; :nth-child(25) {
  -webkit-transition: opacity .5s 3s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3s;
  transition: opacity .5s 3s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3s;
  transition: opacity .5s 3s, transform 1s cubic-bezier(.215, .61, .355, 1) 3s;
  transition: opacity .5s 3s, transform 1s cubic-bezier(.215, .61, .355, 1) 3s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3s
}
.c-illust.is-act .js-svg &gt; :nth-child(26), .c-illust.is-act svg &gt; :nth-child(26) {
  -webkit-transition: opacity .5s 3.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.125s;
  transition: opacity .5s 3.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.125s;
  transition: opacity .5s 3.125s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.125s;
  transition: opacity .5s 3.125s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.125s
}
.c-illust.is-act .js-svg &gt; :nth-child(27), .c-illust.is-act svg &gt; :nth-child(27) {
  -webkit-transition: opacity .5s 3.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.25s;
  transition: opacity .5s 3.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.25s;
  transition: opacity .5s 3.25s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.25s;
  transition: opacity .5s 3.25s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.25s
}
.c-illust.is-act .js-svg &gt; :nth-child(28), .c-illust.is-act svg &gt; :nth-child(28) {
  -webkit-transition: opacity .5s 3.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.375s;
  transition: opacity .5s 3.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.375s;
  transition: opacity .5s 3.375s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.375s;
  transition: opacity .5s 3.375s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.375s
}
.c-illust.is-act .js-svg &gt; :nth-child(29), .c-illust.is-act svg &gt; :nth-child(29) {
  -webkit-transition: opacity .5s 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;
  transition: opacity .5s 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;
  transition: opacity .5s 3.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;
  transition: opacity .5s 3.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s
}
.c-illust.is-act .js-svg &gt; :nth-child(30), .c-illust.is-act svg &gt; :nth-child(30) {
  -webkit-transition: opacity .5s 3.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.625s;
  transition: opacity .5s 3.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.625s;
  transition: opacity .5s 3.625s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.625s;
  transition: opacity .5s 3.625s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.625s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.625s
}
.c-tag01 {
  color: #a4abbb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: -.5em
}
.c-tag01 li {
  margin-bottom: .5em;
  margin-right: 1em
}
.c-tag01 li &gt; :before {
  content: "#"
}
.is-pc .c-tag01 li a:hover {
  color: #2a4ba9;
  text-decoration: underline
}
.c-plusminus {
  border: 1px solid;
  border-radius: 9999px;
  display: block;
  height: 30px;
  position: relative;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 30px
}
.c-plusminus:after, .c-plusminus:before {
  border-top: 2px solid;
  content: "";
  display: block;
  left: 25%;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity .25s, -webkit-transform .25s;
  transition: opacity .25s, -webkit-transform .25s;
  transition: transform .25s, opacity .25s;
  transition: transform .25s, opacity .25s, -webkit-transform .25s;
  width: 50%
}
.c-plusminus:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.is-open .c-plusminus:before {
  opacity: 0;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg)
}
.is-open .c-plusminus:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg)
}
.keen-slider__pagination {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end
}
.keen-slider__pagination li {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  margin-right: 5px;
  width: 60px
}
.keen-slider__pagination li:after {
  background-color: #f3f6fc;
  content: "";
  display: block;
  height: 3px;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
  width: 100%
}
.keen-slider__pagination li:last-child {
  margin-right: 0
}
.keen-slider__pagination li.is-act:after {
  background-color: #2a4ba9
}
.keen-slider__scrollbar {
  background-color: #fff;
  border-bottom: 20px solid #f3f6fc;
  border-top: 20px solid #f3f6fc;
  cursor: pointer;
  height: 43px;
  margin-bottom: -20px;
  margin-top: 20px
}
.keen-slider__scrollbar li {
  height: 100%
}
.keen-slider__scrollbar li:first-child {
  background-color: #2a4ba9;
  border-radius: 9999px
}
.c-input-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f6fc;
  border-radius: 9999px;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  padding-left: 2em;
  padding-right: 2em
}
.c-input-label input {
  font-family: inherit;
  font-size: inherit;
  letter-spacing: .05em;
  line-height: inherit;
  width: 100%
}
.c-input-label .js-svg, .c-input-label svg {
  color: #2a4ba9;
  margin-right: 1em;
  max-width: 1em;
  min-width: 1em;
  width: 100%
}
@-webkit-keyframes hexa {
  0% {
    color: #2a4ba9
  }
  70% {
    color: #2a4ba9
  }
  72% {
    color: #fff
  }
  98% {
    color: #fff
  }
  to {
    color: #2a4ba9
  }
}
@keyframes hexa {
  0% {
    color: #2a4ba9
  }
  70% {
    color: #2a4ba9
  }
  72% {
    color: #fff
  }
  98% {
    color: #fff
  }
  to {
    color: #2a4ba9
  }
}
@-webkit-keyframes hexa-recruit {
  0% {
    color: #09b0b6
  }
  70% {
    color: #09b0b6
  }
  72% {
    color: #fff
  }
  98% {
    color: #fff
  }
  to {
    color: #09b0b6
  }
}
@keyframes hexa-recruit {
  0% {
    color: #09b0b6
  }
  70% {
    color: #09b0b6
  }
  72% {
    color: #fff
  }
  98% {
    color: #fff
  }
  to {
    color: #09b0b6
  }
}
.c-hexa {
  color: #2a4ba9;
  display: block;
  left: -177px;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 405px
}
.c-lower .c-hexa {
  margin-top: 70px;
  top: 100%
}
.c-hexa.-reverse {
  left: auto;
  right: -177px
}
.c-hexa:before {
  content: "";
  display: block;
  padding-top: 162.7160493827%
}
.-recruit .c-hexa {
  color: #09b0b6
}
.-recruit .c-hexa .js-svg &gt; *, .-recruit .c-hexa svg &gt; * {
  -webkit-animation-name: hexa-recruit;
  animation-name: hexa-recruit
}
.c-hexa .js-svg, .c-hexa svg {
  display: block;
  height: 100%;
  left: 0;
  opacity: .15;
  position: absolute;
  top: 0;
  width: 100%
}
.c-hexa .js-svg &gt; *, .c-hexa svg &gt; * {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: hexa;
  animation-name: hexa;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  opacity: 0
}
.c-hexa .js-svg &gt; :first-child, .c-hexa svg &gt; :first-child {
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-transition: opacity .25s 0s;
  transition: opacity .25s 0s
}
.c-hexa .js-svg &gt; :nth-child(2), .c-hexa svg &gt; :nth-child(2) {
  -webkit-animation-delay: 25ms;
  animation-delay: 25ms;
  -webkit-transition: opacity .25s 25ms;
  transition: opacity .25s 25ms
}
.c-hexa .js-svg &gt; :nth-child(3), .c-hexa svg &gt; :nth-child(3) {
  -webkit-animation-delay: .05s;
  animation-delay: .05s;
  -webkit-transition: opacity .25s .05s;
  transition: opacity .25s .05s
}
.c-hexa .js-svg &gt; :nth-child(4), .c-hexa svg &gt; :nth-child(4) {
  -webkit-animation-delay: 75ms;
  animation-delay: 75ms;
  -webkit-transition: opacity .25s 75ms;
  transition: opacity .25s 75ms
}
.c-hexa .js-svg &gt; :nth-child(5), .c-hexa svg &gt; :nth-child(5) {
  -webkit-animation-delay: .1s;
  animation-delay: .1s;
  -webkit-transition: opacity .25s .1s;
  transition: opacity .25s .1s
}
.c-hexa .js-svg &gt; :nth-child(6), .c-hexa svg &gt; :nth-child(6) {
  -webkit-animation-delay: .125s;
  animation-delay: .125s;
  -webkit-transition: opacity .25s .125s;
  transition: opacity .25s .125s
}
.c-hexa .js-svg &gt; :nth-child(7), .c-hexa svg &gt; :nth-child(7) {
  -webkit-animation-delay: .15s;
  animation-delay: .15s;
  -webkit-transition: opacity .25s .15s;
  transition: opacity .25s .15s
}
.c-hexa .js-svg &gt; :nth-child(8), .c-hexa svg &gt; :nth-child(8) {
  -webkit-animation-delay: .175s;
  animation-delay: .175s;
  -webkit-transition: opacity .25s .175s;
  transition: opacity .25s .175s
}
.c-hexa .js-svg &gt; :nth-child(9), .c-hexa svg &gt; :nth-child(9) {
  -webkit-animation-delay: .2s;
  animation-delay: .2s;
  -webkit-transition: opacity .25s .2s;
  transition: opacity .25s .2s
}
.c-hexa .js-svg &gt; :nth-child(10), .c-hexa svg &gt; :nth-child(10) {
  -webkit-animation-delay: .225s;
  animation-delay: .225s;
  -webkit-transition: opacity .25s .225s;
  transition: opacity .25s .225s
}
.c-hexa .js-svg &gt; :nth-child(11), .c-hexa svg &gt; :nth-child(11) {
  -webkit-animation-delay: .25s;
  animation-delay: .25s;
  -webkit-transition: opacity .25s .25s;
  transition: opacity .25s .25s
}
.c-hexa .js-svg &gt; :nth-child(12), .c-hexa svg &gt; :nth-child(12) {
  -webkit-animation-delay: .275s;
  animation-delay: .275s;
  -webkit-transition: opacity .25s .275s;
  transition: opacity .25s .275s
}
.c-hexa .js-svg &gt; :nth-child(13), .c-hexa svg &gt; :nth-child(13) {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
  -webkit-transition: opacity .25s .3s;
  transition: opacity .25s .3s
}
.c-hexa .js-svg &gt; :nth-child(14), .c-hexa svg &gt; :nth-child(14) {
  -webkit-animation-delay: .325s;
  animation-delay: .325s;
  -webkit-transition: opacity .25s .325s;
  transition: opacity .25s .325s
}
.c-hexa .js-svg &gt; :nth-child(15), .c-hexa svg &gt; :nth-child(15) {
  -webkit-animation-delay: .35s;
  animation-delay: .35s;
  -webkit-transition: opacity .25s .35s;
  transition: opacity .25s .35s
}
.c-hexa .js-svg &gt; :nth-child(16), .c-hexa svg &gt; :nth-child(16) {
  -webkit-animation-delay: .375s;
  animation-delay: .375s;
  -webkit-transition: opacity .25s .375s;
  transition: opacity .25s .375s
}
.c-hexa .js-svg &gt; :nth-child(17), .c-hexa svg &gt; :nth-child(17) {
  -webkit-animation-delay: .4s;
  animation-delay: .4s;
  -webkit-transition: opacity .25s .4s;
  transition: opacity .25s .4s
}
.c-hexa .js-svg &gt; :nth-child(18), .c-hexa svg &gt; :nth-child(18) {
  -webkit-animation-delay: .425s;
  animation-delay: .425s;
  -webkit-transition: opacity .25s .425s;
  transition: opacity .25s .425s
}
.c-hexa .js-svg &gt; :nth-child(19), .c-hexa svg &gt; :nth-child(19) {
  -webkit-animation-delay: .45s;
  animation-delay: .45s;
  -webkit-transition: opacity .25s .45s;
  transition: opacity .25s .45s
}
.c-hexa .js-svg &gt; :nth-child(20), .c-hexa svg &gt; :nth-child(20) {
  -webkit-animation-delay: .475s;
  animation-delay: .475s;
  -webkit-transition: opacity .25s .475s;
  transition: opacity .25s .475s
}
.c-hexa .js-svg &gt; :nth-child(21), .c-hexa svg &gt; :nth-child(21) {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
  -webkit-transition: opacity .25s .5s;
  transition: opacity .25s .5s
}
.c-hexa .js-svg &gt; :nth-child(22), .c-hexa svg &gt; :nth-child(22) {
  -webkit-animation-delay: .525s;
  animation-delay: .525s;
  -webkit-transition: opacity .25s .525s;
  transition: opacity .25s .525s
}
.c-hexa .js-svg &gt; :nth-child(23), .c-hexa svg &gt; :nth-child(23) {
  -webkit-animation-delay: .55s;
  animation-delay: .55s;
  -webkit-transition: opacity .25s .55s;
  transition: opacity .25s .55s
}
.c-hexa .js-svg &gt; :nth-child(24), .c-hexa svg &gt; :nth-child(24) {
  -webkit-animation-delay: .575s;
  animation-delay: .575s;
  -webkit-transition: opacity .25s .575s;
  transition: opacity .25s .575s
}
.c-hexa .js-svg &gt; :nth-child(25), .c-hexa svg &gt; :nth-child(25) {
  -webkit-animation-delay: .6s;
  animation-delay: .6s;
  -webkit-transition: opacity .25s .6s;
  transition: opacity .25s .6s
}
.c-hexa .js-svg &gt; :nth-child(26), .c-hexa svg &gt; :nth-child(26) {
  -webkit-animation-delay: .625s;
  animation-delay: .625s;
  -webkit-transition: opacity .25s .625s;
  transition: opacity .25s .625s
}
.c-hexa .js-svg &gt; :nth-child(27), .c-hexa svg &gt; :nth-child(27) {
  -webkit-animation-delay: .65s;
  animation-delay: .65s;
  -webkit-transition: opacity .25s .65s;
  transition: opacity .25s .65s
}
.c-hexa .js-svg &gt; :nth-child(28), .c-hexa svg &gt; :nth-child(28) {
  -webkit-animation-delay: .675s;
  animation-delay: .675s;
  -webkit-transition: opacity .25s .675s;
  transition: opacity .25s .675s
}
.c-hexa .js-svg &gt; :nth-child(29), .c-hexa svg &gt; :nth-child(29) {
  -webkit-animation-delay: .7s;
  animation-delay: .7s;
  -webkit-transition: opacity .25s .7s;
  transition: opacity .25s .7s
}
.c-hexa .js-svg &gt; :nth-child(30), .c-hexa svg &gt; :nth-child(30) {
  -webkit-animation-delay: .725s;
  animation-delay: .725s;
  -webkit-transition: opacity .25s .725s;
  transition: opacity .25s .725s
}
.c-hexa .js-svg &gt; :nth-child(31), .c-hexa svg &gt; :nth-child(31) {
  -webkit-animation-delay: .75s;
  animation-delay: .75s;
  -webkit-transition: opacity .25s .75s;
  transition: opacity .25s .75s
}
.c-hexa .js-svg &gt; :nth-child(32), .c-hexa svg &gt; :nth-child(32) {
  -webkit-animation-delay: .775s;
  animation-delay: .775s;
  -webkit-transition: opacity .25s .775s;
  transition: opacity .25s .775s
}
.c-hexa .js-svg &gt; :nth-child(33), .c-hexa svg &gt; :nth-child(33) {
  -webkit-animation-delay: .8s;
  animation-delay: .8s;
  -webkit-transition: opacity .25s .8s;
  transition: opacity .25s .8s
}
.c-hexa .js-svg &gt; :nth-child(34), .c-hexa svg &gt; :nth-child(34) {
  -webkit-animation-delay: .825s;
  animation-delay: .825s;
  -webkit-transition: opacity .25s .825s;
  transition: opacity .25s .825s
}
.c-hexa .js-svg &gt; :nth-child(35), .c-hexa svg &gt; :nth-child(35) {
  -webkit-animation-delay: .85s;
  animation-delay: .85s;
  -webkit-transition: opacity .25s .85s;
  transition: opacity .25s .85s
}
.c-hexa .js-svg &gt; :nth-child(36), .c-hexa svg &gt; :nth-child(36) {
  -webkit-animation-delay: .875s;
  animation-delay: .875s;
  -webkit-transition: opacity .25s .875s;
  transition: opacity .25s .875s
}
.c-hexa .js-svg &gt; :nth-child(37), .c-hexa svg &gt; :nth-child(37) {
  -webkit-animation-delay: .9s;
  animation-delay: .9s;
  -webkit-transition: opacity .25s .9s;
  transition: opacity .25s .9s
}
.c-hexa .js-svg &gt; :nth-child(38), .c-hexa svg &gt; :nth-child(38) {
  -webkit-animation-delay: .925s;
  animation-delay: .925s;
  -webkit-transition: opacity .25s .925s;
  transition: opacity .25s .925s
}
.c-hexa .js-svg &gt; :nth-child(39), .c-hexa svg &gt; :nth-child(39) {
  -webkit-animation-delay: .95s;
  animation-delay: .95s;
  -webkit-transition: opacity .25s .95s;
  transition: opacity .25s .95s
}
.c-hexa .js-svg &gt; :nth-child(40), .c-hexa svg &gt; :nth-child(40) {
  -webkit-animation-delay: .975s;
  animation-delay: .975s;
  -webkit-transition: opacity .25s .975s;
  transition: opacity .25s .975s
}
.c-hexa .js-svg &gt; :nth-child(41), .c-hexa svg &gt; :nth-child(41) {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
  -webkit-transition: opacity .25s 1s;
  transition: opacity .25s 1s
}
.c-hexa .js-svg &gt; :nth-child(42), .c-hexa svg &gt; :nth-child(42) {
  -webkit-animation-delay: 1.025s;
  animation-delay: 1.025s;
  -webkit-transition: opacity .25s 1.025s;
  transition: opacity .25s 1.025s
}
.c-hexa .js-svg &gt; :nth-child(43), .c-hexa svg &gt; :nth-child(43) {
  -webkit-animation-delay: 1.05s;
  animation-delay: 1.05s;
  -webkit-transition: opacity .25s 1.05s;
  transition: opacity .25s 1.05s
}
.c-hexa .js-svg &gt; :nth-child(44), .c-hexa svg &gt; :nth-child(44) {
  -webkit-animation-delay: 1.075s;
  animation-delay: 1.075s;
  -webkit-transition: opacity .25s 1.075s;
  transition: opacity .25s 1.075s
}
.c-hexa .js-svg &gt; :nth-child(45), .c-hexa svg &gt; :nth-child(45) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
  -webkit-transition: opacity .25s 1.1s;
  transition: opacity .25s 1.1s
}
.c-hexa .js-svg &gt; :nth-child(46), .c-hexa svg &gt; :nth-child(46) {
  -webkit-animation-delay: 1.125s;
  animation-delay: 1.125s;
  -webkit-transition: opacity .25s 1.125s;
  transition: opacity .25s 1.125s
}
.c-hexa .js-svg &gt; :nth-child(47), .c-hexa svg &gt; :nth-child(47) {
  -webkit-animation-delay: 1.15s;
  animation-delay: 1.15s;
  -webkit-transition: opacity .25s 1.15s;
  transition: opacity .25s 1.15s
}
.c-hexa .js-svg &gt; :nth-child(48), .c-hexa svg &gt; :nth-child(48) {
  -webkit-animation-delay: 1.175s;
  animation-delay: 1.175s;
  -webkit-transition: opacity .25s 1.175s;
  transition: opacity .25s 1.175s
}
.c-hexa .js-svg &gt; :nth-child(49), .c-hexa svg &gt; :nth-child(49) {
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s;
  -webkit-transition: opacity .25s 1.2s;
  transition: opacity .25s 1.2s
}
.c-hexa .js-svg &gt; :nth-child(50), .c-hexa svg &gt; :nth-child(50) {
  -webkit-animation-delay: 1.225s;
  animation-delay: 1.225s;
  -webkit-transition: opacity .25s 1.225s;
  transition: opacity .25s 1.225s
}
.c-hexa .js-svg &gt; :nth-child(51), .c-hexa svg &gt; :nth-child(51) {
  -webkit-animation-delay: 1.25s;
  animation-delay: 1.25s;
  -webkit-transition: opacity .25s 1.25s;
  transition: opacity .25s 1.25s
}
.c-hexa .js-svg &gt; :nth-child(52), .c-hexa svg &gt; :nth-child(52) {
  -webkit-animation-delay: 1.275s;
  animation-delay: 1.275s;
  -webkit-transition: opacity .25s 1.275s;
  transition: opacity .25s 1.275s
}
.c-hexa .js-svg &gt; :nth-child(53), .c-hexa svg &gt; :nth-child(53) {
  -webkit-animation-delay: 1.3s;
  animation-delay: 1.3s;
  -webkit-transition: opacity .25s 1.3s;
  transition: opacity .25s 1.3s
}
.c-hexa .js-svg &gt; :nth-child(54), .c-hexa svg &gt; :nth-child(54) {
  -webkit-animation-delay: 1.325s;
  animation-delay: 1.325s;
  -webkit-transition: opacity .25s 1.325s;
  transition: opacity .25s 1.325s
}
.c-hexa .js-svg &gt; :nth-child(55), .c-hexa svg &gt; :nth-child(55) {
  -webkit-animation-delay: 1.35s;
  animation-delay: 1.35s;
  -webkit-transition: opacity .25s 1.35s;
  transition: opacity .25s 1.35s
}
.c-hexa .js-svg &gt; :nth-child(56), .c-hexa svg &gt; :nth-child(56) {
  -webkit-animation-delay: 1.375s;
  animation-delay: 1.375s;
  -webkit-transition: opacity .25s 1.375s;
  transition: opacity .25s 1.375s
}
.c-hexa .js-svg &gt; :nth-child(57), .c-hexa svg &gt; :nth-child(57) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
  -webkit-transition: opacity .25s 1.4s;
  transition: opacity .25s 1.4s
}
.c-hexa .js-svg &gt; :nth-child(58), .c-hexa svg &gt; :nth-child(58) {
  -webkit-animation-delay: 1.425s;
  animation-delay: 1.425s;
  -webkit-transition: opacity .25s 1.425s;
  transition: opacity .25s 1.425s
}
.c-hexa .js-svg &gt; :nth-child(59), .c-hexa svg &gt; :nth-child(59) {
  -webkit-animation-delay: 1.45s;
  animation-delay: 1.45s;
  -webkit-transition: opacity .25s 1.45s;
  transition: opacity .25s 1.45s
}
.c-hexa .js-svg &gt; :nth-child(60), .c-hexa svg &gt; :nth-child(60) {
  -webkit-animation-delay: 1.475s;
  animation-delay: 1.475s;
  -webkit-transition: opacity .25s 1.475s;
  transition: opacity .25s 1.475s
}
.c-hexa .js-svg &gt; :nth-child(61), .c-hexa svg &gt; :nth-child(61) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
  -webkit-transition: opacity .25s 1.5s;
  transition: opacity .25s 1.5s
}
.c-hexa .js-svg &gt; :nth-child(62), .c-hexa svg &gt; :nth-child(62) {
  -webkit-animation-delay: 1.525s;
  animation-delay: 1.525s;
  -webkit-transition: opacity .25s 1.525s;
  transition: opacity .25s 1.525s
}
.c-hexa .js-svg &gt; :nth-child(63), .c-hexa svg &gt; :nth-child(63) {
  -webkit-animation-delay: 1.55s;
  animation-delay: 1.55s;
  -webkit-transition: opacity .25s 1.55s;
  transition: opacity .25s 1.55s
}
.c-hexa .js-svg &gt; :nth-child(64), .c-hexa svg &gt; :nth-child(64) {
  -webkit-animation-delay: 1.575s;
  animation-delay: 1.575s;
  -webkit-transition: opacity .25s 1.575s;
  transition: opacity .25s 1.575s
}
.c-hexa .js-svg &gt; :nth-child(65), .c-hexa svg &gt; :nth-child(65) {
  -webkit-animation-delay: 1.6s;
  animation-delay: 1.6s;
  -webkit-transition: opacity .25s 1.6s;
  transition: opacity .25s 1.6s
}
.c-hexa .js-svg &gt; :nth-child(66), .c-hexa svg &gt; :nth-child(66) {
  -webkit-animation-delay: 1.625s;
  animation-delay: 1.625s;
  -webkit-transition: opacity .25s 1.625s;
  transition: opacity .25s 1.625s
}
.c-hexa .js-svg &gt; :nth-child(67), .c-hexa svg &gt; :nth-child(67) {
  -webkit-animation-delay: 1.65s;
  animation-delay: 1.65s;
  -webkit-transition: opacity .25s 1.65s;
  transition: opacity .25s 1.65s
}
.c-hexa .js-svg &gt; :nth-child(68), .c-hexa svg &gt; :nth-child(68) {
  -webkit-animation-delay: 1.675s;
  animation-delay: 1.675s;
  -webkit-transition: opacity .25s 1.675s;
  transition: opacity .25s 1.675s
}
.c-hexa .js-svg &gt; :nth-child(69), .c-hexa svg &gt; :nth-child(69) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
  -webkit-transition: opacity .25s 1.7s;
  transition: opacity .25s 1.7s
}
.c-hexa .js-svg &gt; :nth-child(70), .c-hexa svg &gt; :nth-child(70) {
  -webkit-animation-delay: 1.725s;
  animation-delay: 1.725s;
  -webkit-transition: opacity .25s 1.725s;
  transition: opacity .25s 1.725s
}
.c-hexa .js-svg &gt; :nth-child(71), .c-hexa svg &gt; :nth-child(71) {
  -webkit-animation-delay: 1.75s;
  animation-delay: 1.75s;
  -webkit-transition: opacity .25s 1.75s;
  transition: opacity .25s 1.75s
}
.c-hexa .js-svg &gt; :nth-child(72), .c-hexa svg &gt; :nth-child(72) {
  -webkit-animation-delay: 1.775s;
  animation-delay: 1.775s;
  -webkit-transition: opacity .25s 1.775s;
  transition: opacity .25s 1.775s
}
.c-hexa .js-svg &gt; :nth-child(73), .c-hexa svg &gt; :nth-child(73) {
  -webkit-animation-delay: 1.8s;
  animation-delay: 1.8s;
  -webkit-transition: opacity .25s 1.8s;
  transition: opacity .25s 1.8s
}
.c-hexa .js-svg &gt; :nth-child(74), .c-hexa svg &gt; :nth-child(74) {
  -webkit-animation-delay: 1.825s;
  animation-delay: 1.825s;
  -webkit-transition: opacity .25s 1.825s;
  transition: opacity .25s 1.825s
}
.c-hexa .js-svg &gt; :nth-child(75), .c-hexa svg &gt; :nth-child(75) {
  -webkit-animation-delay: 1.85s;
  animation-delay: 1.85s;
  -webkit-transition: opacity .25s 1.85s;
  transition: opacity .25s 1.85s
}
.c-hexa .js-svg &gt; :nth-child(76), .c-hexa svg &gt; :nth-child(76) {
  -webkit-animation-delay: 1.875s;
  animation-delay: 1.875s;
  -webkit-transition: opacity .25s 1.875s;
  transition: opacity .25s 1.875s
}
.c-hexa .js-svg &gt; :nth-child(77), .c-hexa svg &gt; :nth-child(77) {
  -webkit-animation-delay: 1.9s;
  animation-delay: 1.9s;
  -webkit-transition: opacity .25s 1.9s;
  transition: opacity .25s 1.9s
}
.c-hexa .js-svg &gt; :nth-child(78), .c-hexa svg &gt; :nth-child(78) {
  -webkit-animation-delay: 1.925s;
  animation-delay: 1.925s;
  -webkit-transition: opacity .25s 1.925s;
  transition: opacity .25s 1.925s
}
.c-hexa .js-svg &gt; :nth-child(79), .c-hexa svg &gt; :nth-child(79) {
  -webkit-animation-delay: 1.95s;
  animation-delay: 1.95s;
  -webkit-transition: opacity .25s 1.95s;
  transition: opacity .25s 1.95s
}
.c-hexa .js-svg &gt; :nth-child(80), .c-hexa svg &gt; :nth-child(80) {
  -webkit-animation-delay: 1.975s;
  animation-delay: 1.975s;
  -webkit-transition: opacity .25s 1.975s;
  transition: opacity .25s 1.975s
}
.c-hexa .js-svg &gt; :nth-child(81), .c-hexa svg &gt; :nth-child(81) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: opacity .25s 2s;
  transition: opacity .25s 2s
}
.c-hexa .js-svg &gt; :nth-child(82), .c-hexa svg &gt; :nth-child(82) {
  -webkit-animation-delay: 2.025s;
  animation-delay: 2.025s;
  -webkit-transition: opacity .25s 2.025s;
  transition: opacity .25s 2.025s
}
.c-hexa .js-svg &gt; :nth-child(83), .c-hexa svg &gt; :nth-child(83) {
  -webkit-animation-delay: 2.05s;
  animation-delay: 2.05s;
  -webkit-transition: opacity .25s 2.05s;
  transition: opacity .25s 2.05s
}
.c-hexa .js-svg &gt; :nth-child(84), .c-hexa svg &gt; :nth-child(84) {
  -webkit-animation-delay: 2.075s;
  animation-delay: 2.075s;
  -webkit-transition: opacity .25s 2.075s;
  transition: opacity .25s 2.075s
}
.c-hexa .js-svg &gt; :nth-child(85), .c-hexa svg &gt; :nth-child(85) {
  -webkit-animation-delay: 2.1s;
  animation-delay: 2.1s;
  -webkit-transition: opacity .25s 2.1s;
  transition: opacity .25s 2.1s
}
.c-hexa .js-svg &gt; :nth-child(86), .c-hexa svg &gt; :nth-child(86) {
  -webkit-animation-delay: 2.125s;
  animation-delay: 2.125s;
  -webkit-transition: opacity .25s 2.125s;
  transition: opacity .25s 2.125s
}
.c-hexa .js-svg &gt; :nth-child(87), .c-hexa svg &gt; :nth-child(87) {
  -webkit-animation-delay: 2.15s;
  animation-delay: 2.15s;
  -webkit-transition: opacity .25s 2.15s;
  transition: opacity .25s 2.15s
}
.c-hexa .js-svg &gt; :nth-child(88), .c-hexa svg &gt; :nth-child(88) {
  -webkit-animation-delay: 2.175s;
  animation-delay: 2.175s;
  -webkit-transition: opacity .25s 2.175s;
  transition: opacity .25s 2.175s
}
.c-hexa .js-svg &gt; :nth-child(89), .c-hexa svg &gt; :nth-child(89) {
  -webkit-animation-delay: 2.2s;
  animation-delay: 2.2s;
  -webkit-transition: opacity .25s 2.2s;
  transition: opacity .25s 2.2s
}
.c-hexa .js-svg &gt; :nth-child(90), .c-hexa svg &gt; :nth-child(90) {
  -webkit-animation-delay: 2.225s;
  animation-delay: 2.225s;
  -webkit-transition: opacity .25s 2.225s;
  transition: opacity .25s 2.225s
}
.c-hexa .js-svg &gt; :nth-child(91), .c-hexa svg &gt; :nth-child(91) {
  -webkit-animation-delay: 2.25s;
  animation-delay: 2.25s;
  -webkit-transition: opacity .25s 2.25s;
  transition: opacity .25s 2.25s
}
.c-hexa .js-svg &gt; :nth-child(92), .c-hexa svg &gt; :nth-child(92) {
  -webkit-animation-delay: 2.275s;
  animation-delay: 2.275s;
  -webkit-transition: opacity .25s 2.275s;
  transition: opacity .25s 2.275s
}
.c-hexa .js-svg &gt; :nth-child(93), .c-hexa svg &gt; :nth-child(93) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
  -webkit-transition: opacity .25s 2.3s;
  transition: opacity .25s 2.3s
}
.c-hexa .js-svg &gt; :nth-child(94), .c-hexa svg &gt; :nth-child(94) {
  -webkit-animation-delay: 2.325s;
  animation-delay: 2.325s;
  -webkit-transition: opacity .25s 2.325s;
  transition: opacity .25s 2.325s
}
.c-hexa .js-svg &gt; :nth-child(95), .c-hexa svg &gt; :nth-child(95) {
  -webkit-animation-delay: 2.35s;
  animation-delay: 2.35s;
  -webkit-transition: opacity .25s 2.35s;
  transition: opacity .25s 2.35s
}
.c-hexa .js-svg &gt; :nth-child(96), .c-hexa svg &gt; :nth-child(96) {
  -webkit-animation-delay: 2.375s;
  animation-delay: 2.375s;
  -webkit-transition: opacity .25s 2.375s;
  transition: opacity .25s 2.375s
}
.c-hexa .js-svg &gt; :nth-child(97), .c-hexa svg &gt; :nth-child(97) {
  -webkit-animation-delay: 2.4s;
  animation-delay: 2.4s;
  -webkit-transition: opacity .25s 2.4s;
  transition: opacity .25s 2.4s
}
.c-hexa .js-svg &gt; :nth-child(98), .c-hexa svg &gt; :nth-child(98) {
  -webkit-animation-delay: 2.425s;
  animation-delay: 2.425s;
  -webkit-transition: opacity .25s 2.425s;
  transition: opacity .25s 2.425s
}
.c-hexa .js-svg &gt; :nth-child(99), .c-hexa svg &gt; :nth-child(99) {
  -webkit-animation-delay: 2.45s;
  animation-delay: 2.45s;
  -webkit-transition: opacity .25s 2.45s;
  transition: opacity .25s 2.45s
}
.c-hexa .js-svg &gt; :nth-child(100), .c-hexa svg &gt; :nth-child(100) {
  -webkit-animation-delay: 2.475s;
  animation-delay: 2.475s;
  -webkit-transition: opacity .25s 2.475s;
  transition: opacity .25s 2.475s
}
.c-hexa .js-svg &gt; :nth-child(101), .c-hexa svg &gt; :nth-child(101) {
  -webkit-animation-delay: 2.5s;
  animation-delay: 2.5s;
  -webkit-transition: opacity .25s 2.5s;
  transition: opacity .25s 2.5s
}
.c-hexa .js-svg &gt; :nth-child(102), .c-hexa svg &gt; :nth-child(102) {
  -webkit-animation-delay: 2.525s;
  animation-delay: 2.525s;
  -webkit-transition: opacity .25s 2.525s;
  transition: opacity .25s 2.525s
}
.c-hexa .js-svg &gt; :nth-child(103), .c-hexa svg &gt; :nth-child(103) {
  -webkit-animation-delay: 2.55s;
  animation-delay: 2.55s;
  -webkit-transition: opacity .25s 2.55s;
  transition: opacity .25s 2.55s
}
.c-hexa .js-svg &gt; :nth-child(104), .c-hexa svg &gt; :nth-child(104) {
  -webkit-animation-delay: 2.575s;
  animation-delay: 2.575s;
  -webkit-transition: opacity .25s 2.575s;
  transition: opacity .25s 2.575s
}
.c-hexa .js-svg &gt; :nth-child(105), .c-hexa svg &gt; :nth-child(105) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
  -webkit-transition: opacity .25s 2.6s;
  transition: opacity .25s 2.6s
}
.c-hexa .js-svg &gt; :nth-child(106), .c-hexa svg &gt; :nth-child(106) {
  -webkit-animation-delay: 2.625s;
  animation-delay: 2.625s;
  -webkit-transition: opacity .25s 2.625s;
  transition: opacity .25s 2.625s
}
.c-hexa .js-svg &gt; :nth-child(107), .c-hexa svg &gt; :nth-child(107) {
  -webkit-animation-delay: 2.65s;
  animation-delay: 2.65s;
  -webkit-transition: opacity .25s 2.65s;
  transition: opacity .25s 2.65s
}
.c-hexa .js-svg &gt; :nth-child(108), .c-hexa svg &gt; :nth-child(108) {
  -webkit-animation-delay: 2.675s;
  animation-delay: 2.675s;
  -webkit-transition: opacity .25s 2.675s;
  transition: opacity .25s 2.675s
}
.c-hexa .js-svg &gt; :nth-child(109), .c-hexa svg &gt; :nth-child(109) {
  -webkit-animation-delay: 2.7s;
  animation-delay: 2.7s;
  -webkit-transition: opacity .25s 2.7s;
  transition: opacity .25s 2.7s
}
.c-hexa .js-svg &gt; :nth-child(110), .c-hexa svg &gt; :nth-child(110) {
  -webkit-animation-delay: 2.725s;
  animation-delay: 2.725s;
  -webkit-transition: opacity .25s 2.725s;
  transition: opacity .25s 2.725s
}
.c-hexa .js-svg &gt; :nth-child(111), .c-hexa svg &gt; :nth-child(111) {
  -webkit-animation-delay: 2.75s;
  animation-delay: 2.75s;
  -webkit-transition: opacity .25s 2.75s;
  transition: opacity .25s 2.75s
}
.c-hexa .js-svg &gt; :nth-child(112), .c-hexa svg &gt; :nth-child(112) {
  -webkit-animation-delay: 2.775s;
  animation-delay: 2.775s;
  -webkit-transition: opacity .25s 2.775s;
  transition: opacity .25s 2.775s
}
.c-hexa .js-svg &gt; :nth-child(113), .c-hexa svg &gt; :nth-child(113) {
  -webkit-animation-delay: 2.8s;
  animation-delay: 2.8s;
  -webkit-transition: opacity .25s 2.8s;
  transition: opacity .25s 2.8s
}
.c-hexa .js-svg &gt; :nth-child(114), .c-hexa svg &gt; :nth-child(114) {
  -webkit-animation-delay: 2.825s;
  animation-delay: 2.825s;
  -webkit-transition: opacity .25s 2.825s;
  transition: opacity .25s 2.825s
}
.c-hexa .js-svg &gt; :nth-child(115), .c-hexa svg &gt; :nth-child(115) {
  -webkit-animation-delay: 2.85s;
  animation-delay: 2.85s;
  -webkit-transition: opacity .25s 2.85s;
  transition: opacity .25s 2.85s
}
.c-hexa .js-svg &gt; :nth-child(116), .c-hexa svg &gt; :nth-child(116) {
  -webkit-animation-delay: 2.875s;
  animation-delay: 2.875s;
  -webkit-transition: opacity .25s 2.875s;
  transition: opacity .25s 2.875s
}
.c-hexa .js-svg &gt; :nth-child(117), .c-hexa svg &gt; :nth-child(117) {
  -webkit-animation-delay: 2.9s;
  animation-delay: 2.9s;
  -webkit-transition: opacity .25s 2.9s;
  transition: opacity .25s 2.9s
}
.c-hexa .js-svg &gt; :nth-child(118), .c-hexa svg &gt; :nth-child(118) {
  -webkit-animation-delay: 2.925s;
  animation-delay: 2.925s;
  -webkit-transition: opacity .25s 2.925s;
  transition: opacity .25s 2.925s
}
.c-hexa .js-svg &gt; :nth-child(119), .c-hexa svg &gt; :nth-child(119) {
  -webkit-animation-delay: 2.95s;
  animation-delay: 2.95s;
  -webkit-transition: opacity .25s 2.95s;
  transition: opacity .25s 2.95s
}
.c-hexa .js-svg &gt; :nth-child(120), .c-hexa svg &gt; :nth-child(120) {
  -webkit-animation-delay: 2.975s;
  animation-delay: 2.975s;
  -webkit-transition: opacity .25s 2.975s;
  transition: opacity .25s 2.975s
}
.c-hexa .js-svg &gt; :nth-child(121), .c-hexa svg &gt; :nth-child(121) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
  -webkit-transition: opacity .25s 3s;
  transition: opacity .25s 3s
}
.c-hexa .js-svg &gt; :nth-child(122), .c-hexa svg &gt; :nth-child(122) {
  -webkit-animation-delay: 3.025s;
  animation-delay: 3.025s;
  -webkit-transition: opacity .25s 3.025s;
  transition: opacity .25s 3.025s
}
.c-hexa .js-svg &gt; :nth-child(123), .c-hexa svg &gt; :nth-child(123) {
  -webkit-animation-delay: 3.05s;
  animation-delay: 3.05s;
  -webkit-transition: opacity .25s 3.05s;
  transition: opacity .25s 3.05s
}
.c-hexa .js-svg &gt; :nth-child(124), .c-hexa svg &gt; :nth-child(124) {
  -webkit-animation-delay: 3.075s;
  animation-delay: 3.075s;
  -webkit-transition: opacity .25s 3.075s;
  transition: opacity .25s 3.075s
}
.c-hexa .js-svg &gt; :nth-child(125), .c-hexa svg &gt; :nth-child(125) {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
  -webkit-transition: opacity .25s 3.1s;
  transition: opacity .25s 3.1s
}
.c-hexa .js-svg &gt; :nth-child(126), .c-hexa svg &gt; :nth-child(126) {
  -webkit-animation-delay: 3.125s;
  animation-delay: 3.125s;
  -webkit-transition: opacity .25s 3.125s;
  transition: opacity .25s 3.125s
}
.c-hexa .js-svg &gt; :nth-child(127), .c-hexa svg &gt; :nth-child(127) {
  -webkit-animation-delay: 3.15s;
  animation-delay: 3.15s;
  -webkit-transition: opacity .25s 3.15s;
  transition: opacity .25s 3.15s
}
.c-hexa .js-svg &gt; :nth-child(128), .c-hexa svg &gt; :nth-child(128) {
  -webkit-animation-delay: 3.175s;
  animation-delay: 3.175s;
  -webkit-transition: opacity .25s 3.175s;
  transition: opacity .25s 3.175s
}
.c-hexa .js-svg &gt; :nth-child(129), .c-hexa svg &gt; :nth-child(129) {
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
  -webkit-transition: opacity .25s 3.2s;
  transition: opacity .25s 3.2s
}
.c-hexa .js-svg &gt; :nth-child(130), .c-hexa svg &gt; :nth-child(130) {
  -webkit-animation-delay: 3.225s;
  animation-delay: 3.225s;
  -webkit-transition: opacity .25s 3.225s;
  transition: opacity .25s 3.225s
}
.c-hexa .js-svg &gt; :nth-child(131), .c-hexa svg &gt; :nth-child(131) {
  -webkit-animation-delay: 3.25s;
  animation-delay: 3.25s;
  -webkit-transition: opacity .25s 3.25s;
  transition: opacity .25s 3.25s
}
.c-hexa .js-svg &gt; :nth-child(132), .c-hexa svg &gt; :nth-child(132) {
  -webkit-animation-delay: 3.275s;
  animation-delay: 3.275s;
  -webkit-transition: opacity .25s 3.275s;
  transition: opacity .25s 3.275s
}
.c-hexa .js-svg &gt; :nth-child(133), .c-hexa svg &gt; :nth-child(133) {
  -webkit-animation-delay: 3.3s;
  animation-delay: 3.3s;
  -webkit-transition: opacity .25s 3.3s;
  transition: opacity .25s 3.3s
}
.c-hexa .js-svg &gt; :nth-child(134), .c-hexa svg &gt; :nth-child(134) {
  -webkit-animation-delay: 3.325s;
  animation-delay: 3.325s;
  -webkit-transition: opacity .25s 3.325s;
  transition: opacity .25s 3.325s
}
.c-hexa .js-svg &gt; :nth-child(135), .c-hexa svg &gt; :nth-child(135) {
  -webkit-animation-delay: 3.35s;
  animation-delay: 3.35s;
  -webkit-transition: opacity .25s 3.35s;
  transition: opacity .25s 3.35s
}
.c-hexa .js-svg &gt; :nth-child(136), .c-hexa svg &gt; :nth-child(136) {
  -webkit-animation-delay: 3.375s;
  animation-delay: 3.375s;
  -webkit-transition: opacity .25s 3.375s;
  transition: opacity .25s 3.375s
}
.c-hexa .js-svg &gt; :nth-child(137), .c-hexa svg &gt; :nth-child(137) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
  -webkit-transition: opacity .25s 3.4s;
  transition: opacity .25s 3.4s
}
.c-hexa .js-svg &gt; :nth-child(138), .c-hexa svg &gt; :nth-child(138) {
  -webkit-animation-delay: 3.425s;
  animation-delay: 3.425s;
  -webkit-transition: opacity .25s 3.425s;
  transition: opacity .25s 3.425s
}
.c-hexa .js-svg &gt; :nth-child(139), .c-hexa svg &gt; :nth-child(139) {
  -webkit-animation-delay: 3.45s;
  animation-delay: 3.45s;
  -webkit-transition: opacity .25s 3.45s;
  transition: opacity .25s 3.45s
}
.c-hexa .js-svg &gt; :nth-child(140), .c-hexa svg &gt; :nth-child(140) {
  -webkit-animation-delay: 3.475s;
  animation-delay: 3.475s;
  -webkit-transition: opacity .25s 3.475s;
  transition: opacity .25s 3.475s
}
.c-hexa .js-svg &gt; :nth-child(141), .c-hexa svg &gt; :nth-child(141) {
  -webkit-animation-delay: 3.5s;
  animation-delay: 3.5s;
  -webkit-transition: opacity .25s 3.5s;
  transition: opacity .25s 3.5s
}
.c-hexa .js-svg &gt; :nth-child(142), .c-hexa svg &gt; :nth-child(142) {
  -webkit-animation-delay: 3.525s;
  animation-delay: 3.525s;
  -webkit-transition: opacity .25s 3.525s;
  transition: opacity .25s 3.525s
}
.c-hexa .js-svg &gt; :nth-child(143), .c-hexa svg &gt; :nth-child(143) {
  -webkit-animation-delay: 3.55s;
  animation-delay: 3.55s;
  -webkit-transition: opacity .25s 3.55s;
  transition: opacity .25s 3.55s
}
.c-hexa .js-svg &gt; :nth-child(144), .c-hexa svg &gt; :nth-child(144) {
  -webkit-animation-delay: 3.575s;
  animation-delay: 3.575s;
  -webkit-transition: opacity .25s 3.575s;
  transition: opacity .25s 3.575s
}
.c-hexa .js-svg &gt; :nth-child(145), .c-hexa svg &gt; :nth-child(145) {
  -webkit-animation-delay: 3.6s;
  animation-delay: 3.6s;
  -webkit-transition: opacity .25s 3.6s;
  transition: opacity .25s 3.6s
}
.c-hexa .js-svg &gt; :nth-child(146), .c-hexa svg &gt; :nth-child(146) {
  -webkit-animation-delay: 3.625s;
  animation-delay: 3.625s;
  -webkit-transition: opacity .25s 3.625s;
  transition: opacity .25s 3.625s
}
.c-hexa .js-svg &gt; :nth-child(147), .c-hexa svg &gt; :nth-child(147) {
  -webkit-animation-delay: 3.65s;
  animation-delay: 3.65s;
  -webkit-transition: opacity .25s 3.65s;
  transition: opacity .25s 3.65s
}
.c-hexa .js-svg &gt; :nth-child(148), .c-hexa svg &gt; :nth-child(148) {
  -webkit-animation-delay: 3.675s;
  animation-delay: 3.675s;
  -webkit-transition: opacity .25s 3.675s;
  transition: opacity .25s 3.675s
}
.c-hexa .js-svg &gt; :nth-child(149), .c-hexa svg &gt; :nth-child(149) {
  -webkit-animation-delay: 3.7s;
  animation-delay: 3.7s;
  -webkit-transition: opacity .25s 3.7s;
  transition: opacity .25s 3.7s
}
.c-hexa .js-svg &gt; :nth-child(150), .c-hexa svg &gt; :nth-child(150) {
  -webkit-animation-delay: 3.725s;
  animation-delay: 3.725s;
  -webkit-transition: opacity .25s 3.725s;
  transition: opacity .25s 3.725s
}
.c-hexa.is-act, .c-hexa.is-act .js-svg &gt; *, .c-hexa.is-act svg &gt; * {
  opacity: 1
}
.c-ul {
  line-height: 1.75
}
.c-ul.-horizontal {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -.5em
}
.c-ul.-horizontal &gt; * {
  margin-right: 1.25em
}
.c-ul.-horizontal &gt; :last-child {
  margin-right: 0
}
.c-ul.-column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -15px;
  margin-right: -15px
}
.c-ul.-column2 &gt; * {
  max-width: 50%;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}
.c-ul &gt; * {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .5em
}
.c-ul &gt; :last-child {
  margin-bottom: 0
}
.c-ul &gt; :before {
  content: "●";
  font-weight: 700;
  margin-right: .25em;
  -webkit-transform: scale(.85);
  transform: scale(.85)
}
.c-ul.-check &gt; :before {
  border-bottom: 2px solid;
  border-left: 2px solid;
  content: "";
  height: .5em;
  margin-right: .5em;
  min-width: 1em;
  -webkit-transform: translateY(85%) rotate(-45deg);
  transform: translateY(85%) rotate(-45deg);
  width: 1em
}
.c-frame01 {
  padding: 40px 65px
}
.c-frame01.-border {
  background-color: transparent !important;
  border: 2px solid
}
.c-frame01.c-color-white {
  background-color: #fff
}
.c-frame01.c-color-font {
  background-color: #111
}
.c-frame01.c-color-font-lighter {
  background-color: #333
}
.c-frame01.c-color-font-lighter2 {
  background-color: #a4abbb
}
.c-frame01.c-color-sub {
  background-color: #f3f6fc
}
.c-frame01.c-color-main {
  background-color: #2a4ba9
}
.c-frame01.c-color-accent {
  background-color: #09b0b6
}
.c-frame01.c-color-yellow {
  background-color: #ffc00f
}
.c-data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-data dd, .c-data dt {
  padding: 30px 12.5px;
  width: 100%
}
.c-data dt {
  border-bottom: 2px solid;
  font-weight: 700;
  margin-right: 5px;
  max-width: 280px;
  min-width: 280px
}
.c-data dd {
  border-bottom: 1px solid
}
@-webkit-keyframes scroll-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%)
  }
  20% {
    opacity: 1
  }
  80% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
@keyframes scroll-arrow {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300%);
    transform: translateX(-300%)
  }
  20% {
    opacity: 1
  }
  80% {
    opacity: 1
  }
  to {
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }
}
.c-scroll__scroll {
  -webkit-overflow-scrolling: touch;
  padding-bottom: 1px;
  padding-top: 1px
}
.c-scroll__arrow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: scroll-arrow;
  animation-name: scroll-arrow;
  -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  margin-left: auto;
  margin-right: calc(2.04082vw + 17.34694px);
  margin-top: 12.5px;
  width: calc(2.04082vw + 17.34694px)
}
.c-layout01, .c-layout02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.-a-start.c-layout01, .-a-start.c-layout02 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start
}
.c-layout01__sub, .c-layout02__sub, .c-layout03__sub, .c-layout04__sub {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%
}
.c-layout01__sub__image, .c-layout01__sub__image img, .c-layout02__sub__image, .c-layout02__sub__image img, .c-layout03__sub__image, .c-layout03__sub__image img, .c-layout04__sub__image, .c-layout04__sub__image img {
  display: block;
  width: 100%
}
.-stretch.c-layout01__sub__image, .-stretch.c-layout02__sub__image, .-stretch.c-layout03__sub__image, .-stretch.c-layout04__sub__image {
  height: 100%
}
.c-layout01__sub__image img, .c-layout02__sub__image img, .c-layout03__sub__image img, .c-layout04__sub__image img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}
.c-layout01__main, .c-layout02__main, .c-layout03__main, .c-layout04__main {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  z-index: 2
}
.c-layout01__main__inner, .c-layout02__main__inner {
  width: 100%
}
.-padding.c-layout01__main__inner, .-padding.c-layout02__main__inner {
  padding-bottom: 45px;
  padding-top: 45px
}
.c-layout01 {
  margin-top: 60px
}
.c-layout01.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.c-layout01__main {
  margin-left: 60px;
  max-width: 510px;
  min-width: 510px
}
.c-layout01.-reverse .c-layout01__main {
  margin-left: 0;
  margin-right: 60px
}
.c-layout02 {
  margin-top: 60px
}
.c-layout02:first-child {
  margin-top: 0
}
.c-layout02__sub {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}
.c-layout02__sub__image {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
.c-layout02__sub .c-blockimage:before {
  padding-top: 57.3248407643%
}
.c-layout02__main {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  margin-right: 45px;
  max-width: 525px;
  min-width: 525px;
  order: 1
}
.c-layout03 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-layout03.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.c-layout03__sub__image.c-blockimage:before {
  padding-top: 68.4931506849%
}
.c-layout03__main {
  margin-left: -95px;
  max-width: 475px;
  min-width: 475px
}
.c-layout03.-reverse .c-layout03__main {
  margin-left: 0;
  margin-right: -95px
}
.c-layout03__main__inner {
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 65px;
  padding-top: 65px
}
.c-layout03:not(.-reverse) .c-layout03__main__inner {
  border-top-right-radius: 0
}
.c-layout03.-reverse .c-layout03__main__inner {
  border-top-left-radius: 0;
  padding-left: 0;
  padding-right: 65px
}
.c-layout04 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-layout04.-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.c-layout04__sub {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}
.c-layout04.-reverse .c-layout04__sub {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.c-layout04__sub__image.c-blockimage:before {
  padding-top: 68.4931506849%
}
.c-layout04:not(.-reverse) .c-layout04__sub__image {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0
}
.c-layout04.-reverse .c-layout04__sub__image {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0
}
.c-layout04__main {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  max-width: 585px;
  min-width: 585px;
  order: 1
}
.c-layout04:not(.-reverse) .c-layout04__main {
  margin-right: -95px
}
.c-layout04.-reverse .c-layout04__main {
  margin-left: -95px
}
.c-layout04__main__inner {
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-top: 65px
}
.c-layout04:not(.-reverse) .c-layout04__main__inner {
  border-top-left-radius: 0;
  padding-right: 65px
}
.c-layout04.-reverse .c-layout04__main__inner {
  border-top-right-radius: 0;
  padding-left: 65px
}
.c-contact {
  background-color: #2a4ba9;
  margin-top: 110px;
  padding-bottom: 50px;
  padding-top: 50px;
  position: relative
}
.p-index + .c-contact {
  margin-top: 0
}
.c-contact .c-container {
  position: relative
}
.c-contact__bg {
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%
}
.c-contact__bg img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.c-contact__container {
  background-color: #fff;
  margin-left: -45px;
  margin-right: -45px;
  padding: 80px 140px
}
.c-contact__container .text {
  position: relative
}
.c-contact__container .text .u-ib {
  white-space: nowrap
}
.c-contact__action {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-contact__action.-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-direction: column;
  flex-direction: column
}
.c-contact__action.-col .c-button01 {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.c-contact__action.-col .c-button01 a {
  max-width: 445px
}
.c-contact__action .c-tel {
  width: 100%
}
.c-contact__action .c-tel + .c-button01 {
  margin-left: 1em
}
.c-contact__action .c-button01, .c-contact__action .c-button01 .link, .c-contact__action .c-button01 a {
  width: 100%
}
.c-contact__telarea {
  margin-bottom: calc(1.63265vw + 13.87755px)
}
.c-contact__telarea, .c-contact__telarea .ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-contact__telarea .ico {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  margin-right: 1em
}
.c-contact__telarea .ico .c-blockimage {
  margin-right: 5px;
  max-width: 60px;
  min-width: 60px;
  width: 100%
}
.c-contact__telarea .ico .c-blockimage:before {
  padding-top: 116.6666666667%
}
.c-contact__telarea .ico .js-svg, .c-contact__telarea .ico svg {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: light;
  animation-name: light;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  color: #2a4ba9
}
.c-contact__telarea .c-tel {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.c-contact__telarea .c-tel .name {
  margin-right: 1em
}
.c-contact__telarea .c-tel .number {
  font-size: 3.8rem
}
.c-contact .c-tel_list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -2em;
  margin-top: -1em
}
.c-contact .c-tel_list &gt; li {
  margin-right: 2em;
  margin-top: 1em
}
.c-drawer {
  background-color: #f3f6fc;
  font-size: calc(.2449vw + 1.20816rem);
  height: 100%;
  letter-spacing: .1em;
  line-height: 1.4;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transform: scale(.95);
  transform: scale(.95);
  -webkit-transition: width 0s .25s, opacity .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: width 0s .25s, opacity .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: width 0s .25s, opacity .5s, transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: width 0s .25s, opacity .5s, transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  width: 0;
  z-index: 8500
}
.c-drawer.is-act {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: width 0s, opacity .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: width 0s, opacity .5s, -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: width 0s, opacity .5s, transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: width 0s, opacity .5s, transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  width: 100%
}
.c-drawer.-recruit {
  background-color: #fff
}
.c-drawer__container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  max-height: 100%;
  overflow-y: auto;
  padding-bottom: calc(4.89796vw + 31.63265px);
  padding-top: calc(2.85714vw + 64.28571px)
}
.c-drawer__item {
  margin-bottom: 1.5em
}
.c-drawer__item:last-child {
  margin-bottom: 0
}
.c-drawer__item__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #a4abbb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: .25em
}
.c-drawer__item__head &gt; .link, .c-drawer__item__head &gt; a {
  display: block;
  position: relative;
  width: 100%
}
.c-drawer__item__head &gt; .link .js-svg, .c-drawer__item__head &gt; .link svg, .c-drawer__item__head &gt; a .js-svg, .c-drawer__item__head &gt; a svg {
  bottom: .5em;
  color: #09b0b6;
  margin-left: auto;
  position: absolute;
  right: 0
}
.c-drawer__item__head .en {
  font-size: calc(.81633vw + 1.69388rem);
  letter-spacing: .1em;
  margin-right: .5em
}
.c-drawer__item__head.js-accordion__button .c-arrow01 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: -webkit-transform .25s;
  transition: -webkit-transform .25s;
  transition: transform .25s;
  transition: transform .25s, -webkit-transform .25s
}
.is-open .c-drawer__item__head.js-accordion__button .c-arrow01 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg)
}
.c-drawer__item__head .c-arrow01 {
  height: calc(.40816vw + 15.96939px);
  margin-left: auto;
  min-width: calc(.40816vw + 15.96939px);
  width: calc(.40816vw + 15.96939px)
}
.c-drawer__item__list {
  font-size: calc(.16327vw + 1.13878rem);
  padding: 2em calc(1.02041vw + 8.67347px) 1em
}
.c-drawer__item__item {
  margin-bottom: 1.75em
}
.c-drawer__item__item:last-child {
  margin-bottom: 0
}
.c-drawer__item__item a .js-svg, .c-drawer__item__item a svg {
  color: #2a4ba9;
  margin-left: .75em
}
.c-drawer__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: calc(2.04082vw + 17.34694px)
}
.c-drawer__buttons &gt; * {
  margin-right: calc(1.22449vw + 10.40816px);
  max-width: 50%;
  width: 100%
}
.c-drawer__buttons &gt; :last-child {
  margin-right: 0
}
.c-drawer__buttons &gt; * .link, .c-drawer__buttons &gt; * a {
  width: 100%
}
.-recruit .c-drawer__buttons {
  margin-top: auto
}
.-recruit .c-drawer__buttons &gt; * {
  max-width: 100%
}
.c-drawer__search {
  margin-top: auto;
  padding-top: calc(2.04082vw + 17.34694px)
}
.c-drawer__search .c-input-label {
  background-color: #fff
}
.c-drawer_button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #2a4ba9;
  border-bottom-left-radius: calc(.40816vw + 8.46939px);
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(4.89796vw + 31.63265px);
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(4.89796vw + 31.63265px)
}
.-recruit .c-drawer_button {
  background-color: #09b0b6
}
.c-drawer .c-drawer_button {
  background-color: transparent
}
.c-drawer_button__text {
  font-size: calc(.32653vw + .87755rem);
  line-height: 1;
  margin-bottom: .5em;
  margin-top: -.5em;
  text-align: center
}
.c-drawer_button__bar {
  height: calc(1.22449vw + 20.40816px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: calc(1.22449vw + 20.40816px)
}
.c-drawer .c-drawer_button__bar {
  color: #2a4ba9
}
.c-drawer.-recruit .c-drawer_button__bar {
  color: #09b0b6
}
.c-drawer_button__bar:after, .c-drawer_button__bar:before {
  border-bottom: 2px solid;
  content: "";
  display: block;
  left: 0;
  margin-top: -1px;
  position: absolute;
  width: 100%
}
.c-drawer .c-drawer_button__bar:after, .c-drawer .c-drawer_button__bar:before {
  top: 50%
}
.c-drawer_button__bar:before {
  top: 37.5%
}
.c-drawer .c-drawer_button__bar:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.c-drawer_button__bar:after {
  top: 62.5%
}
.c-drawer .c-drawer_button__bar:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.c-tube {
  display: block
}
.c-tube:before {
  content: "";
  display: block;
  max-width: 700px;
  padding-top: 92.7467300832%;
  width: 100%
}
.c-tube__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0
}
.c-tube__item, .c-tube__list {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  width: 100%
}
.c-tube__item {
  margin-right: 2.853745541%;
  position: relative
}
.c-tube__item .image {
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1
}
.c-tube__item .image:before {
  content: "";
  display: block
}
.c-tube__item .image img {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.c-tube.js-anim_elm .c-tube__item {
  -webkit-transform: translateX(75%);
  transform: translateX(75%)
}
.c-tube.js-anim_elm .c-tube__item img {
  opacity: 0;
  -webkit-transform: scale(1.25);
  transform: scale(1.25)
}
.c-tube.js-anim_elm .c-tube__item:first-child {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 0s
}
.c-tube.js-anim_elm .c-tube__item:first-child img {
  -webkit-transition: opacity .5s 0s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: opacity .5s 0s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: opacity .5s 0s, transform 1.5s cubic-bezier(.215, .61, .355, 1) 0s;
  transition: opacity .5s 0s, transform 1.5s cubic-bezier(.215, .61, .355, 1) 0s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) 0s
}
.c-tube.js-anim_elm .c-tube__item:nth-child(2) {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) .125s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .125s
}
.c-tube.js-anim_elm .c-tube__item:nth-child(2) img {
  -webkit-transition: opacity .5s .125s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: opacity .5s .125s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: opacity .5s .125s, transform 1.5s cubic-bezier(.215, .61, .355, 1) .125s;
  transition: opacity .5s .125s, transform 1.5s cubic-bezier(.215, .61, .355, 1) .125s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .125s
}
.c-tube.js-anim_elm .c-tube__item:nth-child(3) {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s
}
.c-tube.js-anim_elm .c-tube__item:nth-child(3) img {
  -webkit-transition: opacity .5s .25s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .25s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .25s, transform 1.5s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .25s, transform 1.5s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .25s
}
.c-tube.js-anim_elm .c-tube__item:nth-child(4) {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: transform 1s cubic-bezier(.215, .61, .355, 1) .375s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .375s
}
.c-tube.js-anim_elm .c-tube__item:nth-child(4) img {
  -webkit-transition: opacity .5s .375s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .5s .375s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .5s .375s, transform 1.5s cubic-bezier(.215, .61, .355, 1) .375s;
  transition: opacity .5s .375s, transform 1.5s cubic-bezier(.215, .61, .355, 1) .375s, -webkit-transform 1.5s cubic-bezier(.215, .61, .355, 1) .375s
}
.c-tube.js-anim_elm.is-act .c-tube__item {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}
.c-tube.js-anim_elm.is-act .c-tube__item img.isLoaded {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.c-tube__item:first-child .image:before {
  padding-top: 293.75%
}
.c-tube__item:nth-child(2):after {
  content: "";
  display: block;
  height: auto;
  padding-top: 24.7395833333%;
  width: 100%
}
.c-tube__item:nth-child(2) .image:before {
  padding-top: 304.6632124352%
}
.c-tube__item:nth-child(3) .image:before {
  padding-top: 318.75%
}
.c-tube__item:nth-child(3):after {
  content: "";
  display: block;
  height: auto;
  padding-top: 49.4791666667%;
  width: 100%
}
.c-tube__item:last-child {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 100%;
  margin-right: 0
}
.c-tube__item:last-child .image:before {
  padding-top: 319.5979899497%
}
.c-search {
  margin-top: 90px;
  position: relative;
  z-index: 5
}
.c-search:first-child {
  margin-top: 0
}
.c-search__container.js-accordion {
  border: 2px solid #2a4ba9;
  padding-left: 60px;
  padding-right: 60px
}
.c-search__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 30px;
  padding-top: 30px;
  position: relative
}
.c-search__head.js-accordion__button {
  cursor: pointer
}
.c-search__head .c-plusminus {
  background-color: #f3f6fc;
  border: none;
  position: absolute;
  right: 0;
  top: 50%
}
.c-search__head .c-blockimage {
  max-width: 64px;
  min-width: 64px;
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
  width: 100%
}
.c-search__head .c-title02 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 1em
}
.c-search__head .c-title02 .en {
  font-size: 1.6rem;
  margin-left: 1em
}
.js-accordion .c-search__body {
  padding-bottom: 50px
}
.c-search__select {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 60px
}
.c-search__select .c-title06 {
  margin-right: 3em;
  white-space: nowrap
}
.c-search__select label {
  border: 2px solid #2a4ba9;
  cursor: pointer;
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1
}
.c-search__select label select {
  color: inherit;
  display: block;
  font-family: inherit;
  font-size: inherit;
  padding: 1.5em 100px 1.5em 30px;
  width: 100%
}
.c-search__select label .down {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #2a4ba9;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  width: 70px
}
.c-search__select label .down .js-svg, .c-search__select label .down svg {
  height: 2em;
  width: 2em
}
.c-search__freeword {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
  padding-left: 60px;
  padding-right: 60px
}
.c-search__freeword .c-title06 {
  margin-right: 2em;
  white-space: nowrap
}
.c-search__freeword label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f6fc;
  border-radius: 9999px;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 2em;
  width: 100%
}
.c-search__freeword label .js-svg, .c-search__freeword label svg {
  color: #2a4ba9;
  margin-right: 1em;
  min-width: 1em
}
.c-search_material .c-search__freeword label {
  background-color: #fff
}
.c-search__freeword input {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  letter-spacing: inherit;
  line-height: inherit
}
.c-search__submit {
  margin-top: 45px
}
.c-search__check {
  margin-top: 70px
}
.c-search__check:first-child {
  margin-top: 0
}
.c-search__check &gt; * {
  margin-bottom: 30px
}
.c-search__check &gt; :last-child {
  margin-bottom: 0
}
.c-search__check .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 30px
}
.c-search__check .item {
  margin-bottom: .75em;
  margin-right: 1.5em
}
.c-search__check__nav {
  border-bottom: 1px solid #2a4ba9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-search__check__nav__item {
  background-color: #f3f6fc;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #2a4ba9;
  cursor: pointer;
  margin-right: 10px;
  padding: .8em .5em .7em;
  -webkit-transition: color .25s, background-color .25s;
  transition: color .25s, background-color .25s;
  width: 100%
}
.c-search__check__nav__item.is-act {
  background-color: #2a4ba9;
  color: #fff;
  cursor: auto
}
.c-search__check__nav__item:last-child {
  margin-right: 0
}
.c-search__check__nav__item.-center {
  padding-left: .6em
}
.c-search__check__content__item {
  line-height: 1.4;
  padding-left: 60px;
  padding-right: 60px
}
.c-search_material {
  margin-top: 90px
}
.c-search_material:first-child {
  margin-top: 0
}
.c-search_material__container {
  background-color: #f3f6fc;
  padding: 55px 65px
}
.c-form .mwform-file-delete {
  display: none
}
.mw_wp_form_confirm .c-form .confirm {
  background-color: #f3f6fc;
  border-radius: 10px;
  display: block;
  padding: 1.5em 40px
}
.c-form .error {
  display: block;
  line-height: 1.4;
  margin-top: .25em
}
.c-form input[type=checkbox], .c-form input[type=file] {
  display: none
}
.c-form input[type=checkbox] + .mwform-checkbox-field-text, .c-form input[type=checkbox] + label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.c-form input[type=checkbox] + .mwform-checkbox-field-text:before, .c-form input[type=checkbox] + label:before {
  border: 2px solid #2a4ba9;
  border-radius: 2px;
  content: "";
  display: block;
  height: .9em;
  margin-right: .5em;
  min-width: .9em;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
  width: .9em
}
.c-form input[type=checkbox] + .mwform-checkbox-field-text:after, .c-form input[type=checkbox] + label:after {
  border-bottom: 2px solid;
  border-left: 2px solid;
  color: #fff;
  content: "";
  display: block;
  height: .4em;
  left: .15em;
  opacity: 0;
  position: absolute;
  top: 42.5%;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  width: .6em
}
.c-form input[type=checkbox]:checked + .mwform-checkbox-field-text:before, .c-form input[type=checkbox]:checked + label:before {
  background-color: #2a4ba9
}
.c-form input[type=checkbox]:checked + .mwform-checkbox-field-text:after, .c-form input[type=checkbox]:checked + label:after {
  opacity: 1
}
.c-form .c-form_radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.4em
}
.c-form .c-form_radio &gt; span + span {
  margin-left: 1em !important
}
.c-form .c-form_radio label input[type=radio] {
  display: none
}
.c-form .c-form_radio label input[type=radio] + span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.c-form .c-form_radio label input[type=radio] + span:before {
  background: #fff;
  border: 1px solid #2a4ba9;
  border-radius: 50%;
  content: "";
  height: 1.6em;
  margin-right: .5em;
  text-align: center;
  width: 1.6em
}
.c-form .c-form_radio label input[type=radio]:checked + span:after {
  background-color: #2a4ba9;
  border-radius: 50%;
  content: "";
  display: block;
  height: .8em;
  left: .4em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: .8em
}
.c-form__list {
  line-height: 1.4
}
.c-form__item {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px
}
.c-form__item:last-child {
  margin-bottom: 0
}
.c-form__item .input {
  margin-bottom: 30px
}
.c-form__item .input:last-child {
  margin-bottom: 0
}
.c-form__item__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  padding-top: 1.2em;
  position: relative;
  width: 100%
}
.c-form__item__head:after {
  background-color: #09b0b6;
  border-radius: 9999px;
  color: #fff;
  content: "任意";
  display: block;
  font-size: 1.4rem;
  letter-spacing: .05em;
  margin-left: 1em;
  padding: .5em 1em .45em;
  white-space: nowrap
}
.c-form__item__head.-en:after {
  content: "Any" !important
}
.c-form__item__head small {
  bottom: 0;
  left: 0;
  opacity: .9;
  position: absolute;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  width: 75%
}
.c-form__item.-required .c-form__item__head:after {
  background-color: #2a4ba9;
  content: "必須"
}
.c-form__item.-required .c-form__item__head.-en:after {
  content: "Required" !important
}
.c-form__item__body {
  margin-left: 20px;
  max-width: 650px;
  min-width: 650px;
  width: 100%
}
.c-form__item__body .file, .c-form__item__body input, .c-form__item__body select, .c-form__item__body textarea {
  background-color: #f3f6fc;
  border-radius: 10px;
  min-width: 6em;
  padding: 1.5em 40px;
  width: 100%
}
.c-form__item__body .file {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-right: 6em;
  position: relative
}
.c-form__item__body .file .button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #2a4ba9;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  width: 4.5em
}
.c-form__item__body .file .button .js-svg, .c-form__item__body .file .button svg {
  height: 1.25em;
  width: 1.25em
}
.c-form__item__body textarea {
  max-width: 100%;
  min-width: 100%
}
.-recruit .c-form__item__body .file, .-recruit .c-form__item__body input, .-recruit .c-form__item__body select, .-recruit .c-form__item__body textarea {
  background-color: #eff5f4
}
.-recruit .c-form__item__body .file .button {
  background-color: #09b0b6
}
.c-form__confirm {
  line-height: 1.4;
  margin-top: 70px
}
.mw_wp_form_confirm .c-form__confirm {
  display: none
}
.c-form__confirm__checkbox {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-top: 1em;
  position: relative
}
.c-form__confirm__checkbox .error {
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  white-space: nowrap
}
.c-form__submit {
  line-height: 1.4;
  margin-top: 90px
}
.c-form__submit, .c-form__submit &gt; button {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.c-form__submit &gt; button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #f3f6fc;
  border-radius: 9999px;
  font-family: inherit;
  font-size: inherit;
  font-weight: 700;
  letter-spacing: inherit;
  line-height: inherit;
  margin-left: .5em;
  margin-right: .5em;
  padding: 1.2em 2em 1.15em
}
.is-pc .c-form__submit &gt; button {
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}
.is-pc .c-form__submit &gt; button:hover {
  opacity: .5
}
.-recruit .c-form__submit &gt; button {
  background-color: #eff5f4
}
.c-form__submit &gt; button.-confirm, .c-form__submit &gt; button.-send {
  background-color: #2a4ba9;
  color: #fff;
  width: 400px
}
.-recruit .c-form__submit &gt; button.-confirm, .-recruit .c-form__submit &gt; button.-send {
  background-color: #09b0b6
}
.c-lower {
  background-color: #2a4ba9;
  color: #fff;
  height: 250px;
  position: relative
}
.home .c-lower {
  margin-top: 110px
}
.c-lower.-recruit {
  background-color: #09b0b6
}
.c-lower__bg {
  height: 100%;
  left: 0;
  opacity: .15;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%
}
.c-lower__bg img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.is-start .c-lower__bg img {
  opacity: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity .5s, -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s, -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s, transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s, transform 2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1)
}
.is-start.is-loaded .c-lower__bg img {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.c-lower .c-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative
}
.c-lower__illust {
  bottom: 0;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(7.5%);
  transform: translateY(7.5%);
  width: 290px
}
.c-lower__illust:before {
  padding-top: 61.8181818182%
}
.c-lower__heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 4rem
}
.is-start .c-lower__heading {
  opacity: 0;
  -webkit-transition: opacity 1s;
  transition: opacity 1s
}
.is-start.is-loaded .c-lower__heading {
  opacity: 1
}
.c-lower__heading .ja {
  display: block;
  margin-right: .5em
}
.c-lower__heading small {
  font-size: .7222222222em
}
.c-lower__heading .en {
  display: block;
  font-size: 1.6rem;
  text-transform: capitalize
}
.c-breadcrumb {
  color: #7f838e;
  font-size: 1.4rem;
  letter-spacing: .05em;
  margin-bottom: 60px;
  overflow-x: auto;
  padding-bottom: 1px;
  padding-top: 1px;
  white-space: nowrap
}
.c-breadcrumb__list {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 70px
}
.c-breadcrumb__list .js-svg, .c-breadcrumb__list svg {
  margin-left: 1em;
  margin-right: 1em
}
.c-breadcrumb__list span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-menu {
  margin-top: 80px
}
.c-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -30px;
  margin-left: -15px;
  margin-right: -15px
}
.-recruit .c-menu__list {
  margin-left: -30px;
  margin-right: -30px
}
.c-menu__item {
  margin-bottom: 30px;
  max-width: 33.3333333333%;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}
.-recruit .c-menu__item {
  max-width: 50%;
  padding-left: 30px;
  padding-right: 30px
}
.c-menu__item a {
  display: block
}
.is-pc .c-menu__item a img {
  -webkit-transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform .5s cubic-bezier(.215, .61, .355, 1);
  transition: transform .5s cubic-bezier(.215, .61, .355, 1), -webkit-transform .5s cubic-bezier(.215, .61, .355, 1)
}
.is-pc .c-menu__item a:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.c-menu__item .c-blockimage {
  overflow: hidden
}
.c-menu__item .c-blockimage:before {
  padding-top: 57.1428571429%
}
.c-menu__item .title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}
.c-menu__item .title .arrow {
  height: 1.25em;
  margin-left: 1.25em;
  min-width: 1.25em;
  width: 1.25em
}
.c-banner {
  margin-top: 110px
}
.c-banner__bg {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.c-banner.-main .c-banner__bg {
  opacity: .3
}
.c-banner__bg img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.is-pc .c-banner__bg {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.is-pc a:hover .c-banner__bg {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.c-banner a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 150px;
  overflow: hidden;
  padding-left: 95px;
  padding-right: 95px;
  position: relative
}
.c-banner.-main a {
  background-color: #2a4ba9
}
.c-banner__inner {
  position: relative;
  width: 100%
}
.c-banner__inner, .c-banner__inner__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-banner__inner__text {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: 2em
}
.c-banner__inner .c-button02 {
  margin-left: auto;
  white-space: nowrap
}
.c-banner__inner .title {
  margin-right: 1em
}
.c-banner__inner &gt; .c-blockimage {
  max-width: 200px;
  min-width: 200px
}
.c-banner__inner &gt; .c-blockimage:before {
  padding-top: 61.8181818182%
}
.c-banner__material {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #fff;
  border-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 490px;
  justify-content: center;
  left: 50%;
  padding: 50px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 490px
}
.c-banner__material .text {
  font-size: 1.6rem;
  line-height: 1.4;
  margin-top: 1em;
  text-align: center
}
.c-banner__material .title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0
}
.c-banner__material .title .en {
  font-size: 1.4rem;
  letter-spacing: .1em;
  margin-left: 1.5em
}
.c-banner__material .title .c-blockimage {
  max-width: 200px;
  min-width: 200px
}
.c-banner__material .title .c-blockimage .js-svg, .c-banner__material .title .c-blockimage svg {
  color: #2a4ba9
}
.c-banner__material .title .c-blockimage:before {
  padding-top: 21.0256410256%
}
.c-entry {
  background-color: #09b0b6;
  color: #fff;
  margin-top: 120px
}
.p-recruit + .c-entry {
  margin-top: 0
}
.c-entry a {
  display: block;
  overflow: hidden;
  position: relative
}
.is-pc .c-entry a:hover .c-button02 .arrow {
  background-color: #fff
}
.is-pc .c-entry a:hover .c-button02 .arrow .js-svg, .is-pc .c-entry a:hover .c-button02 .arrow svg {
  color: #09b0b6
}
.c-entry .c-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 400px;
  justify-content: space-between;
  position: relative
}
.c-entry__bg {
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%
}
.c-entry__bg img {
  -o-object-fit: cover;
  object-fit: cover
}
.c-entry__bg img, .c-entry__shape {
  display: block;
  height: 100%;
  width: 100%
}
.c-entry__shape {
  color: #031a18;
  justify-self: 100%;
  left: 0;
  position: absolute;
  top: 50%
}
.c-entry__shape .js-svg, .c-entry__shape svg {
  display: block;
  height: 100%;
  opacity: .15;
  width: 100%
}
.c-entry__heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 9rem
}
.c-entry__heading .en {
  margin-right: .25em
}
.c-entry__heading .ja {
  font-size: 2rem;
  letter-spacing: .1em;
  margin-top: .5em
}
.p-material__list .c-material_card {
  margin-bottom: 60px;
  padding-left: 50px
}
.c-material_card:last-child, .p-material__list .c-material_card:last-child {
  margin-bottom: 0
}
.c-material_card a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%
}
.c-material_card__head {
  margin-right: 35px;
  max-width: 240px;
  min-width: 240px;
  position: relative;
  width: 100%
}
.c-material_card__head .cat {
  bottom: -15px;
  color: #2a4ba9;
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: -60px;
  position: absolute;
  text-transform: capitalize;
  top: -15px;
  width: 100%
}
.c-material_card__head .cat svg {
  display: block;
  height: 100%;
  width: 100%
}
.c-material_card__head .c-blockimage {
  border-radius: 9999px;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.c-material_card__head .c-blockimage:before {
  padding-top: 66.6666666667%
}
.c-material_card__body {
  width: 100%
}
.c-material_card__body .c-title03 {
  border-bottom: 1px solid #dcdcdc
}
.is-pc .c-material_card__body .c-title03 {
  -webkit-transition: color .25s, border-color .25s;
  transition: color .25s, border-color .25s
}
.is-pc a:hover .c-material_card__body .c-title03 {
  border-color: #09b0b6;
  color: #09b0b6
}
.c-material_card__body .c-label {
  margin-bottom: .25em
}
.c-material_card__body .c-tag01 {
  margin-top: .5em
}
.wp-pagenavi {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2a4ba9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  justify-content: center;
  margin-top: 90px
}
.c-material__list + .wp-pagenavi {
  margin-top: 55px
}
.wp-pagenavi &gt; * {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  margin-right: 15px;
  min-width: 50px;
  position: relative;
  width: 50px
}
.wp-pagenavi &gt; :last-child {
  margin-right: 0
}
.wp-pagenavi &gt; .current, .wp-pagenavi &gt; .page {
  font-size: 2rem;
  height: 30px;
  min-width: 30px;
  width: 30px
}
.is-pc .wp-pagenavi &gt; .page {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .wp-pagenavi &gt; .page:hover, .wp-pagenavi &gt; .current {
  color: #09b0b6
}
.wp-pagenavi &gt; .current:after {
  border-bottom: 2px solid;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  width: 100%
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
  background-color: #f3f6fc;
  border-radius: 9999px
}
.is-pc .wp-pagenavi .nextpostslink, .is-pc .wp-pagenavi .previouspostslink {
  -webkit-transition: color .25s, background-color .25s;
  transition: color .25s, background-color .25s
}
.is-pc .wp-pagenavi .nextpostslink:hover, .is-pc .wp-pagenavi .previouspostslink:hover {
  background-color: #2a4ba9;
  color: #fff
}
.wp-pagenavi .previouspostslink {
  margin-right: 55px
}
.wp-pagenavi .previouspostslink .js-svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.wp-pagenavi .nextpostslink {
  margin-left: 40px
}
.c-product__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px
}
.c-product__list .c-product_card {
  max-width: 33.3333333333%;
  padding-bottom: 45px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%
}
.c-product_card .c-blockimage:before {
  padding-top: 66.6666666667%
}
.c-product_card .arrow {
  bottom: .75em;
  height: 2em;
  min-width: 2em;
  opacity: 0;
  position: absolute;
  right: .75em;
  -webkit-transition: opacity .25s;
  transition: opacity .25s;
  width: 2em;
  z-index: 1
}
.c-product_card__symbol {
  background-color: #f3f6fc;
  position: relative
}
.c-pickup .c-product_card__symbol {
  background-color: #fff
}
.c-pickup .c-product_card__symbol .c-blockimage {
  top: 42.5%
}
.c-product_card__symbol:before {
  content: "";
  display: block;
  padding-top: 66.6666666667%
}
.c-product_card__symbol .c-blockimage {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%
}
.c-product_card__symbol .c-blockimage:before {
  padding-top: 100%
}
.c-product_card a {
  display: block;
  height: 100%
}
.is-pc .c-product_card a .c-blockimage img {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.is-pc .c-product_card a:hover .c-blockimage img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.is-pc .c-product_card a:hover .arrow {
  opacity: 1
}
.c-product_card .c-tag01 {
  margin-top: .75em
}
.c-product_data {
  border: 2px solid;
  padding: 55px 65px
}
.c-product_data .c-product_data__buttons .c-button01 {
  margin-top: 0
}
.c-product_data__layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px
}
.c-product_data__layout__sub {
  margin-right: 40px;
  max-width: 410px;
  min-width: 410px;
  width: 100%
}
.c-product_data__layout__sub img {
  border: 1px solid #dcdcdc;
  border-radius: 10px
}
.c-product_data__layout__main {
  width: 100%
}
.c-product_data__layout__main .c-button01 {
  margin-top: 1em
}
.c-product_data__layout__main dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.5;
  margin-top: 1em
}
.c-product_data__layout__main dl dd, .c-product_data__layout__main dl dt {
  padding: .5em 1em
}
.c-product_data__layout__main dl dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f6fc;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  white-space: nowrap
}
.c-product_data__layout__main dl dd {
  padding-right: 0
}
.c-product_data__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px
}
.c-product_data__buttons .c-button01 {
  margin-right: 30px;
  max-width: 50%;
  width: 100%
}
.c-product_data__buttons .c-button01:last-child {
  margin-right: 0
}
.c-product_data__buttons .c-button01 .link, .c-product_data__buttons .c-button01 a {
  width: 100%
}
.c-product_data__dl {
  margin-top: 40px
}
.c-product_data__dl dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 1.5;
  margin-bottom: 5px
}
.c-product_data__dl dl:last-child {
  margin-bottom: 0
}
.c-product_data__dl dl dd, .c-product_data__dl dl dt {
  padding-bottom: .5em;
  padding-top: .5em
}
.c-product_data__dl dl dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #f3f6fc;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-right: 20px;
  max-width: 205px;
  min-width: 205px;
  padding-left: 12.5px;
  padding-right: 12.5px;
  text-align: center;
  width: 100%
}
.c-product_data__dl dl dd {
  width: 100%
}
.c-pickup {
  margin-top: 60px
}
.c-search + .c-pickup, .p-search_archive + .c-pickup {
  margin-top: 120px
}
.p-single .c-pickup {
  margin-top: 100px
}
.c-pickup__nav {
  margin-top: 70px;
  padding-left: 40px;
  padding-right: 40px
}
.c-pickup__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px
}
.c-pickup__nav__list .c-label {
  margin-bottom: 10px;
  margin-right: 10px
}
.c-pickup__body, .c-pickup__head {
  background-color: #f3f6fc;
  margin-left: -145px;
  margin-right: -145px
}
.c-pickup__head {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding-left: 145px;
  padding-right: 145px;
  padding-top: 90px
}
.c-pickup__body {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 50px 55px 90px
}
.c-pickup__body .keen-slider__scrollbar {
  margin-left: auto;
  margin-right: auto;
  max-width: 1100px
}
.c-tab__nav {
  border-bottom: 3px solid;
  line-height: 1.4
}
.c-tab__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.c-tab__nav__item {
  font-size: 2rem;
  font-weight: 700;
  padding-left: 2px;
  padding-right: 2px;
  width: 100%
}
.c-tab__nav__item &gt; span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #f3f6fc;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 3.8em;
  padding: .5em .25em;
  text-align: center;
  -webkit-transition: color .25s, background-color .25s;
  transition: color .25s, background-color .25s
}
.c-tab__nav.c-color-accent .c-tab__nav__item &gt; span {
  background-color: #f6f9f9
}
.c-tab__nav.c-color-accent .c-tab__nav__item.is-act &gt; span {
  background-color: #09b0b6
}
.c-tab__nav__item.is-act &gt; span {
  background-color: #2a4ba9;
  color: #fff
}
.c-tab__nav__item.is-disable {
  opacity: .5;
  pointer-events: none
}
.c-tab__content__item {
  padding-top: 90px
}
.c-alert_ie {
  background: rgba(0, 0, 0, .8);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999
}
.c-alert_ie__alert {
  background: #fff;
  left: 50%;
  max-width: 650px;
  padding: calc(2.44898vw + 20.81633px);
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 50%
}
.c-alert_ie__alert .c-btn_edge {
  background: #2a4ba9;
  border: 1px solid #2a4ba9;
  border-radius: 30px;
  color: #fff;
  display: block;
  margin-top: 20px;
  padding: 10px calc(.81633vw + 6.93878px);
  text-align: center;
  -webkit-transition: all .3s ease;
  transition: all .3s ease
}
.c-alert_ie__alert .c-btn_edge:hover {
  background: #fff;
  color: #2a4ba9
}
.c-mega {
  background-color: #fff;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  height: 0;
  left: 5px;
  line-height: 1.4;
  overflow: hidden;
  position: absolute;
  top: 100%
}
.c-mega__list {
  font-size: 1.4rem;
  padding: 30px 30px 25px
}
.is-pc .c-mega__list {
  padding-left: 45px
}
.c-mega__item {
  margin-bottom: .75em
}
.c-mega__item:last-child {
  margin-bottom: 0
}
.c-mega__item a {
  display: block;
  position: relative;
  white-space: nowrap
}
.c-mega__item a:before {
  background-color: #2a4ba9;
  border-radius: 9999px;
  content: "";
  display: block;
  height: 6px;
  left: -1em;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -65%);
  transform: translate(-100%, -65%);
  width: 6px
}
.is-pc .c-mega__item a {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .c-mega__item a:before {
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}
.is-pc .c-mega__item a:hover {
  color: #2a4ba9
}
.is-pc .c-mega__item a:hover:before {
  opacity: 1
}
.-recruit .c-mega__item a:before {
  background-color: #09b0b6
}
.is-pc .-recruit .c-mega__item a:hover {
  color: #09b0b6
}
#i-index-directory-arm-left, #i-index-directory-arm-right, #i-index-directory-head, #i-index-directory .st11, #i-index-directory .st13, #i-index-directory .st14, #i-index-directory .st15, #i-index-kv-head1, #i-index-kv-leaf1, #i-index-kv-leaf2, #i-index-kv-leaf3, #i-index-kv-leaf4, #i-index-kv-left, #i-index-kv-right, #i-index-point1-a-head, #i-index-point1-a-left, #i-index-point1-a-paper, #i-index-point1-a-right, #i-index-point1-b-head, #i-index-point1-b-right, #i-index-point2-arm, #i-index-point2-data1, #i-index-point2-data2, #i-index-point2-data3, #i-index-point2-data4, #i-index-point2-head, #i-index-point3-arm-left, #i-index-point3-arm-right, #i-index-point3-head, #i-index-point3-smart, #i-index-point4-comment, #i-index-point4-head, #i-index-point4-left, #i-index-point4-right, #i-recruit-kv1-head, #i-recruit-kv1-left, #i-recruit-kv1-right, #i-recruit-kv2-head, #i-recruit-kv2-left, #i-recruit-kv2-right, #i-recruit-kv-data1, #i-recruit-kv-data2, #i-recruit-kv-data3, #i-recruit-kv .st13, #i-recruit-kv .st20, #i-recruit-kv .st23, #i-recruit-kv .st28, #i-recruit-kv .st32, #i-search, #i-search-light {
  -webkit-animation-duration: 10s;
  animation-duration: 10s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite
}
@-webkit-keyframes index-kv-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-kv-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  85% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-kv-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  55% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-kv-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  55% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-kv-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  55% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-kv-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  55% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-kv-leaf {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  70% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-kv-leaf {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  70% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
#i-index-kv-head1 {
  -webkit-animation-name: index-kv-head;
  animation-name: index-kv-head;
  -webkit-transform-origin: 55.8498896247% 33.3039647577%;
  transform-origin: 55.8498896247% 33.3039647577%
}
#i-index-kv-left {
  -webkit-animation-name: index-kv-left;
  animation-name: index-kv-left;
  -webkit-transform-origin: 71.2913907285% 35.859030837%;
  transform-origin: 71.2913907285% 35.859030837%
}
#i-index-kv-right {
  -webkit-animation-name: index-kv-right;
  animation-name: index-kv-right;
  -webkit-transform-origin: 74.6136865342% 42.2907488987%;
  transform-origin: 74.6136865342% 42.2907488987%
}
#i-index-kv-leaf1, #i-index-kv-leaf2, #i-index-kv-leaf3, #i-index-kv-leaf4 {
  -webkit-animation-name: index-kv-leaf;
  animation-name: index-kv-leaf;
  -webkit-animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  animation-timing-function: cubic-bezier(.645, .045, .355, 1)
}
#i-index-kv-leaf1 {
  -webkit-animation-delay: -7.5s;
  animation-delay: -7.5s;
  -webkit-transform-origin: 14.6909492274% 50.2863436123%;
  transform-origin: 14.6909492274% 50.2863436123%
}
#i-index-kv-leaf2 {
  -webkit-animation-delay: -5s;
  animation-delay: -5s;
  -webkit-transform-origin: 20.4415011038% 49.1629955947%;
  transform-origin: 20.4415011038% 49.1629955947%
}
#i-index-kv-leaf3 {
  -webkit-animation-delay: -2.5s;
  animation-delay: -2.5s;
  -webkit-transform-origin: 86.3465783664% 82.5330396476%;
  transform-origin: 86.3465783664% 82.5330396476%
}
#i-index-kv-leaf4 {
  -webkit-transform-origin: 90% 85.8810572687%;
  transform-origin: 90% 85.8810572687%
}
@-webkit-keyframes index-point1-a-left {
  0% {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
  40% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  70% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  to {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
}
@keyframes index-point1-a-left {
  0% {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
  40% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  70% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  to {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
}
@-webkit-keyframes index-point1-a-right {
  0% {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
  40% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  70% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  to {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
}
@keyframes index-point1-a-right {
  0% {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
  40% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  70% {
    -webkit-transform: rotate(5deg) scaleY(1.1);
    transform: rotate(5deg) scaleY(1.1)
  }
  to {
    -webkit-transform: rotate(0deg) scaleY(1);
    transform: rotate(0deg) scaleY(1)
  }
}
@-webkit-keyframes index-point1-a-paper {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  40% {
    -webkit-transform: translate(-1%, 2.75%);
    transform: translate(-1%, 2.75%)
  }
  70% {
    -webkit-transform: translate(-1%, 2.75%);
    transform: translate(-1%, 2.75%)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}
@keyframes index-point1-a-paper {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
  40% {
    -webkit-transform: translate(-1%, 2.75%);
    transform: translate(-1%, 2.75%)
  }
  70% {
    -webkit-transform: translate(-1%, 2.75%);
    transform: translate(-1%, 2.75%)
  }
  to {
    -webkit-transform: translate(0);
    transform: translate(0)
  }
}
@-webkit-keyframes index-point1-a-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-point1-a-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  50% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-point1-b-right {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  10% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
}
@keyframes index-point1-b-right {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  10% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
}
@-webkit-keyframes index-point1-b-head {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  10% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  30% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  40% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  60% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  70% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
}
@keyframes index-point1-b-head {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  10% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  30% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  40% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  60% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  70% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
}
#i-index-point1-a-paper {
  -webkit-animation-name: index-point1-a-paper;
  animation-name: index-point1-a-paper
}
#i-index-point1-a-right {
  -webkit-animation-name: index-point1-a-right;
  animation-name: index-point1-a-right;
  -webkit-transform-origin: 24.6266233766% 37.9303278689%;
  transform-origin: 24.6266233766% 37.9303278689%
}
#i-index-point1-a-left {
  -webkit-animation-name: index-point1-a-left;
  animation-name: index-point1-a-left;
  -webkit-transform-origin: 15.1136363636% 38.5040983607%;
  transform-origin: 15.1136363636% 38.5040983607%
}
#i-index-point1-a-head {
  -webkit-animation-name: index-point1-a-head;
  animation-name: index-point1-a-head;
  -webkit-transform-origin: 21.1201298701% 35.1024590164%;
  transform-origin: 21.1201298701% 35.1024590164%
}
#i-index-point1-b-right {
  -webkit-animation-name: index-point1-b-right;
  animation-name: index-point1-b-right;
  -webkit-transform-origin: 79.4805194805% 42.7663934426%;
  transform-origin: 79.4805194805% 42.7663934426%
}
#i-index-point1-b-head {
  -webkit-animation-name: index-point1-b-head;
  animation-name: index-point1-b-head;
  -webkit-transform-origin: 78.7824675325% 40.6762295082%;
  transform-origin: 78.7824675325% 40.6762295082%
}
@-webkit-keyframes index-point2-data {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@keyframes index-point2-data {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  50% {
    -webkit-transform: translateY(-5%);
    transform: translateY(-5%)
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
}
@-webkit-keyframes index-point2-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  30% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  35% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  45% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-point2-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  30% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  35% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  45% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-point2-arm {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  15% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  65% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-point2-arm {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  15% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  25% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  50% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  65% {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
#i-index-point2-data1, #i-index-point2-data2, #i-index-point2-data3, #i-index-point2-data4 {
  -webkit-animation-name: index-point2-data;
  animation-name: index-point2-data;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
#i-index-point2-head {
  -webkit-animation-name: index-point2-head;
  animation-name: index-point2-head;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: 16.1201298701% 36.8237704918%;
  transform-origin: 16.1201298701% 36.8237704918%
}
#i-index-point2-arm {
  -webkit-animation-name: index-point2-arm;
  animation-name: index-point2-arm;
  -webkit-animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  animation-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
  -webkit-transform-origin: 21.9318181818% 40.4303278689%;
  transform-origin: 21.9318181818% 40.4303278689%
}
#i-index-point2-data2 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s
}
#i-index-point2-data3 {
  -webkit-animation-delay: -4s;
  animation-delay: -4s
}
#i-index-point2-data4 {
  -webkit-animation-delay: -6s;
  animation-delay: -6s
}
@-webkit-keyframes index-point3-smart {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-point3-smart {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-point3-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  85% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-point3-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  20% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  85% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-point3-arm {
  0% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
}
@keyframes index-point3-arm {
  0% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg)
  }
  to {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
}
#i-index-point3-smart {
  -webkit-animation-name: index-point3-smart;
  animation-name: index-point3-smart;
  -webkit-transform-origin: 44.788961039% 42.3360655738%;
  transform-origin: 44.788961039% 42.3360655738%
}
#i-index-point3-head {
  -webkit-animation-name: index-point3-head;
  animation-name: index-point3-head;
  -webkit-transform-origin: 39.6915584416% 38.7909836066%;
  transform-origin: 39.6915584416% 38.7909836066%
}
#i-index-point3-arm-left {
  -webkit-transform-origin: 62.6298701299% 53.8114754098%;
  transform-origin: 62.6298701299% 53.8114754098%
}
#i-index-point3-arm-left, #i-index-point3-arm-right {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: index-point3-arm;
  animation-name: index-point3-arm
}
#i-index-point3-arm-right {
  -webkit-animation-delay: .375s;
  animation-delay: .375s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: 71.2824675325% 51.5778688525%;
  transform-origin: 71.2824675325% 51.5778688525%
}
@-webkit-keyframes index-point4-comment {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-5%, 2.5%);
    transform: scale(1) translate(-5%, 2.5%)
  }
  35% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-5%, 2.5%);
    transform: scale(1) translate(-5%, 2.5%)
  }
  40% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(-5%, 2.5%);
    transform: scale(.5) translate(-5%, 2.5%)
  }
  45% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(5%, -5%);
    transform: scale(.5) translate(5%, -5%)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1) translate(5%, -5%);
    transform: scale(1) translate(5%, -5%)
  }
  85% {
    opacity: 1;
    -webkit-transform: scale(1) translate(5%, -5%);
    transform: scale(1) translate(5%, -5%)
  }
  90% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(5%, -5%);
    transform: scale(.5) translate(5%, -5%)
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(-5%, 2.5%);
    transform: scale(.5) translate(-5%, 2.5%)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translate(-5%, 2.5%);
    transform: scale(1) translate(-5%, 2.5%)
  }
}
@keyframes index-point4-comment {
  0% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-5%, 2.5%);
    transform: scale(1) translate(-5%, 2.5%)
  }
  35% {
    opacity: 1;
    -webkit-transform: scale(1) translate(-5%, 2.5%);
    transform: scale(1) translate(-5%, 2.5%)
  }
  40% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(-5%, 2.5%);
    transform: scale(.5) translate(-5%, 2.5%)
  }
  45% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(5%, -5%);
    transform: scale(.5) translate(5%, -5%)
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1) translate(5%, -5%);
    transform: scale(1) translate(5%, -5%)
  }
  85% {
    opacity: 1;
    -webkit-transform: scale(1) translate(5%, -5%);
    transform: scale(1) translate(5%, -5%)
  }
  90% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(5%, -5%);
    transform: scale(.5) translate(5%, -5%)
  }
  95% {
    opacity: 0;
    -webkit-transform: scale(.5) translate(-5%, 2.5%);
    transform: scale(.5) translate(-5%, 2.5%)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1) translate(-5%, 2.5%);
    transform: scale(1) translate(-5%, 2.5%)
  }
}
@-webkit-keyframes index-point4-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-point4-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-point4-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-point4-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-point4-right {
  0% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  to {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
}
@keyframes index-point4-right {
  0% {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg)
  }
  to {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg)
  }
}
#i-index-point4-head {
  -webkit-animation-name: index-point4-head;
  animation-name: index-point4-head;
  -webkit-transform-origin: 41.1688311688% 47.2950819672%;
  transform-origin: 41.1688311688% 47.2950819672%
}
#i-index-point4-left {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: index-point4-left;
  animation-name: index-point4-left;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transform-origin: 38.0844155844% 49.9180327869%;
  transform-origin: 38.0844155844% 49.9180327869%
}
#i-index-point4-right {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-name: index-point4-right;
  animation-name: index-point4-right;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-transform-origin: 45.6331168831% 51.9672131148%;
  transform-origin: 45.6331168831% 51.9672131148%
}
#i-index-point4-comment {
  -webkit-animation-name: index-point4-comment;
  animation-name: index-point4-comment;
  -webkit-transform-origin: 31.2012987013% 44.9385245902%;
  transform-origin: 31.2012987013% 44.9385245902%
}
@-webkit-keyframes index-recruit-arm-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  10% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  30% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-recruit-arm-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  10% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  30% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-recruit-arm-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-recruit-arm-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-recruit-arm-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-recruit-arm-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
#i-index-recruit-arm-left {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: index-recruit-arm-left;
  animation-name: index-recruit-arm-left;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-transform-origin: 52.8969957082% 25.612244898%;
  transform-origin: 52.8969957082% 25.612244898%
}
#i-index-recruit-arm-right {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: index-recruit-arm-right;
  animation-name: index-recruit-arm-right;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-transform-origin: 58.3261802575% 25.7142857143%;
  transform-origin: 58.3261802575% 25.7142857143%
}
#i-index-recruit-head {
  -webkit-animation-duration: 8s;
  animation-duration: 8s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: index-recruit-arm-head;
  animation-name: index-recruit-arm-head;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  -webkit-transform-origin: 33.4763948498% 20.1530612245%;
  transform-origin: 33.4763948498% 20.1530612245%
}
@-webkit-keyframes search-base {
  0% {
    -webkit-transform: rotate(0deg) translateX(10%) rotate(0deg);
    transform: rotate(0deg) translateX(10%) rotate(0deg)
  }
  80% {
    -webkit-transform: rotate(0deg) translateX(10%) rotate(0deg);
    transform: rotate(0deg) translateX(10%) rotate(0deg)
  }
  to {
    -webkit-transform: rotate(-1turn) translateX(10%) rotate(1turn);
    transform: rotate(-1turn) translateX(10%) rotate(1turn)
  }
}
@keyframes search-base {
  0% {
    -webkit-transform: rotate(0deg) translateX(10%) rotate(0deg);
    transform: rotate(0deg) translateX(10%) rotate(0deg)
  }
  80% {
    -webkit-transform: rotate(0deg) translateX(10%) rotate(0deg);
    transform: rotate(0deg) translateX(10%) rotate(0deg)
  }
  to {
    -webkit-transform: rotate(-1turn) translateX(10%) rotate(1turn);
    transform: rotate(-1turn) translateX(10%) rotate(1turn)
  }
}
@-webkit-keyframes search-light {
  0% {
    color: #0ac0d1
  }
  80% {
    color: #0ac0d1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
  }
  to {
    color: #0ac0d1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes search-light {
  0% {
    color: #0ac0d1
  }
  80% {
    color: #0ac0d1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  90% {
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
  }
  to {
    color: #0ac0d1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
#i-search {
  -webkit-animation-name: search-base;
  animation-name: search-base;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
#i-search-base {
  color: #0bd1d3
}
#i-search-light {
  -webkit-animation-name: search-light;
  animation-name: search-light;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  color: #0ac0d1;
  -webkit-transform-origin: 59.7% 33.325%;
  transform-origin: 59.7% 33.325%
}
@-webkit-keyframes index-directory-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  15% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  55% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-directory-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  15% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  55% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-directory-arm-left {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  15% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  30% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  45% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
}
@keyframes index-directory-arm-left {
  0% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  15% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  30% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  45% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
}
@-webkit-keyframes index-directory-arm-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  15% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  55% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes index-directory-arm-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  15% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  40% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  55% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes index-directory-red {
  0% {
    fill: #fe6148
  }
  30% {
    fill: #fe6148
  }
  50% {
    fill: #ffc00f
  }
  80% {
    fill: #ffc00f
  }
  to {
    fill: #fe6148
  }
}
@keyframes index-directory-red {
  0% {
    fill: #fe6148
  }
  30% {
    fill: #fe6148
  }
  50% {
    fill: #ffc00f
  }
  80% {
    fill: #ffc00f
  }
  to {
    fill: #fe6148
  }
}
@-webkit-keyframes index-directory-yellow {
  0% {
    fill: #ffc00f
  }
  30% {
    fill: #ffc00f
  }
  50% {
    fill: #0bd1d3
  }
  80% {
    fill: #0bd1d3
  }
  to {
    fill: #ffc00f
  }
}
@keyframes index-directory-yellow {
  0% {
    fill: #ffc00f
  }
  30% {
    fill: #ffc00f
  }
  50% {
    fill: #0bd1d3
  }
  80% {
    fill: #0bd1d3
  }
  to {
    fill: #ffc00f
  }
}
@-webkit-keyframes index-directory-green {
  0% {
    fill: #0bd1d3
  }
  30% {
    fill: #0bd1d3
  }
  50% {
    fill: #2a4ba9
  }
  80% {
    fill: #2a4ba9
  }
  to {
    fill: #0bd1d3
  }
}
@keyframes index-directory-green {
  0% {
    fill: #0bd1d3
  }
  30% {
    fill: #0bd1d3
  }
  50% {
    fill: #2a4ba9
  }
  80% {
    fill: #2a4ba9
  }
  to {
    fill: #0bd1d3
  }
}
@-webkit-keyframes index-directory-blue {
  0% {
    fill: #2a4ba9
  }
  30% {
    fill: #2a4ba9
  }
  50% {
    fill: #fe6148
  }
  80% {
    fill: #fe6148
  }
  to {
    fill: #2a4ba9
  }
}
@keyframes index-directory-blue {
  0% {
    fill: #2a4ba9
  }
  30% {
    fill: #2a4ba9
  }
  50% {
    fill: #fe6148
  }
  80% {
    fill: #fe6148
  }
  to {
    fill: #2a4ba9
  }
}
#i-index-directory .st11, #i-index-directory .st13, #i-index-directory .st14, #i-index-directory .st15 {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
#i-index-directory .st14 {
  -webkit-animation-name: index-directory-red;
  animation-name: index-directory-red
}
#i-index-directory .st11 {
  -webkit-animation-name: index-directory-yellow;
  animation-name: index-directory-yellow
}
#i-index-directory .st13 {
  -webkit-animation-name: index-directory-green;
  animation-name: index-directory-green
}
#i-index-directory .st15 {
  -webkit-animation-name: index-directory-blue;
  animation-name: index-directory-blue
}
#i-index-directory-head {
  -webkit-animation-name: index-directory-head;
  animation-name: index-directory-head;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: 81.2878787879% 25.1779141104%;
  transform-origin: 81.2878787879% 25.1779141104%
}
#i-index-directory-arm-left {
  -webkit-animation-name: index-directory-arm-left;
  animation-name: index-directory-arm-left;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: 77.0151515152% 33.9386503067%;
  transform-origin: 77.0151515152% 33.9386503067%
}
#i-index-directory-arm-right {
  -webkit-animation-name: index-directory-arm-right;
  animation-name: index-directory-arm-right;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-transform-origin: 84.8484848485% 32.3926380368%;
  transform-origin: 84.8484848485% 32.3926380368%
}
@-webkit-keyframes recruit-kv-red {
  0% {
    fill: #f96c26
  }
  30% {
    fill: #f96c26
  }
  50% {
    fill: #f4bd21
  }
  80% {
    fill: #f4bd21
  }
  to {
    fill: #f96c26
  }
}
@keyframes recruit-kv-red {
  0% {
    fill: #f96c26
  }
  30% {
    fill: #f96c26
  }
  50% {
    fill: #f4bd21
  }
  80% {
    fill: #f4bd21
  }
  to {
    fill: #f96c26
  }
}
@-webkit-keyframes recruit-kv-yellow {
  0% {
    fill: #f4bd21
  }
  30% {
    fill: #f4bd21
  }
  50% {
    fill: #0ca558
  }
  80% {
    fill: #0ca558
  }
  to {
    fill: #f4bd21
  }
}
@keyframes recruit-kv-yellow {
  0% {
    fill: #f4bd21
  }
  30% {
    fill: #f4bd21
  }
  50% {
    fill: #0ca558
  }
  80% {
    fill: #0ca558
  }
  to {
    fill: #f4bd21
  }
}
@-webkit-keyframes recruit-kv-green {
  0% {
    fill: #0ca558
  }
  30% {
    fill: #0ca558
  }
  50% {
    fill: #2dc4b8
  }
  80% {
    fill: #2dc4b8
  }
  to {
    fill: #0ca558
  }
}
@keyframes recruit-kv-green {
  0% {
    fill: #0ca558
  }
  30% {
    fill: #0ca558
  }
  50% {
    fill: #2dc4b8
  }
  80% {
    fill: #2dc4b8
  }
  to {
    fill: #0ca558
  }
}
@-webkit-keyframes recruit-kv-sky {
  0% {
    fill: #2dc4b8
  }
  30% {
    fill: #2dc4b8
  }
  50% {
    fill: #1b32bc
  }
  80% {
    fill: #1b32bc
  }
  to {
    fill: #2dc4b8
  }
}
@keyframes recruit-kv-sky {
  0% {
    fill: #2dc4b8
  }
  30% {
    fill: #2dc4b8
  }
  50% {
    fill: #1b32bc
  }
  80% {
    fill: #1b32bc
  }
  to {
    fill: #2dc4b8
  }
}
@-webkit-keyframes recruit-kv-blue {
  0% {
    fill: #1b32bc
  }
  30% {
    fill: #1b32bc
  }
  50% {
    fill: #f95f75
  }
  80% {
    fill: #f95f75
  }
  to {
    fill: #1b32bc
  }
}
@keyframes recruit-kv-blue {
  0% {
    fill: #1b32bc
  }
  30% {
    fill: #1b32bc
  }
  50% {
    fill: #f95f75
  }
  80% {
    fill: #f95f75
  }
  to {
    fill: #1b32bc
  }
}
@-webkit-keyframes recruit-kv-pink {
  0% {
    fill: #f95f75
  }
  30% {
    fill: #f95f75
  }
  50% {
    fill: #f96c26
  }
  80% {
    fill: #f96c26
  }
  to {
    fill: #f95f75
  }
}
@keyframes recruit-kv-pink {
  0% {
    fill: #f95f75
  }
  30% {
    fill: #f95f75
  }
  50% {
    fill: #f96c26
  }
  80% {
    fill: #f96c26
  }
  to {
    fill: #f95f75
  }
}
#i-recruit-kv-data1, #i-recruit-kv-data2, #i-recruit-kv-data3 {
  -webkit-animation-name: index-point2-data;
  animation-name: index-point2-data;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
#i-recruit-kv-data2 {
  -webkit-animation-delay: -2s;
  animation-delay: -2s
}
#i-recruit-kv-data3 {
  -webkit-animation-delay: -4s;
  animation-delay: -4s
}
#i-recruit-kv .st13, #i-recruit-kv .st20, #i-recruit-kv .st23, #i-recruit-kv .st28, #i-recruit-kv .st32 {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
#i-recruit-kv .st13 {
  -webkit-animation-name: recruit-kv-red;
  animation-name: recruit-kv-red
}
#i-recruit-kv .st32 {
  -webkit-animation-name: recruit-kv-yellow;
  animation-name: recruit-kv-yellow
}
#i-recruit-kv .st23 {
  -webkit-animation-name: recruit-kv-green;
  animation-name: recruit-kv-green
}
#i-recruit-kv .st28 {
  -webkit-animation-name: recruit-kv-sky;
  animation-name: recruit-kv-sky
}
#i-recruit-kv .st20 {
  -webkit-animation-name: recruit-kv-blue;
  animation-name: recruit-kv-blue
}
#i-recruit-kv .st13 {
  -webkit-animation-name: recruit-kv-pink;
  animation-name: recruit-kv-pink
}
#i-recruit-kv1-head, #i-recruit-kv1-left, #i-recruit-kv1-right, #i-recruit-kv2-head, #i-recruit-kv2-left, #i-recruit-kv2-right {
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out
}
@-webkit-keyframes recruit-kv1-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes recruit-kv1-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes recruit-kv1-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes recruit-kv1-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  80% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes recruit-kv1-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  80% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes recruit-kv1-right {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  50% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  70% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  80% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes recruit-kv2-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes recruit-kv2-head {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  60% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  75% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  90% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@-webkit-keyframes recruit-kv2-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  10% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  30% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
@keyframes recruit-kv2-left {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  10% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  30% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg)
  }
  40% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  to {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
}
#i-recruit-kv1-head {
  -webkit-animation-name: recruit-kv1-head;
  animation-name: recruit-kv1-head;
  -webkit-transform-origin: 22.3869801085% 31.375%;
  transform-origin: 22.3869801085% 31.375%
}
#i-recruit-kv1-left {
  -webkit-animation-name: recruit-kv1-left;
  animation-name: recruit-kv1-left;
  -webkit-transform-origin: 20.8679927667% 33.925%;
  transform-origin: 20.8679927667% 33.925%
}
#i-recruit-kv1-right {
  -webkit-animation-name: recruit-kv1-right;
  animation-name: recruit-kv1-right;
  -webkit-transform-origin: 25.2802893309% 35.2%;
  transform-origin: 25.2802893309% 35.2%
}
#i-recruit-kv2-head {
  -webkit-animation-name: recruit-kv2-head;
  animation-name: recruit-kv2-head;
  -webkit-transform-origin: 77.6672694394% 32.55%;
  transform-origin: 77.6672694394% 32.55%
}
#i-recruit-kv2-left {
  -webkit-animation-name: recruit-kv2-left;
  animation-name: recruit-kv2-left;
  -webkit-transform-origin: 75.2169981917% 36.2%;
  transform-origin: 75.2169981917% 36.2%
}
#i-recruit-kv2-right {
  -webkit-animation-name: recruit-kv2-right;
  animation-name: recruit-kv2-right;
  -webkit-transform-origin: 79.5840867993% 35.625%;
  transform-origin: 79.5840867993% 35.625%
}
.c-modal {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: hsla(0, 0%, 7%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  overflow: hidden;
  position: fixed;
  top: 0;
  -webkit-transition: background-color .5s, width 0s .5s;
  transition: background-color .5s, width 0s .5s;
  width: 100%;
  width: 0;
  z-index: 8250
}
.c-modal.is-act {
  background-color: hsla(0, 0%, 7%, .5);
  -webkit-transition: background-color .5s, width 0s;
  transition: background-color .5s, width 0s;
  width: 100%
}
.c-modal__container {
  background-color: #fff;
  border-radius: 10px;
  height: 20px;
  margin: auto;
  max-width: 920px;
  position: relative;
  width: 20px
}
.c-modal__inner {
  max-height: calc(var(--vh)*75);
  opacity: 0;
  overflow-y: auto;
  padding: 70px 95px
}
.c-modal__hidden {
  display: none
}
.c-modal__button {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 64px;
  justify-content: center;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 64px;
  z-index: 1
}
.is-pc .c-modal__button span {
  -webkit-transition: color .25s, background-color .25s;
  transition: color .25s, background-color .25s
}
.is-pc .c-modal__button:hover span {
  background-color: #2a4ba9;
  color: #fff
}
.c-modal__button span {
  background-color: #f3f6fc;
  border-radius: 9999px;
  color: #2a4ba9;
  height: 30px;
  position: relative;
  width: 30px
}
.c-modal__button span:after, .c-modal__button span:before {
  border-bottom: 2px solid;
  content: "";
  display: block;
  left: 25%;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 50%
}
.c-modal__button span:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}
.c-modal__button span:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.c-switcher {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.c-switcher &gt; :first-child {
  margin-right: .5em
}
.c-switcher &gt; :last-child {
  margin-left: .5em
}
.c-switcher .link {
  text-decoration: underline
}
.c-switcher a {
  text-decoration: none
}
.is-pc .c-switcher a {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .c-switcher a:hover {
  color: #09b0b6;
  text-decoration: none
}
.c-drawer .c-switcher {
  font-size: calc(.2449vw + 1.20816rem);
  margin-top: calc(1.63265vw + 23.87755px)
}
.l-header .c-switcher {
  font-size: 1.4rem;
  height: 100%;
  margin-left: 50px
}
.c-slider {
  position: relative
}
.c-slider__arrow {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: hsla(0, 0%, 7%, .5);
  border-radius: 9999px;
  color: #fff;
  cursor: pointer;
  display: none;
  height: 50px;
  justify-content: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 50px;
  z-index: 10
}
.is-pc .c-slider__arrow {
  -webkit-transition: background-color .25s;
  transition: background-color .25s
}
.is-pc .c-slider__arrow:hover {
  background-color: #2a4ba9
}
.c-slider__arrow svg {
  height: 45%;
  width: 45%
}
.p-index_point__sub .c-slider__arrow {
  background-color: #09b0b6
}
.c-slider__arrow.-left {
  left: calc(-9.18367vw + 46.93878px)
}
.c-slider__arrow.-left svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.p-index_point__sub .c-slider__arrow.-left {
  top: 62.5%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.c-slider__arrow.-right {
  right: 12.5px
}
.p-index_point__sub .c-slider__arrow.-right {
  right: 0;
  top: 62.5%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
.p-index__heading01, .p-index__heading02 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.-center.p-index__heading01, .-center.p-index__heading02 {
  display: block
}
.-center.p-index__heading01 .en, .-center.p-index__heading02 .en {
  margin-right: 0
}
.p-index__heading01 .en, .p-index__heading02 .en {
  color: #2a4ba9;
  line-height: 1;
  margin-right: .25em
}
.p-index__heading01 .ja, .p-index__heading02 .ja {
  letter-spacing: .1em;
  margin-top: .5em;
  white-space: nowrap
}
.p-index__heading01 + .c-title06, .p-index__heading02 + .c-title06 {
  color: #2a4ba9
}
.p-index__heading01 {
  font-size: 7rem
}
.p-index__heading01 .ja {
  font-size: 1.8rem
}
.p-index__heading02 {
  font-size: 6rem
}
.p-index__heading02 .ja {
  font-size: 1.8rem
}
.p-index_about {
  background-color: #f3f6fc;
  padding-bottom: 160px;
  padding-top: 170px;
  position: relative
}
.p-index_about .c-hexa {
  top: -30px
}
.p-index_about__sub {
  position: absolute;
  right: calc(-.81633vw - 6.93878px);
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(42.66827vw + 17.30769px)
}
.p-index_about__main {
  max-width: 50%;
  padding-right: 15px;
  position: relative;
  z-index: 1
}
.p-index_about__title {
  font-size: 2.6rem;
  white-space: nowrap
}
.p-index_about__title .text {
  display: block;
  margin-bottom: .25em
}
.p-index_about__title .text:last-child {
  margin-bottom: 0
}
.p-index_about__title .text span {
  background-color: #fff;
  display: inline-block;
  padding: .1em .5em .05em
}
.p-index_field {
  overflow: hidden;
  padding-bottom: 60px;
  padding-top: 110px;
  position: relative
}
.p-index_field .c-hexa {
  top: -30px
}
.p-index_field__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-index_field__head .heading {
  margin-right: auto
}
.p-index_field__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 50px -15px -40px
}
.p-index_field__item {
  margin-bottom: 40px;
  max-width: 33.3333333333%;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}
.p-index_field__item .c-blockimage:before {
  padding-top: 51.4285714286%
}
.p-index_field__item__image.c-dot01 {
  background-color: #f3f6fc
}
.p-index_field__item__image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.is-pc .p-index_field__item__image .c-blockimage {
  -webkit-transition: opacity .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s, transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s, transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.is-pc a:hover .p-index_field__item__image .c-blockimage {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.p-index_company {
  background-color: #f3f6fc;
  position: relative
}
.p-index_company__head {
  background-color: #fff;
  padding-bottom: 50px;
  padding-top: 130px
}
.p-index_company__head .c-hexa {
  top: 30px;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  z-index: 2
}
.p-index_company__head .c-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}
.p-index_company__image {
  display: block;
  height: 574px
}
.p-index_company__image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.p-index_topics {
  position: relative
}
.p-index_company .p-index_topics {
  margin-top: -264px
}
.p-index_topics__container {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -145px;
  margin-right: -145px;
  padding: 100px 145px 76px
}
.p-index_topics__container .p-index__heading02, .p-index_topics__container .p-index__heading02 .en, .p-index_topics__container .p-index__heading02 .ja {
  display: block
}
.p-index_topics__head {
  max-width: 285px;
  min-width: 285px;
  padding-right: 30px;
  width: 100%
}
.p-index_topics__nav {
  margin-top: 40px
}
.p-index_topics__nav__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-index_topics__nav__item:before {
  background-color: #ffc00f;
  border-radius: 9999px;
  content: "";
  display: block;
  height: 6px;
  margin-right: 1em;
  min-width: 6px;
  -webkit-transition: background-color .25s;
  transition: background-color .25s;
  width: 6px
}
.p-index_topics__nav__item.is-act:before {
  background-color: #2a4ba9
}
.p-index_topics__body {
  width: 100%
}
.p-index_topics__list {
  border-top: 1px solid #eee
}
.p-index_topics__item, .p-index_topics__list {
  border-bottom: 1px solid #eee
}
.p-index_topics__item:last-child {
  border-bottom: none
}
.p-topics .p-index_topics__item:last-child {
  border-bottom: 1px solid #eee
}
.p-index_topics__item .info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.4rem;
  margin-bottom: .5em;
  margin-right: 2em;
  margin-top: .5em
}
.p-index_topics__item .c-label {
  margin-left: 2em
}
.p-index_topics__item .c-label .cat {
  text-align: center;
  width: 7em
}
.p-index_topics__item .time {
  color: #a4abbb;
  letter-spacing: .1em
}
.p-index_topics__item .text {
  margin-bottom: .25em;
  margin-top: .25em
}
.p-index_topics__item a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: 35px;
  padding-top: 35px
}
.is-pc .p-index_topics__item a {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .p-index_topics__item a:hover {
  color: #2a4ba9
}
.p-topics .p-index_topics__item a {
  padding-bottom: 30px;
  padding-top: 30px
}
.p-index_base {
  background-color: #f3f6fc;
  padding-bottom: 100px;
  padding-top: 70px
}
.p-index_base__slider {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.p-index_base__slider__item .c-blockimage:before {
  padding-top: 61.5384615385%
}
.p-index_base__head {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  position: relative
}
.p-index_base__head .c-illust {
  width: 260px
}
.p-index_base__head .c-illust:before {
  padding-top: 67.358490566%
}
.p-index_base__body {
  margin-top: 50px
}
.p-index_base__body, .p-index_base__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-index_base__main, .p-index_base__sub {
  position: relative;
  width: 100%
}
.p-index_base__main {
  margin-left: 50px;
  max-width: 410px;
  min-width: 410px;
  z-index: 2
}
.p-index_base__item {
  margin-bottom: 25px
}
.p-index_base__item:last-child {
  margin-bottom: 0
}
.p-index_base__item__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  align-items: center;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  padding-top: 10px;
  position: relative
}
.p-index_base__item__head.is-open {
  cursor: auto
}
.p-index_base__item__head .c-plusminus {
  top: auto;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.p-index_base__item__head:after {
  border-bottom: 1px solid #a4abbb;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  right: 0
}
.p-index_base__item__head .title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem
}
.p-index_base__item__head .title .en, .p-index_base__item__head .title .ja {
  -webkit-transition: color .25s;
  transition: color .25s
}
.p-index_base__item__head .title .en {
  color: #2a4ba9;
  font-size: 1.6rem;
  margin-left: .5em;
  text-transform: capitalize
}
.p-index_base__item__head .title .en:before {
  content: "/ "
}
.p-index_base__item__head.is-open .title .ja {
  color: #2a4ba9
}
.p-index_base__item__head.is-open .title .en {
  color: #09b0b6
}
.p-index_base__item__body {
  overflow: hidden
}
.p-index_recruit {
  padding-bottom: 100px;
  padding-top: 140px;
  position: relative
}
.p-index_recruit .c-hexa {
  top: -90px
}
.p-index_recruit__illust {
  margin-left: -15px;
  width: 460px;
  z-index: 2
}
.p-index_recruit__illust.c-blockimage:before {
  padding-top: 42.0600858369%
}
.p-index_directory {
  background-color: #2a4ba9;
  margin-top: 110px;
  padding-top: 100px;
  position: relative
}
.p-index_directory .c-container {
  position: relative
}
.p-index_directory__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -170px;
  margin-right: -40px
}
.p-index_directory__bg {
  height: 100%;
  left: 0;
  opacity: .3;
  position: absolute;
  top: 0;
  width: 100%
}
.p-index_directory__bg img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.p-index_directory__sub {
  color: #fff;
  margin-right: 65px;
  max-width: 360px;
  min-width: 360px;
  padding-bottom: 110px;
  width: 100%
}
.p-index_directory__sub__symbol {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 310px;
  width: 100%
}
.p-index_directory__sub__symbol svg {
  height: 115%;
  top: -15%
}
.p-index_directory__sub__illust {
  margin: -80px auto 80px;
  width: 360px
}
.p-index_directory__sub__illust:before {
  padding-top: 61.6666666667%
}
.p-index_directory__main {
  position: relative;
  width: 100%
}
.p-index_directory__main .beaker {
  color: #fff;
  display: block;
  left: -36px;
  position: absolute;
  top: 0;
  width: 36px
}
.p-index_directory__main .beaker:before {
  content: "";
  display: block;
  padding-top: 188.8888888889%
}
.p-index_directory__main .beaker .js-svg, .p-index_directory__main .beaker svg, .p-index_directory__slider {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.p-index_directory__slider {
  padding-left: 85px;
  padding-top: 100px
}
.p-index_directory__slider .keen-slider__scrollbar {
  background-color: #f3f6fc;
  border: 20px solid #fff;
  border-bottom: none;
  border-top: none;
  bottom: 0;
  height: auto;
  margin: 0 -20px 0 20px;
  position: absolute !important;
  right: 0;
  top: 100px;
  width: 43px !important
}
.p-index_directory__slider:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw
}
.p-index_directory__slider__list {
  height: 100%;
  padding-right: 65px;
  position: relative
}
.p-index_directory__slider__list .c-material_card {
  padding-left: 30px
}
.p-recruit_requirements .c-tab {
  margin-top: 60px
}
.p-index_kv {
  position: relative
}
.is-horizontal .p-index_kv {
  height: calc(var(--vh)*100);
  min-height: 640px
}
.p-index_kv .c-dot01 {
  background-color: #2a4ba9;
  left: 0;
  position: absolute;
  width: 100%
}
.is-horizontal .p-index_kv .c-dot01 {
  bottom: 0;
  height: 200px
}
.is-vertical .p-index_kv .c-dot01 {
  height: calc(26.53061vw + 125.5102px);
  top: 0
}
.is-horizontal .p-index_kv__inner {
  margin-left: -145px
}
.p-index_kv__slider {
  background-color: #f3f6fc;
  border-bottom-left-radius: 70px;
  overflow: hidden;
  position: relative;
  z-index: 1
}
.is-horizontal .p-index_kv__slider {
  bottom: 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(28.57143vw + 642.85714px)
}
.is-vertical .p-index_kv__slider {
  height: calc(61.22449vw + 145.40816px);
  margin-left: calc(7.14286vw - 14.28571px)
}
.p-index_kv__slider__list {
  height: 100%;
  position: relative;
  width: 100%
}
.p-index_kv__slider__item {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.p-index_kv__slider__item img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.p-index_kv__slider__item .picture {
  height: 100%;
  overflow: hidden;
  width: 100%
}
.p-index_kv__slider__item .caption {
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: .2em;
  position: absolute
}
.p-index_kv__slider__item .pic {
  padding: 5px;
  position: absolute
}
.p-index_kv__slider__item .pic.-top {
  padding-top: 0;
  top: 0
}
.p-index_kv__slider__item .pic.-bottom {
  bottom: 0;
  padding-bottom: 0
}
.p-index_kv__slider__item .pic.-left {
  right: 55%
}
.p-index_kv__slider__item .pic.-right {
  left: 45%
}
.p-index_kv__slider__item .pic.-first {
  padding-left: 0;
  padding-top: 0
}
.is-horizontal .p-index_kv__slider__item .pic.-first {
  bottom: 47.6470588235%;
  left: 26.1261261261%;
  top: 21.1764705882%
}
.is-vertical .p-index_kv__slider__item .pic.-first {
  bottom: 54.7770700637%;
  left: 24.8275862069%;
  top: 17.5796178344%
}
.p-index_kv__slider__item .pic.-first .caption {
  right: 5px;
  top: -1.5em
}
.p-index_kv__slider__item .pic.-second {
  padding-left: 0
}
.is-horizontal .p-index_kv__slider__item .pic.-second {
  left: 17.1171171171%;
  top: 52.3529411765%
}
.is-horizontal .p-index_kv__slider__item .pic.-second .caption {
  left: 0;
  top: -1.5em
}
.is-vertical .p-index_kv__slider__item .pic.-second {
  bottom: 13.1210191083%;
  left: 13.7931034483%;
  top: 45.2229299363%
}
.is-vertical .p-index_kv__slider__item .pic.-second .caption {
  bottom: -1.5em;
  right: 5px
}
.p-index_kv__slider__item .pic.-third {
  padding-right: 0
}
.is-horizontal .p-index_kv__slider__item .pic.-third {
  bottom: 17.6470588235%;
  padding-bottom: 0;
  right: 0
}
.p-index_kv__slider__item .pic.-third .caption {
  bottom: -1.5em;
  left: 5px;
  position: absolute
}
.is-vertical .p-index_kv__slider__item .pic.-third {
  bottom: 28.2802547771%
}
.p-index_kv__slider__item .pic.-fourth {
  bottom: 68.8235294118%;
  left: 26.1261261261%;
  padding-left: 0
}
.is-vertical .p-index_kv__slider__item .pic.-fourth {
  bottom: 58.5987261146%;
  left: 24.8275862069%;
  top: 13.7579617834%
}
.p-index_kv__slider__item .pic.-fifth {
  bottom: 21.1764705882%;
  left: 17.1171171171%;
  padding-bottom: 0;
  padding-left: 0;
  top: 31.1764705882%
}
.p-index_kv__slider__item .pic.-fifth .caption {
  bottom: -1.5em;
  right: 5px
}
.p-index_kv__slider__item .pic.-fifth .caption:before {
  content: "Paper Manufacturing"
}
.is-vertical .p-index_kv__slider__item .pic.-fifth {
  left: 13.7931034483%;
  top: 41.4012738854%
}
.is-vertical .p-index_kv__slider__item .pic.-fifth .caption:before {
  content: "Functional Materials"
}
.p-index_kv__slider__item .pic.-sixth {
  padding-right: 0;
  padding-top: 0;
  right: 0;
  top: 17.6470588235%
}
.is-vertical .p-index_kv__slider__item .pic.-sixth {
  top: 28.6624203822%
}
.is-vertical .p-index_kv__slider__item .pic.-sixth .caption:before {
  content: "Paper Manufacturing"
}
.p-index_kv__slider__item .pic.-sixth .caption {
  left: 5px;
  top: -1.5em
}
.p-index_kv__slider__item .pic.-sixth .caption:before {
  content: "Functional Materials"
}
.p-index_kv__memory {
  bottom: 11.7647058824%;
  color: #fff;
  font-size: 1.8rem;
  height: 69.4117647059%;
  left: 60px;
  line-height: 1.4;
  position: absolute;
  z-index: 5
}
.p-index_kv__memory__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 11.1111111111%;
  padding-right: 1em;
  position: relative;
  -webkit-transition: color 1s;
  transition: color 1s
}
.p-index_kv__memory__item:before {
  border-top: 3px solid;
  content: "";
  display: block;
  min-width: 100px;
  width: 100px
}
.p-index_kv__memory__item:nth-child(2n):before {
  min-width: 70px;
  width: 70px
}
.p-index_kv__memory__item span {
  left: 100%;
  position: absolute;
  top: 2px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}
.p-index_kv__memory__item.is-act {
  color: #2a4ba9
}
.p-index_kv__text {
  position: relative;
  z-index: 1
}
.p-index_kv__text .c-text01 {
  margin-top: .5em
}
.is-horizontal .p-index_kv__text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.p-index_kv__text .js-svg, .p-index_kv__text svg {
  color: #09b0b6
}
.p-index_kv__text__circle {
  position: absolute
}
.p-index_kv__text__circle .c-blockimage {
  display: block;
  height: 100%;
  width: 100%
}
.is-horizontal .p-index_kv__text__circle {
  left: 45%;
  top: 47.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: calc(29.22449vw + 104.40816px)
}
.is-horizontal .p-index_kv__text__circle .js-svg, .is-horizontal .p-index_kv__text__circle svg {
  font-size: 1.6rem;
  letter-spacing: .75em
}
.is-horizontal .p-index_kv__text__circle .js-svg.-vertical, .is-horizontal .p-index_kv__text__circle svg.-vertical {
  display: none
}
.is-vertical .p-index_kv__text__circle {
  right: 0;
  top: 0;
  -webkit-transform: translate(45%, -50%);
  transform: translate(45%, -50%);
  width: calc(39.18367vw + 13.06122px)
}
.is-vertical .p-index_kv__text__circle .js-svg, .is-vertical .p-index_kv__text__circle svg {
  font-size: 1rem;
  letter-spacing: .25em
}
.is-vertical .p-index_kv__text__circle .js-svg.-horizontal, .is-vertical .p-index_kv__text__circle svg.-horizontal {
  display: none
}
.p-index_kv__text .p-index_kv__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-index_kv__text .p-index_kv__inner &gt; * {
  position: relative
}
.is-vertical .p-index_kv__text .p-index_kv__inner &gt; * {
  position: static
}
.p-index_kv__title {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
  color: #2a4ba9;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.4545454545;
  margin-left: -.1em;
  position: relative
}
.is-opening.is-start .p-index_kv__title + .c-text01 {
  opacity: 0;
  -webkit-transform: translateY(25%);
  transform: translateY(25%);
  -webkit-transition: opacity 1s 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;
  transition: opacity 1s 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;
  transition: opacity 1s 3.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s;
  transition: opacity 1s 3.5s, transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) 3.5s
}
.is-opening.is-start.is-loaded .p-index_kv__title + .c-text01 {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0)
}
.p-index_kv__title.-en .text &gt; * {
  width: .8em
}
.p-index_kv__title .text {
  display: block
}
.p-index_kv__title .text &gt; * {
  display: inline-block;
  text-align: center;
  width: 1.15em
}
.p-index_kv__title .text + .text {
  margin-top: -.2em
}
.is-opening.is-start .p-index_kv__title .text &gt; * {
  opacity: 0
}
.is-opening.is-start.is-loaded .p-index_kv__title .text &gt; * {
  opacity: 1
}
.is-opening.is-start .p-index_kv__title .text:first-child .mark &gt; * {
  -webkit-transition: color 1s 3s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s;
  transition: color 1s 3s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s;
  transition: color 1s 3s, transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s;
  transition: color 1s 3s, transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :first-child {
  -webkit-transition: opacity 1s .25s;
  transition: opacity 1s .25s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(2) {
  -webkit-transition: opacity 1s .375s;
  transition: opacity 1s .375s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(3) {
  -webkit-transition: opacity 1s .5s;
  transition: opacity 1s .5s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(4) {
  -webkit-transition: opacity 1s .625s;
  transition: opacity 1s .625s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(5) {
  -webkit-transition: opacity 1s .75s;
  transition: opacity 1s .75s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(6) {
  -webkit-transition: opacity 1s .875s;
  transition: opacity 1s .875s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(7) {
  -webkit-transition: opacity 1s 1s;
  transition: opacity 1s 1s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(8) {
  -webkit-transition: opacity 1s 1.125s;
  transition: opacity 1s 1.125s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(9) {
  -webkit-transition: opacity 1s 1.25s;
  transition: opacity 1s 1.25s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(10) {
  -webkit-transition: opacity 1s 1.375s;
  transition: opacity 1s 1.375s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(11) {
  -webkit-transition: opacity 1s 1.5s;
  transition: opacity 1s 1.5s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(12) {
  -webkit-transition: opacity 1s 1.625s;
  transition: opacity 1s 1.625s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(13) {
  -webkit-transition: opacity 1s 1.75s;
  transition: opacity 1s 1.75s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(14) {
  -webkit-transition: opacity 1s 1.875s;
  transition: opacity 1s 1.875s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(15) {
  -webkit-transition: opacity 1s 2s;
  transition: opacity 1s 2s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(16) {
  -webkit-transition: opacity 1s 2.125s;
  transition: opacity 1s 2.125s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(17) {
  -webkit-transition: opacity 1s 2.25s;
  transition: opacity 1s 2.25s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(18) {
  -webkit-transition: opacity 1s 2.375s;
  transition: opacity 1s 2.375s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(19) {
  -webkit-transition: opacity 1s 2.5s;
  transition: opacity 1s 2.5s
}
.is-opening.is-start .p-index_kv__title .text:first-child &gt; :nth-child(20) {
  -webkit-transition: opacity 1s 2.625s;
  transition: opacity 1s 2.625s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) .mark &gt; * {
  -webkit-transition: color 1s 3s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s;
  transition: color 1s 3s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s;
  transition: color 1s 3s, transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s;
  transition: color 1s 3s, transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s, -webkit-transform 1s cubic-bezier(.175, .885, .32, 1.275) 3s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :first-child {
  -webkit-transition: opacity 1s 1.5s;
  transition: opacity 1s 1.5s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(2) {
  -webkit-transition: opacity 1s 1.625s;
  transition: opacity 1s 1.625s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(3) {
  -webkit-transition: opacity 1s 1.75s;
  transition: opacity 1s 1.75s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(4) {
  -webkit-transition: opacity 1s 1.875s;
  transition: opacity 1s 1.875s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(5) {
  -webkit-transition: opacity 1s 2s;
  transition: opacity 1s 2s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(6) {
  -webkit-transition: opacity 1s 2.125s;
  transition: opacity 1s 2.125s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(7) {
  -webkit-transition: opacity 1s 2.25s;
  transition: opacity 1s 2.25s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(8) {
  -webkit-transition: opacity 1s 2.375s;
  transition: opacity 1s 2.375s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(9) {
  -webkit-transition: opacity 1s 2.5s;
  transition: opacity 1s 2.5s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(10) {
  -webkit-transition: opacity 1s 2.625s;
  transition: opacity 1s 2.625s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(11) {
  -webkit-transition: opacity 1s 2.75s;
  transition: opacity 1s 2.75s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(12) {
  -webkit-transition: opacity 1s 2.875s;
  transition: opacity 1s 2.875s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(13) {
  -webkit-transition: opacity 1s 3s;
  transition: opacity 1s 3s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(14) {
  -webkit-transition: opacity 1s 3.125s;
  transition: opacity 1s 3.125s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(15) {
  -webkit-transition: opacity 1s 3.25s;
  transition: opacity 1s 3.25s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(16) {
  -webkit-transition: opacity 1s 3.375s;
  transition: opacity 1s 3.375s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(17) {
  -webkit-transition: opacity 1s 3.5s;
  transition: opacity 1s 3.5s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(18) {
  -webkit-transition: opacity 1s 3.625s;
  transition: opacity 1s 3.625s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(19) {
  -webkit-transition: opacity 1s 3.75s;
  transition: opacity 1s 3.75s
}
.is-opening.is-start .p-index_kv__title .text:nth-child(2) &gt; :nth-child(20) {
  -webkit-transition: opacity 1s 3.875s;
  transition: opacity 1s 3.875s
}
.p-index_kv__title .mark {
  font-size: 1.1818181818em
}
.p-index_kv__title .mark &gt; * {
  color: #ffc00f;
  display: inline-block
}
.is-opening.is-start .p-index_kv__title .mark &gt; * {
  color: #2a4ba9;
  -webkit-transform: scale(.8461538462);
  transform: scale(.8461538462);
  -webkit-transform-origin: center 67.5%;
  transform-origin: center 67.5%
}
.is-opening.is-start.is-loaded .p-index_kv__title .mark &gt; * {
  color: #ffc00f;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.is-horizontal .p-index_kv__title {
  font-size: calc(1.79592vw + 1.52653rem)
}
.is-vertical .p-index_kv__title {
  font-size: calc(4.40816vw + 1.04694rem);
  margin-top: -.85em
}
.p-index_kv__illust {
  z-index: 1
}
.p-index_kv__illust .c-blockimage:before {
  padding-top: 50.1103752759%
}
.is-horizontal .p-index_kv__illust {
  bottom: 50px;
  left: 0;
  position: absolute;
  width: 100%
}
.is-horizontal .p-index_kv__illust .c-blockimage {
  margin-left: -50px;
  width: 460px
}
.is-vertical .p-index_kv__illust {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
  padding-right: calc(7.14286vw - 14.28571px);
  position: relative
}
.is-vertical .p-index_kv__illust .c-container {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: auto
}
.is-vertical .p-index_kv__illust .c-blockimage {
  margin-bottom: calc(-.4898vw - 4.16327px);
  margin-top: calc(-1.95918vw - 16.65306px);
  width: calc(32.65306vw + 77.55102px)
}
.p-index_point {
  background-color: #f3f6fc;
  padding-bottom: 140px
}
.p-index_point__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 60px
}
.p-index_point__illust {
  bottom: -55px;
  left: -50px;
  pointer-events: none;
  position: absolute;
  width: 308px;
  z-index: 2
}
.p-index_point__illust .c-blockimage {
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}
.p-index_point__illust .c-blockimage:before {
  padding-top: 79.2207792208%
}
.p-index_point__slider {
  height: 100%;
  left: 0;
  position: absolute !important;
  top: 0;
  width: 100%
}
.p-index_point__slider__item &gt; .c-blockimage:before {
  padding-top: 66.6666666667%
}
.p-index_point__sub {
  margin-left: -95px;
  margin-right: 50px;
  position: relative;
  width: 100%
}
.p-index_point__sub:before {
  content: "";
  display: block;
  padding-top: 66.6666666667%
}


@media only screen and (max-width:1600px) {
.p-index_point__sub {
  margin-left: -15px!important;
}
}
.p-index_point__main {
  counter-reset: index-point;
  max-width: 50%;
  min-width: 50%;
  width: 100%
}
.p-index_point__main &gt; * {
  margin-bottom: 25px
}
.p-index_point__main &gt; :last-child {
  margin-bottom: 0
}
.p-index_point__item {
  counter-increment: index-point;
  cursor: pointer;
  font-size: 1.6rem;
  padding-bottom: .5em;
  position: relative
}
.is-pc .p-index_point__item {
  -webkit-transition: opacity .25s;
  transition: opacity .25s
}
.is-pc .p-index_point__item:hover {
  opacity: .5
}
.p-index_point__item:after {
  border-bottom: 1px solid;
  bottom: 0;
  content: "";
  display: block;
  left: -30px;
  opacity: 0;
  position: absolute;
  right: 100%;
  -webkit-transition: opacity .5s, right .5s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .5s, right .5s cubic-bezier(.215, .61, .355, 1)
}
.p-index_point__item dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a4abbb;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1;
  margin-bottom: .25em;
  -webkit-transition: color .25s;
  transition: color .25s
}
.p-index_point__item dt:before {
  content: "point";
  margin-right: .5em
}
.p-index_point__item dt:after {
  content: counter(index-point, decimal-leading-zero);
  font-size: 2rem
}
.p-index_point__item dd, .p-index_point__item dt:after {
  -webkit-transition: font-size .25s, color .25s;
  transition: font-size .25s, color .25s
}
.p-index_point__item dd {
  font-size: 1.8rem
}
.p-index_point__item.is-act:hover {
  opacity: 1
}
.p-index_point__item.is-act:after {
  opacity: 1;
  right: 0
}
.p-index_point__item.is-act dt:after {
  color: #ffc00f;
  font-size: 4rem
}
.p-index_point__item.is-act dd {
  color: #2a4ba9;
  font-size: 2.2rem
}
.p-index_service {
  padding-top: 140px;
  position: relative
}
.p-index_service .c-hexa {
  top: -260px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}
.p-index_service__list {
  counter-reset: index-service;
  margin-top: 50px
}
.p-index_service__title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.8rem
}
.p-index_service__title .en {
  font-size: 1.6rem;
  letter-spacing: .15em;
  margin-left: 1.5em;
  text-transform: capitalize
}
.p-index_service__item {
  color: #fff;
  counter-increment: index-service;
  min-height: 160px;
  overflow: hidden;
  position: relative
}
.p-index_service__item:nth-child(odd) {
  background-color: #2a4ba9
}
.p-index_service__item:nth-child(2n) {
  background-color: #09b0b6
}
.p-index_service__item__button {
  border: 1px solid;
  border-radius: 9999px;
  height: calc(1.46939vw + 12.4898px);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(1.46939vw + 12.4898px)
}
.is-pc .p-index_service__item__button {
  display: none
}
.p-index_service__item__button:after, .p-index_service__item__button:before {
  border-bottom: 1px solid;
  content: "";
  position: absolute;
  right: 28%;
  top: 50%;
  width: 44%
}
.p-index_service__item__button:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg)
}
.p-index_service__item__body .p-index_service__item__button:after {
  display: none
}
.p-index_service__item__bg {
  height: 100%;
  left: 0;
  opacity: .15;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1.1);
  transform: translateY(-50%) scale(1.1);
  -webkit-transition: opacity 1s, -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s, -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s, transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s, transform 2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  width: 100%
}
.p-index_service__item__bg img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.p-index_service__item.is-act .p-index_service__item__bg {
  opacity: 1;
  -webkit-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1)
}
.p-index_service__item__container {
  margin-left: 95px;
  position: relative;
  width: 100%
}
.p-index_service__item__container .label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  letter-spacing: .1em;
  margin-right: 36px;
  position: relative
}
.p-index_service__item__container .label:before {
  background-color: #ffe36b;
  border-radius: 9999px;
  content: "";
  display: block;
  height: 8px;
  left: -1em;
  min-width: 8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
  width: 8px
}
.p-index_service__item__container .label:after {
  border-right: 1px solid;
  content: "";
  display: block;
  height: 50px;
  margin-left: 36px;
  top: 50%
}
.p-index_service__item__head .p-index_service__item__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-index_service__item__inner {
  background-color: hsla(0, 0%, 100%, .9);
  margin-left: auto;
  padding: 70px 95px;
  position: relative;
  width: 635px
}
.p-index_service__item__inner .order {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12rem;
  line-height: 1;
  opacity: .15;
  position: absolute;
  right: 0
}
.p-index_service__item__inner .order .service {
  font-size: 1.6rem;
  left: -2em;
  letter-spacing: .2em;
  margin-right: .5em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.p-index_service__item__inner .order .number {
  letter-spacing: 0;
  line-height: .7
}
.p-index_service__item__inner .order .number:before {
  content: counter(index-service, decimal-leading-zero)
}
.p-index_service__item__head {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: opacity .5s, -webkit-transform 1s;
  transition: opacity .5s, -webkit-transform 1s;
  transition: opacity .5s, transform 1s;
  transition: opacity .5s, transform 1s, -webkit-transform 1s;
  width: 100%
}
.p-index_service__item.is-act .p-index_service__item__head {
  opacity: 0
}
.p-index_service__item__body {
  border-bottom: 50px solid transparent;
  border-top: 50px solid transparent;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: opacity .5s, -webkit-transform 1s;
  transition: opacity .5s, -webkit-transform 1s;
  transition: opacity .5s, transform 1s;
  transition: opacity .5s, transform 1s, -webkit-transform 1s
}
.p-index_service__item__body .text {
  margin-bottom: 1em;
  margin-top: .75em
}
.p-index_service__item.is-act .p-index_service__item__body {
  opacity: 1;
  -webkit-transition: opacity .5s .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .5s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .5s, transform 1s cubic-bezier(.215, .61, .355, 1) .25s;
  transition: opacity .5s .5s, transform 1s cubic-bezier(.215, .61, .355, 1) .25s, -webkit-transform 1s cubic-bezier(.215, .61, .355, 1) .25s
}
.p-material__list {
  margin-top: 70px
}
.p-material_single .p-index_pickup {
  background-color: #f3f6fc
}
.p-material_single .p-index_pickup__body, .p-material_single .p-index_pickup__head {
  background-color: transparent
}
.p-service_head {
  padding-bottom: 160px
}
.p-service_point {
  background-color: #f3f6fc;
  overflow: hidden;
  padding-bottom: 120px;
  padding-top: 110px
}
.p-service_point__list {
  margin-top: 60px
}
.p-service_point__item {
  margin-bottom: 80px;
  position: relative
}
.p-service_point__item .c-layout01__sub__image {
  background-color: #f3f6fc
}
.p-service_point__item .c-layout01 {
  position: relative;
  z-index: 2
}
.p-service_point__item:first-child:before {
  right: 75%;
  top: 25%;
  width: 50vw
}
.p-service_point__item:first-child:before, .p-service_point__item:nth-child(odd):after {
  border-bottom: 2px solid;
  border-top: 2px solid;
  color: #2a4ba9;
  content: "";
  display: block;
  height: 15px;
  position: absolute
}
.p-service_point__item:nth-child(odd):after {
  left: 37.5%;
  top: 50%;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  width: 50%
}
.p-service_point__item:nth-child(odd):last-child:after {
  display: none
}
.p-service_point__item:nth-child(odd):last-child:before {
  right: 75%;
  top: 25%;
  width: 50vw
}
.p-service_point__item:nth-child(2n):after, .p-service_point__item:nth-child(odd):last-child:before {
  border-bottom: 2px solid;
  border-top: 2px solid;
  color: #2a4ba9;
  content: "";
  display: block;
  height: 15px;
  position: absolute
}
.p-service_point__item:nth-child(2n):after {
  right: 40%;
  top: 50%;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
  -webkit-transform-origin: top right;
  transform-origin: top right;
  width: 50%
}
.p-service_point__item:last-child {
  margin-bottom: 0
}
.p-service_point__item .c-blockimage {
  border: 10px solid #f3f6fc;
  max-height: 380px
}
.p-service_point__item .c-blockimage:before {
  padding-top: 72.380952381%
}
.p-service_application {
  padding-top: 110px
}
.p-service_application .c-button03 {
  margin-top: 60px
}
.p-service_application__list {
  line-height: 1.75;
  margin-top: 60px
}
.p-service_application__item {
  padding-bottom: 10px
}
.p-service_application__item .text {
  background-color: #f3f6fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 25px
}
.p-service_application__item .js-svg, .p-service_application__item svg {
  height: 1.75em;
  margin-right: 1em;
  min-width: 1em
}
.p-service_application__item:last-child {
  padding-bottom: 0
}
.p-field_head {
  padding-bottom: 120px
}
.p-field_head .c-blockimage:before {
  padding-top: 74.0740740741%
}
.p-field_question {
  background-color: #f3f6fc;
  padding-bottom: 120px;
  padding-top: 110px
}
.p-field_question__list {
  margin-top: 60px
}
.p-field_question__item {
  background-color: #fff;
  margin-bottom: 15px;
  padding: 40px 95px 30px
}
.p-field_question__item:last-child {
  margin-bottom: 0
}
.p-field_question__item.-other {
  padding-left: calc(4.28571vw - 3.57143px);
  padding-right: calc(4.28571vw - 3.57143px)
}
.p-field_question__item__head {
  position: relative
}
.p-field_question__item__head .c-tag01 {
  margin-bottom: 0;
  position: relative
}
.p-field_question__item__head:before {
  color: #f3f6fc;
  content: "Q";
  font-family: Montserrat, sans-serif;
  font-size: 10rem;
  font-style: normal;
  font-weight: 200;
  left: -95px;
  line-height: .5;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-25%);
  transform: translateX(-25%)
}
.p-field_question__item__head .c-title03 {
  position: relative
}
.p-field_question__item__head .c-plusminus {
  background-color: #f3f6fc;
  border: none;
  position: absolute;
  right: -30px;
  top: 50%
}
.p-field_question__item.-other .p-field_question__item__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-field_question__item.-other .p-field_question__item__head:before {
  display: none
}
.p-field_question__item.-other .p-field_question__item__head .c-title03 {
  margin-right: 1em
}
.p-field_question__item:not(.-other) .p-field_question__item__head {
  cursor: pointer
}
.is-pc .p-field_question__item:not(.-other) .p-field_question__item__head .c-title03 {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .p-field_question__item:not(.-other) .p-field_question__item__head:hover .c-title03 {
  color: #09b0b6
}
.p-field_question__item__body__inner {
  padding-top: 10px
}
.p-field_question__item__body .c-title06.-icon a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-field_question__item__body .c-title06.-icon a .icon {
  margin-top: .35em
}
.p-field_product {
  padding-top: 110px
}
.p-field_product__list {
  margin-top: 50px
}
.p-field_product .c-button03 {
  margin-top: 35px
}
.p-field_single__recommend {
  margin-top: 65px
}
.p-field_single__symbol {
  background-color: #f3f6fc;
  width: 100%
}
.p-field_single__symbol:before {
  content: "";
  display: block;
  padding-top: 68.6274509804%
}
.p-field_single__symbol .c-blockimage {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 55%
}
.p-field_single__symbol .c-blockimage:before {
  padding-top: 100% !important
}
.p-field_single__tab {
  margin-top: 100px
}
.p-field_single__tab .c-tab__content &gt; .c-container &gt; .c-button01 {
  margin-top: 120px
}
.p-field_single__accordion {
  margin-top: 2.5em
}
.p-field_single__accordion + .p-field_single__accordion {
  margin-top: 1.25em
}
.p-field_single__item {
  margin-bottom: 10px
}
.p-field_single__item:last-child {
  margin-bottom: 0
}
.p-field_single__item__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f6fc;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 60px 20px 30px;
  position: relative
}
.p-field_single__item__head .cat {
  border-right: 1px solid;
  display: inline-block;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: .25em;
  margin-right: 1em;
  margin-top: .25em;
  padding-right: 1em
}
.p-field_single__item__head .c-plusminus {
  border: none;
  position: absolute;
  right: 30px;
  top: 50%
}
.p-field_single__item__body {
  padding-bottom: 60px;
  padding-top: 40px
}
.p-field_single__item__body .c-button01 {
  margin-top: 25px
}
.p-field_single__item__body .c-product_data {
  margin-top: 50px
}
.p-field_single__item__body .c-product_data + .c-product_data {
  margin-top: 25px
}
.p-search_archive {
  margin-top: 110px
}
.p-search_archive .p-single_result {
  margin-bottom: 50px
}
.p-topics_nav {
  margin-bottom: 40px
}
.p-topics_nav__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.p-topics_nav__item {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4;
  margin-right: 10px
}
.p-topics_nav__item:last-child {
  margin-right: 0
}
.p-topics_nav__item .link, .p-topics_nav__item a {
  border-bottom: 1px solid;
  padding: .75em 35px;
  position: relative
}
.p-topics_nav__item a {
  color: #2a4ba9
}
.p-topics_nav__item .link {
  color: #09b0b6
}
.p-topics_nav__item .link:after {
  border-left: .5em solid transparent;
  border-right: .5em solid transparent;
  border-top: .8em solid;
  bottom: -.8em;
  content: "";
  display: block;
  height: .8em;
  left: 50%;
  margin-left: -.5em;
  position: absolute;
  width: 1em
}
.p-about .c-menu__list {
  margin-top: 60px
}
.p-about_comment {
  background-color: #f3f6fc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 70px;
  padding: 55px 65px
}
.p-about_comment__main {
  width: 100%
}
.p-about_comment__sub {
  margin-left: 45px;
  max-width: 340px;
  min-width: 340px;
  width: 100%
}
.p-about_message .c-layout01 {
  margin-top: 45px
}
.p-about_message .c-layout01 + .c-layout01 {
  margin-top: 60px
}
.p-about_message .c-layout01__main__inner {
  padding-bottom: 0;
  padding-top: 0
}
.p-about_message .c-blockimage:before {
  padding-top: 74.0740740741%
}
.p-about_message__name {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: right
}
.p-about_message__name .small {
  font-size: 1.4rem
}
.p-about_tech {
  margin-top: 80px
}
.p-about_tech__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -60px;
  margin-left: -15px;
  margin-right: -15px
}
.p-about_tech__item {
  margin-bottom: 60px;
  max-width: 33.3333333333%;
  padding-left: 15px;
  padding-right: 15px;
  width: 100%
}
.p-about_tech__item__image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 160px
}
.p-about_tech__item__image .caption {
  bottom: 0;
  font-size: 2.2rem;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
  white-space: nowrap
}
.p-about_point {
  counter-reset: about-point;
  padding-top: 110px
}
.p-about_point__image {
  display: block
}
.p-about_point .c-scroll, .p-about_point__image {
  margin-bottom: 80px;
  margin-top: 80px
}
.p-about_point .c-scroll:first-child, .p-about_point__image:first-child {
  margin-top: 0
}
.p-about_point .c-scroll:last-child, .p-about_point__image:last-child {
  margin-bottom: 0
}
.p-about_point .c-scroll__arrow {
  display: none
}
.p-about_point__section {
  counter-increment: about-point
}
.p-about_point__section + .p-about_point__section {
  margin-top: 120px
}
.p-about_point__heading {
  background-color: #f3f6fc;
  margin-bottom: 100px
}
.p-about_point__heading .c-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 70px;
  padding-right: 167px;
  padding-top: 70px;
  position: relative
}
.p-about_point__heading__illust {
  bottom: 0;
  position: absolute;
  right: -145px;
  -webkit-transform: translateY(7.5%);
  transform: translateY(7.5%);
  width: 312px
}
.p-about_point__heading__illust:before {
  padding-top: 56.4102564103%
}
.p-about_point__heading .heading {
  font-size: 3rem
}
.p-about_point__heading .number {
  border-right: 1px solid #a4abbb;
  display: block;
  font-size: 1.6rem;
  margin-right: 2em;
  padding: .25em 2em .25em 1.5em;
  position: relative
}
.p-about_point__heading .number:before {
  color: #2a4ba9;
  content: "Point";
  font-family: Montserrat, sans-serif;
  font-style: normal;
  font-weight: 300;
  left: 0;
  letter-spacing: .1em;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg) translateY(100%);
  transform: translateY(-50%) rotate(90deg) translateY(100%)
}
.p-about_point__heading .number:after {
  color: #ffc00f;
  content: counter(about-point, decimal-leading-zero);
  font-family: Montserrat, sans-serif;
  font-size: 5rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .1em
}
.p-about_history {
  padding-top: 100px
}
.p-about_history__item {
  padding-right: 50px
}
.p-about_history__item:before {
  background-color: #2a4ba9;
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  width: 10px
}
.p-about_history .keen-slider__scrollbar {
  background-color: #f3f6fc;
  border-color: #fff;
  margin-top: 0
}
.p-about_history__container {
  position: relative
}
.p-about_history__container:after {
  border-bottom: 2px solid #2a4ba9;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 4px;
  width: 100%
}
.p-about_history__year {
  font-size: 3rem;
  margin-top: .25em
}
.p-company_policy {
  padding-bottom: 100px
}
.p-company_policy__list {
  margin-top: 70px
}
.p-company_policy__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 60px
}
.p-company_policy__item:last-child {
  margin-bottom: 0
}
.p-company_policy__item__head {
  max-width: 285px;
  min-width: 285px;
  width: 100%
}
.p-company_policy__item__body {
  width: 100%
}
.p-company_policy .dl {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  line-height: 1.75;
  margin-bottom: .5em
}
.p-company_policy .dl:last-child {
  margin-bottom: 0
}
.p-company_policy .dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  max-width: 6.5em;
  min-width: 6.5em
}
.p-company_policy .dl dt:before {
  color: #09b0b6;
  content: "・";
  margin-right: .5em;
  -webkit-transform: scale(2);
  transform: scale(2)
}
.p-company_info {
  background-color: #f3f6fc;
  padding-bottom: 120px;
  padding-top: 100px
}
.p-company_info__data {
  margin-top: 30px
}
.p-company_sdgs {
  padding-top: 100px
}
.p-company_sdgs__list {
  margin-top: 120px
}
.p-company_sdgs__item {
  margin-bottom: 50px
}
.p-company_sdgs__item__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 15px
}
.p-company_sdgs__item__head .c-blockimage {
  max-width: 70px;
  min-width: 70px;
  width: 100%
}
.p-company_sdgs__item__head .c-title03 {
  margin-left: 1em
}
.p-company_sdgs__item__body {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 40px
}
.p-company_sdgs__item__body .textarea {
  margin-right: 30px;
  width: 100%
}
.p-company_sdgs__item__body .c-blockimage {
  max-width: 350px;
  min-width: 350px;
  width: 100%
}
.p-company_sdgs__item__body .c-blockimage:before {
  padding-top: 68.5714285714%
}
.p-single__head__container .c-blockimage:before {
  padding-top: 70%
}
.p-single__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-single .c-button01 {
  margin-top: 90px
}
.p-single__info {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -.5em
}
.p-single__info &gt; * {
  margin-bottom: .5em;
  margin-right: 1em
}
.p-single__info &gt; :last-child {
  margin-right: 0
}
.p-single__main {
  width: 100%
}
.p-single__title {
  font-size: 2.2rem;
  margin-bottom: 1em;
  margin-top: .5em;
  padding-bottom: .25em;
  position: relative
}
.p-single__title:after {
  border-bottom: 1px solid #dcdcdc;
  bottom: 0;
  content: "";
  display: block;
  left: .025em;
  position: absolute;
  right: 0
}
.p-single__sidebar {
  margin-left: 60px;
  margin-right: -55px;
  max-width: 280px;
  min-width: 280px;
  width: 100%
}
.p-single__cat {
  background-color: #f3f6fc;
  font-size: 1.4rem;
  padding: 30px 25px
}
.p-single__cat .title {
  border-bottom: 1px solid #a4abbb;
  padding-bottom: .25em
}
.p-single__cat__item {
  margin-top: 1em
}
.p-single__cat__item a {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between
}
.is-pc .p-single__cat__item a {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .p-single__cat__item a:hover {
  color: #09b0b6
}
.p-single__cat__item a .arrow {
  height: 1.25em;
  margin-left: .5em;
  min-width: 1.25em;
  width: 1.25em
}
.p-single__cat__item.-tag a {
  display: inline
}
.p-single__cat__item.-tag a:before {
  content: "#"
}
.p-single__cat__item.-tag .list {
  padding-left: 1em
}
.p-single__cat__item.-tag .list li {
  margin-top: 1em
}
.p-single__cat__item.-tag .list li a:before {
  content: "- "
}
.p-single_result {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 60px
}
.p-single_result__number .number {
  font-size: 4rem
}
.p-single_result__current {
  font-size: 1.6rem;
  font-weight: 700;
  margin-left: auto
}
.p-single_result__current .number {
  font-size: 2.4rem
}
.p-single_result__after {
  -webkit-box-flex: 1;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto
}
.p-single_result__after, .p-single_result__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-single_result__list {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.8rem;
  margin-bottom: 10px;
  margin-top: 10px
}
.p-single_result__item {
  margin-right: .25em
}
.p-single_result__item:after {
  content: "/";
  margin-left: .25em;
  opacity: .4
}
.p-single_result__item:last-child {
  margin-right: 1em
}
.p-single_result__item:last-child:after {
  display: none
}
.p-base .c-layout04 {
  margin-top: 60px;
  padding-bottom: 40px;
  position: relative
}
.p-base .c-layout04 .keen-slider__pagination {
  bottom: -60px;
  position: absolute;
  right: 100px;
  z-index: 10
}
.p-base .c-layout04__main {
  max-width: 475px;
  min-width: 475px
}
.p-base .c-layout04__sub {
  position: relative
}
.p-base .c-layout04__sub__image .c-blockimage:before {
  padding-top: 61.5174299385%
}
.p-base .c-layout04__sub__image .c-slider__arrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: 90%
}
.p-base .c-layout04__sub__image .c-slider__arrow.-left {
  left: calc(55.80357vw - 101.42857px)
}
.p-base .c-layout04__sub__image .c-slider__arrow.-right {
  right: 50px
}
.p-base_head .c-layout02__sub__image.c-blockimage img {
  background-color: #f3f6fc
}
.p-base_section {
  padding-top: 110px
}
.p-base_facility {
  margin-top: 120px
}
.p-base_facility__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 40px
}
.js-accordion__inner .p-base_facility__list {
  margin-top: 0
}
.p-base_facility__item {
  max-width: 33.3333333333%;
  padding-bottom: 50px;
  padding-left: calc(1.83673vw + .61224px);
  padding-right: calc(1.83673vw + .61224px);
  width: 100%
}
.p-base_facility__item a {
  display: block
}
.p-base_facility__item__head {
  position: relative
}
.is-pc .p-base_facility__item__head img {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.is-pc a:hover .p-base_facility__item__head img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.p-base_facility__item__head .zoom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #fff;
  border-radius: 9999px;
  bottom: 12px;
  color: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 30px;
  justify-content: center;
  position: absolute;
  right: 12px;
  width: 30px;
  z-index: 2
}
.p-base_facility__item__head .zoom .js-svg {
  height: 14px;
  letter-spacing: 0;
  width: 14px
}
.is-pc .p-base_facility__item__head .zoom {
  -webkit-transition: background-color .25s, color .25s;
  transition: background-color .25s, color .25s
}
.is-pc a:hover .p-base_facility__item__head .zoom {
  background-color: #2a4ba9;
  color: #fff
}
.p-base_point {
  margin-top: 100px
}
.p-base_point__list {
  margin-top: 60px
}
.p-base_point__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px
}
.p-base_point__item:last-child {
  margin-bottom: 0
}
.p-base_point__item__head {
  margin-right: 30px;
  max-width: 350px;
  min-width: 350px;
  width: 100%
}
.p-base_point__item__head:before {
  padding-top: 62.8571428571%
}
.p-base_point__item__body {
  width: 100%
}
.p-base_point__item__body .title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-base_point__item__body .en {
  font-size: 1.4rem;
  margin-right: .5em
}
.p-base_point .p-about_comment .c-blockimage:before {
  padding-top: 73.5714285714%
}
.p-base_point .p-about_comment .p-about_comment__sub {
  max-width: 285px;
  min-width: 285px
}
.p-recruit__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -95px;
  margin-right: -120px
}
.p-recruit__head .p-recruit__heading01 {
  margin-right: .25em
}
.p-recruit__heading01 {
  font-size: 9rem
}
.p-recruit__heading02 {
  font-size: 6rem
}
.p-recruit_kv {
  height: calc(var(--vh)*100);
  margin-top: -110px;
  min-height: 640px;
  position: relative;
  -webkit-transition: height .5s;
  transition: height .5s
}
.p-recruit_kv__illust {
  bottom: -20px;
  position: absolute;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  width: calc(22.61224vw + 191.20408px);
  z-index: 2
}
.p-recruit_kv__illust:before {
  padding-top: 36.1663652803%
}
.is-vertical .p-recruit_kv__illust {
  bottom: 20px
}
.p-recruit_kv__tube {
  bottom: 70px;
  position: absolute;
  right: calc(50vw - 770px);
  top: 0;
  width: 690px
}
.p-recruit_kv__tube__wave {
  bottom: -20%;
  color: #b6e3e0;
  height: 55%;
  left: 0;
  position: absolute;
  width: 100%
}
.p-recruit_kv__tube__wave svg {
  display: block;
  height: 100%;
  width: 100%
}
.is-start .p-recruit_kv__tube__wave {
  height: 0;
  -webkit-transition: height 2.5s cubic-bezier(.645, .045, .355, 1);
  transition: height 2.5s cubic-bezier(.645, .045, .355, 1)
}
.is-start.is-loaded .p-recruit_kv__tube__wave {
  height: 55%
}
.p-recruit_kv__tube__title {
  font-size: 9rem
}
.p-recruit_kv__tube__title.c-font-mont {
  line-height: 1.2
}
.p-recruit_kv__tube__lead {
  font-size: 2.6rem;
  margin-top: .5em
}
.p-recruit_kv__tube__text {
  font-size: 1.6rem
}
.p-recruit_kv__tube__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, .9);
  border-bottom-left-radius: 9999px;
  border-bottom-right-radius: 9999px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  overflow: hidden;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
  width: 100%;
  z-index: 1
}
.p-recruit_kv__tube__inner {
  position: relative;
  width: 100%
}
.p-recruit_kv__tube__inner .arrow {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 20px;
  justify-content: center;
  margin: 30px auto;
  position: relative;
  width: 40px
}
.p-recruit_kv__tube__inner .arrow:after, .p-recruit_kv__tube__inner .arrow:before {
  content: "";
  position: absolute;
  top: 0
}
.p-recruit_kv__tube__inner .arrow .circle, .p-recruit_kv__tube__inner .arrow:after, .p-recruit_kv__tube__inner .arrow:before {
  background-color: #ffc00f;
  border-radius: 9999px;
  display: block;
  height: 7px;
  width: 7px
}
.p-recruit_kv__tube__inner .arrow:before {
  left: 0
}
.p-recruit_kv__tube__inner .arrow:after {
  right: 0
}
.p-recruit_kv__buttons {
  bottom: 0;
  left: 50px;
  position: absolute;
  z-index: 7500
}
.p-recruit_kv__buttons, .p-recruit_kv__buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit_kv__buttons a {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #2a4ba9;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: .1em;
  line-height: 1.4;
  margin-right: 10px;
  padding: 30px;
  width: 300px
}
.p-recruit_kv__buttons a .arrow {
  margin-left: 1em
}
.p-recruit_kv__buttons a:last-child {
  margin-right: 0
}
.p-recruit_kv__buttons a.-accent {
  background-color: #09b0b6
}
.p-recruit_kv__bg, .p-recruit_kv__dot {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.is-start .p-recruit_kv__bg {
  opacity: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-transition: opacity 1s, -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s, -webkit-transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s, transform 2s cubic-bezier(.215, .61, .355, 1);
  transition: opacity 1s, transform 2s cubic-bezier(.215, .61, .355, 1), -webkit-transform 2s cubic-bezier(.215, .61, .355, 1)
}
.is-start.is-loaded .p-recruit_kv__bg {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1)
}
.p-recruit_kv__bg img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left bottom;
  object-position: left bottom;
  width: 100%
}
.p-recruit_message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit_message__sub {
  position: relative
}
.p-recruit_message__sub .c-dot01 {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.p-recruit_message__sub__image {
  height: 100%;
  width: 100%
}
.p-recruit_message__sub__image img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.p-recruit_message__main {
  max-width: calc(45.30744vw + 150.09709px);
  min-width: calc(45.30744vw + 150.09709px);
  padding: 130px 30px 130px 60px
}
.p-recruit_message__main .textarea {
  margin-left: -50vw;
  max-height: 400px;
  overflow-y: auto;
  padding-bottom: 5em;
  padding-left: 50vw
}
.p-recruit_message__body {
  position: relative
}
.p-recruit_message__body:after {
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(10%, hsla(0, 0%, 100%, .02)), color-stop(20%, hsla(0, 0%, 100%, .08)), color-stop(30%, hsla(0, 0%, 100%, .18)), color-stop(40%, hsla(0, 0%, 100%, .32)), color-stop(50%, hsla(0, 0%, 100%, .5)), color-stop(60%, hsla(0, 0%, 100%, .68)), color-stop(70%, hsla(0, 0%, 100%, .82)), color-stop(80%, hsla(0, 0%, 100%, .92)), color-stop(90%, hsla(0, 0%, 100%, .98)), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .02) 10%, hsla(0, 0%, 100%, .08) 20%, hsla(0, 0%, 100%, .18) 30%, hsla(0, 0%, 100%, .32) 40%, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, .68) 60%, hsla(0, 0%, 100%, .82) 70%, hsla(0, 0%, 100%, .92) 80%, hsla(0, 0%, 100%, .98) 90%, #fff);
  bottom: 0;
  content: "";
  display: block;
  height: 5em;
  position: absolute;
  right: 0;
  width: 100%
}
.p-recruit_message__body .textarea .c-text01 + .c-text01 {
  margin-top: 2em
}
.p-recruit_strength {
  margin-top: 50px;
  padding-bottom: 120px
}
.p-recruit_strength__head {
  margin-bottom: 40px
}
.p-recruit_strength__illust {
  margin-bottom: -40px;
  margin-left: auto;
  margin-top: -60px;
  max-width: 375px;
  min-width: 375px;
  z-index: 2
}
.p-recruit_strength__illust:before {
  padding-top: 57.5%
}
.p-recruit_strength .c-layout04 {
  margin-bottom: 90px
}
.p-recruit_strength .c-layout04:last-child {
  margin-bottom: 0
}
.p-recruit_interview {
  margin-top: 90px
}
.p-recruit_interview__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit_interview__slider {
  position: relative
}
.p-recruit_interview .p-recruit_interview__list {
  margin-top: 50px
}
.p-recruit_interview__list .p-recruit_interview__item {
  max-width: 25%;
  width: 100%
}
.p-recruit_interview__item a {
  background-color: #fff;
  display: block;
  height: 100%;
  overflow: hidden;
  padding-bottom: 40px;
  position: relative
}
.is-pc .p-recruit_interview__item a .c-blockimage img {
  -webkit-transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: -webkit-transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1);
  transition: transform 1s cubic-bezier(.215, .61, .355, 1), -webkit-transform 1s cubic-bezier(.215, .61, .355, 1)
}
.is-pc .p-recruit_interview__item a:hover .c-blockimage img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
.p-recruit_interview__item .c-blockimage:before {
  padding-top: 162.5%
}
.p-recruit_interview__item__container {
  background-color: #fff;
  margin-left: 20px;
  margin-top: -140px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  position: relative
}
.p-recruit_interview__item__container:before {
  background-color: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: rotate(-10deg);
  transform: rotate(-10deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  width: 125%
}
.p-recruit_interview__item__container .title {
  border-bottom: 1px solid #a4abbb;
  padding-bottom: .5em
}
.p-recruit_interview__item__inner {
  position: relative
}
.p-recruit_interview__item__en {
  font-size: 1.6rem;
  left: 25px;
  letter-spacing: .15em;
  position: absolute;
  top: 50px;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr
}
.is-pc .p-recruit_interview__item__en {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc a:hover .p-recruit_interview__item__en {
  color: #09b0b6
}
.p-recruit_space {
  background-color: #f6f9f9;
  padding-bottom: 100px;
  padding-top: 90px
}
.p-recruit_space .c-blockimage:before {
  padding-top: 66.6666666667%
}
.p-recruit_persona {
  margin-top: 100px
}
.p-recruit_persona__list {
  margin-top: 60px
}
.p-recruit_persona__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 80px;
  position: relative
}
.p-recruit_persona__item:last-child {
  margin-bottom: 0
}
.p-recruit_persona__item:nth-child(odd) {
  padding-right: 95px
}
.p-recruit_persona__item:nth-child(2n) {
  padding-left: 95px
}
.p-recruit_persona__item__head {
  margin-right: 40px;
  max-width: 210px;
  min-width: 210px;
  width: 100%
}
.p-recruit_persona__item__head .c-blockimage {
  -webkit-transform: translateY(-7.5%);
  transform: translateY(-7.5%)
}
.p-recruit_persona__item__head .c-blockimage:before {
  padding-top: 90.9090909091%
}
.p-recruit_persona__item__body {
  width: 100%
}
.p-recruit_persona__item__body .c-title02 .text {
  margin-right: 1em
}
.p-recruit_info {
  margin-top: 50px
}
.p-recruit_info__list {
  margin-top: 70px
}
.p-recruit_info__item {
  margin-bottom: 100px
}
.p-recruit_info__item:last-child {
  margin-bottom: 0
}
.p-recruit_info__item a {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit_info__item.-reverse a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.p-recruit_info__item__sub {
  margin-bottom: 40px;
  width: 100%
}
.p-recruit_info__item__sub:before {
  padding-top: 64.6153846154%
}
.p-recruit_info__item:not(.-reverse) .p-recruit_info__item__sub {
  margin-left: -95px;
  margin-right: -150px
}
.p-recruit_info__item.-reverse .p-recruit_info__item__sub {
  margin-left: -150px;
  margin-right: -95px
}
.p-recruit_info__item__main {
  background-color: #2a4ba9;
  color: #fff;
  max-width: 555px;
  min-width: 555px;
  padding: 75px 65px;
  width: 100%
}
.p-recruit_info__item__main.-accent {
  background-color: #09b0b6
}
.p-recruit_faq {
  background-color: #f6f9f9;
  margin-top: 120px;
  padding-bottom: 120px;
  padding-top: 80px
}
.p-recruit_faq__illust {
  margin-left: auto;
  margin-top: -160px;
  max-width: 220px;
  min-width: 220px
}
.p-recruit_faq__illust:before {
  padding-top: 87.7272727273%
}
.p-recruit_faq__tab {
  margin-top: 50px
}
.p-recruit_faq__tab .title {
  font-size: 2rem
}
.p-recruit_faq__nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit_faq__nav__item {
  background-color: #ddefee;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  color: #09b0b6;
  cursor: pointer;
  margin-right: 10px;
  max-width: 50%;
  padding: 1em .5em .9em;
  -webkit-transition: color .25s, background-color .25s;
  transition: color .25s, background-color .25s;
  width: 100%
}
.p-recruit_faq__nav__item.is-act {
  background-color: #09b0b6;
  color: #fff
}
.p-recruit_faq__nav__item:last-child {
  margin-right: 0
}
.p-recruit_faq__content {
  margin-top: 40px
}
.p-recruit_faq__item {
  margin-bottom: 10px
}
.p-recruit_faq__item:last-child {
  margin-bottom: 0
}
.p-recruit_faq__item__body, .p-recruit_faq__item__head {
  padding: 10px 40px 10px 20px
}
.p-recruit_faq__item__body &gt; :first-child, .p-recruit_faq__item__head &gt; :first-child {
  padding-top: 10px
}
.p-recruit_faq__item__body:before, .p-recruit_faq__item__head:before {
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 5rem;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
  max-width: 60px;
  min-width: 60px
}
.p-recruit_faq__item__head {
  border-bottom: 1px solid #a4abbb;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative
}
.p-recruit_faq__item__head:before {
  color: #09b0b6;
  content: "Q"
}
.p-recruit_faq__item__head .c-plusminus {
  border: none;
  color: #09b0b6;
  position: absolute;
  right: 0;
  top: 50%
}
.is-pc .p-recruit_faq__item__head {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .p-recruit_faq__item__head:hover {
  color: #09b0b6
}
.is-pc .p-recruit_faq__item__head .c-plusminus {
  -webkit-transition: color .25s;
  transition: color .25s
}
.p-recruit_faq__item__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit_faq__item__body:before {
  color: #ffc00f;
  content: "A"
}
.p-recruit_intern {
  margin-top: 70px
}
.p-recruit_intern a {
  background-color: #2a4ba9;
  border: 2px solid #2a4ba9;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 70px;
  position: relative
}
.p-recruit_intern a .c-fluid {
  width: 100%
}
.p-recruit_intern__container {
  padding-bottom: 40px;
  padding-top: 60px
}
.p-recruit_intern__bg {
  height: 100%;
  left: 0;
  opacity: .2;
  position: absolute;
  top: 0;
  width: 100%
}
.p-recruit_intern__bg img {
  display: block;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%
}
.p-recruit_intern__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center
}
.p-recruit_intern__foot {
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  width: 100%
}
.p-recruit_intern__foot .c-fluid {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  height: 70px;
  justify-content: center;
  width: 100%
}
.p-recruit_intern__foot .c-fluid, .p-recruit_intern__foot .text {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-recruit_intern__foot .text {
  font-size: 1.6rem;
  margin-left: 1em
}
.p-recruit_intern__foot .text .arrow {
  background-color: #2a4ba9;
  height: 1.25em;
  margin-left: .75em;
  min-width: 1.25em;
  width: 1.25em
}
.p-recruit_intern__foot .c-blockimage {
  max-width: 260px;
  min-width: 260px
}
.p-recruit_intern__foot .c-blockimage:before {
  padding-top: 20.8333333333%
}
.p-recruit_intern__heading {
  font-size: 7rem
}
.p-recruit_requirements {
  margin-top: 70px
}
.p-interview {
  position: relative
}
.p-interview__en {
  color: #dcdcdc;
  font-size: 10rem;
  left: -.1em;
  letter-spacing: .1em;
  line-height: 1;
  position: absolute;
  top: 0;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  z-index: 2
}
.p-interview_kv__title {
  font-size: 3rem;
  line-height: 1.5
}
.p-interview_kv__title .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: .4em
}
.p-interview_kv__title .text:last-child {
  margin-bottom: 0
}
.p-interview_kv__title .text &gt; span {
  border-bottom: 1px solid #09b0b6
}
.p-interview_other {
  background-color: #f3f6fc;
  margin-top: 100px;
  padding-bottom: 120px;
  padding-top: 100px
}
.p-interview_other__container {
  margin-left: -85px;
  margin-right: -85px;
  margin-top: 70px
}
.p-interview_other__list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: -40px;
  margin-left: -20px;
  margin-right: -20px
}
.p-interview_other__list.keen-slider {
  width: auto !important
}
.p-interview_other .p-recruit_interview__item {
  margin-bottom: 40px;
  max-width: 33.3333333333%;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%
}
.p-interview_main {
  margin-top: 140px
}
.p-interview_main__list {
  counter-reset: interview-main
}
.p-interview_main__item {
  counter-increment: interview-main;
  margin-bottom: 120px
}
.p-interview_main__item:last-child {
  margin-bottom: 0
}
.p-interview_main__item__head {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.p-interview_main__item__head .sub {
  width: 100%
}
.p-interview_main__item__head .main {
  max-width: 380px;
  min-width: 380px;
  padding-right: 45px;
  position: relative;
  width: 100%;
  z-index: 1
}
.p-interview_main__item__head .main:before {
  color: #09b0b6;
  content: "#"counter(interview-main, decimal-leading-zero);
  display: block;
  font-family: Montserrat, sans-serif;
  font-size: 10rem;
  font-style: italic;
  font-weight: 100;
  letter-spacing: .05em;
  margin-bottom: .1em;
  margin-left: -.05em
}
.p-interview_main__item__head .c-blockimage:before {
  padding-top: 54.7945205479%
}
.p-interview_main__item__body {
  margin-top: 45px;
  max-width: 825px
}
.p-interview_off {
  margin-top: 110px
}
.p-interview_off__container {
  border: 2px solid #ffc00f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 40px 95px
}
.p-interview_off__head {
  max-width: 255px;
  min-width: 255px;
  width: 100%
}
.p-interview_off__body {
  width: 100%
}
.p-interview_common {
  margin-top: 100px
}
.p-interview_common .p-recruit_interview__list {
  margin-top: 50px
}
.p-new_space {
  padding-top: 110px
}
.p-new_space__list {
  margin-top: 60px
}
.p-new_space__item {
  margin-bottom: 60px
}
.p-new_space__item:last-child {
  margin-bottom: 0
}
.p-new_space__item .c-blockimage {
  max-height: 400px
}
.p-new_space__item .c-blockimage:before {
  padding-top: 74.0740740741%
}
.p-new_service {
  background-color: #f6f9f9;
  margin-top: 120px;
  padding-bottom: 120px;
  padding-top: 110px
}
.p-new_service__list {
  margin-top: 60px
}
.p-new_service__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px
}
.p-new_service__item:last-child {
  margin-bottom: 0
}
.p-new_service__item__head {
  margin-right: 65px;
  max-width: 445px;
  min-width: 445px;
  width: 100%
}
.p-new_service__item__head .c-blockimage:before {
  padding-top: 62.9213483146%
}
.p-new_service__item__body {
  width: 100%
}
.p-new_service__item__body .c-title02 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-new_service__item__body .c-title02 .en {
  font-size: 1.6rem;
  margin-left: 1em
}
.p-new_service__item__body .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-weight: 700
}
.p-new_service__item__body .links a {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 2em;
  margin-top: 1em
}
.is-pc .p-new_service__item__body .links a {
  -webkit-transition: color .25s;
  transition: color .25s
}
.is-pc .p-new_service__item__body .links a:hover {
  color: #ffc00f
}
.p-new_service__item__body .links a .arrow {
  height: 1.25em;
  margin-left: .75em;
  min-width: 1.25em;
  width: 1.25em
}
.p-new_service__item__body .links a:last-child {
  margin-right: 0
}
.p-new_welfare {
  background-color: #f6f9f9;
  padding-bottom: 120px;
  padding-top: 110px
}
.p-new_welfare__section {
  margin-top: 60px
}
.p-new_welfare__data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
  padding-left: 15px;
  padding-right: 15px
}
.p-new_welfare__data__item {
  max-width: 33.3333333333%;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  width: 100%
}
.p-new_welfare__data__item .container {
  background: #fff;
  border-radius: 9999px;
  position: relative
}
.p-new_welfare__data__item .container:before {
  content: "";
  display: block;
  padding-top: 100%
}
.p-new_welfare__data__item .title {
  font-size: 2.4rem
}
.p-new_welfare__data__item .subtitle {
  font-size: 1.4rem
}
.p-new_welfare__data__item .data {
  margin-top: .5em;
  white-space: nowrap
}
.p-new_welfare__data__item .number {
  font-size: 8rem;
  letter-spacing: .1em
}
.p-new_welfare__data__item .after {
  font-size: 2.6rem;
  font-weight: 700
}
.p-new_welfare__data__item .inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
.p-new_welfare__outline {
  margin-top: 50px
}
.p-new_welfare__outline dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px
}
.p-new_welfare__outline dl:last-child {
  margin-bottom: 0
}
.p-new_welfare__outline dl dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  align-items: center;
  background-color: #09b0b6;
  border-radius: 5px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-right: 30px;
  max-width: 320px;
  min-width: 320px;
  padding: .5em 12.5px;
  width: 100%
}
.p-new_welfare__outline dl dd {
  padding-bottom: .5em;
  padding-top: .5em;
  width: 100%
}
.p-mid_main {
  counter-reset: mid-section
}
.p-mid_main__section {
  counter-increment: mid-section;
  margin-top: 100px
}
.p-mid_main__section__container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.p-mid_main__section__sub {
  margin-right: 60px;
  max-width: 445px;
  min-width: 445px;
  width: 100%
}
.p-mid_main__section__sub:before {
  padding-top: 62.9213483146%
}
.p-mid_main__section__main {
  width: 100%
}
.p-mid_main__section__box {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border: 2px solid;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  padding: 40px 65px
}
.p-mid_main__section__box &gt; * {
  width: 100%
}
.p-mid_main__section__box .c-title03 {
  max-width: 8em;
  min-width: 8em
}
.p-mid_main__section__box + .p-mid_main__section__container {
  margin-top: 80px
}
.p-mid_main__heading {
  background-color: #f6f9f9;
  margin-bottom: 80px
}
.p-mid_main__heading .c-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 40px;
  padding-top: 40px
}
.p-mid_main__heading .number {
  font-size: 9rem;
  letter-spacing: .1em;
  margin-left: -.025em
}
.p-mid_main__heading .number:before {
  content: counter(mid-section, decimal-leading-zero)
}
.p-mid_main__heading .heading {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3rem;
  padding-left: .75em
}
.p-mid_main__heading .heading .en {
  font-size: 1.6rem;
  letter-spacing: .1em;
  margin-left: 1.25em
}
@media (-o-min-device-pixel-ratio:1.5), (-webkit-min-device-pixel-ratio:1.5), (min-device-pixel-ratio:1.5), only screen and (max-width:3840px) and (min-width:320px) and (min-device-pixel-ratio:1.5) {
  .c-dot01 {
    background-image: url(/img/common/repeat_01@2x.png)
  }
}
@media only screen and (max-width:1599px) {
  .-dot.c-entry__heading:before, .-dot.c-heading01:before, .-dot.c-lower__heading:before, .-dot.c-title01:before, .-dot.c-title02:before, .-dot.c-title03:before, .-dot.c-title04:before, .-dot.c-title05:before, .-dot.c-title06:before, .-dot.p-about_history__year:before, .-dot.p-index__heading01:before, .-dot.p-index__heading02:before, .-dot.p-index_about__title:before, .-dot.p-index_service__title:before, .-dot.p-interview_kv__title:before, .-dot.p-recruit__heading01:before, .-dot.p-recruit__heading02:before, .-dot.p-recruit_intern__heading:before, .-dot.p-recruit_kv__tube__lead:before, .-dot.p-recruit_kv__tube__title:before, .-dot.p-single__title:before, .-dot.p-single_result__list:before, .c-post h2.-dot:before, .c-post h3.-dot:before, .c-post h4.-dot:before, .c-post h5.-dot:before, .c-post h6.-dot:before, .p-about_point__heading .-dot.heading:before, .p-about_tech__item__image .-dot.caption:before, .p-index_base__item__head .-dot.title:before, .p-index_point__item dd.-dot:before, .p-mid_main__heading .-dot.heading:before, .p-new_welfare__data__item .-dot.title:before, .p-recruit_faq__tab .-dot.title:before, .p-recruit_intern__foot .-dot.text:before {
    height: calc(.40816vw + 3.46939px);
    width: calc(.40816vw + 3.46939px)
  }
  .-mt1.c-button01, .-mt1.c-button02, .-mt1.c-button03 {
    margin-top: calc(1.22449vw + 20.40816px)
  }
  .-width01.c-button01 .link, .-width01.c-button01 a, .-width01.c-button02 .link, .-width01.c-button02 a, .-width01.c-button03 .link, .-width01.c-button03 a {
    width: calc(16.32653vw + 138.77551px)
  }
  .c-post {
    font-size: calc(.2449vw + 1.20816rem)
  }
  .c-post .wp-block-image img {
    border-radius: calc(.40816vw + 3.46939px)
  }
  .c-post .wp-block-table table {
    font-size: calc(.2449vw + 1.20816rem)
  }
  .c-post h2, .c-post h3 {
    font-size: calc(.32653vw + 1.67755rem);
    padding-left: calc(1.02041vw + 8.67347px);
    padding-right: calc(1.02041vw + 8.67347px)
  }
  .c-post h4 {
    font-size: calc(.32653vw + 1.47755rem)
  }
  .c-post h5, .c-post h6 {
    font-size: calc(.2449vw + 1.40816rem)
  }
  .c-post .wp-block-video {
    margin-bottom: calc(4.89796vw + 41.63265px);
    margin-top: calc(4.89796vw + 41.63265px)
  }
  .c-post ol, .c-post ul {
    border-radius: 5px;
    padding: calc(1.63265vw + 13.87755px) calc(2.04082vw + 17.34694px)
  }
  .-product.c-post ol, .-product.c-post ul {
    padding: 12.5px
  }
  body {
    font-size: calc(.2449vw + 1.20816rem)
  }
  .c-container {
    padding-left: calc(2.04082vw + 17.34694px);
    padding-right: calc(2.04082vw + 17.34694px);
    width: calc(68.16327vw + 119.38776px)
  }
  .c-container.-small {
    width: calc(52.65306vw + 177.55102px)
  }
  .c-fluid {
    padding-left: calc(2.04082vw + 17.34694px);
    padding-right: calc(2.04082vw + 17.34694px)
  }
  .l-header {
    font-size: calc(.34722vw + 1.04444rem)
  }
  .l-header__menu__buttons a {
    border-bottom-left-radius: calc(.40816vw + 3.46939px);
    border-bottom-right-radius: calc(.40816vw + 3.46939px)
  }
  .l-header__menu__item &gt; .link, .l-header__menu__item &gt; a {
    padding-left: calc(2.17014vw - 9.72222px);
    padding-right: calc(2.17014vw - 9.72222px)
  }
  .l-header__menu__item .c-button01 {
    padding-left: calc(2.60417vw - 16.66667px)
  }
  .l-header__menu__item .c-button01 .link, .l-header__menu__item .c-button01 a {
    width: calc(6.94444vw + 108.88889px)
  }
  .l-header__menu__search {
    margin-left: calc(2.60417vw - 16.66667px);
    max-width: calc(6.94444vw + 108.88889px);
    min-width: calc(6.94444vw + 108.88889px)
  }
  .l-footer {
    padding-top: calc(4.89796vw + 21.63265px)
  }
  .l-footer__head__list {
    font-size: calc(.2449vw + 1.10816rem)
  }
  .l-footer__head__item .list.-double {
    max-width: calc(13.06122vw + 111.02041px)
  }
  .l-footer__body {
    margin-top: calc(3.67347vw + 11.22449px)
  }
  .l-footer__sns {
    margin-left: calc(.81633vw + 21.93878px)
  }
  .l-footer__list {
    font-size: calc(.2449vw + 1.10816rem);
    max-width: 33.3333333333%
  }
  .l-footer__foot {
    font-size: calc(.32653vw + .87755rem);
    height: calc(2.04082vw + 37.34694px)
  }
  .l-footer__buttons &gt; .c-button01 .link, .l-footer__buttons &gt; .c-button01 a {
    width: calc(10.41667vw + 53.33333px)
  }
  .l-footer__search {
    margin-bottom: calc(1.22449vw + 10.40816px);
    margin-top: calc(-2.44898vw + 39.18367px)
  }
  .d-b-max {
    display: none !important
  }
  .d-n-max {
    display: block !important
  }
  .d-n-max.-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-n-max.-i {
    display: inline !important
  }
  .d-n-max.-ib {
    display: inline-block !important
  }
  .c-heading01 {
    font-size: calc(1.06122vw + 1.50204rem)
  }
  .c-title01 {
    font-size: calc(.65306vw + 1.5551rem)
  }
  .c-title02 {
    font-size: calc(.57143vw + 1.48571rem)
  }
  .c-title03 {
    font-size: calc(.4898vw + 1.41633rem)
  }
  .c-title04 {
    font-size: calc(.40816vw + 1.34694rem)
  }
  .c-title05 {
    font-size: calc(.32653vw + 1.27755rem)
  }
  .c-title06 {
    font-size: calc(.20408vw + 1.27347rem)
  }
  .c-text01 {
    font-size: calc(.2449vw + 1.20816rem)
  }
  .c-text02 {
    font-size: calc(.2449vw + 1.10816rem)
  }
  .c-text03 {
    font-size: calc(.2449vw + 1.00816rem)
  }
  .c-text04 {
    font-size: calc(.20408vw + .97347rem)
  }
  .c-text05 {
    font-size: calc(.16327vw + .93878rem)
  }
  .c-button03 .link, .c-button03 a {
    width: calc(10.20408vw + 236.73469px)
  }
  .c-tel .c-blockimage {
    max-width: calc(2.2449vw + 24.08163px);
    min-width: calc(2.2449vw + 24.08163px)
  }
  .c-tel .number {
    font-size: calc(2.40385vw + 1.15385rem)
  }
  .l-footer.-recruit .c-logo .text, .l-header.-recruit .c-logo .text {
    font-size: calc(.4898vw + .81633rem)
  }
  .c-logo .c-blockimage {
    max-width: calc(5.46939vw + 67.4898px);
    min-width: calc(5.46939vw + 67.4898px)
  }
  .l-footer .c-logo .c-blockimage {
    max-width: calc(10.77551vw + 147.59184px);
    min-width: calc(10.77551vw + 147.59184px)
  }
  .l-footer.-recruit .c-logo .c-blockimage, .l-header.-recruit .c-logo .c-blockimage {
    max-width: calc(5.55102vw + 47.18367px);
    min-width: calc(5.55102vw + 47.18367px)
  }
  .c-radius01 {
    border-radius: calc(.40816vw + 3.46939px)
  }
  .c-radius02 {
    border-radius: calc(1.22449vw + 10.40816px)
  }
  .c-radius03 {
    border-radius: calc(2.44898vw + 10.81633px)
  }
  .c-label {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .c-label.-small {
    font-size: calc(.2449vw + 1.00816rem)
  }
  .c-dot01 {
    background-size: calc(.40816vw + 3.46939px) calc(.40816vw + 3.46939px)
  }
  .c-tag01 {
    font-size: calc(.32653vw + .87755rem)
  }
  .c-plusminus {
    height: calc(.97959vw + 14.32653px);
    width: calc(.97959vw + 14.32653px)
  }
  .keen-slider__pagination li {
    height: calc(.81633vw + 26.93878px);
    width: calc(2.44898vw + 20.81633px)
  }
  .keen-slider__scrollbar {
    margin-top: calc(1.63265vw - 6.12245px)
  }
  .c-hexa.-reverse {
    right: calc(-7.26531vw - 60.7551px)
  }
  .c-hexa {
    left: calc(-7.26531vw - 60.7551px);
    margin-top: calc(2.44898vw + 30.81633px);
    width: calc(16.57143vw + 139.85714px)
  }
  .c-ul.-column2 {
    margin-left: calc(-.81633vw - 1.93878px);
    margin-right: calc(-.81633vw - 1.93878px)
  }
  .c-ul.-column2 &gt; * {
    padding-left: calc(.81633vw + 1.93878px);
    padding-right: calc(.81633vw + 1.93878px)
  }
  .c-frame01 {
    padding: calc(1.22449vw + 20.40816px) calc(3.26531vw + 12.7551px)
  }
  .c-data dd, .c-data dt {
    padding: calc(1.22449vw + 10.40816px) 12.5px
  }
  .c-data dt {
    max-width: calc(14.69388vw + 44.89796px);
    min-width: calc(14.69388vw + 44.89796px)
  }
  .-padding.c-layout01__main__inner, .-padding.c-layout02__main__inner {
    padding-bottom: calc(1.63265vw + 18.87755px);
    padding-top: calc(1.63265vw + 18.87755px)
  }
  .c-layout01 {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .c-layout01__main {
    margin-left: calc(2.85714vw + 14.28571px);
    max-width: calc(25.30612vw + 105.10204px);
    min-width: calc(25.30612vw + 105.10204px)
  }
  .c-layout01.-reverse .c-layout01__main {
    margin-left: 0;
    margin-right: calc(2.85714vw + 14.28571px)
  }
  .c-layout02 {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .c-layout02__sub__image {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
  }
  .c-layout02__main {
    margin-right: calc(1.63265vw + 18.87755px);
    max-width: calc(28.57143vw + 67.85714px);
    min-width: calc(28.57143vw + 67.85714px)
  }
  .c-layout03__sub__image {
    margin-bottom: calc(-11.83673vw + 189.38776px)
  }
  .c-layout03__main {
    max-width: calc(15.26531vw + 230.7551px);
    min-width: calc(15.26531vw + 230.7551px)
  }
  .c-layout03__main__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: calc(3.87597vw + 2.9845px);
    padding-top: calc(3.87597vw + 2.9845px)
  }
  .c-layout03:not(.-reverse) .c-layout03__main__inner {
    border-top-right-radius: 0
  }
  .c-layout03.-reverse .c-layout03__main__inner {
    border-top-left-radius: 0;
    padding-right: calc(3.87597vw + 2.9845px)
  }
  .c-layout04__sub__image {
    margin-bottom: calc(-11.83673vw + 189.38776px)
  }
  .c-layout04__main {
    max-width: calc(24.2449vw + 197.08163px);
    min-width: calc(24.2449vw + 197.08163px)
  }
  .c-layout04__main__inner {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-top: calc(3.87597vw + 2.9845px)
  }
  .c-layout04:not(.-reverse) .c-layout04__main__inner {
    padding-right: calc(3.87597vw + 2.9845px)
  }
  .c-layout04.-reverse .c-layout04__main__inner {
    padding-left: calc(3.87597vw + 2.9845px)
  }
  .c-contact {
    margin-top: calc(4.89796vw + 31.63265px);
    padding-bottom: calc(2.04082vw + 17.34694px);
    padding-top: calc(2.04082vw + 17.34694px)
  }
  .c-contact__container {
    margin-left: calc(-2.65306vw - 2.55102px);
    margin-right: calc(-2.65306vw - 2.55102px);
    padding: calc(3.26531vw + 27.7551px) calc(8.36735vw + 6.12245px)
  }
  .c-contact__telarea .ico {
    display: none
  }
  .c-contact__telarea .ico .c-blockimage {
    max-width: calc(2.2449vw + 24.08163px);
    min-width: calc(2.2449vw + 24.08163px)
  }
  .c-contact__telarea .c-tel .number {
    font-size: calc(.65306vw + 2.7551rem)
  }
  .c-search {
    margin-top: calc(4.89796vw + 11.63265px)
  }
  .c-search__container.js-accordion {
    padding-left: calc(2.85714vw + 14.28571px);
    padding-right: calc(2.85714vw + 14.28571px)
  }
  .c-search__head {
    padding-bottom: calc(1.22449vw + 10.40816px);
    padding-top: calc(1.22449vw + 10.40816px)
  }
  .c-search__head .c-blockimage {
    max-width: calc(2.61224vw + 22.20408px);
    min-width: calc(2.61224vw + 22.20408px)
  }
  .c-search__head .c-title02 .en {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .js-accordion .c-search__body {
    padding-bottom: calc(1.63265vw + 23.87755px)
  }
  .c-search__select {
    padding-left: calc(4.89796vw - 18.36735px)
  }
  .c-search__select label select {
    padding-left: calc(1.42857vw + 7.14286px);
    padding-right: calc(3.87755vw + 37.95918px)
  }
  .c-search__select label .down {
    width: calc(2.44898vw + 30.81633px)
  }
  .c-search__freeword {
    margin-top: calc(1.22449vw + 10.40816px);
    padding-left: calc(4.89796vw - 18.36735px);
    padding-right: calc(4.89796vw - 18.36735px)
  }
  .c-search__submit {
    margin-top: calc(1.63265vw + 18.87755px)
  }
  .c-search__check &gt; * {
    margin-bottom: calc(1.22449vw + 10.40816px)
  }
  .c-search__check .list {
    padding-top: calc(1.22449vw + 10.40816px)
  }
  .c-search__check {
    margin-top: calc(3.67347vw + 11.22449px)
  }
  .c-search__check__nav__item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: calc(.40816vw + 3.46939px)
  }
  .c-search__check__content__item {
    padding-left: calc(4.89796vw - 18.36735px);
    padding-right: calc(4.89796vw - 18.36735px)
  }
  .c-search_material {
    margin-top: calc(4.08163vw + 24.69388px)
  }
  .c-search_material__container {
    padding: calc(2.44898vw + 15.81633px) calc(3.26531vw + 12.7551px)
  }
  .mw_wp_form_confirm .c-form .confirm {
    border-radius: calc(.40816vw + 3.46939px);
    padding-left: calc(2.2449vw + 4.08163px);
    padding-right: calc(2.2449vw + 4.08163px)
  }
  .c-form__item__head:after {
    font-size: calc(.2449vw + 1.00816rem)
  }
  .c-form__item__body {
    max-width: calc(42.06731vw - 23.07692px);
    min-width: calc(42.06731vw - 23.07692px)
  }
  .c-form__item__body .file, .c-form__item__body input, .c-form__item__body select, .c-form__item__body textarea {
    border-radius: calc(.40816vw + 3.46939px);
    padding-left: calc(2.2449vw + 4.08163px);
    padding-right: calc(2.2449vw + 4.08163px)
  }
  .c-form__item__body .file {
    padding-right: 6em
  }
  .c-form__confirm {
    margin-top: calc(2.44898vw + 30.81633px)
  }
  .c-form__submit {
    margin-top: calc(3.26531vw + 37.7551px)
  }
  .c-form__submit &gt; button.-confirm, .c-form__submit &gt; button.-send {
    width: calc(16.32653vw + 138.77551px)
  }
  .c-lower {
    height: calc(12.2449vw + 54.08163px)
  }
  .c-lower__illust {
    right: calc(1.02041vw - 16.32653px);
    width: calc(12.2449vw + 94.08163px)
  }
  .c-lower__heading {
    font-size: calc(1.63265vw + 1.38776rem)
  }
  .c-lower__heading .en {
    font-size: calc(.4898vw + .81633rem)
  }
  .c-breadcrumb {
    font-size: calc(.2449vw + 1.00816rem);
    margin-bottom: calc(2.44898vw + 20.81633px)
  }
  .c-breadcrumb__list {
    height: calc(2.44898vw + 30.81633px)
  }
  .c-menu {
    margin-top: calc(3.26531vw + 27.7551px)
  }
  .c-menu__list {
    margin-left: calc(-.40816vw - 8.46939px);
    margin-right: calc(-.40816vw - 8.46939px)
  }
  .-recruit .c-menu__list {
    margin-left: calc(-.81633vw - 16.93878px);
    margin-right: calc(-.81633vw - 16.93878px)
  }
  .c-menu__item {
    padding-left: calc(.40816vw + 8.46939px);
    padding-right: calc(.40816vw + 8.46939px)
  }
  .-recruit .c-menu__item {
    padding-left: calc(.81633vw + 16.93878px);
    padding-right: calc(.81633vw + 16.93878px)
  }
  .c-banner {
    margin-top: calc(4.89796vw + 31.63265px)
  }
  .c-banner a {
    height: calc(4.08163vw + 84.69388px);
    padding-left: calc(5.71429vw + 3.57143px);
    padding-right: calc(5.71429vw + 3.57143px)
  }
  .c-banner__inner &gt; .c-blockimage {
    max-width: calc(8.16327vw + 69.38776px);
    min-width: calc(8.16327vw + 69.38776px)
  }
  .c-banner__material {
    height: calc(20vw + 170px);
    padding: calc(1.63265vw + 23.87755px);
    width: calc(20vw + 170px)
  }
  .c-banner__material .text {
    font-size: calc(.2449vw + 1.20816rem)
  }
  .c-banner__material .title .en {
    font-size: calc(.32653vw + .87755rem)
  }
  .c-banner__material .title .c-blockimage {
    max-width: calc(7.34694vw + 82.44898px);
    min-width: calc(7.34694vw + 82.44898px)
  }
  .c-entry {
    margin-top: calc(4.08163vw + 54.69388px)
  }
  .c-entry .c-container {
    height: calc(16.32653vw + 138.77551px)
  }
  .c-entry__heading {
    font-size: calc(4.08163vw + 2.46939rem)
  }
  .c-entry__heading .ja {
    font-size: calc(.65306vw + .9551rem)
  }
  .p-material__list .c-material_card {
    margin-bottom: calc(2.44898vw + 20.81633px);
    padding-left: calc(2.04082vw + 17.34694px)
  }
  .c-material_card__head .cat {
    bottom: calc(-.40816vw - 8.46939px);
    left: calc(-1.22449vw - 40.40816px);
    top: calc(-.40816vw - 8.46939px)
  }
  .c-material_card__head {
    margin-right: calc(1.83673vw + 5.61224px);
    max-width: calc(9.79592vw + 83.26531px);
    min-width: calc(9.79592vw + 83.26531px)
  }
  .wp-pagenavi {
    margin-top: calc(4.08163vw + 24.69388px)
  }
  .c-material__list + .wp-pagenavi {
    margin-top: calc(3.67347vw - 3.77551px)
  }
  .wp-pagenavi &gt; * {
    height: calc(1.22449vw + 30.40816px);
    margin-right: calc(.40816vw + 8.46939px);
    min-width: calc(1.22449vw + 30.40816px);
    width: calc(1.22449vw + 30.40816px)
  }
  .wp-pagenavi &gt; .current, .wp-pagenavi &gt; .page {
    font-size: calc(.32653vw + 1.47755rem);
    height: calc(.40816vw + 23.46939px);
    min-width: calc(.40816vw + 23.46939px);
    width: calc(.40816vw + 23.46939px)
  }
  .wp-pagenavi .previouspostslink {
    margin-right: calc(2.04082vw + 22.34694px)
  }
  .wp-pagenavi .nextpostslink {
    margin-left: calc(1.63265vw + 13.87755px)
  }
  .c-product__list {
    margin-left: calc(-1.63265vw - 3.87755px);
    margin-right: calc(-1.63265vw - 3.87755px)
  }
  .c-product__list .c-product_card {
    padding-bottom: calc(1.22449vw + 25.40816px);
    padding-left: calc(1.63265vw + 3.87755px);
    padding-right: calc(1.63265vw + 3.87755px)
  }
  .c-product_data {
    padding: calc(2.44898vw + 15.81633px) calc(3.26531vw + 12.7551px)
  }
  .c-product_data__layout {
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .c-product_data__layout__sub {
    margin-right: calc(1.63265vw + 13.87755px);
    max-width: calc(25.30612vw + 5.10204px);
    min-width: calc(25.30612vw + 5.10204px)
  }
  .c-product_data__layout__sub img {
    border-radius: calc(.40816vw + 3.46939px)
  }
  .c-product_data__buttons {
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .c-product_data__buttons .c-button01 {
    margin-right: calc(1.42857vw + 7.14286px)
  }
  .c-product_data__dl {
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .c-product_data__dl dl {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .c-product_data__dl dl dt {
    margin-right: calc(.61224vw + 10.20408px);
    max-width: calc(9.38776vw + 54.79592px);
    min-width: calc(9.38776vw + 54.79592px)
  }
  .c-pickup {
    margin-top: calc(1.63265vw + 33.87755px)
  }
  .c-search + .c-pickup, .p-search_archive + .c-pickup {
    margin-top: calc(5.71429vw + 28.57143px)
  }
  .p-single .c-pickup {
    margin-top: calc(3.26531vw + 47.7551px)
  }
  .c-pickup__nav {
    margin-top: calc(3.67347vw + 11.22449px);
    padding-left: calc(1.22449vw + 20.40816px);
    padding-right: calc(1.22449vw + 20.40816px)
  }
  .c-pickup__body, .c-pickup__head {
    margin-left: calc(-10.81633vw + 28.06122px);
    margin-right: calc(-10.81633vw + 28.06122px)
  }
  .c-pickup__head {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding-left: calc(9.79592vw - 11.73469px);
    padding-right: calc(9.79592vw - 11.73469px)
  }
  .c-pickup__body, .c-pickup__head {
    padding-top: calc(4.08163vw + 24.69388px)
  }
  .c-pickup__body {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-bottom: calc(4.08163vw + 24.69388px)
  }
  .c-tab__nav__item {
    font-size: calc(.65306vw + .9551rem)
  }
  .c-tab__content__item {
    padding-top: calc(4.89796vw + 11.63265px)
  }
  .c-mega {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    left: calc(2.77778vw - 44.44444px)
  }
  .c-mega__list {
    font-size: calc(.2449vw + 1.00816rem)
  }
  .c-modal__container {
    max-width: calc(44.4898vw + 208.16327px)
  }
  .c-modal__inner {
    padding: calc(3.67347vw + 11.22449px) calc(5.71429vw + 3.57143px)
  }
  .l-header .c-switcher {
    font-size: calc(.2449vw + 1.00816rem);
    margin-left: calc(5.20833vw - 33.33333px)
  }
  .c-slider__arrow {
    height: calc(2.04082vw + 17.34694px);
    width: calc(2.04082vw + 17.34694px)
  }
  .p-index__heading01 {
    font-size: calc(2.44898vw + 3.08163rem)
  }
  .c-contact .p-index__heading01 {
    font-size: calc(2.04082vw + 3.73469rem)
  }
  .p-index__heading01 .ja {
    font-size: calc(.4898vw + 1.01633rem)
  }
  .p-index__heading02 {
    font-size: calc(2.85714vw + 1.42857rem)
  }
  .p-index__heading02 .ja {
    font-size: calc(.4898vw + 1.01633rem)
  }
  .p-index_about {
    padding-bottom: calc(10.61224vw - 9.79592px);
    padding-top: calc(9.38776vw + 19.79592px)
  }
  .p-index_about__title {
    font-size: calc(.81633vw + 1.29388rem)
  }
  .p-index_field {
    padding-bottom: calc(1.63265vw + 33.87755px);
    padding-top: calc(4.89796vw + 31.63265px)
  }
  .p-index_field__list {
    margin: calc(1.63265vw + 23.87755px) calc(-.61224vw - 5.20408px) calc(-2.04082vw - 7.34694px)
  }
  .p-index_field__item {
    margin-bottom: calc(2.04082vw + 7.34694px);
    padding-left: calc(.61224vw + 5.20408px);
    padding-right: calc(.61224vw + 5.20408px)
  }
  .p-index_company__head {
    padding-bottom: calc(1.63265vw + 23.87755px);
    padding-top: calc(6.12245vw + 32.04082px)
  }
  .p-index_company__image {
    height: calc(30.53061vw + 85.5102px)
  }
  .p-index_company .p-index_topics {
    margin-top: calc(-13.38776vw - 49.79592px)
  }
  .p-index_topics__container {
    margin-left: calc(-10.81633vw + 28.06122px);
    margin-right: calc(-10.81633vw + 28.06122px);
    padding: calc(4.89796vw + 21.63265px) calc(9.79592vw - 11.73469px) calc(2.12245vw + 42.04082px)
  }
  .p-index_topics__head {
    max-width: calc(11.02041vw + 108.67347px);
    min-width: calc(11.02041vw + 108.67347px)
  }
  .p-index_topics__nav {
    margin-top: calc(1.22449vw + 20.40816px)
  }
  .p-index_topics__nav__item:before {
    height: calc(-.32653vw + 11.22449px);
    min-width: calc(-.32653vw + 11.22449px);
    width: calc(-.32653vw + 11.22449px)
  }
  .p-index_topics__item .info {
    font-size: calc(.32653vw + .87755rem)
  }
  .p-index_topics__item a {
    padding-bottom: calc(1.22449vw + 15.40816px);
    padding-top: calc(1.22449vw + 15.40816px)
  }
  .p-topics .p-index_topics__item a {
    padding-bottom: calc(1.22449vw + 10.40816px);
    padding-top: calc(1.22449vw + 10.40816px)
  }
  .p-index_base {
    padding-bottom: calc(4.4898vw + 28.16327px);
    padding-top: calc(4.08163vw + 4.69388px)
  }
  .p-index_base__head .c-illust {
    width: calc(11.67347vw + 73.22449px)
  }
  .p-index_base__body {
    margin-top: calc(1.63265vw + 23.87755px)
  }
  .p-index_base__main {
    margin-left: calc(3.06122vw + 1.02041px);
    max-width: calc(16.73469vw + 142.2449px);
    min-width: calc(16.73469vw + 142.2449px)
  }
  .p-index_base__item {
    margin-bottom: calc(.81633vw + 11.93878px)
  }
  .p-index_base__item__head {
    padding-bottom: calc(.16327vw + 7.38776px);
    padding-top: calc(.16327vw + 7.38776px)
  }
  .p-index_base__item__head .title {
    font-size: calc(.40816vw + 1.34694rem)
  }
  .p-index_base__item__head .title .en {
    font-size: calc(.4898vw + .81633rem)
  }
  .p-index_recruit {
    padding-bottom: calc(4.08163vw + 34.69388px);
    padding-top: calc(6.93878vw + 28.97959px)
  }
  .p-index_recruit__illust {
    width: calc(18.77551vw + 159.59184px)
  }
  .p-index_directory {
    margin-top: calc(4.89796vw + 31.63265px);
    padding-top: calc(3.67347vw + 31.22449px)
  }
  .p-index_directory__container {
    margin-left: calc(-13.87755vw + 52.04082px);
    margin-right: calc(14.42308vw - 270.76923px)
  }
  .p-index_directory__sub {
    margin-right: calc(3.26531vw + 12.7551px);
    max-width: calc(13.87755vw + 137.95918px);
    min-width: calc(13.87755vw + 137.95918px);
    padding-bottom: calc(6.53061vw + 5.5102px)
  }
  .p-index_directory__sub__illust {
    margin-bottom: calc(4.4898vw + 8.16327px);
    margin-top: calc(-2.04082vw - 47.34694px);
    width: calc(17.14286vw + 85.71429px)
  }
  .p-index_directory__main .beaker {
    left: calc(-1.46939vw - 12.4898px);
    width: calc(1.46939vw + 12.4898px)
  }
  .p-index_directory__slider {
    padding-left: calc(4.89796vw + 6.63265px);
    padding-top: calc(4.08163vw + 34.69388px)
  }
  .p-index_directory__slider .keen-slider__scrollbar {
    top: calc(4.08163vw + 34.69388px)
  }
  .p-index_directory__slider__list {
    padding-right: calc(3.26531vw + 12.7551px)
  }
  .p-recruit_requirements .c-tab {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .is-horizontal .p-index_kv .c-dot01 {
    height: calc(8.16327vw + 69.38776px)
  }
  .is-horizontal .p-index_kv__inner {
    margin-left: calc(-11.83673vw + 44.38776px)
  }
  .is-horizontal .p-index_kv__slider {
    width: calc(77.55102vw - 140.81633px)
  }
  .p-index_kv__slider {
    border-bottom-left-radius: calc(2.85714vw + 24.28571px)
  }
  .p-index_kv__slider__item .caption {
    font-size: calc(.32653vw + .87755rem)
  }
  .p-index_kv__memory {
    font-size: calc(.73469vw + .62449rem);
    left: calc(3.26531vw + 7.7551px)
  }
  .p-index_kv__memory__item:before {
    min-width: calc(5.30612vw + 15.10204px);
    width: calc(5.30612vw + 15.10204px)
  }
  .p-index_kv__memory__item:nth-child(2n):before {
    min-width: calc(3.67347vw + 11.22449px);
    width: calc(3.67347vw + 11.22449px)
  }
  .is-horizontal .p-index_kv__text__circle .js-svg, .is-horizontal .p-index_kv__text__circle svg {
    font-size: calc(-.65306vw + 2.6449rem);
    letter-spacing: .7em
  }
  .is-horizontal .p-index_kv__illust .c-blockimage {
    width: calc(18.77551vw + 159.59184px)
  }
  .p-index_point {
    padding-bottom: calc(4.89796vw + 61.63265px)
  }
  .p-index_point__container {
    margin-top: calc(3.26531vw + 7.7551px)
  }
  .p-index_point__illust {
    bottom: calc(-1.87755vw - 24.95918px);
    left: calc(-2.04082vw - 17.34694px);
    width: calc(12.57143vw + 106.85714px)
  }
  .p-index_point__sub {
    margin-left: calc(-7.7551vw + 29.08163px);
    margin-right: calc(2.04082vw + 17.34694px)
  }
  .p-index_point__main &gt; * {
    margin-bottom: calc(1.5024vw + .96154px)
  }
  .p-index_point__item {
    font-size: calc(.72115vw + .44615rem)
  }
  .p-index_point__item:after {
    left: calc(-1.42857vw - 7.14286px)
  }
  .p-index_point__item dt:after {
    font-size: calc(.48077vw + 1.23077rem)
  }
  .p-index_point__item dd {
    font-size: calc(.72115vw + .64615rem)
  }
  .p-index_point__item.is-act dt:after {
    font-size: calc(2.16346vw + .53846rem)
  }
  .p-index_point__item.is-act dd {
    font-size: calc(.96154vw + .66154rem)
  }
  .p-index_service {
    padding-top: calc(6.93878vw + 28.97959px)
  }
  .p-index_service__list {
    margin-top: calc(2.04082vw + 17.34694px)
  }
  .p-index_service__title {
    font-size: calc(.97959vw + 1.23265rem)
  }
  .p-index_service__title .en {
    font-size: calc(.4898vw + .81633rem)
  }
  .p-index_service__item {
    min-height: calc(5.71429vw + 68.57143px)
  }
  .p-index_service__item__container {
    margin-left: calc(5.71429vw + 3.57143px)
  }
  .p-index_service__item__container .label {
    font-size: calc(.4898vw + .81633rem);
    margin-right: calc(1.95918vw + 4.65306px)
  }
  .p-index_service__item__container .label:before {
    height: calc(.32653vw + 2.77551px);
    min-width: calc(.32653vw + 2.77551px);
    width: calc(.32653vw + 2.77551px)
  }
  .p-index_service__item__container .label:after {
    height: calc(3.26531vw - 2.2449px);
    margin-left: calc(1.95918vw + 4.65306px)
  }
  .p-index_service__item__inner {
    padding: calc(3.26531vw + 17.7551px) calc(5.71429vw + 3.57143px);
    width: calc(40.81633vw + 46.93878px)
  }
  .p-index_service__item__inner .order {
    font-size: calc(4.89796vw + 4.16327rem)
  }
  .p-index_service__item__inner .order .service {
    font-size: calc(.65306vw + .5551rem)
  }
  .p-index_service__item__body {
    border-bottom: calc(2.2449vw + 14.08163px) solid transparent;
    border-top: calc(2.2449vw + 14.08163px) solid transparent
  }
  .p-material__list {
    margin-top: calc(2.44898vw + 30.81633px)
  }
  .p-service_head {
    padding-bottom: calc(9.38776vw + 9.79592px)
  }
  .p-service_point {
    padding-bottom: calc(6.53061vw + 15.5102px);
    padding-top: calc(4.4898vw + 38.16327px)
  }
  .p-service_point__list {
    margin-top: calc(2.04082vw + 27.34694px)
  }
  .p-service_point__item {
    margin-bottom: calc(3.26531vw + 27.7551px)
  }
  .p-service_point__item:first-child:before, .p-service_point__item:nth-child(2n):after, .p-service_point__item:nth-child(odd):after, .p-service_point__item:nth-child(odd):last-child:before {
    height: calc(.40816vw + 8.46939px)
  }
  .p-service_application {
    padding-top: calc(4.08163vw + 44.69388px)
  }
  .p-service_application .c-button03, .p-service_application__list {
    margin-top: calc(2.85714vw + 14.28571px)
  }
  .p-service_application__item .text {
    padding: calc(1.02041vw + 8.67347px)
  }
  .p-service_application__item {
    padding-bottom: calc(.40816vw + 3.46939px)
  }
  .p-field .c-search {
    margin-top: calc(3.26531vw + 37.7551px)
  }
  .p-field_head, .p-field_question {
    padding-bottom: calc(5.71429vw + 28.57143px)
  }
  .p-field_question {
    padding-top: calc(4.4898vw + 38.16327px)
  }
  .p-field_question__list {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .p-field_question__item {
    margin-bottom: calc(.20408vw + 11.73469px);
    padding: calc(1.63265vw + 13.87755px) calc(6.73469vw - 12.7551px) calc(.81633vw + 16.93878px)
  }
  .p-field_question__item__head:before {
    font-size: calc(4.08163vw + 3.46939rem);
    left: calc(-7.7551vw + 29.08163px)
  }
  .p-field_question__item__head .c-plusminus {
    right: calc(-2.44898vw + 9.18367px)
  }
  .p-field_product {
    padding-top: calc(4.4898vw + 38.16327px)
  }
  .p-field_product__list {
    margin-top: calc(1.63265vw + 23.87755px)
  }
  .p-field_product .c-button03 {
    margin-top: calc(1.83673vw + 5.61224px)
  }
  .p-field_single__recommend {
    margin-top: calc(2.85714vw + 19.28571px)
  }
  .p-field_single__tab {
    margin-top: calc(4.08163vw + 34.69388px)
  }
  .p-field_single__tab .c-tab__content &gt; .c-container &gt; .c-button01 {
    margin-top: calc(5.71429vw + 28.57143px)
  }
  .p-field_single__item {
    margin-bottom: calc(.40816vw + 3.46939px)
  }
  .p-field_single__item__head {
    padding: calc(.40816vw + 13.46939px) calc(2.85714vw + 14.28571px) calc(.40816vw + 13.46939px) calc(1.42857vw + 7.14286px)
  }
  .p-field_single__item__head .c-plusminus {
    right: calc(1.42857vw + 7.14286px)
  }
  .p-field_single__item__body {
    padding-bottom: calc(1.63265vw + 33.87755px);
    padding-top: calc(1.63265vw + 13.87755px)
  }
  .p-field_single__item__body .c-product_data {
    margin-top: calc(1.63265vw + 23.87755px)
  }
  .p-search_archive {
    margin-top: calc(4.89796vw + 31.63265px)
  }
  .p-search_archive .p-single_result {
    margin-bottom: calc(2.44898vw + 10.81633px)
  }
  .p-topics_nav {
    margin-bottom: calc(1.63265vw + 13.87755px)
  }
  .p-topics_nav__item {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .p-topics_nav__item .link, .p-topics_nav__item a {
    padding-left: calc(1.22449vw + 15.40816px);
    padding-right: calc(1.22449vw + 15.40816px)
  }
  .p-about .c-menu__list {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .p-about_comment {
    margin-top: calc(3.26531vw + 17.7551px);
    padding: calc(2.44898vw + 15.81633px) calc(3.26531vw + 12.7551px)
  }
  .p-about_comment__sub {
    margin-left: calc(1.63265vw + 18.87755px);
    max-width: calc(19.59184vw + 26.53061px);
    min-width: calc(19.59184vw + 26.53061px)
  }
  .p-about_message__name {
    font-size: calc(.32653vw + 1.47755rem)
  }
  .p-about_message__name .small {
    font-size: calc(.2449vw + 1.00816rem)
  }
  .p-about_tech {
    margin-top: calc(3.26531vw + 27.7551px)
  }
  .p-about_tech__list {
    margin-bottom: calc(-2.44898vw - 20.81633px);
    margin-left: calc(-.61224vw - 5.20408px);
    margin-right: calc(-.61224vw - 5.20408px)
  }
  .p-about_tech__item {
    margin-bottom: calc(2.44898vw + 20.81633px);
    padding-left: calc(.61224vw + 5.20408px);
    padding-right: calc(.61224vw + 5.20408px)
  }
  .p-about_tech__item__image {
    width: calc(3.26531vw + 107.7551px)
  }
  .p-about_tech__item__image .caption {
    font-size: calc(.32653vw + 1.67755rem)
  }
  .p-about_point {
    padding-top: calc(4.89796vw + 31.63265px)
  }
  .p-about_point .c-scroll, .p-about_point__image {
    margin-bottom: calc(3.26531vw + 27.7551px);
    margin-top: calc(3.26531vw + 27.7551px)
  }
  .p-about_point__section + .p-about_point__section {
    margin-top: calc(4.89796vw + 41.63265px)
  }
  .p-about_point__heading {
    margin-bottom: calc(4.89796vw + 21.63265px)
  }
  .p-about_point__heading .c-container {
    padding-bottom: calc(3.67347vw + 11.22449px);
    padding-right: calc(5.46939vw + 79.4898px);
    padding-top: calc(3.67347vw + 11.22449px)
  }
  .p-about_point__heading__illust {
    right: calc(-9.63265vw + 9.12245px);
    width: calc(12.73469vw + 108.2449px)
  }
  .p-about_point__heading .heading {
    font-size: calc(.97959vw + 1.43265rem)
  }
  .p-about_point__heading .number {
    font-size: calc(.4898vw + .81633rem)
  }
  .p-about_point__heading .number:after {
    font-size: calc(1.46939vw + 2.64898rem)
  }
  .p-about_history {
    padding-top: calc(4.89796vw + 21.63265px)
  }
  .p-about_history__item {
    padding-right: calc(2.04082vw + 17.34694px)
  }
  .p-about_history__year {
    font-size: calc(.81633vw + 1.69388rem)
  }
  .p-company_policy {
    padding-bottom: calc(4.08163vw + 34.69388px)
  }
  .p-company_policy__list {
    margin-top: calc(2.44898vw + 30.81633px)
  }
  .p-company_policy__item {
    margin-bottom: calc(2.85714vw + 14.28571px)
  }
  .p-company_policy__item__head {
    max-width: calc(11.02041vw + 108.67347px);
    min-width: calc(11.02041vw + 108.67347px)
  }
  .p-company_policy .dl {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .p-company_info {
    padding-bottom: calc(5.71429vw + 28.57143px)
  }
  .p-company_info, .p-company_sdgs {
    padding-top: calc(4.08163vw + 34.69388px)
  }
  .p-company_sdgs__list {
    margin-top: calc(5.71429vw + 28.57143px)
  }
  .p-company_sdgs__item {
    margin-bottom: calc(1.63265vw + 23.87755px)
  }
  .p-company_sdgs__item__body {
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .p-company_sdgs__item__body .textarea {
    margin-right: calc(1.22449vw + 10.40816px)
  }
  .p-company_sdgs__item__body .c-blockimage {
    max-width: calc(14.28571vw + 121.42857px);
    min-width: calc(14.28571vw + 121.42857px)
  }
  .p-single .c-button01 {
    margin-top: calc(3.26531vw + 37.7551px)
  }
  .p-single__title {
    font-size: calc(.2449vw + 1.80816rem)
  }
  .p-single__sidebar {
    margin-left: calc(2.85714vw + 14.28571px);
    margin-right: calc(-4.4898vw + 16.83673px);
    max-width: calc(11.42857vw + 97.14286px);
    min-width: calc(11.42857vw + 97.14286px)
  }
  .p-single__cat {
    font-size: calc(.2449vw + 1.00816rem)
  }
  .p-single_result {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .p-single_result__number .number {
    font-size: calc(.65306vw + 2.9551rem)
  }
  .p-single_result__current {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .p-single_result__current .number {
    font-size: calc(.4898vw + 1.61633rem)
  }
  .p-single_result__list {
    font-size: calc(.40816vw + 1.14694rem)
  }
  .p-base .c-layout04 {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .p-base .c-layout04 .keen-slider__pagination {
    bottom: calc(-13.88889vw + 162.22222px);
    right: calc(6.12245vw + 2.04082px)
  }
  .p-base .c-layout04__main {
    max-width: calc(15.26531vw + 230.7551px);
    min-width: calc(15.26531vw + 230.7551px)
  }
  .p-base .c-layout04__sub__image .c-slider__arrow.-right {
    right: calc(3.06122vw + 1.02041px)
  }
  .p-base_section {
    padding-top: calc(4.89796vw + 31.63265px)
  }
  .p-base_facility {
    margin-top: calc(5.71429vw + 28.57143px)
  }
  .p-base_facility__list {
    margin-left: calc(-1.83673vw - .61224px);
    margin-right: calc(-1.83673vw - .61224px);
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .p-base_facility__item {
    padding-bottom: calc(1.63265vw + 23.87755px)
  }
  .p-base_facility__item__head .zoom {
    bottom: calc(.32653vw + 6.77551px);
    height: calc(.4898vw + 22.16327px);
    right: calc(.32653vw + 6.77551px);
    width: calc(.4898vw + 22.16327px)
  }
  .p-base_facility__item__head .zoom .js-svg {
    height: calc(.16327vw + 11.38776px);
    width: calc(.16327vw + 11.38776px)
  }
  .p-base_point {
    margin-top: calc(4.08163vw + 34.69388px)
  }
  .p-base_point__list {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .p-base_point__item__head {
    margin-right: calc(1.22449vw + 10.40816px);
    max-width: calc(18.36735vw + 56.12245px);
    min-width: calc(18.36735vw + 56.12245px)
  }
  .p-base_point__item__body .en {
    font-size: calc(.2449vw + 1.00816rem)
  }
  .p-base_point .p-about_comment .p-about_comment__sub {
    max-width: calc(15.10204vw + 43.36735px);
    min-width: calc(15.10204vw + 43.36735px)
  }
  .p-recruit__head {
    margin-left: calc(-8.77551vw + 45.40816px);
    margin-right: calc(-8.77551vw + 20.40816px)
  }
  .p-recruit__heading01 {
    font-size: calc(4.08163vw + 2.46939rem)
  }
  .p-recruit__heading02 {
    font-size: calc(2.44898vw + 2.08163rem)
  }
  .p-recruit_kv__illust {
    width: calc(22.61224vw + 191.20408px)
  }
  .p-recruit_kv__tube {
    right: 30px;
    width: calc(37.55102vw + 89.18367px)
  }
  .p-recruit_kv__tube__title {
    font-size: calc(5.40865vw + .34615rem)
  }
  .p-recruit_kv__tube__lead {
    font-size: calc(1.06122vw + .90204rem)
  }
  .p-recruit_kv__tube__text {
    font-size: calc(.2449vw + 1.20816rem)
  }
  .p-recruit_kv__tube__inner .arrow {
    height: calc(.81633vw + 6.93878px);
    margin-bottom: calc(1.22449vw + 10.40816px);
    margin-top: calc(1.22449vw + 10.40816px);
    width: calc(1.63265vw + 13.87755px)
  }
  .p-recruit_kv__tube__inner .arrow .circle, .p-recruit_kv__tube__inner .arrow:after, .p-recruit_kv__tube__inner .arrow:before {
    height: calc(.28571vw + 2.42857px);
    width: calc(.28571vw + 2.42857px)
  }
  .p-recruit_kv__buttons {
    left: calc(2.04082vw + 17.34694px)
  }
  .p-recruit_kv__buttons a {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    font-size: calc(.40816vw + 1.14694rem);
    margin-right: calc(.40816vw + 3.46939px);
    padding: calc(1.42857vw + 7.14286px);
    width: calc(10.61224vw + 130.20408px)
  }
  .p-recruit_message__main {
    padding: calc(6.93878vw + 18.97959px) calc(.40816vw + 23.46939px) calc(6.93878vw + 18.97959px) calc(2.85714vw + 14.28571px)
  }
  .p-recruit_message__main .textarea {
    max-height: calc(16.32653vw + 138.77551px)
  }
  .p-recruit_strength {
    margin-top: calc(1.63265vw + 23.87755px);
    padding-bottom: calc(6.12245vw + 22.04082px)
  }
  .p-recruit_strength__head {
    margin-bottom: calc(3.26531vw - 12.2449px)
  }
  .p-recruit_strength__illust {
    margin-bottom: calc(-1.63265vw - 13.87755px);
    margin-top: calc(-3.67347vw - 1.22449px);
    max-width: calc(16.32653vw + 113.77551px);
    min-width: calc(16.32653vw + 113.77551px)
  }
  .p-recruit_strength .c-layout04 {
    margin-bottom: calc(4.4898vw + 18.16327px)
  }
  .p-recruit_interview {
    margin-top: calc(4.08163vw + 24.69388px)
  }
  .p-recruit_interview .p-recruit_interview__list {
    margin-top: calc(2.04082vw + 17.34694px)
  }
  .p-recruit_interview__item a {
    padding-bottom: calc(1.22449vw + 20.40816px)
  }
  .p-recruit_interview__item__container {
    margin-top: calc(-5.71429vw - 48.57143px);
    padding-left: calc(.40816vw + 23.46939px);
    padding-right: calc(.40816vw + 23.46939px);
    padding-top: calc(1.42857vw + 7.14286px)
  }
  .p-recruit_interview__item__container .title {
    font-size: calc(.72115vw + .84615rem)
  }
  .p-recruit_interview__item__en {
    font-size: calc(.4898vw + .81633rem);
    left: calc(1.02041vw + 8.67347px);
    top: calc(2.04082vw + 17.34694px)
  }
  .p-recruit_space {
    padding-bottom: calc(4.89796vw + 21.63265px);
    padding-top: calc(4.08163vw + 24.69388px)
  }
  .p-recruit_persona {
    margin-top: calc(4.08163vw + 34.69388px)
  }
  .p-recruit_persona__item {
    margin-bottom: calc(4.08163vw + 14.69388px)
  }
  .p-recruit_persona__item:nth-child(odd) {
    padding-right: calc(5.71429vw + 3.57143px)
  }
  .p-recruit_persona__item:nth-child(2n) {
    padding-left: calc(5.71429vw + 3.57143px)
  }
  .p-recruit_persona__item__head {
    margin-right: calc(1.22449vw + 20.40816px);
    max-width: calc(8.97959vw + 66.32653px);
    min-width: calc(8.97959vw + 66.32653px)
  }
  .p-recruit_info {
    margin-top: calc(2.04082vw + 17.34694px)
  }
  .p-recruit_info__list {
    margin-top: calc(3.26531vw + 17.7551px)
  }
  .p-recruit_info__item {
    margin-bottom: calc(4.89796vw + 21.63265px)
  }
  .p-recruit_info__item__sub {
    margin-bottom: calc(-1.63265vw + 66.12245px)
  }
  .p-recruit_info__item:not(.-reverse) .p-recruit_info__item__sub {
    margin-left: calc(-6.73469vw + 12.7551px);
    margin-right: calc(-12.2449vw + 45.91837px)
  }
  .p-recruit_info__item.-reverse .p-recruit_info__item__sub {
    margin-left: calc(-12.2449vw + 45.91837px);
    margin-right: calc(-6.73469vw + 12.7551px)
  }
  .p-recruit_info__item__main {
    max-width: calc(35.10204vw - 6.63265px);
    min-width: calc(35.10204vw - 6.63265px);
    padding: calc(4.08163vw + 9.69388px) calc(3.26531vw + 12.7551px)
  }
  .p-recruit_faq {
    margin-top: calc(5.71429vw + 28.57143px);
    padding-bottom: calc(5.71429vw + 28.57143px);
    padding-top: calc(2.85714vw + 34.28571px)
  }
  .p-recruit_faq__illust {
    margin-top: calc(-13.06122vw + 48.97959px);
    max-width: calc(9.79592vw + 63.26531px);
    min-width: calc(9.79592vw + 63.26531px)
  }
  .p-recruit_faq__tab {
    margin-top: calc(1.63265vw + 23.87755px)
  }
  .p-recruit_faq__tab .title {
    font-size: calc(.57143vw + 1.08571rem)
  }
  .p-recruit_faq__nav__item {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: calc(.40816vw + 3.46939px)
  }
  .p-recruit_faq__content {
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .p-recruit_faq__item__body, .p-recruit_faq__item__head {
    padding: calc(.32653vw + 4.77551px) calc(1.22449vw + 20.40816px) calc(.32653vw + 4.77551px) calc(.61224vw + 10.20408px)
  }
  .p-recruit_faq__item__body &gt; :first-child, .p-recruit_faq__item__head &gt; :first-child {
    padding-top: calc(.40816vw + 3.46939px)
  }
  .p-recruit_faq__item__body:before, .p-recruit_faq__item__head:before {
    font-size: calc(1.63265vw + 2.38776rem);
    max-width: calc(1.63265vw + 33.87755px);
    min-width: calc(1.63265vw + 33.87755px)
  }
  .p-recruit_intern {
    margin-top: calc(2.44898vw + 30.81633px)
  }
  .p-recruit_intern a {
    padding-bottom: calc(1.63265vw + 43.87755px)
  }
  .p-recruit_intern a .c-fluid {
    padding-left: calc(3.06122vw + 1.02041px);
    padding-right: calc(3.06122vw + 1.02041px)
  }
  .p-recruit_intern__container {
    padding-bottom: calc(2.04082vw + 7.34694px);
    padding-top: calc(2.85714vw + 14.28571px)
  }
  .p-recruit_intern__head .c-title04 {
    font-size: calc(.73469vw + .82449rem)
  }
  .p-recruit_intern__foot .c-fluid {
    height: calc(1.63265vw + 43.87755px)
  }
  .p-recruit_intern__foot .text {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .p-recruit_intern__foot .c-blockimage {
    max-width: calc(9.79592vw + 103.26531px);
    min-width: calc(9.79592vw + 103.26531px)
  }
  .p-recruit_intern__heading {
    font-size: calc(3.26531vw + 1.77551rem)
  }
  .p-recruit_requirements {
    margin-top: calc(3.26531vw + 17.7551px)
  }
  .p-interview__en {
    font-size: calc(8.23643vw - 3.17829rem)
  }
  .p-interview_kv__title {
    font-size: calc(1.25vw + 1rem)
  }
  .p-interview_other {
    margin-top: calc(4.08163vw + 34.69388px);
    padding-bottom: calc(5.71429vw + 28.57143px);
    padding-top: calc(4.89796vw + 21.63265px)
  }
  .p-interview_other__container {
    margin-top: calc(2.44898vw + 30.81633px)
  }
  .p-interview_other__list {
    margin-left: calc(-.81633vw - 6.93878px);
    margin-right: calc(-.81633vw - 6.93878px)
  }
  .p-interview_other .p-recruit_interview__item {
    padding-left: calc(.81633vw + 6.93878px);
    padding-right: calc(.81633vw + 6.93878px)
  }
  .p-interview_main {
    margin-top: calc(5.71429vw + 48.57143px)
  }
  .p-interview_main__item {
    margin-bottom: calc(4.89796vw + 41.63265px)
  }
  .p-interview_main__item__head .main {
    max-width: calc(15.5102vw + 131.83673px);
    min-width: calc(15.5102vw + 131.83673px);
    padding-right: calc(1.63265vw + 18.87755px)
  }
  .p-interview_main__item__head .main:before {
    font-size: calc(4.08163vw + 3.46939rem)
  }
  .p-interview_main__item__body {
    margin-top: calc(1.63265vw + 18.87755px);
    max-width: calc(33.71429vw + 285.57143px)
  }
  .p-interview_off {
    margin-top: calc(4.89796vw + 31.63265px)
  }
  .p-interview_off__container {
    padding: calc(1.22449vw + 20.40816px) calc(5.71429vw + 3.57143px)
  }
  .p-interview_off__head {
    max-width: calc(8.57143vw + 117.85714px);
    min-width: calc(8.57143vw + 117.85714px)
  }
  .p-interview_common {
    margin-top: calc(4.08163vw + 34.69388px)
  }
  .p-interview_common .p-recruit_interview__list {
    margin-top: calc(1.63265vw + 23.87755px)
  }
  .p-new_space {
    padding-top: calc(4.89796vw + 31.63265px)
  }
  .p-new_space__list {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .p-new_space__item {
    margin-bottom: calc(1.63265vw + 33.87755px)
  }
  .p-new_service {
    margin-top: calc(5.71429vw + 28.57143px);
    padding-bottom: calc(5.71429vw + 28.57143px);
    padding-top: calc(4.89796vw + 31.63265px)
  }
  .p-new_service__list {
    margin-top: calc(2.44898vw + 20.81633px)
  }
  .p-new_service__item {
    margin-bottom: calc(.81633vw + 26.93878px)
  }
  .p-new_service__item__head {
    margin-right: calc(3.26531vw + 12.7551px);
    max-width: calc(27.26531vw + 8.7551px);
    min-width: calc(27.26531vw + 8.7551px)
  }
  .p-new_service__item__body .c-title02 .en {
    font-size: calc(.32653vw + 1.07755rem)
  }
  .p-new_service__item__body .links {
    font-size: calc(.32653vw + 1.27755rem)
  }
  .p-new_welfare {
    padding-bottom: calc(5.71429vw + 28.57143px);
    padding-top: calc(4.89796vw + 31.63265px)
  }
  .p-new_welfare__section {
    margin-top: calc(1.63265vw + 33.87755px)
  }
  .p-new_welfare__data {
    margin-left: calc(5.20833vw - 83.33333px);
    margin-right: calc(5.20833vw - 83.33333px);
    margin-top: calc(1.63265vw + 23.87755px);
    padding-left: calc(2.60417vw - 26.66667px);
    padding-right: calc(2.60417vw - 26.66667px)
  }
  .p-new_welfare__data__item {
    padding-left: calc(.81633vw + 1.93878px);
    padding-right: calc(.81633vw + 1.93878px)
  }
  .p-new_welfare__data__item .title {
    font-size: calc(.4898vw + 1.61633rem)
  }
  .p-new_welfare__data__item .number {
    font-size: calc(3.47222vw + 2.44444rem)
  }
  .p-new_welfare__data__item .after {
    font-size: calc(.4898vw + 1.81633rem)
  }
  .p-new_welfare__outline {
    margin-top: calc(1.63265vw + 23.87755px)
  }
  .p-new_welfare__outline dl {
    margin-bottom: calc(.40816vw + 3.46939px)
  }
  .p-new_welfare__outline dl dt {
    margin-right: calc(1.42857vw + 7.14286px);
    max-width: calc(16.32653vw + 58.77551px);
    min-width: calc(16.32653vw + 58.77551px)
  }
  .p-mid_main__section {
    margin-top: calc(4.08163vw + 34.69388px)
  }
  .p-mid_main__section__sub {
    margin-right: calc(2.85714vw + 14.28571px);
    max-width: calc(27.26531vw + 8.7551px);
    min-width: calc(27.26531vw + 8.7551px)
  }
  .p-mid_main__section__box {
    margin-top: calc(1.22449vw + 20.40816px);
    padding: calc(1.22449vw + 20.40816px) calc(3.26531vw + 12.7551px)
  }
  .p-mid_main__section__box + .p-mid_main__section__container {
    margin-top: calc(3.26531vw + 27.7551px)
  }
  .p-mid_main__heading {
    margin-bottom: calc(3.26531vw + 27.7551px)
  }
  .p-mid_main__heading .number {
    font-size: calc(4.08163vw + 2.46939rem)
  }
  .p-mid_main__heading .heading {
    font-size: calc(.97959vw + 1.43265rem)
  }
  .p-mid_main__heading .heading .en {
    font-size: calc(.32653vw + 1.07755rem)
  }
}
@media only screen and (max-width:1299px) {
  .d-b-md {
    display: none !important
  }
  .d-n-md {
    display: block !important
  }
  .d-n-md.-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-n-md.-i {
    display: inline !important
  }
  .d-n-md.-ib {
    display: inline-block !important
  }
  .c-contact__telarea .c-tel {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .is-horizontal .p-index_kv__text__circle .js-svg, .is-horizontal .p-index_kv__text__circle svg {
    letter-spacing: .65em
  }
  .p-about_point .c-scroll__container, .p-about_point__image {
    margin-left: calc(9.3985vw - 122.18045px);
    margin-right: calc(9.3985vw - 122.18045px)
  }
}
@media only screen and (max-width:1023px) {
  body #page {
    padding-top: calc(5.91837vw + 40.30612px)
  }
  .l-header {
    background-color: transparent;
    height: calc(4.89796vw + 31.63265px)
  }
  .l-header .c-fluid {
    height: 100%
  }
  .-recruit .l-header__menu, .l-header__menu {
    display: none
  }
  .l-header .c-drawer_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .l-footer__head {
    display: block
  }
  .-recruit .l-footer__head__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .l-footer__head__list {
    margin-top: calc(1.63265vw + 23.87755px)
  }
  .l-footer__head__item {
    width: 100%
  }
  .l-footer__head__item .list.-double {
    max-width: 100%
  }
  .l-footer__body {
    margin-right: calc(-15.40832vw + 57.7812px);
    width: auto
  }
  .-recruit .l-footer__sns {
    margin-left: calc(.81633vw + 21.93878px);
    margin-top: 0
  }
  .l-footer__list {
    max-width: 42.8571428571%
  }
  .l-footer__list:last-child {
    max-width: 28.5714285714%
  }
  .l-footer__buttons {
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .l-footer__buttons &gt; *, .l-footer__buttons &gt; .c-button01 .link, .l-footer__buttons &gt; .c-button01 a {
    width: 100%
  }
  .d-b-tab {
    display: none !important
  }
  .d-n-tab {
    display: block !important
  }
  .d-n-tab.-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-n-tab.-i {
    display: inline !important
  }
  .d-n-tab.-ib {
    display: inline-block !important
  }
  .c-layout03 {
    display: block
  }
  .c-layout03__sub {
    margin-right: calc(5.71429vw + 3.57143px);
    width: auto
  }
  .c-layout03.-reverse .c-layout03__sub {
    margin-left: calc(5.71429vw + 3.57143px);
    margin-right: 0
  }
  .c-layout03__sub__image {
    margin-bottom: 0
  }
  .c-layout03__main {
    margin-left: calc(5.71429vw + 3.57143px);
    max-width: 100%;
    min-width: 0;
    width: auto
  }
  .c-layout03.-reverse .c-layout03__main {
    margin-right: calc(5.71429vw + 3.57143px)
  }
  .c-layout03__main__inner {
    margin-top: -45px;
    padding-left: calc(3.26531vw + 12.7551px);
    padding-top: calc(3.26531vw + 12.7551px)
  }
  .c-layout03.-reverse .c-layout03__main__inner {
    padding-right: calc(3.26531vw + 12.7551px)
  }
  .c-layout04 {
    display: block
  }
  .c-layout04__sub {
    width: auto
  }
  .c-layout04:not(.-reverse) .c-layout04__sub {
    margin-left: calc(3.67347vw + 36.22449px)
  }
  .c-layout04.-reverse .c-layout04__sub {
    margin-right: calc(3.67347vw + 36.22449px)
  }
  .c-layout04__sub__image {
    margin-bottom: 0
  }
  .c-layout04__main {
    max-width: 100%;
    min-width: 0;
    width: auto
  }
  .c-layout04:not(.-reverse) .c-layout04__main {
    margin-right: calc(5.71429vw + 3.57143px)
  }
  .c-layout04.-reverse .c-layout04__main {
    margin-left: calc(5.71429vw + 3.57143px)
  }
  .c-layout04__main__inner {
    margin-top: calc(-2.85714vw - 24.28571px);
    padding-top: calc(3.26531vw + 12.7551px)
  }
  .c-layout04:not(.-reverse) .c-layout04__main__inner {
    padding-right: calc(3.26531vw + 12.7551px)
  }
  .c-layout04.-reverse .c-layout04__main__inner {
    padding-left: calc(3.26531vw + 12.7551px)
  }
  .c-contact .c-tel_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .home .c-lower {
    margin-top: calc(5.91837vw + 40.30612px)
  }
  .p-material__list .c-material_card {
    max-width: 50%;
    padding-right: calc(2.04082vw + 17.34694px);
    width: 100%
  }
  .c-material_card a {
    display: block
  }
  .c-material_card__head .cat {
    left: -55px
  }
  .p-index_directory__slider .c-material_card__head {
    border-radius: calc(.40816vw + 3.46939px);
    max-width: 100%;
    min-width: 0
  }
  .p-material__list .c-material_card__head {
    max-width: 100%;
    min-width: 0
  }
  .c-material_card__body .c-title03 {
    border-bottom: none
  }
  .c-material_card__body {
    margin-top: calc(1.02041vw + 8.67347px)
  }
  .c-product__list .c-product_card {
    max-width: 50%
  }
  .p-index_about__sub {
    margin-left: auto;
    margin-right: calc(-13.26531vw + 12.2449px);
    margin-top: calc(-8.16327vw - 19.38776px);
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: calc(34.39922vw + 149.6124px)
  }
  .p-index_about__main {
    max-width: 100%;
    position: static
  }
  .p-index_field__item {
    max-width: 50%
  }
  .p-index_company {
    background-color: transparent
  }
  .p-index_topics__container {
    display: block
  }
  .p-index_topics__head {
    max-width: 100%;
    min-width: 0;
    position: relative
  }
  .p-index_topics__head .heading {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .p-index_topics__head .heading .ja {
    margin-top: .25em
  }
  .p-index_topics__head .c-button02 {
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0
  }
  .p-index_topics__nav {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .p-index_topics__nav__item {
    margin-right: 2em
  }
  .p-index_topics__nav__item:last-child {
    margin-right: 0
  }
  .p-index_topics__body {
    margin-top: calc(1.63265vw + 13.87755px)
  }
  .p-index_base__slider {
    position: relative
  }
  .p-index_base__body, .p-index_base__sub {
    display: block
  }
  .p-index_base__main {
    background-color: #f3f6fc;
    border-top-left-radius: calc(.40816vw + 3.46939px);
    margin-top: -20px;
    max-width: 100%;
    min-width: 0;
    padding-right: calc(3.06122vw + 1.02041px);
    padding-top: 10px;
    width: auto
  }
  .p-index_base__item__body, .p-index_base__item__head {
    padding-left: calc(2.04082vw + 17.34694px)
  }
  .p-index_recruit .c-container {
    position: relative
  }
  .p-index_recruit__illust {
    bottom: 0;
    left: 0;
    position: absolute
  }
  .p-index_directory__container {
    display: block;
    margin-left: 0;
    margin-right: 0
  }
  .p-index_directory__sub {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-width: 0
  }
  .p-index_directory__sub__head {
    margin-left: auto;
    margin-right: calc(2.04082vw + 17.34694px);
    max-width: calc(9.79592vw + 153.26531px);
    min-width: calc(9.79592vw + 153.26531px);
    width: 100%
  }
  .p-index_directory__sub__illust {
    margin-bottom: 0
  }
  .p-index_directory__slider {
    padding-bottom: calc(3.26531vw + 27.7551px);
    position: relative
  }
  .p-index_directory__slider .keen-slider__scrollbar {
    border: 20px solid #fff;
    border-left: none;
    border-right: none;
    height: 43px;
    margin: 20px 0 -20px;
    position: relative !important;
    top: 0;
    width: auto !important
  }
  .p-index_directory__slider__list {
    padding-right: 0
  }
  .p-index_directory__slider__list .c-material_card {
    padding-left: 0
  }
  .p-index_directory__slider__list .c-material_card .c-blockimage {
    border-radius: calc(.40816vw + 3.46939px)
  }
  .p-index_directory__slider__list .c-material_card .cat {
    display: none
  }
  .p-material__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: calc(-2.44898vw - 20.81633px);
    margin-left: calc(-.40816vw - 8.46939px);
    margin-right: calc(-.40816vw - 8.46939px)
  }
  .p-service_point__item:first-child:before, .p-service_point__item:nth-child(2n):after, .p-service_point__item:nth-child(odd):after, .p-service_point__item:nth-child(odd):last-child:before {
    display: none
  }
  .p-base .c-layout04 {
    padding-bottom: 30px
  }
  .p-base .c-layout04 .keen-slider__pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    bottom: calc(1.63265vw - 6.12245px);
    justify-content: flex-start;
    left: 0;
    right: calc(4.08163vw + 34.69388px);
    width: auto
  }
  .p-base .c-layout04__main {
    margin-right: calc(5.71429vw + 3.57143px) !important;
    max-width: 100%;
    min-width: 0;
    width: auto
  }
  .p-base .c-layout04__main__inner {
    padding-top: 40px
  }
  .p-base .c-layout04__sub__image .c-slider__arrow {
    top: 50%
  }
  .p-base .c-layout04__sub__image .c-slider__arrow.-left {
    left: calc(3.06122vw + 1.02041px)
  }
  .p-base_facility__item {
    max-width: 50%
  }
  .p-recruit_kv {
    height: auto;
    margin-top: calc(-7.95918vw - 32.65306px)
  }
  .p-recruit_interview__item .c-blockimage {
    max-height: 375px
  }
  .p-interview_other .c-container.is-keen {
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
  .p-interview_other__container {
    margin-left: 0;
    margin-right: 0
  }
  .p-interview_other__list.keen-slider {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100% !important
  }
  .p-interview_other .p-recruit_interview__item {
    max-width: 50%;
    padding-left: calc(1.54083vw + 4.22188px);
    padding-right: calc(1.54083vw + 4.22188px)
  }
  .p-interview_other .p-recruit_interview__item.keen-slider__slide {
    margin-bottom: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .p-interview_main__item__body {
    max-width: 100%
  }
}
@media only screen and (max-width:767px) {
  .-arrow.c-entry__heading .arrow, .-arrow.c-heading01 .arrow, .-arrow.c-lower__heading .arrow, .-arrow.c-title01 .arrow, .-arrow.c-title02 .arrow, .-arrow.c-title03 .arrow, .-arrow.c-title04 .arrow, .-arrow.c-title05 .arrow, .-arrow.c-title06 .arrow, .-arrow.p-about_history__year .arrow, .-arrow.p-index__heading01 .arrow, .-arrow.p-index__heading02 .arrow, .-arrow.p-index_about__title .arrow, .-arrow.p-index_service__title .arrow, .-arrow.p-interview_kv__title .arrow, .-arrow.p-recruit__heading01 .arrow, .-arrow.p-recruit__heading02 .arrow, .-arrow.p-recruit_intern__heading .arrow, .-arrow.p-recruit_kv__tube__lead .arrow, .-arrow.p-recruit_kv__tube__title .arrow, .-arrow.p-single__title .arrow, .-arrow.p-single_result__list .arrow, .c-post h2.-arrow .arrow, .c-post h3.-arrow .arrow, .c-post h4.-arrow .arrow, .c-post h5.-arrow .arrow, .c-post h6.-arrow .arrow, .p-about_point__heading .-arrow.heading .arrow, .p-about_tech__item__image .-arrow.caption .arrow, .p-index_base__item__head .-arrow.title .arrow, .p-index_point__item dd.-arrow .arrow, .p-mid_main__heading .-arrow.heading .arrow, .p-new_welfare__data__item .-arrow.title .arrow, .p-recruit_faq__tab .-arrow.title .arrow, .p-recruit_intern__foot .-arrow.text .arrow {
    margin-top: .1111111111em
  }
  .c-text01, .c-text02, .c-text03, .c-text04, .c-text05, .p-recruit_kv__tube__text {
    line-height: 1.8461538462
  }
  .-thin.c-text01, .-thin.c-text02, .-thin.c-text03, .-thin.c-text04, .-thin.c-text05, .-thin.p-recruit_kv__tube__text {
    line-height: 1.75
  }
  .l-footer__body {
    display: block;
    margin-right: 0
  }
  .l-footer__list {
    margin-bottom: 2em;
    max-width: 100%;
    padding-right: 0
  }
  .l-footer__list:last-child {
    margin-bottom: 0;
    max-width: 100%
  }
  .l-footer__item__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .l-footer__item__item {
    max-width: 50%;
    width: 100%
  }
  .d-b-sp {
    display: none !important
  }
  .d-n-sp {
    display: block !important
  }
  .d-n-sp.-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-n-sp.-i {
    display: inline !important
  }
  .d-n-sp.-ib {
    display: inline-block !important
  }
  .c-button02 .link .arrow, .c-button02 a .arrow {
    height: 2em;
    margin-right: .75em;
    min-width: 2em;
    width: 2em
  }
  .c-tel {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .c-tel .number {
    font-size: calc(1.63265vw + 2.38776rem)
  }
  .c-ul.-column2.-sp {
    display: block;
    margin-left: 0;
    margin-right: 0
  }
  .c-ul.-column2.-sp &gt; * {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .-padding.c-layout01__main__inner, .-padding.c-layout02__main__inner {
    padding-bottom: 0;
    padding-top: 0
  }
  .c-layout01 {
    display: block
  }
  .c-layout01__main {
    margin-left: 0;
    margin-top: calc(2.04082vw + 12.34694px);
    max-width: 100%;
    min-width: 0
  }
  .c-layout01.-reverse .c-layout01__main {
    margin-right: 0
  }
  .c-layout02 {
    display: block
  }
  .c-layout02__sub {
    margin-left: calc(-1.02041vw - 8.67347px)
  }
  .c-layout02__main {
    margin-right: 0;
    margin-top: calc(1.63265vw + 18.87755px);
    max-width: 100%;
    min-width: 0
  }
  .c-layout02__main__inner {
    padding-bottom: 0;
    padding-top: 0
  }
  .c-contact__action {
    display: block
  }
  .c-contact__action .c-tel + .c-button01 {
    margin-left: 0;
    margin-top: 2em
  }
  .c-search__select {
    display: block;
    padding-top: .5em
  }
  .c-search__select .c-title06 {
    margin-right: 0
  }
  .c-search__select label {
    margin-top: .5em
  }
  .c-search__freeword {
    display: block
  }
  .c-search__freeword .c-title06 {
    margin-right: 0
  }
  .c-search__freeword label {
    margin-top: .5em
  }
  .c-form .c-form_radio {
    padding-top: 0
  }
  .c-form__item {
    display: block
  }
  .c-form__item .input {
    margin-bottom: 15px
  }
  .c-form__item__head {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-top: 0
  }
  .c-form__item__head small {
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    width: auto
  }
  .c-form__item__body {
    margin-left: 0;
    margin-top: 1em;
    max-width: 100%;
    min-width: 0
  }
  .c-menu__item {
    max-width: 50%
  }
  .-materials .c-banner__inner .c-button02 {
    display: none
  }
  .c-banner__inner &gt; .c-blockimage {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(10%, -50%);
    transform: translate(10%, -50%);
    z-index: 2
  }
  .c-banner__material {
    -webkit-transform: translate(-70%, -50%);
    transform: translate(-70%, -50%)
  }
  .p-index_directory__slider .c-material_card a {
    border-bottom: 1px solid #2a4ba9;
    padding-bottom: calc(1.22449vw + 10.40816px)
  }
  .c-product_data__buttons {
    display: block
  }
  .c-product_data__buttons .c-button01 {
    margin-bottom: 12.5px;
    margin-right: 0;
    max-width: 100%
  }
  .c-product_data__buttons .c-button01:last-child {
    margin-bottom: 0
  }
  .c-slider__arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
  }
  .p-index_base__head .c-illust {
    margin-right: calc(-3.06122vw - 1.02041px)
  }
  .p-index_recruit .c-container {
    padding-bottom: calc(4.08163vw + 34.69388px)
  }
  .p-index_directory__main {
    padding-left: calc(1.02041vw + 8.67347px)
  }
  .p-index_directory__main .beaker {
    left: calc(-.44898vw - 3.81633px)
  }
  .p-index_kv__memory__item:before {
    border-top: 2px solid
  }
  .p-index_kv__memory__item span {
    top: 1px
  }
  .p-index_kv__title {
    margin-left: -.085em
  }
  .p-index_point__container {
    display: block
  }
  .p-index_point__slider {
    border-radius: 0;
    position: relative !important
  }
  .p-index_point__sub {
    margin-left: 0;
    margin-right: 0
  }
  .p-index_point__sub:before {
    display: none
  }
  .p-index_point__main {
    max-width: 100%;
    min-width: 0
  }
  .p-index_point__main &gt; * {
    margin-bottom: calc(1.02041vw + 8.67347px)
  }
  .p-index_point__item {
    font-size: calc(.4898vw + .81633rem);
    margin-bottom: 1.5em;
    padding-bottom: 0
  }
  .p-index_point__item:after {
    display: none
  }
  .p-index_point__item dt {
    color: #2a4ba9;
    margin-bottom: .5em
  }
  .p-index_point__item dt:after {
    font-size: calc(.32653vw + 1.47755rem)
  }
  .p-index_point__item dd {
    color: #2a4ba9;
    font-size: calc(.4898vw + 1.01633rem)
  }
  .p-index_point__item.is-act dt:after {
    font-size: calc(1.46939vw + 1.64898rem)
  }
  .p-index_point__item.is-act dd {
    font-size: calc(.65306vw + 1.1551rem)
  }
  .p-index_service__item__container {
    margin-left: 0
  }
  .p-index_service__item__container .label {
    margin-bottom: .75em
  }
  .p-index_service__item__head .p-index_service__item__container {
    display: block
  }
  .p-service_point__item .c-blockimage {
    border: none
  }
  .p-field_question__item:not(.-other) {
    padding-bottom: 45px
  }
  .p-field_question__item__head:before {
    line-height: 1
  }
  .p-field_question__item__head {
    position: static
  }
  .p-field_question__item__head .c-plusminus {
    bottom: 25px;
    right: 50%;
    top: auto;
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%)
  }
  .p-about_comment {
    display: block
  }
  .p-about_comment__sub {
    margin-left: 0;
    margin-top: calc(1.22449vw + 10.40816px);
    max-width: 100%;
    min-width: 0
  }
  .p-about_tech__list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
  .p-about_tech__item {
    max-width: 50%
  }
  .p-about_point__image {
    margin-left: auto;
    margin-right: auto;
    max-width: 400px
  }
  .p-about_point .c-scroll .c-container {
    padding-left: 0;
    padding-right: 0;
    width: 100%
  }
  .p-about_point .c-scroll__container {
    margin-left: 0;
    margin-right: 0
  }
  .p-about_point .c-scroll__arrow {
    display: block
  }
  .p-about_point .c-scroll__scroll {
    overflow-x: auto;
    padding-left: calc(2.04082vw + 17.34694px);
    padding-right: calc(2.04082vw + 17.34694px)
  }
  .p-about_point .c-scroll__scroll img {
    height: calc(19.08397vw + 253.43511px);
    max-width: 9999px;
    width: auto
  }
  .p-company_policy__item {
    display: block
  }
  .p-company_policy__item__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    min-width: 0
  }
  .p-company_policy__item__head .c-title04 {
    margin-right: 1em
  }
  .p-company_policy__item__body {
    margin-top: 1em
  }
  .p-single__container {
    display: block
  }
  .p-single__sidebar {
    margin-left: 0;
    margin-right: 0;
    margin-top: calc(3.26531vw + 37.7551px);
    max-width: 100%;
    min-width: 0
  }
  .p-single__cat__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -12.5px;
    margin-right: -12.5px
  }
  .p-single__cat__item {
    max-width: 50%;
    padding-left: 12.5px;
    padding-right: 12.5px;
    width: 100%
  }
  .p-base_point .p-about_comment .c-blockimage {
    margin-left: calc(2.04082vw + 17.34694px);
    margin-right: calc(2.04082vw + 17.34694px);
    width: auto
  }
  .p-base_point .p-about_comment .p-about_comment__sub {
    margin-top: 0;
    max-width: 100%;
    min-width: 0
  }
  .p-recruit_kv {
    height: calc(var(--vh)*100);
    min-height: 560px
  }
  .p-recruit_interview__item .c-blockimage {
    max-height: 325px
  }
  .p-recruit_persona__item:nth-child(odd) {
    padding-right: 0
  }
  .p-recruit_persona__item:nth-child(2n) {
    padding-left: 0
  }
  .p-recruit_intern a {
    padding-bottom: 70px
  }
  .p-recruit_intern__foot {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px
  }
  .p-recruit_intern__foot .c-fluid {
    display: block;
    height: auto;
    width: 100%
  }
  .p-recruit_intern__foot .text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  .p-recruit_intern__foot .c-blockimage {
    margin-left: auto;
    margin-right: auto
  }
  .p-interview_kv__title {
    font-size: calc(.97959vw + 1.43265rem)
  }
  .p-interview_main__item__head {
    display: block
  }
  .p-interview_main__item__head .main {
    max-width: 100%;
    min-width: 0;
    padding-right: 0
  }
  .p-interview_main__item__head .main:before {
    margin-bottom: .25em;
    margin-top: -.5em
  }
  .p-new_service__item {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}
@media only screen and (max-width:567px) {
  .c-post {
    line-height: 1.8461538462
  }
  .c-post h2 {
    padding-bottom: .8em;
    padding-top: .8em
  }
  .c-post h3 {
    padding-bottom: .4em;
    padding-top: .4em
  }
  .c-post ol, .c-post ul {
    line-height: 1.5
  }
  .-product.c-post ol, .-product.c-post ul {
    padding-left: 0;
    padding-right: 0
  }
  .c-post ul li:before {
    margin-top: .25em
  }
  .c-container {
    width: 100%
  }
  .l-footer.-recruit {
    padding-bottom: calc(4.08163vw + 34.69388px)
  }
  .-recruit .l-footer__head__top, .-recruit .l-footer__head__top .c-logo .link, .-recruit .l-footer__head__top .c-logo a {
    display: block
  }
  .-recruit .l-footer__head__top .c-logo .text {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-left: 0;
    margin-top: 1em;
    text-align: center
  }
  .-recruit .l-footer__head__top .c-logo .link, .-recruit .l-footer__head__top .c-logo a {
    margin-left: auto;
    margin-right: auto;
    max-width: 88px;
    min-width: 88px
  }
  .-recruit .l-footer__head__top .c-logo .link .c-blockimage, .-recruit .l-footer__head__top .c-logo a .c-blockimage {
    max-width: 88px;
    min-width: 88px
  }
  .l-footer__head__list {
    display: block
  }
  .l-footer__head__item {
    margin-bottom: 1.5em
  }
  .l-footer__head__item:last-child {
    margin-bottom: 0
  }
  .l-footer__head__item .list.-double {
    display: block
  }
  .-recruit .l-footer__sns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    margin-top: 25px
  }
  .l-footer__item__list {
    display: block
  }
  .l-footer__item__item {
    max-width: 100%
  }
  .l-footer__foot {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .l-footer__foot .privacy {
    position: relative;
    top: 0;
    -webkit-transform: translateY(0);
    transform: translateY(0)
  }
  .l-footer__search .c-input-label {
    max-width: 100%
  }
  .d-b-spmin {
    display: none !important
  }
  .d-n-spmin {
    display: block !important
  }
  .d-n-spmin.-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-n-spmin.-i {
    display: inline !important
  }
  .d-n-spmin.-ib {
    display: inline-block !important
  }
  .c-plusminus:after, .c-plusminus:before {
    border-top: 1px solid;
    margin-top: 0
  }
  .keen-slider__pagination li:after {
    height: 2px
  }
  .c-hexa {
    display: none
  }
  .c-ul.-column2.-spmin {
    display: block;
    margin-left: 0;
    margin-right: 0
  }
  .c-ul.-column2.-spmin &gt; * {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .c-data dd, .c-data dt {
    padding-left: 0
  }
  .c-data dd {
    padding-right: 0
  }
  .c-layout04:not(.-reverse) .c-layout04__main {
    margin-right: 0
  }
  .c-layout04.-reverse .c-layout04__main {
    margin-left: 0
  }
  .c-contact__container .text {
    text-align: center
  }
  .c-drawer_button__bar:after, .c-drawer_button__bar:before {
    border-bottom: 1px solid
  }
  .c-search__head .c-blockimage {
    margin-left: -.25em
  }
  .c-search__head .c-title02 {
    margin-left: .75em
  }
  .c-search__select {
    padding-left: 0
  }
  .c-search__select label select {
    padding-bottom: 1em;
    padding-top: 1em
  }
  .c-search__freeword {
    padding-left: 0
  }
  .c-search__submit .c-button01 .link, .c-search__submit .c-button01 a {
    width: 100%
  }
  .c-search__check__content__item {
    padding-left: 0;
    padding-right: 0
  }
  .c-form input[type=checkbox] + .mwform-checkbox-field-text:before, .c-form input[type=checkbox] + label:before {
    border: 1px solid #2a4ba9;
    height: 1.1em;
    min-width: 1.1em;
    width: 1.1em
  }
  .c-form input[type=checkbox] + .mwform-checkbox-field-text:after, .c-form input[type=checkbox] + label:after {
    left: .25em
  }
  .is-start .c-lower__bg img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  .is-start.is-loaded .c-lower__bg img {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .c-lower__heading {
    display: block
  }
  .c-lower__heading.-left {
    margin-left: 0
  }
  .c-lower__heading .ja {
    margin-left: -.025em
  }
  .c-lower__heading .en {
    margin-top: .25em
  }
  .c-breadcrumb .c-container {
    width: auto
  }
  .c-menu__list {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
  }
  .c-menu__item {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .c-menu__item:last-child {
    margin-bottom: 0
  }
  .-recruit .c-menu__item {
    max-width: 100%
  }
  .c-menu__item .c-blockimage:before {
    padding-top: 30.7692307692%
  }
  .c-banner .c-container {
    padding-left: calc(3.06122vw + 1.02041px);
    padding-right: calc(3.06122vw + 1.02041px)
  }
  .c-banner.-materials .c-banner__bg {
    display: none
  }
  .c-banner__material {
    -webkit-transform: translate(-65%, -50%);
    transform: translate(-65%, -50%)
  }
  .c-banner__material .text {
    text-align: left
  }
  .p-index_directory__slider .c-material_card {
    padding-right: calc(2.04082vw + 17.34694px)
  }
  .p-material__list .c-material_card {
    max-width: 100%
  }
  .p-material__list .c-material_card__head {
    margin-left: calc(2.04082vw + 17.34694px);
    margin-right: calc(2.04082vw + 17.34694px);
    width: auto
  }
  .c-product__list {
    margin-left: 0;
    margin-right: 0
  }
  .c-product__list .c-product_card {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .c-product_data__layout {
    display: block
  }
  .c-product_data__layout__sub {
    margin-right: 0;
    max-width: 100%;
    min-width: 0
  }
  .c-product_data__layout__main {
    margin-top: 1em
  }
  .c-pickup__nav {
    padding-left: 0;
    padding-right: 0
  }
  .c-pickup__body {
    padding-left: calc(3.46939vw - .5102px);
    padding-right: calc(3.46939vw - .5102px)
  }
  .c-tab__nav {
    border-bottom: 2px solid
  }
  .c-modal {
    padding-left: calc(3.06122vw + 1.02041px);
    padding-right: calc(3.06122vw + 1.02041px)
  }
  .c-modal__container {
    max-width: 100%
  }
  .c-modal__button {
    bottom: 0;
    right: 50%;
    top: auto;
    -webkit-transform: translate(50%, 100%);
    transform: translate(50%, 100%)
  }
  .p-index_about {
    padding-bottom: calc(10.61224vw - 9.79592px)
  }
  .p-index_about__sub {
    margin-left: calc(5.71429vw + 48.57143px);
    margin-top: 0;
    position: relative;
    right: 0;
    top: 0;
    width: auto
  }
  .p-index_about__main {
    padding-right: 0;
    width: 100%
  }
  .p-index_company__head .c-button02 .arrow {
    margin-right: 0
  }
  .p-index_company__head .c-button02 .text {
    display: none
  }
  .p-index_topics__head .c-button02 .arrow {
    margin-right: 0
  }
  .p-index_topics__head .c-button02 .text {
    display: none
  }
  .p-index_topics__list {
    margin-left: calc(-3.06122vw - 1.02041px)
  }
  .p-index_topics__item a {
    display: block;
    padding-left: calc(3.06122vw + 1.02041px);
    padding-right: calc(3.06122vw + 1.02041px)
  }
  .p-index_recruit__illust {
    left: calc(2.04082vw + 17.34694px);
    margin-left: 0
  }
  .p-index_directory__sub {
    display: block
  }
  .p-index_directory__sub__head {
    margin-bottom: 1em;
    margin-right: auto
  }
  .p-index_directory__main {
    margin-right: calc(-2.04082vw - 17.34694px);
    min-width: 0;
    width: auto
  }
  .p-index_directory__slider .keen-slider__scrollbar {
    margin-bottom: -20px;
    margin-right: calc(2.04082vw + 17.34694px);
    margin-top: 10px
  }
  .p-index_kv__slider__item .pic.-fifth .caption {
    bottom: -2.5em
  }
  .p-index_kv__title {
    margin-left: -.07em
  }
  .p-index_point__illust {
    left: 0
  }
  .p-index_point__slider__item &gt; .c-blockimage {
    margin-left: calc(2.04082vw + 17.34694px)
  }
  .p-index_service__item__head .p-index_service__item__container {
    padding-left: calc(3.06122vw + 1.02041px)
  }
  .p-index_service__item__inner {
    margin-left: calc(-3.06122vw - 1.02041px);
    margin-right: calc(-3.06122vw - 1.02041px);
    width: auto
  }
  .p-material__list {
    display: block;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0
  }
  .p-field_question .c-container, .p-service_application .c-container {
    padding-left: calc(3.06122vw + 1.02041px);
    padding-right: calc(3.06122vw + 1.02041px)
  }
  .p-field_question__item.-other {
    padding-left: calc(6.73469vw - 12.7551px);
    padding-right: calc(6.73469vw - 12.7551px)
  }
  .p-field_single__item__head {
    display: block
  }
  .p-about_point__image {
    margin-left: calc(3.06122vw - 48.97959px);
    margin-right: calc(3.06122vw - 48.97959px);
    max-width: 9999px;
    width: auto
  }
  .p-about_point__heading .c-container {
    display: block;
    padding-top: 0
  }
  .p-about_point__heading .number {
    border-right: none;
    margin-bottom: -.5em;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  .p-company_sdgs__item__body {
    display: block
  }
  .p-company_sdgs__item__body .textarea {
    margin-right: 0;
    margin-top: calc(1.22449vw + 10.40816px)
  }
  .p-company_sdgs__item__body .c-blockimage {
    max-width: 100%;
    min-width: 0
  }
  .p-single__cat__list {
    display: block;
    margin-left: 0;
    margin-right: 0
  }
  .p-single__cat__item {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .p-base .c-layout04 .keen-slider__pagination {
    bottom: 0;
    left: calc(3.06122vw + 1.02041px)
  }
  .p-base .c-layout04__main {
    margin-left: calc(-3.06122vw - 1.02041px) !important
  }
  .p-base .c-layout04__main__inner {
    padding-left: calc(3.06122vw + 1.02041px) !important
  }
  .p-base .c-layout04__sub {
    margin-left: calc(-3.06122vw - 1.02041px) !important
  }
  .p-base_head .c-layout02__sub {
    margin-left: calc(1.02041vw - 66.32653px);
    margin-right: calc(1.02041vw - 66.32653px);
    width: auto !important
  }
  .p-base_head .c-layout02__sub__image.c-blockimage img {
    background-color: transparent;
    -o-object-fit: cover;
    object-fit: cover
  }
  .p-base_point__item {
    display: block
  }
  .p-base_point__item__head {
    max-width: 100%;
    min-width: 0
  }
  .p-base_point__item__body {
    margin-top: 15px
  }
  .p-recruit_kv {
    max-height: 720px;
    min-height: 480px
  }
  .p-recruit_kv__tube {
    right: calc(1.02041vw + 8.67347px)
  }
  .is-vertical .p-recruit_kv__tube {
    bottom: 60px;
    left: 25px;
    left: 12.5px;
    width: auto
  }
  .p-recruit_kv__tube__title {
    font-size: calc(3.67347vw + 3.12245rem)
  }
  .p-recruit_kv__tube__text .u-ib {
    display: block
  }
  .p-recruit_kv__tube__container {
    padding-left: 12.5px;
    padding-right: 12.5px
  }
  .p-recruit_kv__buttons {
    left: 0;
    padding-left: calc(3.06122vw + 1.02041px);
    padding-right: calc(3.06122vw + 1.02041px);
    position: fixed;
    width: 100%
  }
  .p-recruit_kv__buttons a {
    max-width: 50%;
    width: 100%
  }
  .is-start .p-recruit_kv__bg {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
  }
  .is-start.is-loaded .p-recruit_kv__bg {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  .p-recruit_kv__bg img {
    -o-object-position: center bottom;
    object-position: center bottom
  }
  .p-recruit_message {
    display: block
  }
  .p-recruit_message__sub {
    display: none;
    height: 350px;
    padding-right: calc(2.04082vw + 17.34694px)
  }
  .p-recruit_message__main {
    max-width: 100%;
    min-width: 0
  }
  .p-recruit_message__main .textarea {
    margin-left: 0;
    max-height: 9999px;
    padding-bottom: 0;
    padding-left: 0
  }
  .p-recruit_message__main .name {
    text-align: right
  }
  .p-recruit_message__body:after {
    display: none
  }
  .p-recruit_strength {
    margin-top: 0
  }
  .p-recruit_interview__item .c-blockimage {
    max-height: 275px
  }
  .p-recruit_interview__item.keen-slider__slide {
    padding-left: calc(1.63265vw + 13.87755px);
    padding-right: calc(1.63265vw + 13.87755px)
  }
  .p-recruit_interview__item__container .title {
    font-size: calc(.4898vw + 1.21633rem)
  }
  .p-recruit_persona__item {
    display: block
  }
  .p-recruit_persona__item__head {
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0
  }
  .p-recruit_persona__item__body .c-title02 .text {
    margin-right: 0
  }
  .p-recruit_persona__item__body .c-title02 {
    padding-bottom: 1em;
    padding-top: 1.5em;
    text-align: center;
    width: 200px
  }
  .p-recruit_persona__item__body .c-title02 small {
    display: block;
    padding-right: .5em
  }
  .p-recruit_info__item a {
    display: block
  }
  .p-recruit_info__item__sub {
    margin-bottom: 0;
    width: auto
  }
  .p-recruit_info__item:not(.-reverse) .p-recruit_info__item__sub {
    margin-left: calc(-3.06122vw - 1.02041px);
    margin-right: calc(3.06122vw + 1.02041px)
  }
  .p-recruit_info__item.-reverse .p-recruit_info__item__sub {
    margin-left: calc(3.06122vw + 1.02041px);
    margin-right: calc(-3.06122vw - 1.02041px)
  }
  .p-recruit_info__item__main {
    margin-top: -25px;
    max-width: 100%;
    min-width: 0;
    padding: calc(4.08163vw + 9.69388px) calc(3.26531vw + 12.7551px);
    width: auto
  }
  .p-recruit_info__item:not(.-reverse) .p-recruit_info__item__main {
    margin-left: calc(3.06122vw + 1.02041px);
    margin-right: calc(-3.06122vw - 1.02041px)
  }
  .p-recruit_info__item.-reverse .p-recruit_info__item__main {
    margin-left: calc(-3.06122vw - 1.02041px);
    margin-right: calc(3.06122vw + 1.02041px)
  }
  .p-recruit_faq__nav {
    margin-left: calc(3.06122vw + 1.02041px);
    margin-right: calc(3.06122vw + 1.02041px)
  }
  .p-recruit_faq__item__body, .p-recruit_faq__item__head {
    padding-left: 0
  }
  .p-recruit_intern__head {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
  .p-interview__en {
    font-size: calc(6.93878vw - 1.10204rem);
    letter-spacing: .15em
  }
  .p-interview_other__container, .p-interview_other__list {
    margin-left: 0;
    margin-right: 0
  }
  .p-interview_other__list {
    display: block
  }
  .p-interview_other .p-recruit_interview__item {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
  }
  .p-interview_other .p-recruit_interview__item.keen-slider__slide {
    padding-left: calc(1.63265vw + 13.87755px);
    padding-right: calc(1.63265vw + 13.87755px)
  }
  .p-interview_off__container {
    display: block
  }
  .p-interview_off__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1em;
    max-width: 100%;
    min-width: 0
  }
  .p-interview_off__head .title {
    margin-right: 1em
  }
  .p-new_service__item {
    display: block
  }
  .p-new_service__item__head {
    margin-right: 0;
    max-width: 100%;
    min-width: 0
  }
  .p-new_service__item__body {
    margin-top: calc(1.22449vw + 10.40816px)
  }
  .p-new_welfare__data {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 0;
    padding-right: 0
  }
  .p-new_welfare__data__item {
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px
  }
  .p-new_welfare__data__item .number {
    font-size: calc(3.26531vw + 2.77551rem)
  }
  .p-new_welfare__outline dl {
    display: block;
    margin-bottom: 15px
  }
  .p-new_welfare__outline dl dt {
    display: block;
    margin-right: 0;
    max-width: 100%;
    min-width: 0
  }
  .p-new_welfare__outline dl dd, .p-new_welfare__outline dl dt {
    padding-bottom: 1em;
    padding-top: 1em
  }
  .p-mid_main__section__container {
    display: block
  }
  .p-mid_main__section__sub {
    margin-right: 0;
    max-width: 100%;
    min-width: 0
  }
  .p-mid_main__section__main {
    margin-top: calc(1.22449vw + 10.40816px)
  }
  .p-mid_main__section__box {
    display: block;
    max-width: 100%;
    min-width: 0
  }
  .p-mid_main__section__box &gt; :last-child {
    margin-top: .5em
  }
}
@media only screen and (max-width:374px) {
  .c-container {
    padding-left: 25px;
    padding-right: 25px
  }
  .d-b-min {
    display: none !important
  }
  .d-n-min {
    display: block !important
  }
  .d-n-min.-f {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
  }
  .d-n-min.-i {
    display: inline !important
  }
  .d-n-min.-ib {
    display: inline-block !important
  }
}</pre></body></html>