@charset "UTF-8";
/* =================================
mixin
================================= */
/* =================================
base
================================= */
html > body {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ＭＳ ゴシック", "MS Gothic", sans-serif; }
  html > body .min {
    font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 600; }

html {
  font-size: 62.5%; }

a {
  text-decoration: none; }

#contents .path {
  height: auto;
  padding: 15px 0; }

#introduce_top {
  width: 1100px;
  margin: 0 auto 80px;
  padding-top: 20px; }

/* =================================
nav
================================= */
.introduce_nav {
  width: 1280px;
  margin: 0 auto 160px; }
  .introduce_nav .nav_menu {
    position: relative;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .introduce_nav .nav_menu li {
      font-size: 1.2rem;
      line-height: 1.3;
      position: relative;
      text-align: center;
      margin-right: 20px; }
      .introduce_nav .nav_menu li:last-child {
        margin-right: 0; }
      .introduce_nav .nav_menu li:after {
        position: absolute;
        bottom: 0px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #392a28;
        -webkit-transform: scale(0, 1);
        -ms-transform: scale(0, 1);
        transform: scale(0, 1);
        -webkit-transform-origin: right top;
        -ms-transform-origin: right top;
        transform-origin: right top;
        -webkit-transition: -webkit-transform .3s;
        transition: -webkit-transform .3s;
        -o-transition: transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s; }
      .introduce_nav .nav_menu li a {
        padding-bottom: 15px;
        display: block;
        color: #392a28;
        opacity: 0.6; }
      .introduce_nav .nav_menu li:hover a {
        opacity: 1; }
      .introduce_nav .nav_menu li:hover:after {
        -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
        transform-origin: left top;
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        transform: scale(1, 1); }
    .introduce_nav .nav_menu__main {
      font-size: 1.6rem;
      margin-top: 8px; }
    .introduce_nav .nav_menu .current {
      position: relative; }
      .introduce_nav .nav_menu .current:after {
        position: absolute;
        bottom: 0px;
        left: 0;
        content: '';
        width: 100%;
        height: 1px;
        background: #392a28;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        -webkit-transform-origin: auto;
        -ms-transform-origin: auto;
        transform-origin: auto;
        -webkit-transition: none;
        -o-transition: none;
        transition: none; }
      .introduce_nav .nav_menu .current a {
        opacity: 1; }
  .introduce_nav--open {
    width: 1095px;
    margin-top: 25px !important;
    margin-bottom: 140px;
    margin: 0 auto; }
    .introduce_nav--open .nav_menu li {
      width: 20%; }
      .introduce_nav--open .nav_menu li:after {
        height: 2px; }
    .introduce_nav--open .nav_menu .current:after {
      height: 2px; }

.introduce_nav--open.fixed, .introduce_nav--top.fixed {
  position: fixed;
  top: 80px;
  width: 100%;
  z-index: 10000;
  background: #FFF; }
  .introduce_nav--open.fixed .nav_menu, .introduce_nav--top.fixed .nav_menu {
    width: 1280px;
    margin: 0 auto; }

.introduce_nav--open.fixed .nav_menu {
  padding-top: 20px; }

.introduce_nav--top.fixed {
  background: #FFF;
  margin: 0 auto; }
  .introduce_nav--top.fixed .nav_ttl {
    display: none; }
  .introduce_nav--top.fixed .nav_menu {
    border: none; }

/* =================================
content
================================= */
#story .heading {
  width: 1100px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 100px; }
  #story .heading .mv_cont {
    position: absolute;
    left: 15%;
    bottom: -15%; }
  #story .heading-cont {
    margin-left: 35%;
    text-align: left; }
  #story .heading h2 {
    font-size: 28px;
    font-family: 游明朝, serif;
    font-weight: bold;
    background-image: url(/introduce/story/img/parts.png);
    background-repeat: no-repeat;
    height: 80px; }
  #story .heading .title_txt {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    line-height: 28.8px;
    color: #322422;
    margin-bottom: 25px; }
  #story .heading p {
    width: 82%;
    font-size: 16px; }