@charset "UTF-8";

/* header */
@media screen and (min-width: 769px) {

  header .inner_wrap::after {
      padding-top: 85px;
      /* width: 100vw; */
  }

}










/* lead_wrap */
.lead_wrap {
  text-align: center;
}
.lead_wrap p {
  line-height: 2.25;
  color: #444;
}

@media screen and (max-width: 768px) {
  .lead_wrap {
      padding: 50px 0 70px;
  }
  .lead_wrap p {
      font-size: 1.4rem;
      margin-top: 20px;
  }
}

@media screen and (min-width: 769px) {
  .lead_wrap {
      padding: 90px 0 191px;
  }
  .lead_wrap p {
      margin-top: 30px;
  }
}




/* concept_wrap */
.concept_wrap {
  position: relative;
}
.concept_wrap .text_wrap {
  color: #444444;
  position: relative;
}
.concept_wrap .text_wrap h2 {
  font-weight: normal;
}
.concept_wrap .text_wrap::before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-image: url(../img/common/flyer.jpg);
  background-attachment: fixed;
  -webkit-background-size:contain;
  background-size: contain;
  background-position: center;
  background-blend-mode:lighten;

}
.concept_wrap .text_wrap h2,
.concept_wrap .text_wrap p {
  text-shadow:
  2px  2px 0px #ffffff,
  -2px  2px 0px #ffffff,
  2px -2px 0px #ffffff,
  -2px -2px 0px #ffffff,
  2px  0px 0px #ffffff,
  0px  2px 0px #ffffff,
  -2px  0px 0px #ffffff,
  0px -2px 0px #ffffff;
}



@media screen and (max-width: 768px) {

  .concept_wrap .inner_wrap {
    margin-bottom: 50px;
  }
  .concept_wrap .inner_wrap:nth-child(2) .img_wrap {
    margin-left: auto;
  }
  .concept_wrap .img_wrap {
      width: 75%;
      margin: 0 5%;
  }
  .concept_wrap .text_wrap {
    margin-top: -10%;
    padding: 15% 5% 5%;
  }
  .concept_wrap .text_wrap h2 {
    font-size: 1.8rem;
    margin-bottom: 5%;
  }
  .concept_wrap .text_wrap p {
    font-size: 1.4rem;
    line-height: 1.8;
  }




}

@media screen and (min-width: 769px) {

  .concept_wrap .inner_wrap {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
      -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      margin-bottom: 150px;
  }
  .concept_wrap .inner_wrap:nth-child(even) {
      -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  }
  .concept_wrap .inner_wrap > div {
      width: 50%;
  }
  .concept_wrap .text_wrap {
      min-height: 475px;
      padding: 38px 40px 50px 48px;
      /* padding: 38px 30px 50px 38px; */
  }
  .concept_wrap .text_wrap:after {
      content: "";
      position: absolute;
      z-index: 0;
      width: 50%;
      height: 100%;
      top: 0;
      right: 100%;
      background-image: url(../img/common/flyer.jpg);
      background-attachment: fixed;
      background-size: contain;
      background-position: center;

  }
  .concept_wrap .inner_wrap:nth-child(even) .text_wrap:after {
      left: 100%;
  }
  .concept_wrap .text_wrap h2 {
      font-size: 36px;
      line-height: 1.52;
      margin-bottom: 28px;
  }
  .concept_wrap .text_wrap p {
      font-size: 16px;
      line-height: 2.3;
  }



}

@media screen and (min-width: 769px) and (max-width: 1000px){

  .concept_wrap .text_wrap h2 {
      font-size: 3.39vw;
  }


}

@media screen and (min-width: 1500px) {

  .concept_wrap .text_wrap h2 {
      font-size: 36px;
  }


}