@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);
/* カーソルをハンドポインターに */
/* ------------------------------------------------------------------------------------------------------ */
/* 全共通読み込み */
#page_feature0033 {
  font-family: 'Noto Sans Japanese',Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3″, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
  /* /.block2 */
  /* /.block3 */
  /* /.block4 */
  /* /.block5*/
}
#page_feature0033 img {
  vertical-align: bottom;
}
#page_feature0033 .gallery img {
  cursor: pointer;
}
#page_feature0033 .gallery img:hover {
  color: #F60;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -ms-filter: "alpha(opacity=70)";
}
#page_feature0033 figure.img_width {
  width: 100%;
  max-width: 960px;
}
#page_feature0033 figure.img_width img {
  width: 100%;
}
#page_feature0033 .contents-unit-width {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
#page_feature0033 .block2,
#page_feature0033 .block3,
#page_feature0033 .block4,
#page_feature0033 .block5 {
  margin-bottom: 3rem;
}
#page_feature0033 h1.hero_txt {
  position: relative;
  text-align: center;
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2rem;
  line-height: 150%;
  top: 14rem;
  color: #FFF;
}
#page_feature0033 h1.hero_txt span {
  text-shadow: 1px 1px 2px #000;
  text-shadow: #000 1px 1px 2px;
}
#page_feature0033 h2.subtitle {
  text-align: center;
  font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
#page_feature0033 .block2 .collaboration_img {
  width: 100%;
  max-width: 628px;
  margin: 0 auto;
  margin-bottom: 3rem;
}
#page_feature0033 .block2 .collaboration_img img {
  width: 100%;
}
#page_feature0033 .block2 .item_img {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 2rem auto;
}
#page_feature0033 .block3 .wrap {
  background-color: #fff4ec;
  padding: 2rem;
  box-sizing: border-box;
}
#page_feature0033 .block3 a {
  text-decoration: none;
  font-weight: bold;
}
#page_feature0033 .block3 ul {
  margin-bottom: 1rem;
}
#page_feature0033 .block3 .notice-list {
  margin-bottom: 0;
  font-size: .9rem;
  line-height: 150%;
}
#page_feature0033 .block3 .thumbs {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  /*--- ipad ---*/
  display: -webkit-flex;
  /*--- ipad 7.0---*/
  -webkit-justify-content: center;
  /* ipad */
  justify-content: center;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 1rem;
}
#page_feature0033 .block3 .thumbs figure {
  margin: 0 1rem;
}
#page_feature0033 .block4 .info {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  /*--- ipad ---*/
  display: -webkit-flex;
  /*--- ipad 7.0---*/
  -webkit-justify-content: flex-start;
  /* ipad */
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#page_feature0033 .block4 figure {
  width: 30%;
  margin-right: 3%;
  margin-bottom: 3%;
  max-width: 210px;
}
#page_feature0033 .block4 figure img {
  width: 100%;
}
#page_feature0033 .block4 .company-info {
  width: 70%;
}
#page_feature0033 .block4 .company-info span.title {
  font-weight: bold;
  display: block;
  margin-bottom: .5rem;
}
#page_feature0033 .block4 .company-info p {
  margin-bottom: 1rem;
}
#page_feature0033 .block4 .company-info a {
  text-decoration: none;
  font-weight: bold;
}
#page_feature0033 .block5 .gallery ul {
  -js-display: flex;
  display: flex;
  display: -webkit-box;
  /*--- ipad ---*/
  display: -webkit-flex;
  /*--- ipad 7.0---*/
  -webkit-justify-content: center;
  /* ipad */
  justify-content: center;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
#page_feature0033 .block5 .gallery figure {
  max-width: 420px;
  width: 100%;
  margin: 20px 20px;
}
#page_feature0033 .block5 .gallery figure img {
  width: 100%;
}

/* ------------------------------------------------------------------------------------------------------ */
/* スマホ＆タブレット読み込み共通 */
@media screen and (max-width: 979px) {
  #page_feature0033 {
    /* /.block4 */
  }
  #page_feature0033 section[class^="general-block block"] {
    padding: 0 1em;
  }
  #page_feature0033 section[class^="general-block block"] p {
    padding: 0;
  }
  #page_feature0033 h2.subtitle {
    font-size: 1.4rem;
  }
  #page_feature0033 .block4 figure {
    margin: 0 auto 1rem auto;
  }
  #page_feature0033 .block4 .company-info {
    width: 80%;
    margin: 0 auto;
  }
  #page_feature0033 .block4 .company-info span.title {
    text-align: center;
    margin-bottom: 1rem;
  }
  #page_feature0033 .block4 .company-info p {
    margin-bottom: 1rem;
  }
  #page_feature0033 .block4 .company-info a {
    text-decoration: none;
    font-weight: bold;
  }
}
/* ------------------------------------------------------------------------------------------------------ */
/* タブレットのみ読み込み */
@media screen and (max-width: 979px) {
  #page_feature0033 {
    /* /.hero_bg */
    /* /.block5*/
  }
  #page_feature0033 br.texts {
    display: none;
  }
  #page_feature0033 .hero_bg .book {
    background-size: 70%;
  }
  #page_feature0033 .hero_bg .book:after {
    top: 40px;
    left: calc(50% - 340px);
    background-size: 70%;
  }
  #page_feature0033 .hero_bg h1.hero_txt {
    font-size: 1.4rem;
  }
  #page_feature0033 .block5 .gallery li {
    width: 50%;
  }
  #page_feature0033 .block5 .gallery figure {
    max-width: 420px;
    width: 100%;
    margin: 10px 0px;
  }
  #page_feature0033 .block5 .gallery figure img {
    width: 100%;
  }
}
/* ------------------------------------------------------------------------------------------------------ */
/* スマホでのみ読み込み */
@media screen and (max-width: 640px) {
  #page_feature0033 {
    /* /.block5*/
  }
  #page_feature0033 br.texts {
    display: none;
  }
  #page_feature0033 .block2,
  #page_feature0033 .block3,
  #page_feature0033 .block4,
  #page_feature0033 .block5 {
    margin-bottom: 2rem;
  }
  #page_feature0033 .block1 p,
  #page_feature0033 .block2 p,
  #page_feature0033 .block3 p,
  #page_feature0033 .block6 p {
    font-size: 1rem;
    line-height: 140%;
    text-align: left;
  }
  #page_feature0033 .block3 .wrap {
    padding: 1rem;
  }
  #page_feature0033 .block3 ul li {
    text-indent: -1rem;
    padding-left: 1rem;
    margin-bottom: .5rem;
  }
  #page_feature0033 .block3 .thumbs figure {
    margin-bottom: 1rem;
  }
  #page_feature0033 .block5 .gallery figure {
    max-width: 420px;
    width: 100%;
    margin: 10px 0px;
  }
  #page_feature0033 .block5 .gallery figure img {
    width: 100%;
  }
}
/* ------------------------------------------------------------------------------------------------------ */
/* デスクトップでのみ読み込み */