/* ==========================================================
ignis Index
Created: 2021-01

01.loading
02.index__mv
03.indexHdg02
04.index__news
05.index__about
06.index__works
07.index__recruit
08.index__blog
09.index__business
10.index__interview
11.
========================================================== */
/* 1.loading
* ------------------------- */
#loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 1000;
}

/* 2.index__mv
* ------------------------- */
.index__mv {
  position: relative;
}
.index__mv .visual img {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
}
.index__mv .text {
  width: 100%;
  max-width: 1440px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.index__mv .text .copy {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity .6s .2s ease-in-out, transform .6s .2s ease-in-out;
}
.index__mv .text .copy a picture {
  width: 100%;
  max-width: 1440px;
}
.index__mv .scrd {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 2;
  opacity: 1;
  transition: opacity .6s .8s ease-in-out;
}
.index__mv .scrd a {
  color: #000;
  font-size: 0.8571428571em;
  line-height: 1;
  display: block;
  padding-bottom: 2.75em;
  animation: op 3s 0s infinite ease;
}
.index__mv .scrd a:before {
  content: "";
  display: block;
  width: 1px;
  height: 2.5em;
  background: linear-gradient(to bottom, #ee6c00 0%, #ee6c00 50%, white 50%, white 50%, white 100%);
  background-size: 100% 201%;
  background-position: left bottom;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -.5px;
  animation: bar 3s 0s infinite cubic-bezier(0.25, 1, 0.5, 1);
}
.index__mv.is-hidden .text .catch,
.index__mv.is-hidden .text .copy {
  opacity: 0;
  transform: translate3d(0, 5px, 0);
  transition: none;
}
.index__mv.is-hidden .scrd {
  opacity: 0;
  transition: none;
}

@keyframes op {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bar {
  0% {
    background-position: left bottom;
  }
  10% {
    background-position: left bottom;
  }
  70% {
    background-position: left top;
  }
  100% {
    background-position: left top;
  }
}
/* 3.indexHdg02
* ------------------------- */
.indexHdg02 {
  line-height: 1;
  text-align: center;
  padding-bottom: 2.1428571429em;
  position: relative;
}
.indexHdg02:after {
  content: "";
  display: block;
  width: 0.5714285714em;
  height: 0.5714285714em;
  background: #ee6c00;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -0.2857142857em;
}
.indexHdg02 span {
  display: block;
  letter-spacing: .12em;
}
.indexHdg02 .en {
  color: #c9caca;
  margin-bottom: 1.0714285714em;
}
.indexHdg02 .ja {
  font-size: 1.7142857143em;
}

/* 4.index__news
* ------------------------- */
.index__news {
  padding-top: 14.6666666667%;
}
.index__news .inner {
  padding: 0 5.3333333333%;
}
.index__news .heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5.223880597%;
}
.index__news .heading h2 {
  font-size: 2.2857142857em;
  line-height: 1;
  letter-spacing: .12em;
}
.index__news .heading .toList a {
  color: #d16c15;
  display: inline-block;
  line-height: 1;
  padding-bottom: 4px;
  border-bottom: #d16c15 1px solid;
}
.index__news .heading .toList a:after {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  width: 0.6428571429em;
  height: 0.6428571429em;
  border-top: #d16c15 1px solid;
  border-right: #d16c15 1px solid;
  transform: rotate(45deg);
  margin-left: 1em;
}
.index__news .heading .toList a:hover {
  border-bottom: none;
}
.index__news .newsList {
  margin-top: 2.1428571429em;
}
.index__news .newsList li {
  border-bottom: #c9caca 1px solid;
}
.index__news .newsList li a,
.index__news .newsList li div {
  display: block;
  padding: 1.0714285714em 0;
}
.index__news .newsList li .cat {
  font-size: 0.8571428571em;
  line-height: 1;
  letter-spacing: .12em;
  margin-bottom: 1em;
}
.index__news .newsList li .cat:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1.75em;
  height: 1.75em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  margin-right: 1em;
}
.index__news .newsList li .cat.blog:before {
  background-image: url("../images/ico_blog.svg");
}
.index__news .newsList li .cat.works:before {
  background-image: url("../images/ico_works.svg");
}
.index__news .newsList li .cat.info:before {
  background-image: url("../images/ico_info.svg");
}
.index__news .newsList li .date {
  color: #999;
  font-size: 0.8571428571em;
  line-height: 1;
  margin-bottom: 0.8333333333em;
}
.index__news .newsList li .title {
  letter-spacing: .07em;
  line-height: 1.7142857143;
}
.index__news .btn {
  margin-top: 2.1428571429em;
}

/* 5.index__about
* ------------------------- */
.index__about {
  padding-top: 16%;
}
.index__about .inner {
  padding: 0 5.3333333333%;
}
.index__about .body {
  margin-top: 9.7014925373%;
}
.index__about .aboutTbl li {
  border-bottom: #c9caca 1px solid;
  padding: 0.9285714286em 0;
}
.index__about .aboutTbl li:first-child {
  border-top: #c9caca 1px solid;
}
.index__about .aboutTbl li span {
  display: block;
  line-height: 1.7857142857;
}
.index__about .btn {
  margin: 11.1940298507% 5.9701492537% 0;
}

/* 6.index__works
* ------------------------- */
.index__works {
  padding-top: 16%;
}
.index__works .inner {
  padding: 0 5.3333333333%;
}
.index__works .body {
  margin-top: 9.7014925373%;
}
.index__works .worksList li + li {
  margin-top: 10.447761194%;
}
.index__works .worksList li a {
  display: block;
}
.index__works .worksList li .cap {
  margin-bottom: 4.4776119403%;
  overflow: hidden;
}
.index__works .worksList li .cap span {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.index__works .worksList li .cap span:before {
  content: "";
  display: block;
  padding-top: 66.7164179104%;
}
.index__works .worksList li p {
  line-height: 1.5;
}
.index__works .btn {
  margin: 13.4328358209% auto 0;
}

/* 7.index__recruit
* ------------------------- */
.index__recruit {
  padding-top: 16%;
}
.index__recruit .inner {
  padding: 0 5.3333333333%;
}
.index__recruit .body {
  margin-top: 9.7014925373%;
}
.index__recruit .btn {
  margin-top: 10.447761194%;
}
.index__recruit .btn li + li {
  margin-top: 5.9701492537%;
}
.index__recruit .toInterview {
  margin: 10.447761194% 5.9701492537% 0;
}

/* 8.index__blog
* ------------------------- */
.index__blog {
  padding-top: 18.6666666667%;
  margin-bottom: 16%;
}
.index__blog .body {
  background: #eff0f0;
  margin-top: 8.6666666667%;
  padding: 4% 5.3333333333% 12%;
}
.index__blog .lyt .list {
  margin-bottom: 13.4328358209%;
}
.index__blog .lyt .list ul li {
  border-bottom: #c9caca 1px solid;
}
.index__blog .lyt .list ul li a {
  display: block;
  padding: 7.4626865672% 7.4626865672% 7.4626865672% 0;
  position: relative;
}
.index__blog .lyt .list ul li a:after {
  content: "";
  display: block;
  box-sizing: border-box;
  width: 0.6428571429em;
  height: 0.6428571429em;
  border-top: #000 1px solid;
  border-right: #000 1px solid;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 0.3214285714em;
  margin-top: -0.3214285714em;
}
.index__blog .lyt .list ul li span {
  display: block;
  line-height: 1.7142857143;
}
.index__blog .lyt .list ul li .date {
  color: #d16c15;
}

/* 9.index__business
* ------------------------- */
.index__business {
  padding-top: 2.1428571429em;
}
@media only screen and (min-width: 813px) {
  .index__business {
    padding-top: 3.5714285714em;
  }
}
.index__business > .inner {
  width: 89.3333333333%;
  margin: 0 auto;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner {
    width: 83.3333333333%;
    max-width: 1000px;
  }
}
.index__business > .inner > .lead {
  font-size: 1.4285714286em;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .lead {
    font-size: 2.1428571429em;
    line-height: 1.5;
  }
}
.index__business > .inner > .business_list {
  margin-top: 2.1428571429em;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list {
    margin-top: 3.5714285714em;
    display: flex;
    justify-content: space-between;
  }
}
.index__business > .inner > .business_list > .item {
  margin-top: 1.4285714286em;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item {
    margin-top: 0;
  }
}
.index__business > .inner > .business_list > .item > .type_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item > .type_name {
    justify-content: flex-start;
  }
}
.index__business > .inner > .business_list > .item > .type_name > .icon {
  margin-right: 2.9850746269%;
  display: block;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item > .type_name > .icon {
    margin-right: 1.4285714286em;
  }
}
.index__business > .inner > .business_list > .item > .type_name > .icon.cgasset {
  width: 8.9552238806%;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item > .type_name > .icon.cgasset {
    width: 3.3571428571em;
  }
}
.index__business > .inner > .business_list > .item > .type_name > .icon.cinematic {
  width: 8.9552238806%;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item > .type_name > .icon.cinematic {
    width: 3.7857142857em;
  }
}
.index__business > .inner > .business_list > .item > .type_name > .icon.industry {
  width: 11.9402985075%;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item > .type_name > .icon.industry {
    width: 5.5em;
  }
}
.index__business > .inner > .business_list > .item > .type_name > .text {
  font-size: 1.4285714286em;
  line-height: 1.2;
  font-weight: bold;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item > .type_name > .text {
    font-size: 2.2857142857em;
    line-height: 1.2;
    white-space: nowrap;
  }
}
.index__business > .inner > .business_list > .item > .type_list {
  margin-top: 0.7142857143em;
}
.index__business > .inner > .business_list > .item > .type_list > .type_item > .name {
  font-size: 1em;
  line-height: 1.8;
  text-align: center;
}
@media only screen and (min-width: 813px) {
  .index__business > .inner > .business_list > .item > .type_list > .type_item > .name {
    text-align: left;
  }
}
.index__business > .inner > .business_list > .item:first-child {
  margin-top: 0;
}
.index__business > .inner > .button {
  margin-top: 2.1428571429em;
}

/* 10.index__interview
* ------------------------- */
.index__interview {
  margin-top: 16%;
}
@media only screen and (min-width: 813px) {
  .index__interview {
    margin-top: 13.8888888889%;
  }
}
.index__interview > .inner {
  padding: 0 5.3333333333%;
}
@media only screen and (min-width: 813px) {
  .index__interview > .inner {
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 7.1428571429em;
    margin: 0 auto;
  }
}
.index__interview > .inner > .modHdg02 > .ja {
  padding-top: 0;
}
.index__interview > .inner > .bunner {
  margin-top: 8%;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 813px) {
  .index__interview > .inner > .bunner {
    width: 100%;
    margin-top: 3.3333333333%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 813px) {
  .index__interview > .inner > .bunner .link {
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease;
  }
}
@media only screen and (min-width: 813px) {
  .index__interview > .inner > .bunner .link:hover {
    opacity: .7;
  }
}

/*/////////////////////////////
 RWD
/////////////////////////////*/
@media (min-width: 813px) {
  .index__mv .visual img {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  .index__mv .text {
    width: 100%;
    max-width: 1440px;
  }
  .index__mv .text .copy {
    width: 100%;
    max-width: 1440px;
  }
  .index__mv .text .copy a picture {
    width: 100%;
    max-width: 1440px;
  }

  .index__mv .scrd {
    left: auto;
    right: 17.4479166667%;
    transform: translateX(0);
  }

  .indexHdg02 {
    padding-bottom: 2.5em;
  }
  .indexHdg02 .en {
    margin-bottom: 1.4285714286em;
  }
  .indexHdg02 .ja {
    font-size: 2.7142857143em;
  }

  .index__news {
    padding-top: 14.2857142857em;
  }
  .index__news .inner {
    max-width: 1200px;
    padding: 0 1.4285714286em;
    margin: 0 auto;
  }
  .index__news .heading {
    align-items: flex-end;
    justify-content: left;
    margin-bottom: 2.5em;
  }
  .index__news .heading h2 {
    margin-right: 1.5625em;
  }
  .index__news .body {
    overflow: hidden;
  }
  .index__news .newsList {
    display: flex;
    margin: 3.3333333333% -3.3333333333% 0;
  }
  .index__news .newsList li {
    width: 25%;
    margin: 0 3.125%;
    border-bottom: none;
  }
  .index__news .newsList li a {
    padding: 0;
    transition: opacity .4s ease;
  }
  .index__news .newsList li a:hover {
    opacity: .6;
  }
  .index__news .newsList li a:hover .title {
    color: #d16c15;
  }
  .index__news .newsList li div {
    padding: 0;
  }
  .index__news .newsList li .cat {
    margin-bottom: 2em;
  }
  .index__news .newsList li .cat:before {
    margin-right: 0.6666666667em;
  }
  .index__news .newsList li .date {
    margin-bottom: 1em;
  }
  .index__news .newsList li .title {
    transition: color .4s ease;
  }
  .index__news .btn {
    width: 33.3333333333%;
    margin: 3.3333333333% auto 0;
  }

  .index__about {
    padding-top: 8.2142857143em;
  }
  .index__about .inner {
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 7.1428571429em;
    margin: 0 auto;
  }
  .index__about .body {
    margin-top: 3.5714285714em;
  }
  .index__about .aboutTbl li {
    width: 100%;
    display: table;
    table-layout: fixed;
    padding: 1.4285714286em 0;
  }
  .index__about .aboutTbl li span {
    display: table-cell;
    vertical-align: top;
  }
  .index__about .aboutTbl li .fig {
    width: 27.5%;
  }
  .index__about .btn {
    width: 40%;
    margin: 4.2857142857em auto 0;
  }

  .index__works {
    padding-top: 14.2857142857em;
  }
  .index__works .inner {
    max-width: 1200px;
    padding: 0 1.4285714286em;
    margin: 0 auto;
  }
  .index__works .body {
    margin-top: 3.5714285714em;
    overflow: hidden;
  }
  .index__works .worksList {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -2.5%;
  }
  .index__works .worksList li {
    box-sizing: border-box;
    width: 33.3333333333%;
    padding: 0 2.380952381%;
    margin-bottom: 3.9682539683%;
  }
  .index__works .worksList li + li {
    margin-top: 0;
  }
  .index__works .worksList li .cap {
    margin-bottom: 1.0714285714em;
  }
  .index__works .worksList li .cap span {
    transition: transform .6s ease-out;
  }
  .index__works .worksList li .cap span:before {
    padding-top: 66.6666666667%;
  }
  .index__works .worksList li p {
    transition: color .6s ease;
  }
  .index__works .worksList li a:hover .cap span {
    transform: scale(1.05);
  }
  .index__works .worksList li a:hover p {
    color: #ee6c00;
  }
  .index__works .btn {
    width: 33.3333333333%;
    margin: 1.6666666667% auto 0;
  }

  .index__recruit {
    padding-top: 14.2857142857em;
  }
  .index__recruit .inner {
    box-sizing: border-box;
    max-width: 1200px;
    padding: 0 7.1428571429em;
    margin: 0 auto;
  }
  .index__recruit .body {
    margin-top: 3.5714285714em;
  }
  .index__recruit .body > .text {
    font-size: 1.2857142857em;
    line-height: 1.7777777778;
  }
  .index__recruit .btn {
    margin-top: 3.5714285714em;
    display: flex;
    justify-content: space-between;
  }
  .index__recruit .btn li {
    width: 48%;
  }
  .index__recruit .btn li + li {
    margin-top: 0;
  }
  .index__recruit .toInterview {
    width: 33.3333333333%;
    margin: 3.5714285714em auto 0;
  }

  .index__blog {
    padding-top: 14.2857142857em;
    margin-bottom: 8.9285714286em;
  }
  .index__blog .inner {
    max-width: 1200px;
    padding: 0 1.4285714286em;
    margin: 0 auto;
  }
  .index__blog .body {
    margin-top: 4.2857142857em;
    padding: 8.3333333333%;
  }
  .index__blog .lyt {
    display: flex;
    justify-content: space-between;
  }
  .index__blog .lyt .list {
    width: 42%;
    margin-bottom: 0;
  }
  .index__blog .lyt .list ul li:first-child a {
    padding-top: 0;
  }
  .index__blog .lyt .list ul li a {
    padding: 1.5714285714em 3.5714285714em 1.5714285714em 0;
    transition: opacity .4s ease;
  }
  .index__blog .lyt .list ul li a:hover {
    opacity: .7;
  }
  .index__blog .lyt .list ul li span {
    line-height: 1.7142857143;
  }
  .index__blog .lyt .fb {
    width: 50%;
  }
  .index__blog .lyt .fb .fb-page {
    width: 100%;
  }
  .index__blog .lyt .fb .fb-page > span,
  .index__blog .lyt .fb .fb-page iframe {
    width: 100%;
  }
}

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