@charset "UTF-8";
/* Variables
****************************************************************************/
/* Media Queries
****************************************************************************/
/* Utilities
****************************************************************************/
/*clearfix*/
/* set some element's line-height to 1em because of adjust text margin */
/*set fontfamily noto 700*/
/*set fontfamily*/
.page-visual {
  background-image: url(../../hiireshiki/img/page_visual.jpg);
  height: 80vh;
  background-size: cover;
  background-position: center center;
}

.page-visual .mtxt {
  width: 430px;
  margin: 0 auto;
  padding-top: 100px;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
}

.page-visual .mtxt.intro {
  opacity: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .page-visual .mtxt {
    width: 85%;
    padding-top: 120px;
  }
}

.sec-story .story-wrapper {
  background: url(../../hiireshiki/img/sec_story_ptn.png) repeat center center;
  background-size: 140px 140px;
}

.sec-story .story-block {
  width: 556px;
  margin: 0 auto;
  padding: 60px 0;
  background: url(../../hiireshiki/img/sec_story_body.png) repeat-y center center;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-story .story-block {
    width: 90%;
    padding: 40px 0;
  }
}

.sec-story .photo-block {
  background: url(../../hiireshiki/img/sec_story_body.png) repeat-y center center;
}

.sec-story .photo-block:after {
  content: "";
  clear: both;
  display: block;
}

.sec-story .photo-block li {
  float: left;
  width: calc(50% - 1px);
  margin-right: 2px;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

.sec-story .photo-block li:nth-child(2n) {
  margin-right: 0;
}

.sec-story .photo-block.intro {
  -webkit-perspective: 300px;
          perspective: 300px;
}

.sec-story .photo-block.intro li:nth-child(1) {
  -webkit-transform: translateX(-100px) rotateY(-30deg) rotateX(30deg);
          transform: translateX(-100px) rotateY(-30deg) rotateX(30deg);
  opacity: 0;
}

.sec-story .photo-block.intro li:nth-child(2) {
  -webkit-transform: translateX(100px) rotateY(30deg) rotateX(30deg);
          transform: translateX(100px) rotateY(30deg) rotateX(30deg);
  opacity: 0;
}

.sec-story .tit {
  width: 270px;
  margin: 0 auto 30px;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

.sec-story .tit.intro {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-story .tit {
    width: 200px;
  }
}

.sec-story .top-lead {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  line-height: 2em;
  text-align: center;
}

.sec-story .lead {
  text-align: center;
  line-height: 2em;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-story .lead {
    margin: 0 15px;
  }
}

.sec-story .catch {
  color: #827147;
  font-weight: bold;
  font-size: 1.6rem;
  padding: 30px;
  margin: 60px 40px;
  text-align: center;
  border: 6px solid #dfcc9e;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-story .catch {
    font-size: 1.4rem;
    padding: 15px;
    margin: 40px 20px;
  }
}

.sec-story hr {
  display: block;
  border: 0;
  border-top: 6px solid #dfcc9e;
  width: 50px;
  margin: 60px auto;
  height: 0;
  padding: 0;
  -webkit-transition-duration: 0.5s;
          transition-duration: 0.5s;
}

.sec-story hr.intro {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-story hr {
    margin: 40px auto;
  }
}

.sec-story hr.nmt {
  margin-top: 0;
}

.sec-story hr.nmb {
  margin-bottom: 0;
}

.sec-story .story-block p {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

.sec-story .story-block p.intro {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

.sec-story .story-block ul {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
}

.sec-story .story-block ul.intro {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-story .story-block ul {
    margin: 10px 15px;
  }
}

.sec-gallery {
  border-top: 9px solid #dfcc9e;
  padding: 80px 0;
  background: url(../../hiireshiki/img/sec_gallery_bg.jpg) no-repeat center bottom #000;
  background-size: cover;
}

.sec-gallery .h2 {
  color: #dfcc9e;
}

.sec-gallery .gallery-list {
  max-width: 980px;
  margin: 0 auto;
}

.sec-gallery .gallery-list:after {
  content: "";
  clear: both;
  display: block;
}

.sec-gallery .gallery-list li {
  width: calc(33.33% - 27px);
  float: left;
  background: #fff;
  margin-right: 40px;
  margin-bottom: 40px;
  display: table;
}

.sec-gallery .gallery-list li a:link {
  text-decoration: none;
}

.sec-gallery .gallery-list li a:hover {
  text-decoration: none;
}

.sec-gallery .gallery-list li a:visited {
  text-decoration: none;
}

.sec-gallery .gallery-list li figure {
  overflow: hidden;
  background: #000;
}

.sec-gallery .gallery-list li figure img {
  vertical-align: top;
}

.sec-gallery .gallery-list li .word {
  background: #fff;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.6rem;
  padding: 18px 5px;
  line-height: 1em;
  letter-spacing: 0.1em;
  text-align: center;
}

.sec-gallery .gallery-list li:nth-child(3n) {
  margin-right: 0;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
  .sec-gallery .gallery-list {
    margin: 0 15px;
  }
  .sec-gallery .gallery-list li {
    width: calc(50% - 5px);
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .sec-gallery .gallery-list li .word {
    padding: 8px 3px;
    font-size: 1.2rem;
  }
  .sec-gallery .gallery-list li .word.narrow {
    letter-spacing: 0;
    font-size: 1.0rem;
  }
  .sec-gallery .gallery-list li:nth-child(3n) {
    margin-right: 10px;
  }
  .sec-gallery .gallery-list li:nth-child(2n) {
    margin-right: 0;
  }
}

@media print, screen and (min-width: 769px) and (max-width: 9999px) {
  .sec-gallery li figure img {
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  .sec-gallery li:hover figure img {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
    opacity: 0.7;
  }
}

.sec-gallery .t08-word {
  display: inline-block;
}

.sec-gallery .t08-word img {
  width: auto;
  height: 16px;
}