@charset "utf-8";
:root {
  --main-color: #003cdc;
  --yellow-color: #ffe20c;
}

body {
  font-size: 16px;
  font-family: 'SFNOTF', sans-serif;
  color: #000;
}

.text-primary {
  color: var(--main-color);
}

/* Container */
.section__1 {
  background: #d9eeff url('../images/img_main_visual.jpg') no-repeat center top / auto 1302px;
}
.section__2,
.section__4,
.section__5,
.section__8,
.section__9,
.section__10 {
  background: url('../images/bg_check_b.png') repeat;
  background-size: 21px auto;
}
.section__3,
.section__6,
.section__7 {
  background: #ebf5ff url('../images/bg_check_b.png') repeat;
  background-size: 21px auto;
}
/* .mobal__work--detail {
  background: #bcede0 url('../images/bg_check_w.png') repeat;
  background-size: 21px auto;
} */
.mobal__work--detail,
.mobal__interview--detail,
.mobal__postscript {
  .inner-box {
    background: #d8e8fa url('../images/bg_check_w.png') repeat;
    background-size: 21px auto;
    z-index:10;
  }
}

.back-shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:rgba(0,0,0,0.2);
  z-index:1;
}
.memo {
  width: 839px;
  height: 772px;
  background: url('../images/img_memo.svg') no-repeat center top / 100% 100%;
}
.memo__inside {
  background: url('../images/bg_check_b.png') repeat;
  background-size: 21px auto;
}

.information__work:before {
  content: '';
  position: absolute;
  top: -10px;
  right: -35px;
  width: 24px;
  height: 27px;
  background: url('../images/icon_direction.svg') no-repeat center top / 100% 100%;
}
.information__work:after {
  content: '';
  position: absolute;
  top: -61px;
  right: -55px;
  width: 140px;
  height: 48px;
  background: url('../images/img_cartoon_movie.svg') no-repeat center top / 100% 100%;
  animation: move 0.5s ease-in-out infinite alternate;
}
.btn__review:before {
  content: '';
  position: absolute;
  top: -10px;
  right: -35px;
  width: 24px;
  height: 27px;
  background: url('../images/icon_direction.svg') no-repeat center top / 100% 100%;
}
.btn__review:after {
  content: '';
  position: absolute;
  top: -61px;
  right: -58px;
  width: 101px;
  height: 43px;
  background: url('../images/img_cartoon_click.svg') no-repeat center top / 100% 100%;
  animation: move 0.5s ease-in-out infinite alternate;
}

.title__work--information:before {
  content: '';
  position: absolute;
  top: 23px;
  left: 50%;
  width: 24px;
  height: 27px;
  margin-left: 207px;
  background: url('../images/icon_direction.svg') no-repeat center top / 100% 100%;
}
.title__work--information:after {
  content: '';
  position: absolute;
  top: -66px;
  left: 50%;
  width: 165px;
  height: 87px;
  margin-left: 136px;
  background: url('../images/img_cartoon_more.svg') no-repeat center top / 100% 100%;
  animation: move 0.5s ease-in-out infinite alternate;
}

@keyframes move {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}