@charset "UTF-8";
/* *****************************
 *
 * Import file to Scss or Sass.
 *
 **************************** */
/* -----------------------------------------------------------------
Title: reset.css
Created: 2020-02-20
Last Modified: 2020-03-26
------------------------------------------------------------------ */
/*　目次 
-----------------------------------------------------------------

#01-リセット
#02-基本タグの定義
#03-CSSハック

------------------------------------------------------------------ */
/* -----------------------------------------------------------------

#01　リセット

------------------------------------------------------------------ */
* {
  font-style: normal;
  margin: 0px;
  padding: 0px;
  text-decoration: none; }

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%;
  line-height: 1.6; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th {
  text-align: left; }

ol, ul, dl {
  list-style: none; }

fieldset {
  border: 0; }

img {
  border: 0;
  vertical-align: bottom;
  width: 100%;
  height: auto; }

::placeholder {
  color: #C0C0C0; }

.grecaptcha-badge {
  display: none; }

/* -----------------------------------------------------------------

#02　基本タグの定義
    font-family: 'Josefin Sans', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Oswald', sans-serif;

------------------------------------------------------------------ */
body {
  font-family: "Noto Sans JP", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
  font-feature-settings: 'palt' 1;
  background-color: #FFFFFF;
  color: #000000;
  letter-spacing: 0.09em;
  text-align: left;
  width: auto;
  height: 100%;
  margin: 0px auto;
  background-position: top;
  box-sizing: border-box; }

.text-serif {
  font-family: "Noto Serif JP", "Georgia", "Hiragino Mincho ProN", serif; }

.heading-kaimin {
  font-family: "Kaisei Tokumin", serif;
  font-weight: 700; }

@media screen and (max-width: 750px) {
  body {
    border: none; } }
@media all and (-ms-high-contrast: none) {
  body {
    letter-spacing: 0; } }
h1, h2, h3, h4, h5, h6 {
  font-weight: 100; }

p {
  text-align: left;
  font-size: 1.3em; }

span {
  font-size: 1em;
  text-align: left; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: 100; }

a img {
  border-style: none;
  outline: medium none; }

object {
  border-style: none;
  outline: medium none; }

/** anchors */
/**************************************/
a {
  font-size: 1em;
  color: #00559A;
  text-decoration: none;
  outline: none;
  -webkit-transition: opacity 0.30s;
  -moz-transition: opacity 0.30s;
  -ms-transition: opacity 0.30s;
  -o-transition: opacity 0.30s;
  transition: opacity 0.30s; }

a:hover {
  opacity: 0.7; }

a:link {
  outline: medium none; }

a:visited {
  outline: medium none; }

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
/* ---- theme colors (東都生協 LP) ---- */
.both {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 70;
  opacity: 0.5; }
  .both img {
    display: block;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto; }

.no_scroll {
  width: 100%;
  height: 100vh;
  overflow: hidden; }

.top_index {
  /* =========================================================
     HEADER
  ========================================================= */
  /* =========================================================
     MAIN
  ========================================================= */
  /* =========================================================
     FOOTER
  ========================================================= */
  /* =========================================================
     FLOATING
  ========================================================= */ }
  .top_index #wrapper {
    overflow-x: hidden; }
  .top_index header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    height: 85px;
    padding: 0 25px 0 42px;
    box-sizing: border-box; }
    .top_index header .logo h1 {
      width: 185px; }
      .top_index header .logo h1 a {
        display: block;
        transition: opacity 0.30s; }
        .top_index header .logo h1 a:hover {
          opacity: .7; }
      .top_index header .logo h1 img {
        width: 100%; }
    .top_index header .menu .pc {
      display: flex;
      align-items: center; }
      .top_index header .menu .pc ul {
        display: flex;
        align-items: center;
        margin: 0 23px 0 0; }
        .top_index header .menu .pc ul li {
          margin: 0 28px 0 0; }
          .top_index header .menu .pc ul li:last-child {
            margin: 0; }
          .top_index header .menu .pc ul li a {
            position: relative;
            top: 0;
            left: 0;
            display: flex;
            align-items: center;
            white-space: nowrap;
            color: #333333;
            font-size: 14px;
            font-weight: 500;
            letter-spacing: 0.02em; }
            .top_index header .menu .pc ul li a img {
              width: 11px;
              margin: 0 0 0 2px; }
            .top_index header .menu .pc ul li a:hover:after {
              position: absolute;
              bottom: -2px;
              left: 0;
              content: '';
              display: block;
              background: #008042;
              width: 100%;
              height: 2px; }
      .top_index header .menu .pc p a {
        display: flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
        background: #008042;
        color: #fff;
        font-size: 14px;
        font-weight: 700;
        border-radius: 46px;
        width: 188px;
        height: 46px;
        transition: opacity 0.30s; }
        .top_index header .menu .pc p a:hover {
          opacity: .7; }
    .top_index header .menu .sp {
      display: none; }
    @media screen and (max-width: 1040px) {
      .top_index header {
        height: 11.3333333333vw;
        padding: 0 4vw 0 8.2666666667vw; }
        .top_index header .logo h1 {
          width: 24.6666666667vw; }
        .top_index header .logo {
          position: relative;
          top: 0;
          left: 0;
          width: 100%; }
          .top_index header .logo .btn {
            position: absolute;
            right: 1.3333333333vw;
            top: 2.2666666667vw; }
            .top_index header .logo .btn a {
              position: relative;
              top: 0;
              left: 0;
              display: flex;
              align-items: center;
              width: 6.6666666667vw;
              height: 2.8vw; }
              .top_index header .logo .btn a:before, .top_index header .logo .btn a:after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                background: #008042;
                width: 100%;
                height: 0.4vw;
                transition: 0.30s; }
              .top_index header .logo .btn a:before {
                top: 0; }
              .top_index header .logo .btn a:after {
                bottom: 0; }
              .top_index header .logo .btn a span {
                background: #008042;
                width: 100%;
                height: 0.4vw;
                transition: 0.30s; }
              .top_index header .logo .btn a.open span {
                opacity: 0; }
              .top_index header .logo .btn a.open:before {
                top: 50%;
                transform: translateY(-50%) rotate(45deg); }
              .top_index header .logo .btn a.open:after {
                top: 50%;
                bottom: auto;
                transform: translateY(-50%) rotate(-45deg); }
        .top_index header .menu .pc {
          display: none; }
        .top_index header .menu .sp {
          display: block;
          position: absolute;
          top: 11.3333333333vw;
          left: 0;
          width: 100%; }
          .top_index header .menu .sp .nav {
            width: 100%;
            height: 0;
            overflow: hidden;
            background: #006e42;
            box-sizing: border-box; }
            .top_index header .menu .sp .nav.open {
              padding: 3.3333333333vw 0 8vw;
              height: 100dvh;
              overflow-y: auto; }
            .top_index header .menu .sp .nav dl {
              margin: 0 0 10.2666666667vw 0; }
              .top_index header .menu .sp .nav dl dt {
                border-bottom: 2px solid #FFFFFF; }
                .top_index header .menu .sp .nav dl dt a {
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  background: #FFFFFF;
                  color: #000000;
                  font-size: 3.4666666667vw;
                  width: 47.4666666667vw;
                  height: 8vw;
                  border-radius: 8vw;
                  margin: 0 auto 3.0666666667vw auto;
                  letter-spacing: 0.2em; }
                .top_index header .menu .sp .nav dl dt strong {
                  display: block;
                  color: #FFFFFF;
                  font-size: 3.7333333333vw;
                  opacity: 0.6;
                  padding: 0 0 2vw 6vw; }
              .top_index header .menu .sp .nav dl dd {
                border-bottom: 2px solid rgba(255, 255, 255, 0.5);
                /* SPメニュー：別タブで開くリンク（target="_blank"）用 */ }
                .top_index header .menu .sp .nav dl dd a {
                  position: relative;
                  top: 0;
                  left: 0;
                  display: flex;
                  align-items: center;
                  font-size: 3.7333333333vw;
                  width: 100%;
                  height: 13.3333333333vw;
                  box-sizing: border-box;
                  color: #FFFFFF;
                  padding: 0 0 0 6vw; }
                  .top_index header .menu .sp .nav dl dd a:after {
                    content: '';
                    display: block;
                    position: absolute;
                    top: 5.6vw;
                    right: 6.4vw;
                    background: url(../images/icon02.svg) top center repeat;
                    background-size: 100% auto;
                    width: 1.6vw;
                    height: 2.5333333333vw; }
                .top_index header .menu .sp .nav dl dd a[target="_blank"]:after {
                  content: '';
                  display: block;
                  position: absolute;
                  top: 6vw;
                  right: 6.4vw;
                  background: url(../images/icon01.svg) top center repeat;
                  background-size: 100% auto;
                  width: 4vw;
                  height: 3.2vw; } }
  .top_index main {
    /* ---------- KEY ---------- */
    /* ---------- CONT01 : 産直肉 ---------- */
    /* ---------- CONT02-04 : 商品 ---------- */
    /* plate 左右振り分け : P1右 / P2左 / P3右 */
    /* ---------- CONT05 : わたしのこだわり ---------- */
    /* ---------- CONT06 : まとめ + 3セット + CTA ---------- */
    /* ---------- CONT07 : キャンペーン ---------- */
    /* ---------- CONT08 : 宅配エリア ---------- */
    /* ---------- CONT09 : お問い合わせ ---------- */
    /* ---------- CONT10 : 注意書き ---------- */ }
    .top_index main .inner {
      width: 100%;
      max-width: 1140px;
      margin: 0 auto; }
      @media screen and (max-width: 1040px) {
        .top_index main .inner {
          max-width: 90.6666666667vw; } }
    .top_index main #key {
      width: 100%;
      padding: 85px 0 0 0; }
      .top_index main #key h1 {
        width: 100%; }
        .top_index main #key h1 img {
          width: 100%; }
      .top_index main #key strong {
        display: block;
        width: 100%; }
        .top_index main #key strong img {
          width: 100%; }
      @media screen and (max-width: 1040px) {
        .top_index main #key {
          padding: 11.3333333333vw 0 0 0; } }
    .top_index main #cont01 {
      position: relative;
      top: 0;
      left: 0;
      background: #30271E;
      margin: 0;
      /* 下端の繋ぎ画像をセクション下端に固定。間は茶地(CSS背景)が伸縮 */ }
      .top_index main #cont01 .img {
        position: relative;
        width: 100%; }
      .top_index main #cont01 .img2 {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%; }
        .top_index main #cont01 .img2 img {
          width: 100%;
          display: block; }
      .top_index main #cont01 .box {
        position: absolute;
        top: 634px;
        left: 0;
        width: 100%;
        z-index: 2; }
      .top_index main #cont01 .inner {
        width: 62.5%;
        max-width: 800px;
        padding: 70px 0 90px 0;
        text-align: center;
        margin: 0 auto; }
        .top_index main #cont01 .inner h3 {
          border-bottom: 2px solid #FFFFFF;
          width: 100%;
          max-width: 796px;
          margin: 0 auto 95px auto;
          padding: 0 0 12px 0; }
        .top_index main #cont01 .inner .text {
          position: relative;
          top: 0;
          left: 0;
          background: #fff;
          border-radius: 20px;
          max-width: 800px;
          margin: 0 auto;
          padding: 56px 30px 38px 35px;
          box-sizing: border-box; }
          .top_index main #cont01 .inner .text strong {
            display: block;
            position: absolute;
            top: -27px;
            left: 0;
            width: 100%; }
            .top_index main #cont01 .inner .text strong span {
              display: flex;
              align-items: center;
              justify-content: center;
              background: #F15A24;
              color: #fff;
              font-weight: bold;
              font-size: 30px;
              border-radius: 55px;
              width: 404px;
              height: 55px;
              white-space: nowrap;
              margin: 0 auto; }
          .top_index main #cont01 .inner .text p {
            font-size: 22px;
            line-height: 1.8181818182; }
      @media screen and (max-width: 1040px) {
        .top_index main #cont01 {
          margin: 0; }
          .top_index main #cont01 .box {
            top: 211.4666666667vw; }
          .top_index main #cont01 .inner {
            width: 90.6666666667vw;
            padding: 0; }
            .top_index main #cont01 .inner h3 {
              width: 85.4666666667vw;
              margin: 0 auto 11.4666666667vw auto;
              padding: 0 0 1.2vw 0; }
            .top_index main #cont01 .inner .text {
              border-radius: 2.6666666667vw;
              padding: 8vw 5.0666666667vw 5.3333333333vw; }
              .top_index main #cont01 .inner .text strong {
                top: -3.8666666667vw; }
                .top_index main #cont01 .inner .text strong span {
                  font-size: 4vw;
                  border-radius: 7.3333333333vw;
                  width: 53.8666666667vw;
                  height: 7.3333333333vw; }
              .top_index main #cont01 .inner .text p {
                font-size: 4vw;
                line-height: 1.4; } }
    .top_index main #cont02, .top_index main #cont03, .top_index main #cont04 {
      position: relative;
      top: 0;
      left: 0;
      background: #78634B;
      overflow: hidden;
      margin: 0 0 -1px 0;
      /* 同色セクション境界のヘアライン対策(1px重ね) */
      /* 下端の繋ぎ画像（湯気など）をセクション下端に固定。間はトープ地(CSS背景)が伸縮 */ }
      .top_index main #cont02 .img, .top_index main #cont03 .img, .top_index main #cont04 .img {
        position: relative;
        z-index: 1;
        width: 100%; }
        .top_index main #cont02 .img img, .top_index main #cont03 .img img, .top_index main #cont04 .img img {
          width: 100%;
          display: block; }
      .top_index main #cont02 .img2, .top_index main #cont03 .img2, .top_index main #cont04 .img2 {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
        width: 100%; }
        .top_index main #cont02 .img2 img, .top_index main #cont03 .img2 img, .top_index main #cont04 .img2 img {
          width: 100%;
          display: block; }
      .top_index main #cont02 .cont_box, .top_index main #cont03 .cont_box, .top_index main #cont04 .cont_box {
        position: absolute;
        top: 0;
        z-index: 2;
        padding: 172px 0 0 0; }
      .top_index main #cont02 .inner, .top_index main #cont03 .inner, .top_index main #cont04 .inner {
        margin: 0; }
      .top_index main #cont02 .text, .top_index main #cont03 .text, .top_index main #cont04 .text {
        width: 50%;
        min-width: 648px; }
        .top_index main #cont02 .text .title, .top_index main #cont03 .text .title, .top_index main #cont04 .text .title {
          position: relative;
          top: 0;
          left: 0;
          margin: 0 0 13px 0; }
          .top_index main #cont02 .text .title h3, .top_index main #cont03 .text .title h3, .top_index main #cont04 .text .title h3 {
            margin: 0 0 20px 0; }
            .top_index main #cont02 .text .title h3 img, .top_index main #cont03 .text .title h3 img, .top_index main #cont04 .text .title h3 img {
              width: 100%; }
          .top_index main #cont02 .text .title span, .top_index main #cont03 .text .title span, .top_index main #cont04 .text .title span {
            display: block;
            color: #fff;
            font-size: 20px;
            margin: 0 0 4px 0;
            vertical-align: middle;
            letter-spacing: -0.02em; }
          .top_index main #cont02 .text .title em, .top_index main #cont03 .text .title em, .top_index main #cont04 .text .title em {
            display: block;
            width: 134px; }
        .top_index main #cont02 .text .item strong, .top_index main #cont03 .text .item strong, .top_index main #cont04 .text .item strong {
          display: block;
          font-family: "Kaisei Tokumin", serif;
          font-weight: 700;
          color: #fff;
          font-size: 50px;
          line-height: 1.32; }
        .top_index main #cont02 .text .item > span, .top_index main #cont03 .text .item > span, .top_index main #cont04 .text .item > span {
          display: block;
          color: #fff;
          font-size: 24px;
          line-height: 1.6666666667;
          font-weight: 500;
          margin: 0 0 14px 0;
          letter-spacing: 0.06em; }
          .top_index main #cont02 .text .item > span em, .top_index main #cont03 .text .item > span em, .top_index main #cont04 .text .item > span em {
            font-size: 16px;
            line-height: 2.5; }
        .top_index main #cont02 .text .item p, .top_index main #cont03 .text .item p, .top_index main #cont04 .text .item p {
          color: #fff;
          font-size: 18px;
          line-height: 1.5555555556; }
      .top_index main #cont02 .voice, .top_index main #cont03 .voice, .top_index main #cont04 .voice {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        margin: 121px 0 0 0;
        z-index: 2; }
        .top_index main #cont02 .voice h5, .top_index main #cont03 .voice h5, .top_index main #cont04 .voice h5 {
          position: absolute;
          top: -80px;
          left: 82px;
          width: 232px;
          z-index: 5; }
        .top_index main #cont02 .voice .slider, .top_index main #cont03 .voice .slider, .top_index main #cont04 .voice .slider {
          display: flex;
          gap: 12px;
          width: 100vw;
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          scroll-padding: 0 70px;
          padding: 0 70px 4px 70px;
          -webkit-overflow-scrolling: touch;
          scrollbar-width: none;
          box-sizing: border-box;
          -ms-overflow-style: none;
          cursor: grab;
          user-select: none;
          -webkit-user-select: none;
          -ms-user-select: none; }
          .top_index main #cont02 .voice .slider::-webkit-scrollbar, .top_index main #cont03 .voice .slider::-webkit-scrollbar, .top_index main #cont04 .voice .slider::-webkit-scrollbar {
            display: none; }
          .top_index main #cont02 .voice .slider.grabbing, .top_index main #cont03 .voice .slider.grabbing, .top_index main #cont04 .voice .slider.grabbing {
            cursor: grabbing; }
          .top_index main #cont02 .voice .slider.grabbing .card, .top_index main #cont03 .voice .slider.grabbing .card, .top_index main #cont04 .voice .slider.grabbing .card {
            cursor: grabbing; }
          .top_index main #cont02 .voice .slider .card, .top_index main #cont03 .voice .slider .card, .top_index main #cont04 .voice .slider .card {
            flex: 0 0 372px;
            scroll-snap-align: start;
            display: block;
            background: #fff;
            border-radius: 10px;
            padding: 25px 19px 22px 23px;
            box-sizing: border-box;
            box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08); }
            .top_index main #cont02 .voice .slider .card strong, .top_index main #cont03 .voice .slider .card strong, .top_index main #cont04 .voice .slider .card strong {
              display: block;
              font-weight: 700;
              font-size: 20px;
              line-height: 1.35;
              color: #333333;
              margin: 0 0 9px 0; }
            .top_index main #cont02 .voice .slider .card p, .top_index main #cont03 .voice .slider .card p, .top_index main #cont04 .voice .slider .card p {
              color: #555;
              font-size: 19px;
              line-height: 1.4210526316;
              display: -webkit-box;
              -webkit-line-clamp: 3;
              -webkit-box-orient: vertical;
              overflow: hidden;
              transition: .35s; }
            .top_index main #cont02 .voice .slider .card .more, .top_index main #cont03 .voice .slider .card .more, .top_index main #cont04 .voice .slider .card .more {
              display: inline-block;
              border: none;
              background: none;
              font-family: inherit;
              color: #F15A24;
              font-size: 16px;
              line-height: 1.6875;
              cursor: pointer;
              padding: 0;
              transition: opacity 0.30s; }
              .top_index main #cont02 .voice .slider .card .more:hover, .top_index main #cont03 .voice .slider .card .more:hover, .top_index main #cont04 .voice .slider .card .more:hover {
                opacity: .7; }
            .top_index main #cont02 .voice .slider .card.open p, .top_index main #cont03 .voice .slider .card.open p, .top_index main #cont04 .voice .slider .card.open p {
              display: block;
              -webkit-line-clamp: none;
              overflow: visible; }
        .top_index main #cont02 .voice .scrollbar, .top_index main #cont03 .voice .scrollbar, .top_index main #cont04 .voice .scrollbar {
          position: relative;
          width: 46%;
          max-width: 540px;
          height: 9px;
          margin: 30px auto 0 auto;
          background: #fff;
          border-radius: 3px;
          box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06);
          cursor: pointer; }
          .top_index main #cont02 .voice .scrollbar .thumb, .top_index main #cont03 .voice .scrollbar .thumb, .top_index main #cont04 .voice .scrollbar .thumb {
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            min-width: 30px;
            background: #f15a24;
            border-radius: 3px;
            cursor: pointer; }
          @media screen and (max-width: 1040px) {
            .top_index main #cont02 .voice .scrollbar, .top_index main #cont03 .voice .scrollbar, .top_index main #cont04 .voice .scrollbar {
              width: 46vw;
              margin: 4vw auto 0 auto; } }
      @media screen and (max-width: 1040px) {
        .top_index main #cont02, .top_index main #cont03, .top_index main #cont04 {
          margin: 0; }
          .top_index main #cont02 .cont_box, .top_index main #cont03 .cont_box, .top_index main #cont04 .cont_box {
            padding: 78.2666666667vw 0 0 0; }
          .top_index main #cont02 .text, .top_index main #cont03 .text, .top_index main #cont04 .text {
            width: 90.6666666667vw;
            min-width: 90.6666666667vw;
            max-width: none; }
            .top_index main #cont02 .text .title, .top_index main #cont03 .text .title, .top_index main #cont04 .text .title {
              margin: 0 0 2.8vw 0; }
              .top_index main #cont02 .text .title h3, .top_index main #cont03 .text .title h3, .top_index main #cont04 .text .title h3 {
                width: 89.3333333333vw;
                margin: 0 0 2.6666666667vw 0; }
              .top_index main #cont02 .text .title span, .top_index main #cont03 .text .title span, .top_index main #cont04 .text .title span {
                font-size: 4vw; }
              .top_index main #cont02 .text .title em, .top_index main #cont03 .text .title em, .top_index main #cont04 .text .title em {
                width: 26.8vw; }
            .top_index main #cont02 .text .item strong, .top_index main #cont03 .text .item strong, .top_index main #cont04 .text .item strong {
              font-size: 10vw;
              letter-spacing: 0; }
            .top_index main #cont02 .text .item > span, .top_index main #cont03 .text .item > span, .top_index main #cont04 .text .item > span {
              font-size: 4.8vw;
              margin: -0.2666666667vw 0 3.6vw 0; }
              .top_index main #cont02 .text .item > span em, .top_index main #cont03 .text .item > span em, .top_index main #cont04 .text .item > span em {
                font-size: 3.2vw; }
            .top_index main #cont02 .text .item p, .top_index main #cont03 .text .item p, .top_index main #cont04 .text .item p {
              font-size: 3.7333333333vw;
              line-height: 1.4285714286; }
          .top_index main #cont02 .voice, .top_index main #cont03 .voice, .top_index main #cont04 .voice {
            margin: 25.6vw 0 0 0;
            right: 0; }
            .top_index main #cont02 .voice h5, .top_index main #cont03 .voice h5, .top_index main #cont04 .voice h5 {
              top: -16.9333333333vw;
              left: 7.2vw;
              width: 52.2666666667vw; }
            .top_index main #cont02 .voice .slider, .top_index main #cont03 .voice .slider, .top_index main #cont04 .voice .slider {
              gap: 2.6666666667vw;
              scroll-padding: 0 4.6666666667vw;
              padding: 0.5333333333vw 4.6666666667vw 3.2vw 4.6666666667vw; }
              .top_index main #cont02 .voice .slider .card, .top_index main #cont03 .voice .slider .card, .top_index main #cont04 .voice .slider .card {
                flex: 0 0 83.3333333333vw;
                border-radius: 2.1333333333vw;
                padding: 5.8666666667vw 5.3333333333vw 5.6vw; }
                .top_index main #cont02 .voice .slider .card strong, .top_index main #cont03 .voice .slider .card strong, .top_index main #cont04 .voice .slider .card strong {
                  font-size: 4.4vw;
                  margin: 0 0 1.4666666667vw 0; }
                .top_index main #cont02 .voice .slider .card p, .top_index main #cont03 .voice .slider .card p, .top_index main #cont04 .voice .slider .card p {
                  font-size: 4.2666666667vw; }
                .top_index main #cont02 .voice .slider .card .more, .top_index main #cont03 .voice .slider .card .more, .top_index main #cont04 .voice .slider .card .more {
                  font-size: 3.6vw; } }
    .top_index main #cont02 .img {
      right: 0; }
    .top_index main #cont02 .inner .text {
      margin: 0; }
    .top_index main #cont04 .img {
      right: 0; }
    .top_index main #cont04 .inner .text {
      margin: 0; }
    .top_index main #cont03 .img {
      left: 0; }
    .top_index main #cont03 .inner {
      display: flex;
      justify-content: flex-end; }
    .top_index main #cont02 .cont_box, .top_index main #cont04 .cont_box {
      left: 0; }
      .top_index main #cont02 .cont_box .inner, .top_index main #cont04 .cont_box .inner {
        margin: 0 0 0 70px; }
    @media screen and (max-width: 1040px) {
      .top_index main #cont02 .cont_box .inner, .top_index main #cont04 .cont_box .inner {
        margin: 0 0 0 4.6666666667vw; } }
    .top_index main #cont03 .cont_box {
      left: 0;
      padding: 96px 0 0 0; }
      .top_index main #cont03 .cont_box .areabox {
        display: flex;
        justify-content: flex-end; }
      .top_index main #cont03 .cont_box .inner {
        padding: 0 15px 0 0; }
      .top_index main #cont03 .cont_box .text .title h3 {
        width: 545px;
        margin: 0 0 25px 0; }
      .top_index main #cont03 .cont_box .text .title .item strong {
        margin: 0 0 -4px 0; }
    .top_index main #cont03 .voice {
      margin: 86px 0 0 0; }
    @media screen and (max-width: 1040px) {
      .top_index main #cont03 .cont_box {
        padding: 76.6666666667vw 0 0 0; }
        .top_index main #cont03 .cont_box .areabox {
          display: block; }
        .top_index main #cont03 .cont_box .inner {
          margin: 0 0 0 4.6666666667vw; }
        .top_index main #cont03 .cont_box .text .title h3 {
          width: 72.6666666667vw;
          margin: 0 0 3.3333333333vw 0; }
        .top_index main #cont03 .cont_box .text .title .item strong {
          margin: 0 0 -0.5333333333vw 0; }
      .top_index main #cont03 .voice {
        margin: 24.2666666667vw 0 0 0; } }
    .top_index main #cont04 .cont_box {
      padding: 30px 0 0 0; }
      .top_index main #cont04 .cont_box .text .title h3 {
        width: 596px;
        margin: 0 0 25px 0; }
      .top_index main #cont04 .cont_box .text .item strong {
        line-height: 1.18; }
      .top_index main #cont04 .cont_box .voice {
        margin: 96px 0 0 0; }
    @media screen and (max-width: 1040px) {
      .top_index main #cont04 .cont_box {
        padding: 79.6vw 0 0 0; }
        .top_index main #cont04 .cont_box .text .title h3 {
          width: 79.4666666667vw;
          margin: 0 0 5.6vw 0; }
        .top_index main #cont04 .cont_box .text .item strong {
          line-height: 1.18; }
        .top_index main #cont04 .cont_box .voice {
          margin: 24.2666666667vw 0 0 0; } }
    @media screen and (max-width: 1040px) {
      .top_index main #cont03 .inner {
        text-align: left; } }
    .top_index main #cont05 {
      position: relative;
      top: 0;
      left: 0;
      margin: 0;
      color: #fff; }
      .top_index main #cont05 .img {
        width: 100%; }
        .top_index main #cont05 .img img {
          width: 100%;
          display: block; }
      .top_index main #cont05 .inner {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        padding: 120px 0 0 0; }
        .top_index main #cont05 .inner .text .title {
          width: 604px; }
          .top_index main #cont05 .inner .text .title h3 {
            width: 604px;
            margin: 0 0 39px 0; }
          .top_index main #cont05 .inner .text .title span {
            display: inline-block;
            font-size: 23px;
            line-height: 1.4347826087;
            font-weight: bold;
            margin: 0 9px 0 0;
            letter-spacing: 0.01em; }
          .top_index main #cont05 .inner .text .title em {
            display: inline-block;
            width: 145px;
            vertical-align: text-bottom; }
          .top_index main #cont05 .inner .text .title p {
            font-size: 20px;
            line-height: 1.65;
            margin: 7px 0 0 0;
            letter-spacing: 0.03em; }
        .top_index main #cont05 .inner .text .item {
          background: #fff;
          border-radius: 10px;
          margin: 28px 0 0 0;
          padding: 14px 26px 16px 29px;
          width: 510px;
          box-sizing: border-box; }
          .top_index main #cont05 .inner .text .item strong {
            display: block;
            color: #333333;
            font-weight: 700;
            font-size: 20px;
            line-height: 1.65;
            margin: 0 0 1px 0;
            letter-spacing: 0; }
            .top_index main #cont05 .inner .text .item strong em {
              font-size: 14px; }
          .top_index main #cont05 .inner .text .item ul li {
            position: relative;
            top: 0;
            left: 0;
            color: #333333;
            font-size: 20px;
            line-height: 1.65;
            padding: 0 0 0 22px; }
            .top_index main #cont05 .inner .text .item ul li::before {
              content: '●';
              position: absolute;
              left: 0;
              color: #F4831E; }
      @media screen and (max-width: 1040px) {
        .top_index main #cont05 {
          background: #ff6c11; }
          .top_index main #cont05 .inner {
            padding: 21.2vw 0 0 0; }
            .top_index main #cont05 .inner .text .title {
              width: 89.4666666667vw; }
              .top_index main #cont05 .inner .text .title h3 {
                width: 89.4666666667vw;
                margin: 0 0 5.6vw 0; }
              .top_index main #cont05 .inner .text .title span {
                font-size: 3.3333333333vw;
                line-height: 1.44;
                font-weight: bold;
                margin: 0 1.2vw 0 0;
                letter-spacing: 0.04em; }
              .top_index main #cont05 .inner .text .title em {
                width: 21.4666666667vw; }
              .top_index main #cont05 .inner .text .title p {
                font-size: 2.9333333333vw;
                line-height: 1.6363636364;
                margin: 1.4666666667vw 0 0 0;
                letter-spacing: 0.03em; }
            .top_index main #cont05 .inner .text .item {
              border-radius: 1.7333333333vw;
              margin: 4vw 0 0 0;
              padding: 2.6666666667vw 3.4666666667vw 2.9333333333vw 5.2vw;
              width: 90.6666666667vw; }
              .top_index main #cont05 .inner .text .item strong {
                display: block;
                color: #333333;
                font-weight: 700;
                font-size: 3.4666666667vw;
                line-height: 1.6923076923;
                margin: 0;
                letter-spacing: 0; }
                .top_index main #cont05 .inner .text .item strong em {
                  font-size: 2.4vw; }
              .top_index main #cont05 .inner .text .item ul li {
                position: relative;
                top: 0;
                left: 0;
                color: #333333;
                font-size: 3.4666666667vw;
                line-height: 1.6923076923;
                padding: 0 0 0 3.4666666667vw; }
                .top_index main #cont05 .inner .text .item ul li::before {
                  content: '●';
                  position: absolute;
                  left: 0;
                  color: #F4831E; } }
    .top_index main #cont06 {
      background: #ff6c11;
      margin: 0 0 0 0;
      padding: 9px 0 117px 0;
      text-align: center; }
      .top_index main #cont06 .inner h3 {
        border-bottom: 2px solid #FFFFFF;
        width: 711px;
        margin: 0 auto 22px auto;
        padding: 0 0 13px 0; }
      .top_index main #cont06 .inner strong {
        display: block;
        letter-spacing: 0;
        color: #fff;
        font-weight: 500;
        font-size: 24px;
        line-height: 1.5;
        margin: 0 0 83px 0; }
      .top_index main #cont06 .inner .ribbon {
        position: absolute;
        top: -55px;
        left: 268px;
        display: block;
        width: 606px; }
      .top_index main #cont06 .inner > .img {
        position: relative;
        top: 0;
        left: 0; }
      .top_index main #cont06 .inner .btn {
        margin: 0 auto;
        width: 786px; }
        .top_index main #cont06 .inner .btn a {
          display: block;
          transition: opacity 0.30s; }
          .top_index main #cont06 .inner .btn a:hover {
            opacity: .7; }
      @media screen and (max-width: 1040px) {
        .top_index main #cont06 {
          padding: 5.2vw 0 16.6666666667vw 0; }
          .top_index main #cont06 .inner {
            max-width: none; }
            .top_index main #cont06 .inner h3 {
              width: 88vw;
              margin: 0 auto 2.9333333333vw auto;
              padding: 0 0 1.7333333333vw 0; }
            .top_index main #cont06 .inner strong {
              font-size: 4vw;
              line-height: 1.2;
              margin: 0 0 15.2vw 0; }
            .top_index main #cont06 .inner .ribbon {
              top: -10.8vw;
              left: 9.6vw;
              width: 80.8vw; }
            .top_index main #cont06 .inner .btn {
              width: 90.1333333333vw; } }
    .top_index main #cont07 {
      background: #F7ECD3 url(../images/cont_img09.png) top center repeat;
      background-size: 100% auto;
      margin: 0;
      padding: 154px 0 124px 0; }
      .top_index main #cont07 .inner {
        position: relative;
        top: 0;
        left: 0; }
        .top_index main #cont07 .inner h3 {
          position: absolute;
          top: -81px;
          left: 0;
          width: 100%; }
          .top_index main #cont07 .inner h3 img {
            display: block;
            width: 606px;
            margin: 0 auto; }
        .top_index main #cont07 .inner dl {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between; }
          .top_index main #cont07 .inner dl dt {
            width: 558px; }
          .top_index main #cont07 .inner dl dd {
            width: 100%;
            margin: 0 0 22px 0; }
      @media screen and (max-width: 1040px) {
        .top_index main #cont07 {
          padding: 20.5333333333vw 0 13.7333333333vw 0; }
          .top_index main #cont07 .inner h3 {
            top: -10.8vw; }
            .top_index main #cont07 .inner h3 img {
              width: 80.8vw; }
          .top_index main #cont07 .inner dl {
            display: block; }
            .top_index main #cont07 .inner dl dt {
              width: 100%;
              margin: 0 0 3.4666666667vw 0; }
            .top_index main #cont07 .inner dl dd {
              width: 100%;
              margin: 0 0 3.4666666667vw 0; } }
    .top_index main #cont08 {
      position: relative;
      top: 0;
      left: 0;
      background: #30271E url(../images/cont_img10.png) center center no-repeat;
      background-size: cover;
      margin: 0;
      text-align: center; }
      .top_index main #cont08 .inner {
        max-width: none; }
        .top_index main #cont08 .inner h3 {
          position: absolute;
          top: 60px;
          left: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: "Noto Serif JP", "Georgia", "Hiragino Mincho ProN", serif;
          font-weight: 700;
          font-weight: 400;
          font-size: 40px;
          color: #FFFFFF;
          width: 100%; }
          .top_index main #cont08 .inner h3:after, .top_index main #cont08 .inner h3:before {
            content: '';
            display: block;
            background: #FFFFFF;
            width: 170px;
            height: 2px;
            margin: 4px 12px 0 12px; }
        .top_index main #cont08 .inner .img {
          width: 100%;
          margin: 0 auto; }
        .top_index main #cont08 .inner .area {
          position: absolute;
          bottom: 45px;
          left: 0;
          text-align: center;
          font-size: 18px;
          color: #FFFFFF;
          letter-spacing: 0.1em;
          line-height: 1.75;
          width: 100%; }
      @media screen and (max-width: 1040px) {
        .top_index main #cont08 {
          background: #30271E url(../images/cont_img10.png) center center no-repeat;
          background-size: cover;
          margin: 0;
          text-align: center;
          min-height: 176vw; }
          .top_index main #cont08 .inner h3 {
            top: 9.7333333333vw;
            font-size: 6.2666666667vw; }
            .top_index main #cont08 .inner h3:after, .top_index main #cont08 .inner h3:before {
              width: 26.6666666667vw;
              height: 0.1333333333vw;
              margin: 0.5333333333vw 1.6vw 0 1.6vw; }
          .top_index main #cont08 .inner .img {
            width: 100%;
            overflow-x: auto;
            margin: 0; }
            .top_index main #cont08 .inner .img img {
              width: 206.8vw; }
          .top_index main #cont08 .inner .area {
            bottom: 3.7333333333vw;
            font-size: 3.7333333333vw;
            line-height: 1.75;
            width: 100%; } }
    .top_index main #cont09 {
      background: #F7ECD3 url(../images/cont_img11.png) top center repeat;
      background-size: 100% auto;
      margin: 0;
      padding: 110px 0 114px 0; }
      .top_index main #cont09 .inner {
        display: flex;
        align-items: center;
        justify-content: center;
        border: solid #FFFFFF 3px;
        max-width: 1032px;
        box-sizing: border-box;
        padding: 10px; }
        .top_index main #cont09 .inner .box {
          background: #FFFFFF;
          width: 1012px;
          padding: 26px 0 39px 0; }
        .top_index main #cont09 .inner h3 {
          font-family: "Noto Serif JP", "Georgia", "Hiragino Mincho ProN", serif;
          font-weight: 700;
          font-weight: bold;
          font-size: 40px;
          color: #333333;
          text-align: center;
          margin: 0 0 22px 0; }
        .top_index main #cont09 .inner ul {
          display: flex;
          justify-content: center;
          gap: 20px;
          margin: 0 0 32px 0; }
          .top_index main #cont09 .inner ul li {
            width: 458px; }
            .top_index main #cont09 .inner ul li a {
              display: flex;
              align-items: center;
              justify-content: center;
              background: #008042;
              color: #fff;
              font-size: 30px;
              font-weight: 700;
              border-radius: 10px;
              height: 116px;
              transition: opacity 0.30s; }
              .top_index main #cont09 .inner ul li a::after {
                content: '';
                display: block;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8.5px 0 8.5px 9px;
                border-color: transparent transparent transparent #fff;
                margin: 0 0 0 14px; }
              .top_index main #cont09 .inner ul li a:hover {
                opacity: .85; }
        .top_index main #cont09 .inner .tel {
          text-align: center; }
          .top_index main #cont09 .inner .tel .ttl {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Noto Serif JP", "Georgia", "Hiragino Mincho ProN", serif;
            font-weight: 700;
            font-size: 26px;
            color: #333333;
            margin: 0 0 15px 0;
            position: relative;
            width: 100%; }
            .top_index main #cont09 .inner .tel .ttl::before, .top_index main #cont09 .inner .tel .ttl::after {
              content: '';
              display: inline-block;
              width: 170px;
              height: 1px;
              background: #000000;
              vertical-align: middle;
              margin: 4px 12px 0 12px; }
          .top_index main #cont09 .inner .tel .num {
            display: flex;
            align-items: center;
            justify-content: center; }
            .top_index main #cont09 .inner .tel .num img {
              width: 855px; }
          .top_index main #cont09 .inner .tel .time {
            display: block;
            font-size: 20px;
            text-align: center;
            color: #333333;
            margin: 11px 0 0 0; }
      @media screen and (max-width: 1040px) {
        .top_index main #cont09 {
          padding: 10vw 0 18.4vw 0; }
          .top_index main #cont09 .inner {
            max-width: 90.6666666667vw;
            padding: 1.3333333333vw; }
            .top_index main #cont09 .inner .box {
              width: 88vw;
              padding: 6.2666666667vw 0 9.3333333333vw 0; }
            .top_index main #cont09 .inner h3 {
              font-size: 6.6666666667vw;
              margin: 0 0 4.6666666667vw 0; }
            .top_index main #cont09 .inner ul {
              display: block;
              margin: 0 0 7.6vw 0; }
              .top_index main #cont09 .inner ul li {
                width: 77.3333333333vw;
                margin: 0 auto 2.6666666667vw auto; }
                .top_index main #cont09 .inner ul li:last-child {
                  margin: 0 auto; }
                .top_index main #cont09 .inner ul li a {
                  font-size: 5.0666666667vw;
                  border-radius: 1.6vw;
                  height: 19.6vw; }
                  .top_index main #cont09 .inner ul li a::after {
                    content: '';
                    display: block;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 1.4666666667vw 0 1.4666666667vw 1.6vw;
                    border-color: transparent transparent transparent #fff;
                    margin: 0 0 0 1.8666666667vw; }
                  .top_index main #cont09 .inner ul li a:hover {
                    opacity: .85; }
            .top_index main #cont09 .inner .tel .ttl {
              font-size: 4.6666666667vw;
              margin: 0 0 3.0666666667vw 0; }
              .top_index main #cont09 .inner .tel .ttl::before, .top_index main #cont09 .inner .tel .ttl::after {
                width: 10.6666666667vw;
                margin: 0.5333333333vw 1.6vw 0 1.6vw; }
            .top_index main #cont09 .inner .tel .num img {
              width: 78.1333333333vw; }
            .top_index main #cont09 .inner .tel .time {
              display: block;
              font-size: 3.4666666667vw;
              text-align: center;
              color: #333333;
              margin: 2vw 0 0 0; } }
    .top_index main #cont10 {
      padding: 60px 0 95px 0; }
      .top_index main #cont10 .inner p {
        font-size: 16px;
        line-height: 1.5625;
        color: #555; }
      @media screen and (max-width: 1040px) {
        .top_index main #cont10 {
          padding: 10.8vw 0 18.4vw 0; }
          .top_index main #cont10 .inner p {
            font-size: 3.7333333333vw;
            line-height: 1.4285714286; } }
  .top_index footer {
    color: #fff;
    display: flex;
    justify-content: space-between; }
    .top_index footer .left {
      position: relative;
      top: 0;
      left: 0;
      background: #006e42;
      width: 41.95%;
      padding: 57px 0 0 39px;
      box-sizing: border-box; }
      .top_index footer .left p {
        font-size: 14px; }
      .top_index footer .left strong {
        display: block;
        width: 301px;
        margin: 25px 0 0 0; }
      .top_index footer .left .copy {
        position: absolute;
        bottom: 28px;
        left: 35px;
        font-size: 12px; }
    .top_index footer .right {
      background: #20805a;
      width: 58.05%;
      display: flex;
      flex-direction: column;
      align-items: flex-end;
      justify-content: space-between;
      min-height: 510px;
      padding: 58px 37px 33px 0;
      box-sizing: border-box; }
      .top_index footer .right .list {
        display: flex;
        gap: 23px; }
      .top_index footer .right dl {
        font-family: "Noto Serif JP", "Georgia", "Hiragino Mincho ProN", serif;
        font-weight: 700;
        width: 210px; }
        .top_index footer .right dl dt {
          font-size: 12px;
          font-weight: 700;
          border-bottom: solid #FFFFFF 2px;
          padding: 0 0 3px 0;
          margin: 0 0 12px 0;
          opacity: 0.6; }
        .top_index footer .right dl dd ul li a {
          color: #fff;
          font-size: 11px;
          line-height: 2.3636363636;
          transition: opacity 0.30s;
          letter-spacing: 0em; }
          .top_index footer .right dl dd ul li a:hover {
            opacity: .7; }
      .top_index footer .right .tel {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        margin: 30px 0 0 0;
        text-align: right; }
        .top_index footer .right .tel .text {
          font-family: "Noto Serif JP", "Georgia", "Hiragino Mincho ProN", serif;
          font-weight: 700;
          font-size: 13px;
          line-height: 1.8;
          letter-spacing: 0;
          margin: 0 0 7px 0; }
          .top_index footer .right .tel .text em {
            display: block;
            font-size: 13px;
            text-align: right;
            margin: 0 0 0 8px; }
        .top_index footer .right .tel strong {
          display: block;
          width: 255px;
          margin: 0 0 18px 0; }
        .top_index footer .right .tel span {
          display: block;
          font-size: 11px;
          text-align: right; }
      .top_index footer .right .copy.sp {
        display: none; }
    @media screen and (max-width: 1040px) {
      .top_index footer {
        display: block;
        /* フッター：別タブで開くリンク（target="_blank"）用 */ }
        .top_index footer .left {
          background: #006e42;
          width: 100%;
          padding: 12.6666666667vw 0 0 6.5333333333vw; }
          .top_index footer .left p {
            font-size: 2.9333333333vw; }
          .top_index footer .left strong {
            width: 62.5333333333vw;
            margin: 2.8vw 0 0 0; }
          .top_index footer .left .copy {
            display: none; }
        .top_index footer .right {
          background: #006e42;
          width: 100%;
          display: block;
          padding: 9.2vw 0 37.0666666667vw 0; }
          .top_index footer .right .list {
            display: block; }
          .top_index footer .right dl {
            width: 100%;
            margin: 0 0 12.5333333333vw 0; }
            .top_index footer .right dl dt {
              font-size: 3.7333333333vw;
              font-weight: 700;
              border-bottom: solid #FFFFFF 0.2666666667vw;
              padding: 0 0 2.1333333333vw 6.4vw;
              margin: 0 0 0 0; }
            .top_index footer .right dl dd ul li {
              border-bottom: 2px solid rgba(255, 255, 255, 0.6); }
              .top_index footer .right dl dd ul li a {
                position: relative;
                top: 0;
                left: 0;
                display: flex;
                align-items: center;
                font-size: 3.7333333333vw;
                height: 13.3333333333vw;
                letter-spacing: 0.05em;
                padding: 0 0 0 6.4vw;
                box-sizing: border-box; }
                .top_index footer .right dl dd ul li a:after {
                  content: '';
                  display: block;
                  position: absolute;
                  top: 6vw;
                  right: 6.4vw;
                  background: url(../images/icon01.svg) top center repeat;
                  background-size: 100% auto;
                  width: 4vw;
                  height: 3.2vw; }
          .top_index footer .right .tel {
            align-items: center;
            margin: 0;
            padding: 2.5333333333vw 0 0 0;
            text-align: center; }
            .top_index footer .right .tel .text {
              text-align: center;
              font-size: 3.2vw;
              line-height: 1.75;
              margin: 0 0 2.5333333333vw 0; }
              .top_index footer .right .tel .text em {
                display: block;
                font-size: 3.2vw;
                text-align: center;
                margin: 0 0 0 1.0666666667vw; }
            .top_index footer .right .tel strong {
              width: 68.5333333333vw;
              margin: 0 0 4.8vw 0; }
            .top_index footer .right .tel span {
              font-size: 2.9333333333vw;
              text-align: center;
              margin: 0 0 9.4666666667vw 0; }
          .top_index footer .right .copy.sp {
            display: block;
            color: #FFFFFF;
            line-height: 1.75;
            font-size: 2.9333333333vw;
            text-align: center; } }
  .top_index .side_banner {
    position: fixed;
    top: 130px;
    right: 0;
    z-index: 40;
    width: 70px; }
    .top_index .side_banner a {
      display: block;
      transition: opacity 0.30s; }
      .top_index .side_banner a:hover {
        opacity: .85; }
      .top_index .side_banner a img {
        width: 100%; }
    @media screen and (max-width: 1040px) {
      .top_index .side_banner {
        top: auto;
        bottom: 0;
        right: 8.6666666667vw;
        width: 82.6666666667vw; }
        .top_index .side_banner a img {
          width: 100%; } }
  .top_index .pagetop {
    width: 70px;
    position: fixed;
    bottom: -15%;
    right: 20px;
    z-index: 40;
    transition: 0.30s; }
    .top_index .pagetop a {
      display: block; }
      .top_index .pagetop a img {
        width: 100%; }
    .top_index .pagetop.on {
      bottom: 100px; }
    @media screen and (max-width: 960px) {
      .top_index .pagetop {
        width: 13.3333333333vw;
        right: 1.3333333333vw; }
        .top_index .pagetop.on {
          bottom: 16vw; } }
  .top_index .fp-watermark {
    display: none; }

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