@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : intro.css
Description : イントロページ
===================================================================== */
/* =====================================================================
    intro
======================================================================*/
.intro {
  padding: 12rem 0 32rem;
}

.intro::before {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  width: 38.1rem;
  height: 23.8rem;
  background: url(../images/intro/img_flag1.png) no-repeat center bottom/contain;
}

.intro::after {
  content: '';
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
  width: 38rem;
  height: 24rem;
  background: url(../images/intro/img_flag2.png) no-repeat center bottom/contain;
}

.intro .btn1 {
  margin-bottom: 3em;
}

.intro_text1 {
  position: relative;
}

.intro_text1 p {
  position: relative;
  margin: 0 auto;
  padding: 6rem 0 6.8rem;
  width: 69.6rem;
}

.bg_blackboard {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 66.4rem;
  background-image: url(../images/top/bg_blackboard_top.jpg), url(../images/top/bg_blackboard_bottom.jpg), url(../images/common/bg_blackboard1-sp.jpg);
  background-repeat: repeat-x, repeat-x, no-repeat;
  background-size: 1rem auto, 1rem auto, cover;
  background-position: top center, bottom center, center;
  -webkit-box-shadow: 0px 6rem 6rem 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 6rem 6rem 0px rgba(0, 0, 0, 0.2);
}

.bg_blackboard::before {
  content: '';
  position: absolute;
  display: block;
  bottom: 1.5rem;
  right: -13rem;
  width: 30rem;
  padding-top: calc(35 / 750 * 100%);
  background: url(../images/top/img_blackboard_item.png) no-repeat center bottom/contain;
}

.intro_text2 {
  position: relative;
  margin-bottom: 10rem;
  padding: 12rem 0;
}

.intro_text2::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 100%;
  background: #bf0000 url(../images/common/bg_desk-sp.jpg) no-repeat center top 22.8rem/100% auto;
  z-index: -1;
}

.intro_text2::after {
  content: '';
  position: absolute;
  display: block;
  bottom: -1px;
  left: 0;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 2.7rem;
  background: url(../images/common/bg_deco5.jpg) repeat-x center top/auto 100%;
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}

.intro_text2 p {
  position: relative;
  margin-left: -2.4rem;
  width: 72.8rem;
}

@media screen and (min-width: 768px) {
  .intro {
    padding: 12rem 0;
  }
  .intro::before {
    left: 16rem;
  }
  .intro::after {
    right: 16rem;
  }
  .bg_blackboard {
    background-image: url(../images/top/bg_blackboard_top.jpg), url(../images/top/bg_blackboard_bottom.jpg), url(../images/common/bg_blackboard1-pc.jpg);
  }
  .bg_blackboard::before {
    right: 0;
    margin-right: calc(220 / 1920 * 100%);
    width: calc(300 / 1920 * 100%);
    padding-top: calc(35 / 1920 * 100%);
  }
  .bg_blackboard::after {
    content: '';
    position: absolute;
    display: block;
    top: 7.4rem;
    right: 2.5rem;
    width: calc(73 / 1920 * 100%);
    padding-top: calc(545 / 1920 * 100%);
    background: url(../images/top/img_blackboard_text.png) no-repeat center/contain;
  }
  .intro_text1::before {
    content: '';
    position: absolute;
    display: block;
    top: -16.9rem;
    right: 0;
    margin: 0 calc(50% - 50vw);
    width: 64.1rem;
    height: 16.9rem;
    background: url(../images/intro/bg_note-pc.png) no-repeat center/contain;
  }
  .intro_text1 p {
    padding: 14rem 0 14.9rem;
    width: 101.1rem;
  }
  .intro_text2 {
    margin-bottom: 14rem;
    padding-bottom: 8rem;
  }
  .intro_text2::before {
    background: #bf0000 url(../images/common/bg_desk-pc.jpg) no-repeat center bottom/100% auto;
  }
  .intro_text2 p {
    margin: 0 auto;
    width: 78.5rem;
  }
}
/*# sourceMappingURL=intro.css.map */