@charset "UTF-8";
#sec1 {
  background-image: url("../img/menu/s1-bg.jpg");
  background-size: cover;
  background-position: center;
  padding: 12% 0; }
  #sec1 .txt {
    margin-top: 5%; }

#sec2 {
  padding: 12% 0 0; }
  #sec2 .note {
    text-align: center; }
  #sec2 .box {
    width: 80%;
    margin: -6% auto 5%;
    position: relative;
    z-index: 1;
    text-align: center;
    padding: 5% 0 4%; }
    #sec2 .box .ttl {
      margin-bottom: 1%; }
  #sec2 .blk1 {
    margin-top: 8%;
    padding-bottom: 6%; }
    #sec2 .blk1 .no1 {
      position: relative;
      z-index: 1; }
    #sec2 .blk1 .img1 {
      margin-top: -6%; }
  #sec2 .blk2 {
    background: rgba(0, 0, 0, 0.35); }
    #sec2 .blk2 .no2 {
      position: relative;
      z-index: 1; }
    #sec2 .blk2 .img2 {
      margin-top: -6%; }
    #sec2 .blk2 .txt2 {
      margin-bottom: 6%; }
  #sec2 .blk3 {
    background: rgba(0, 0, 0, 0.35);
    padding-bottom: 12%; }
    #sec2 .blk3 .no3 {
      position: relative;
      z-index: 1; }
    #sec2 .blk3 .img3 {
      margin-top: -6%; }
    #sec2 .blk3 .note {
      color: #f7d251;
      text-align: left; }

.remodal {
  padding: 7% 5%;
  text-align: left; }

.remodal-close {
  color: #000;
  left: unset;
  right: 0; }

.slick-arrow {
  width: 35px;
  height: 35px;
  background: #000;
  font-size: 0;
  border: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9; }

.slick-prev {
  left: 4%; }

.slick-prev:before {
  font-size: 20px;
  content: '\f104';
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  color: #fff; }

.slick-next {
  right: 4%; }

.slick-next:before {
  font-size: 20px;
  content: '\f105';
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  color: #fff; }

#sec3 {
  background: #000;
  padding: 12% 0;
  text-align: center; }
  #sec3 .box a {
    display: block;
    padding: 5% 0 20px;
    position: relative; }
  #sec3 .box .ttl {
    margin-bottom: 2%; }
  #sec3 .box .more {
    text-align: center;
    margin-top: 5px;
    font-size: 13px; }
    #sec3 .box .more span {
      text-decoration: underline; }
  #sec3 .slick-slide {
    padding: 0 5px; }

#sec4 {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }
  #sec4 .toggle {
    padding: 10% 0; }
    #sec4 .toggle .toggle-link {
      padding-bottom: 10px; }
      #sec4 .toggle .toggle-link:after {
        content: '\f107';
        font-size: 30px;
        top: unset;
        bottom: 0;
        right: unset;
        left: 50%;
        transform: translateX(-50%); }
    #sec4 .toggle .toggle-main {
      padding-top: 20px; }
      #sec4 .toggle .toggle-main .note {
        text-align: center;
        margin-bottom: 20px; }
      #sec4 .toggle .toggle-main .item {
        margin-bottom: 30px; }
        #sec4 .toggle .toggle-main .item h3 {
          text-align: center;
          background: #fff;
          color: #9e2228;
          padding: 10px;
          margin-bottom: 10px;
          font-weight: bold; }
        #sec4 .toggle .toggle-main .item .mb0 {
          margin-bottom: 0; }
        #sec4 .toggle .toggle-main .item dl {
          display: table;
          width: 100%;
          border-bottom: 1px solid rgba(255, 255, 255, 0.7);
          padding-bottom: 10px;
          margin-bottom: 10px; }
          #sec4 .toggle .toggle-main .item dl dt {
            display: table-cell; }
          #sec4 .toggle .toggle-main .item dl dd {
            display: table-cell;
            width: 80px;
            text-align: right; }
  #sec4 .active .toggle-link:after {
    content: '\f106'; }

#sec5 .toggle {
  padding: 5% 0 10%; }
  #sec5 .toggle .toggle-link {
    padding-bottom: 10px; }
    #sec5 .toggle .toggle-link:after {
      content: '\f107';
      font-size: 30px;
      top: unset;
      bottom: 0;
      right: unset;
      left: 50%;
      transform: translateX(-50%); }
  #sec5 .toggle .toggle-main {
    padding-top: 20px; }
    #sec5 .toggle .toggle-main .note {
      text-align: center;
      margin-bottom: 20px; }
    #sec5 .toggle .toggle-main .item {
      margin-bottom: 30px; }
      #sec5 .toggle .toggle-main .item h3 {
        text-align: center;
        background: #fff;
        color: #9e2228;
        padding: 10px;
        margin-bottom: 10px;
        font-weight: bold; }
      #sec5 .toggle .toggle-main .item h4 {
        text-align: center;
        background: rgba(255, 255, 255, 0.6);
        color: #000;
        padding: 10px;
        margin-bottom: 10px; }
      #sec5 .toggle .toggle-main .item .mb0 {
        margin-bottom: 0; }
      #sec5 .toggle .toggle-main .item dl {
        display: table;
        width: 100%;
        border-bottom: 1px solid rgba(255, 255, 255, 0.7);
        padding-bottom: 10px;
        margin-bottom: 10px; }
        #sec5 .toggle .toggle-main .item dl dt {
          display: table-cell; }
        #sec5 .toggle .toggle-main .item dl dd {
          display: table-cell;
          width: 80px;
          text-align: right; }
#sec5 .active .toggle-link:after {
  content: '\f106'; }

.accordion-panel {
  display: none; }

.accordion-control.inactive {
  position: relative; }
  .accordion-control.inactive:after {
    content: '\f107'; }

.accordion-control {
  position: relative; }
  .accordion-control:after {
    font-size: 18px;
    transform: translateY(-50%);
    content: '\f106';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    right: 20px;
    top: 23px;
    color: #9e2228; }

/*# sourceMappingURL=menu.css.map */
