@charset "utf-8";

/* CSS Document */
.ttl__wrap {
  background-color: #BEA976;
  text-align: center;
}

.ttl__block {
  padding: 128px 0 48px;
}

.ttl__pagettl {
  text-align: center;
  font-size: 4rem;
  color: #ffffff;
}

.ttl__pagettl span {
  margin: 16px 0 0;
  color: #ffffff;
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
}

.desc {
  background-color: #BEA976;
  color: #FFF;
  font-size: 1.4rem;
  line-height: 1.7;
}

.desc_block {
  width: 90%;
  margin: 0 auto;
}

.desc_inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0 48px;
}

.video {
  background: linear-gradient(180deg, #BEA976 0%, #BEA976 50%, #fff 50%, #fff 100%);
  color: #FFF;
  font-size: 1.6rem;
  line-height: 2;
}

.video_block {
  width: 90%;
  margin: 0 auto;
}

.video_inner {
  max-width: 960px;
  margin: 0 auto;
}

.video_ourstory {
  width: 100%;
}

.story_block {
  width: 90%;
  margin: 0 auto;
}

.story_inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 64px 0;
}

.story_ttl {
  text-align: center;
  font-size: 4rem;
  margin: 0 0 32px;
}

.story_ttl span {
  margin: 16px 0 0;
  font-size: 1.6rem;
  font-weight: bold;
  display: block;
}

.story_txt {
  font-size: 1.4rem;
  line-height: 1.7;
}

.initiative ul {
  margin: 32px 0;
  padding: 16px;
  border: #BEA976 1px solid;
  background-color: #FCFAF1;
}

.initiative ul li {
  font-size: 1.4rem;
  padding-left: 2em;
  text-indent: -2em;
}

.initiative ul li+li {
  margin: 8px 0 0;
}

.img_initiative {
  margin: 32px 0 0;
}

@media screen and (min-width:480px) {
  /*　画面サイズが480pxからはここを読み込む　*/
}

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

  /*　画面サイズが768pxからはここを読み込む　*/
  .ttl__block {
    padding: 128px 0 64px;
  }

  .desc {
    font-size: 1.6rem;
    line-height: 2;
  }

  .desc_inner {
    padding: 0 0 64px;
  }

  .story_inner {
    padding: 128px 0 96px;
  }

  .story_ttl {
    margin: 0 0 64px;
  }

  .story_txt {
    font-size: 1.6rem;
    line-height: 2;
  }

  .initiative ul {
    margin: 48px 0;
    padding: 32px 48px;
  }

  .initiative ul li {
    font-size: 1.6rem;
  }

  .initiative ul li+li {
    margin: 16px 0 0;
  }

  .img_initiative {
    margin: 64px 0 0;
  }
}

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

  /*　画面サイズが1024pxからはここを読み込む　*/
  .container {
    max-width: 960px;
    margin: 0 auto;
  }
}