@charset "UTF-8";
/**
 * Creative Net Door.
 * Basic Css Reset Formatter
 **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

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

/*form*/
input, button, textarea, select {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

::-ms-expand {
  display: none;
}

html, body {
  width: 100%;
  min-height: 100%;
  height: auto;
}

/*
概要: ピクセルをremに変換する関数。
引数: $pixel: 変換したいピクセル
利用法: @include pxToRem(24)
*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("../fonts/slick.eot");
  src: url("../fonts/slick.eot?#iefix") format("embedded-opentype"), url("../fonts/slick.woff") format("woff"), url("../fonts/slick.ttf") format("truetype"), url("../fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

html {
  font-size: 10px;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
  html {
    font-size: 0.9090vw;
  }
}

body {
  color: #000;
  background: #FFF;
  font-size: 1.4rem;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  font-family: YuGothic, '游ゴシック', sans-serif;
  font-weight: 300;
}

body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .sp {
  display: none;
}

@media screen and (max-width: 76.7rem) {
  body .pc {
    display: none;
  }
  body .sp {
    display: block;
  }
}

body p {
  letter-spacing: 0.02em;
}

body.menu-fixed {
  position: fixed;
  left: 0;
}

a {
  color: #000;
  text-decoration: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

@media screen and (min-width: 76.7rem) {
  a:hover {
    opacity: 1.0;
  }
}

/***************
pc
***************/
body img {
  display: block;
  max-width: 100%;
}

body .pc {
  display: block !important;
}

body .sp {
  display: none !important;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

@media screen and (max-width: 767px) {
  body img {
    width: 100%;
    max-width: inherit;
  }
  body .pc {
    display: none !important;
  }
  body .sp {
    display: block !important;
  }
}

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

クリア

--------------------------------------------*/
/*floatとクリア*/
.fl {
  float: left;
}

/*左回り込み*/
.fr {
  float: right;
}

/*右回り込み*/
div.cf div.nfr {
  float: right;
  width: 50%;
}

div.cf div.nfl {
  float: right;
  width: 50%;
}

/*brなどの空要素を入れずにfloatの回り込みを解除する指定(親要素にfcbと指定)*/
.fcb {
  display: inline-block;
}

.fcb:after {
  content: ".";
  font-size: 0.1em;
  line-height: 0;
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

/* \*/
* html .fcb {
  height: 1%;
}

.fcb {
  display: block;
}

/* */
.clear {
  clear: both;
}

/*for clearFix*/
.cf:after {
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
  content: ".";
  overflow: hidden;
  font-size: 0.1em;
  line-height: 0;
}

/* 追加 MacIE 5 と WinIE 7 向け */
.cf {
  display: inline-block;
}

/*MacIE \*/
* html .cf {
  height: 1em;
}

.cf {
  display: block;
}

/***********************************************************

 header

***********************************************************/
@media screen and (min-width: 768px) {
  header {
    width: 79.33%;
    margin: 0 auto;
    position: relative;
  }
  header .logo {
    position: absolute;
    width: 130px;
    top: 40px;
    left: 0;
    z-index: 2;
  }
}

main {
  position: relative;
}

.footer {
  padding: 4.3rem 0;
  background: #f5f3f2;
}

.footer .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-content: space-between;
}

.footer a {
  display: block;
}

.footer a:hover {
  color: #009245;
}

.footer__LogoCompany {
  width: 47.37%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-content: space-between;
}

.footer__LogoCompany--Logo {
  width: 34.44%;
  border-right: 1px solid #009245;
  padding: 2rem 0;
}

.footer__LogoCompany--Logo img {
  width: 80.65%;
}

.footer__LogoCompany--Company {
  width: 56.89%;
  margin-top: 0.8rem;
}

.footer__LogoCompany--Company p {
  font-size: 1.4rem;
  line-height: 1.429;
}

.footer__LogoCompany--Company p span {
  font-size: 1.7rem;
}

.footer__LogoCompany--Company .tel {
  margin: 2.2rem 0 1.6rem 0;
  font-family: 'Noto Serif JP', serif;
  font-size: 2.8rem;
  line-height: 100%;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.footer__LogoCompany--Company .tel span {
  font-size: 2.4rem;
}

.footer__LogoCompany--Company .telText {
  font-size: 1.3rem;
  line-height: 1.429;
  letter-spacing: 0;
}

.footer__Menu {
  width: 47.37%;
  background: url(../img/footer_img.svg) right 28px no-repeat;
  background-size: 28.44%;
}

.footer__MenuList {
  width: 66.67%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-content: space-between;
}

.footer__MenuList--Link {
  padding: 1.3rem 0 0 0;
}

.footer__MenuList--Link:nth-child(odd) {
  width: 55%;
}

.footer__MenuList--Link:nth-child(even) {
  width: 45%;
}

.footer__MenuList--Link a {
  display: block;
  position: relative;
  padding-left: 2rem;
}

.footer__MenuList--Link a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 11px;
  width: 9px;
  height: 1px;
  background: url(../img/footer_icon.svg) left top no-repeat;
  z-index: 2;
}

.footer__Menu--Copy {
  padding: 3.5rem 0 0 0;
  text-align: right;
  color: #000;
  font-size: 1.2rem;
  font-family: 'Noto Serif JP', serif;
}

.footer .copy {
  padding: 7rem 0 1rem 0;
  text-align: center;
  color: #000;
  font-size: 1.3rem;
}

/*
@include mq(max){
*/
@media screen and (max-width: 767px) {
  /***********************************************************

	 header

	***********************************************************/
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.3rem;
    z-index: 1000;
  }
  header #menu-btn {
    position: absolute;
    right: 2rem;
    top: 2.4rem;
    width: 3rem;
    height: 1.6rem;
    z-index: 5;
  }
  header #menu-btn span {
    position: absolute;
    top: 50%;
    left: 0;
    background: #000;
    width: 30px;
    height: 1px;
    margin: -2px 0 0 0;
    opacity: 1;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
  }
  header #menu-btn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 30px;
    height: 1px;
    margin: -2px 0 0 0;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
  }
  header #menu-btn:after {
    content: "";
    position: absolute;
    top: 98%;
    left: 0;
    background: #000;
    width: 30px;
    height: 1px;
    margin: -2px 0 0 0;
    -webkit-transition: 0.1s linear;
    transition: 0.1s linear;
  }
  header #menu-btn.active span {
    opacity: 0;
  }
  header #menu-btn.active:before {
    top: 50%;
    margin: -1.5px 0 0 0;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #000;
  }
  header #menu-btn.active:after {
    top: 50%;
    width: 30px;
    margin: -1.5px 0 0 0;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
    background: #000;
  }
  header #menu-area {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    width: 100%;
    height: 100vh;
    text-align: center;
  }
  header .menu-area__Inner {
    width: 87.5%;
    margin: 0 auto;
    position: relative;
  }
  header .menuLogo {
    position: absolute;
    top: -3.8rem;
    left: -2px;
    z-index: 2;
    width: 72px;
    margin: 0;
  }
  header .menuTitle {
    width: 37.14%;
    max-width: 20.8rem;
    margin: 6.3rem 0 0 0;
  }
  header .menu-area-list {
    margin-top: 4.8rem;
  }
  header .menu-area-list li {
    display: block;
    color: #ffffff;
    font-size: 3.44vw;
    line-height: 3.545;
    padding: 0rem 0;
  }
  header .menu-area-list a {
    display: block;
    padding: 0;
    text-align: left;
    text-decoration: none;
    color: #009245;
  }
  header .menu-area-list a::before {
    content: "●";
    margin-right: 0.8rem;
    font-size: 1rem;
  }
  header .menu-area-list a:hover {
    color: #009245;
    opacity: 1.0;
  }
  main {
    position: relative;
  }
  .footer {
    padding: 4.3rem 0;
    background: #f5f3f2;
  }
  .footer .inner {
    width: 78.13%;
    max-width: initial;
    margin: 0 auto;
    display: block;
    background: url(../img/footer_img.svg) right bottom no-repeat;
    background-size: 30.4%;
  }
  .footer a {
    display: block;
  }
  .footer a:hover {
    color: #000;
  }
  .footer__LogoCompany {
    width: auto;
    display: block;
  }
  .footer__LogoCompany--Logo {
    width: 32.4%;
    border-right: none;
    padding: 2rem 0;
  }
  .footer__LogoCompany--Logo img {
    width: 100%;
  }
  .footer__LogoCompany--Company {
    width: auto;
    margin-top: 0.8rem;
  }
  .footer__LogoCompany--Company p {
    font-size: 2.66vw;
    line-height: 1.471;
  }
  .footer__LogoCompany--Company p span {
    font-size: 3.28vw;
  }
  .footer__LogoCompany--Company .tel {
    margin: 1.4rem 0 0.8rem 0;
    font-size: 5.31vw;
    line-height: 100%;
    font-weight: 600;
    letter-spacing: 0.05em;
  }
  .footer__LogoCompany--Company .tel span {
    font-size: 4.53vw;
  }
  .footer__LogoCompany--Company .telText {
    font-size: 2.6vw;
    line-height: 1.429;
  }
  .footer__Menu {
    width: auto;
    background: none;
  }
  .footer__MenuList {
    display: none;
  }
  .footer__Menu--Copy {
    padding: 2.2rem 0 0 0;
    text-align: left;
    color: #000;
    font-size: 2.19vw;
    font-family: 'Noto Serif JP', serif;
  }
  .footer .copy {
    padding: 7rem 0 1rem 0;
    text-align: center;
    color: #000;
    font-size: 1.3rem;
  }
}

.mainVBlock {
  position: relative;
  height: 100vh;
}

.mainVBlock .slide-arrow {
  display: none !important;
}

.mainVBlock .logoInner {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
}

.mainVBlock .logoInner .logo {
  width: 79.33%;
  margin: 0 auto;
}

.mainVBlock .logoInner .logo img {
  width: 130px;
}

.mainVBlock .logoInner .logo a:hover {
  opacity: 0.7;
}

.mainVBlock .mainVText {
  position: relative;
  top: 18.33%;
  z-index: 2;
  width: 79.33%;
  margin: 0 auto;
}

.mainVBlock .mainVText .siteTitle {
  width: 17.44%;
  max-width: 16.6rem;
  margin-bottom: 8.06%;
}

.mainVBlock .mainVText__Box {
  width: 100%;
  position: absolute;
}

.mainVBlock .mainVText__Box--Menu p {
  font-size: 1.5rem;
  line-height: 2.267;
  color: #009245;
  position: relative;
  margin-bottom: 1.15%;
}

.mainVBlock .mainVText__Box--Menu p a {
  color: #009245;
}

.mainVBlock .mainVText__Box--Menu p a::before {
  content: "●";
  margin-right: 0.8rem;
  font-size: 1.2rem;
}

.mainVBlock .mainVText__Box--Menu p a:hover {
  color: #6E9BC5;
  opacity: 1.0;
}

.mainVBlock .mainVText__Box--Menu p a::before {
  content: "●";
  margin-right: 0.8rem;
  font-size: 1.2rem;
}

.mainVBlock .mainVText__Box--Copy {
  width: 17.65%;
  max-width: 16.8rem;
  position: absolute;
  bottom: 17.92%;
  right: 9.45%;
  z-index: 2;
}

.mainVBlock .scroll {
  width: 4.21%;
  max-width: 4rem;
  position: absolute;
  z-index: 2;
  left: 50%;
  bottom: 3.47%;
  margin-left: -2.105%;
  -webkit-animation: arrowmove 1.5s ease-in-out infinite;
          animation: arrowmove 1.5s ease-in-out infinite;
}

.mainVBlock .scroll a {
  display: block;
}

.mainVBlock .scroll__Text {
  width: 85%;
  margin: 0 auto 1.3rem auto;
}

.mainVBlock .mainV {
  position: relative;
  left: 0;
  top: 0;
  /*
    & img{
      width: 100%;
      height: 100vh;
    }
    */
}

.mainVBlock .mainV .slider-wrap {
  overflow: hidden;
  /*
      & li.mainv01{
        background: url(../img/mainv01.png) left top no-repeat;
      }
      */
}

.mainVBlock .mainV .slider-wrap .slide-item {
  /*
        height: 100vh;
        width:auto;
        */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.mainVBlock .mainV .slider-wrap .slide-item img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -webkit-animation: anime 36s 0s infinite;
  animation: anime 36s 0s infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@-webkit-keyframes arrowmove {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 2%;
  }
  100% {
    bottom: 1%;
  }
}
@keyframes arrowmove {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 2%;
  }
  100% {
    bottom: 1%;
  }
}

@-webkit-keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

@keyframes fadezoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}

.slick-animation {
  -webkit-animation: fadezoom 4s 0s forwards;
          animation: fadezoom 4s 0s forwards;
}

.toppage a {
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

.toppage .firstBlock .inner {
  width: 100%;
  max-width: 98.6rem;
  margin: 10rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  align-items: center;
  justify-content: space-between;
}

.toppage .firstBlock .imageBox {
  width: 53.67%;
}

.toppage .firstBlock .textBox {
  width: 40.82%;
}

.toppage .firstBlock .textBox p {
  font-size: 1.5rem;
  line-height: 2.933;
}

.toppage .insudtryBlock {
  padding-top: 11rem;
}

.toppage .insudtryBlock .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
}

.toppage .insudtryBlock h2 {
  width: 15.58%;
  margin: 0 auto;
}

.toppage .insudtryBlock__Category {
  width: 100%;
  max-width: 120rem;
  margin: 3rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  align-items: center;
  justify-content: space-between;
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

.toppage .insudtryBlock__Category--Box {
  width: 25%;
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

.toppage .insudtryBlock__Category--Box a {
  display: block;
  padding-top: 86.6%;
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
  position: relative;
  cursor: pointer;
}

.toppage .insudtryBlock__Category--Box a::before {
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

.toppage .insudtryBlock__Category--Box a:hover {
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

.toppage .insudtryBlock__Category--Box a:hover::before {
  webkit-transition: all 0.3s ease;
  -webkit-transition: all  0.3s ease;
  transition: all  0.3s ease;
}

.toppage .insudtryBlock__Category--Box .img_hover {
  position: relative;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(1) a {
  background-image: url(../img/block02_img01.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(1) a:hover {
  background-image: url(../img/block02_img01_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(1) a .img_hover {
  width: 14.2rem;
  margin: 0 auto;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(1) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text01.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(1) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text01_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(2) a {
  background-image: url(../img/block02_img02.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(2) a:hover {
  background-image: url(../img/block02_img02_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(2) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text02.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(2) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text02_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(3) a {
  background-image: url(../img/block02_img03.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(3) a:hover {
  background-image: url(../img/block02_img03_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(3) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text03.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(3) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text03_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(4) a {
  background-image: url(../img/block02_img04.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(4) a:hover {
  background-image: url(../img/block02_img04_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(4) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text04.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(4) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text04_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(5) a {
  background-image: url(../img/block02_img05.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(5) a:hover {
  background-image: url(../img/block02_img05_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(5) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text05.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(5) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text05_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(6) a {
  background-image: url(../img/block02_img06.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(6) a:hover {
  background-image: url(../img/block02_img06_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(6) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text06.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(6) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text06_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(7) a {
  background-image: url(../img/block02_img07.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(7) a:hover {
  background-image: url(../img/block02_img07_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(7) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text07.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(7) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text07_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(8) a {
  background-image: url(../img/block02_img08.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(8) a:hover {
  background-image: url(../img/block02_img08_h.png);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(8) a::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text08.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock__Category--Box:nth-of-type(8) a:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../img/block02_text08_hover.svg) left top no-repeat;
  z-index: 2;
}

.toppage .insudtryBlock .modal {
  display: none;
  position: fixed;
  z-index: 8887;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.toppage .insudtryBlock .modal__Content {
  background: #FFF;
  overflow-y: auto;
  width: 90%;
  max-width: 52.8rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-height: 400px;
  -webkit-animation: show 0.6s linear 0s;
          animation: show 0.6s linear 0s;
}

.toppage .insudtryBlock .modal__Content--Container {
  padding: 9.4rem 0 5rem 0;
}

.toppage .insudtryBlock .modal__Content--Container.bg01 {
  background: url(../img/block02_bg01.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg02 {
  background: url(../img/block02_bg02.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg02 .modal__Title {
  width: 69.25%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Content--Container.bg03 {
  background: url(../img/block02_bg03.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg03 .modal__Title {
  width: 71.94%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Content--Container.bg04 {
  background: url(../img/block02_bg04.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg04 .modal__Title {
  width: 54.63%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Content--Container.bg05 {
  background: url(../img/block02_bg05.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg05 .modal__Title {
  width: 76.12%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Content--Container.bg06 {
  background: url(../img/block02_bg06.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg06 .modal__Title {
  width: 63.88%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Content--Container.bg07 {
  background: url(../img/block02_bg07.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg07 .modal__Title {
  width: 88.96%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Content--Container.bg08 {
  background: url(../img/block02_bg08.png) left top no-repeat;
  background-size: cover;
}

.toppage .insudtryBlock .modal__Content--Container.bg08 .modal__Title {
  width: 61.19%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Content--Container p {
  font-size: 1.2rem;
  line-height: 2;
}

.toppage .insudtryBlock .modal__Content .modalInner {
  width: 69.79%;
  margin: 0 auto;
}

.toppage .insudtryBlock .modal__Category01 {
  margin: 2rem 0 2.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  align-items: center;
  justify-content: space-between;
}

.toppage .insudtryBlock .modal__Category01--List {
  width: 48.36%;
  background: #39B54A;
  margin: 1.6rem 0 0 0;
}

.toppage .insudtryBlock .modal__Category01--List p {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 100%;
  text-align: center;
  padding: 1rem 0;
}

.toppage .insudtryBlock .modal__Category02 {
  margin: 2rem 0 2.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.toppage .insudtryBlock .modal__Category02--List {
  width: 31.64%;
  background: #39B54A;
  margin: 1.6rem 2.39% 0 0;
}

.toppage .insudtryBlock .modal__Category02--List:nth-child(3n) {
  margin-right: 0;
}

.toppage .insudtryBlock .modal__Category02--List p {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 100%;
  text-align: center;
  padding: 0.8rem 0 1rem 0;
  letter-spacing: -0.02em;
}

.toppage .insudtryBlock .modal__Category03 {
  margin: 3.6rem 0 2.2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  align-items: center;
  justify-content: space-between;
}

.toppage .insudtryBlock .modal__Category03--List {
  width: 100%;
  background: #39B54A;
}

.toppage .insudtryBlock .modal__Category03--List p {
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 100%;
  text-align: center;
  padding: 1rem 0;
}

.toppage .insudtryBlock .modal .modal-top {
  display: inline-block;
  position: absolute;
  right: 2.5rem;
  top: 2rem;
}

.toppage .insudtryBlock .modal .modal-close img {
  width: 2.4rem;
}

.toppage .insudtryBlock .modal .modal-close:hover, .toppage .insudtryBlock .modal .modal-close:focus {
  text-decoration: none;
  cursor: pointer;
}

.toppage .insudtryBlock .modal .modal-title {
  color: #FFF;
}

@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.toppage .serviceBlock {
  padding-top: 9rem;
}

.toppage .serviceBlock .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
}

.toppage .serviceBlock h2 {
  width: 18.11%;
  max-width: 17.2rem;
  margin: 0 auto;
}

.toppage .serviceBlock__Contents {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-content: space-between;
}

.toppage .serviceBlock__Contents--List {
  width: 22.11%;
}

.toppage .serviceBlock__Contents--List h3 {
  text-align: center;
  font-size: 1.6rem;
  line-height: 1.438;
  background: #e8e8e8;
  border-top: 1px solid #000;
  padding: 1.9rem 0;
  font-weight: 600;
}

.toppage .serviceBlock__Contents--List h4 {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.533;
  position: relative;
  padding: 1.6rem 0 0 0;
  margin-bottom: 2.3rem;
  font-weight: 600;
}

.toppage .serviceBlock__Contents--List h4::after {
  content: "";
  display: inline-block;
  position: relative;
  bottom: -1.6rem;
  width: 100%;
  height: 1.5rem;
  background: url(../img/block03_callout.svg) left top no-repeat;
}

.toppage .serviceBlock__Contents--List p {
  font-size: 1.2rem;
  list-style: 1.5;
}

.toppage .meritBlock {
  padding-top: 11rem;
}

.toppage .meritBlock .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
}

.toppage .meritBlock h2 {
  width: 40.21%;
  max-width: 38.1rem;
  margin: 0 auto 8.5rem auto;
}

.toppage .meritBlock__Contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-content: space-between;
}

.toppage .meritBlock__Contents--List {
  width: 30.95%;
  background: #EFEFEF;
  border-radius: 8px;
  position: relative;
}

.toppage .meritBlock__Contents--List .inner {
  width: 81.63%;
  margin: 0 auto;
  padding: 2rem 0;
}

.toppage .meritBlock__Contents--List .listBorder {
  border-top: 4px solid #ffffff;
  padding-bottom: 1.4rem;
}

.toppage .meritBlock__Contents--List .listBorder p {
  margin-left: 1.8rem;
  margin-bottom: 0.6rem;
}

.toppage .meritBlock__Contents--List .listBorder .inner {
  padding: 2rem 0 0 0;
}

.toppage .meritBlock__Contents--List .icon {
  width: 34.01%;
  margin: -5rem auto 0 auto;
}

.toppage .meritBlock__Contents--List h3 {
  color: #009245;
  font-size: 2rem;
  line-height: 2.8rem;
  letter-spacing: 0em;
  margin-bottom: 1.8rem;
  font-family: 'Kiwi Maru', serif;
}

.toppage .meritBlock__Contents--List p {
  font-size: 1.2rem;
  line-height: 1.75;
  letter-spacing: -0.03em;
}

.toppage .meritBlock__Contents--List ul li {
  position: relative;
  font-size: 1.7rem;
  color: #000;
  padding-left: 1.8rem;
  margin-bottom: 0.7rem;
  font-family: 'Kiwi Maru', serif;
}

.toppage .meritBlock__Contents--List ul li::before {
  content: "●";
  display: inline-block;
  color: #009245;
  font-size: 1rem;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0.6rem;
}

.toppage .meritBlock__Contents--List dl {
  margin-left: 1.8rem;
  margin-bottom: 1rem;
  padding-top: 0.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}

.toppage .meritBlock__Contents--List dl dt {
  background: #9E9E9F;
  color: #ffffff;
  border-radius: 4px;
  width: 6.5rem;
  text-align: center;
  margin-right: 1rem;
  font-size: 1.3rem;
  padding: 0.8rem 0;
}

.toppage .meritBlock__Contents--List dl dd {
  width: calc(100% - 75px);
  font-size: 1.2rem;
  line-height: 1.417;
}

.toppage .isoBlock {
  padding-top: 7.5rem;
}

.toppage .isoBlock .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
  position: relative;
  border-bottom: 1px solid #000;
  padding-bottom: 4rem;
}

.toppage .isoBlock h2 {
  font-family: 'Noto Serif JP', serif;
  font-size: 3.3rem;
  font-weight: 600;
  position: absolute;
  right: 0;
  top: 2.5rem;
}

.toppage .isoBlock p {
  width: 21.68%;
  font-size: 1.2rem;
  line-height: 1.75;
  position: absolute;
  right: 0;
  top: 8.9rem;
}

.toppage .flowBlock {
  padding-top: 11.8rem;
}

.toppage .flowBlock .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
  position: relative;
}

.toppage .flowBlock h2 {
  width: 39.47%;
  margin: 0 0 2.8rem 0;
  position: absolute;
  left: 0;
  top: -3.5rem;
}

.toppage .flowBlock p {
  font-size: 1.5rem;
  line-height: 2.267;
  position: absolute;
  left: 0;
  top: 8.5rem;
}

.toppage .flowBlock__SPbox {
  display: none;
}

.toppage .flowBlock .modal {
  display: none;
}

.toppage .productsalesBlock {
  margin-top: 10rem;
  position: relative;
}

.toppage .productsalesBlock .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
}

.toppage .productsalesBlock__Text {
  position: absolute;
  top: 4rem;
  left: 0;
  z-index: 2;
  width: 100%;
}

.toppage .productsalesBlock h2 {
  width: 30.42%;
  margin-bottom: 2.4rem;
}

.toppage .productsalesBlock p.text {
  width: 31.58%;
  font-size: 1.5rem;
  line-height: 2;
}

.toppage .productsalesBlock__Lineup {
  position: absolute;
  bottom: -0.2rem;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  z-index: 2;
  padding: 2.5rem 0;
}

.toppage .productsalesBlock__Lineup .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: stretch;
      align-content: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  justify-content: space-between;
}

.toppage .productsalesBlock__Lineup--item.title {
  width: 2%;
}

.toppage .productsalesBlock__Lineup--item.item01 {
  width: 14%;
}

.toppage .productsalesBlock__Lineup--item.item02 {
  width: 13.79%;
}

.toppage .productsalesBlock__Lineup--item.item03 {
  width: 13.26%;
}

.toppage .productsalesBlock__Lineup--item.item04 {
  width: 7.79%;
}

.toppage .productsalesBlock__Lineup--item.item05 {
  width: 12.11%;
}

.toppage .productsalesBlock__Lineup--item.textbox {
  width: 14.74%;
}

.toppage .productsalesBlock__Lineup--item.textbox p {
  font-size: 1.2rem;
  line-height: 1.769;
  letter-spacing: -0.04em;
  margin-top: -0.6rem;
}

.toppage .productsalesBlock__Lineup .blockSliderInner {
  position: relative;
}

.toppage .qaBlock {
  padding: 9.5rem 0 6.3rem 0;
  /*====================================================================
    accordion
    ====================================================================*/
}

.toppage .qaBlock .inner {
  width: 100%;
  max-width: 95rem;
  margin: 0 auto;
}

.toppage .qaBlock h2 {
  width: 38.32%;
  max-width: 36.4rem;
  margin: 0 auto 2.5rem auto;
}

.toppage .qaBlock p.copy {
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
}

.toppage .qaBlock .qaBlockBg {
  background: #f5f3f2;
  margin: 4.5rem 0 6.5rem 0;
  padding: 7rem 0;
}

.toppage .qaBlock .accordion_one .accordion_header {
  border-top: 2px solid #009245;
  /*
      background-color: #db0f2f;
      color: #fff;
      font-size: 26px;
      font-weight: bold;
      padding: 20px 11%;
      text-align: center;
      z-index: +1;
      */
  padding: 3.2rem 6rem 3.2rem 0;
  position: relative;
  cursor: pointer;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.toppage .qaBlock .accordion_one .accordion_header p {
  font-size: 2.1rem;
  line-height: 1.619;
  padding-left: 14rem;
  position: relative;
  font-family: 'Kiwi Maru', serif;
}

.toppage .qaBlock .accordion_one .accordion_header::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 2rem;
  top: 3.2rem;
  width: 3.5rem;
  height: 3.5rem;
  background: url(../img/block08_q.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(1) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.5rem;
  background: url(../img/block08_num01.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(2) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.4rem;
  background: url(../img/block08_num02.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(3) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num03.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(4) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num04.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(5) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num05.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(6) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num06.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(7) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num07.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(8) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.8rem;
  background: url(../img/block08_num08.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(9) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num09.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header {
  border-bottom: 2px solid #009245;
}

.toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.5rem;
  background: url(../img/block08_num10.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(1) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.5rem;
  background: url(../img/block08_num01_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(2) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.4rem;
  background: url(../img/block08_num02_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(3) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num03_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(4) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num04_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(5) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num05_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(6) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num06_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(7) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num07_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(8) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.8rem;
  background: url(../img/block08_num08_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(9) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num09_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header.open {
  border-bottom: 2px solid #009245;
}

.toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header.open p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.5rem;
  background: url(../img/block08_num10_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(1) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.5rem;
  background: url(../img/block08_num01_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(2) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.4rem;
  background: url(../img/block08_num02_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(3) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num03_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(4) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num04_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(5) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num05_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(6) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num06_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(7) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num07_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(8) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.8rem;
  background: url(../img/block08_num08_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(9) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.7rem;
  background: url(../img/block08_num09_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header:hover {
  border-bottom: 2px solid #009245;
}

.toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header:hover p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 6.8rem;
  top: 1rem;
  width: 2.5rem;
  height: 1.5rem;
  background: url(../img/block08_num10_w.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one:nth-child(2n) .accordion_header {
  background-color: #ffffff;
}

.toppage .qaBlock .accordion_one .accordion_header:hover {
  background-color: #009245;
}

.toppage .qaBlock .accordion_one .accordion_header:hover::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 2rem;
  top: 3.2rem;
  width: 3.5rem;
  height: 3.5rem;
  background: url(../img/block08_q_h.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one .accordion_header:hover p {
  color: #ffffff;
}

.toppage .qaBlock .accordion_one .accordion_header.open {
  background-color: #009245;
}

.toppage .qaBlock .accordion_one .accordion_header.open::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 2rem;
  top: 3.2rem;
  width: 3.5rem;
  height: 3.5rem;
  background: url(../img/block08_q_h.svg) left top no-repeat;
}

.toppage .qaBlock .accordion_one .accordion_header.open p {
  color: #ffffff;
}

.toppage .qaBlock .accordion_one .accordion_header .i_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 50%;
  right: 25px;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  /*
      border: 1px solid #ff0000;
      margin-top: -20px;
      box-sizing: border-box;
      */
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.toppage .qaBlock .accordion_one .accordion_header .i_box .one_i {
  display: block;
  width: 20px;
  height: 20px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  position: relative;
}

.toppage .qaBlock .accordion_one .accordion_header.open .i_box {
  -webkit-transform: rotate(-360deg);
  transform: rotate(-360deg);
}

.toppage .qaBlock .accordion_one .accordion_header .i_box .one_i:before,
.toppage .qaBlock .accordion_one .accordion_header .i_box .one_i:after {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  content: '';
  background-color: #009245;
  border-radius: 100px;
  width: 20px;
  height: 3px;
  position: absolute;
  top: 8px;
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform-origin: center center;
          transform-origin: center center;
}

.toppage .qaBlock .accordion_one .accordion_header .i_box .one_i:before {
  width: 3px;
  height: 20px;
  top: 0;
  left: 8px;
}

.toppage .qaBlock .accordion_one .accordion_header.open .i_box .one_i:before {
  content: none;
}

.toppage .qaBlock .accordion_one .accordion_header.open .i_box .one_i:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #ffffff;
}

.toppage .qaBlock .accordion_one .accordion_header:hover .i_box .one_i:before,
.toppage .qaBlock .accordion_one .accordion_header:hover .i_box .one_i:after {
  background-color: #ffffff;
}

.toppage .qaBlock .accordion_one .accordion_inner {
  display: none;
  padding: 3rem 7rem 3rem 2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #ffffff;
}

.toppage .qaBlock .accordion_one .accordion_inner .box_answer {
  margin: 0;
}

.toppage .qaBlock .accordion_one .accordion_inner .box_answer p {
  position: relative;
  padding-left: 12rem;
  font-size: 1.5rem;
  line-height: 2.267;
}

.toppage .qaBlock .accordion_one .accordion_inner .box_answer p::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0rem;
  top: 0rem;
  width: 3.5rem;
  height: 3.5rem;
  background: url(../img/block08_a.svg) left top no-repeat;
}

.toppage .qaBlock .btn {
  width: 42.11%;
  max-width: 40rem;
  margin: 0 auto;
}

.toppage .qaBlock .btn a {
  display: block;
  border: 2px solid #000;
  font-size: 2.2rem;
  border-radius: 6px;
  text-align: center;
  padding: 2rem 0;
  position: relative;
}

.toppage .qaBlock .btn a::after {
  position: absolute;
  top: 50%;
  right: 2.6rem;
  content: '';
  margin-top: -7px;
  background: url(../img/btn_arrow.svg) no-repeat;
  background-size: 12px auto;
  width: 1.2rem;
  height: 2rem;
  -webkit-transition: all .2s;
  transition: all .2s;
}

.toppage .qaBlock .btn a:hover {
  background-color: #6E9BC5;
  color: #000;
}

.toppage .qaBlock .btn a:hover::after {
  right: 1.6rem;
  background: url(../img/btn_arrow.svg) no-repeat;
}

.toppage .qaBlock .btn a img {
  width: 33%;
  max-width: 13.2rem;
  margin: 0 auto;
}

/*
@include mq(max){
	*/
@media screen and (max-width: 767px) {
  .mainVBlock {
    position: relative;
    height: 70vh;
  }
  .mainVBlock .logoInner {
    position: absolute;
    top: 25px;
    left: 21px;
    z-index: 2;
    width: 72px;
    margin: 0;
  }
  .mainVBlock .logoInner .logo {
    width: 100%;
    margin: 0;
  }
  .mainVBlock .logoInner .logo img {
    width: auto;
  }
  .mainVBlock .slide-arrow {
    display: none !important;
  }
  .mainVBlock .mainVText {
    position: relative;
    top: 6.3rem;
    z-index: 2;
    width: 87.5%;
    margin: 0 auto;
  }
  .mainVBlock .mainVText .siteTitle {
    width: 37.14%;
    max-width: 20.8rem;
  }
  .mainVBlock .mainVText__Box {
    width: 100%;
    position: absolute;
  }
  .mainVBlock .mainVText__Box--Menu {
    display: none;
  }
  .mainVBlock .mainVText__Box--Copy {
    width: 100%;
    max-width: 9rem;
    position: absolute;
    bottom: 8rem;
    left: 50%;
    margin-left: -4.5rem;
    z-index: 2;
  }
  .mainVBlock .scroll {
    width: 100%;
    max-width: 2.4rem;
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 3.5rem;
    margin-left: -12px;
    margin-bottom: 6px;
    -webkit-animation: arrowmove 1.5s ease-in-out infinite;
            animation: arrowmove 1.5s ease-in-out infinite;
  }
  .mainVBlock .scroll a {
    display: block;
  }
  .mainVBlock .scroll__Text {
    width: 100%;
    margin: 0 auto 0.8rem auto;
  }
  .mainVBlock .mainV {
    position: relative;
    left: 0;
    top: 0;
  }
  .mainVBlock .mainV .slider-wrap {
    overflow: hidden;
  }
  .mainVBlock .mainV .slider-wrap .slide-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  .mainVBlock .mainV .slider-wrap .slide-item img {
    height: 70vh;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite;
  }
  /*下からの距離が変化して全体が下→上→下に動く*/
  @-webkit-keyframes arrowmove {
    0% {
      bottom: 1%;
    }
    50% {
      bottom: 2%;
    }
    100% {
      bottom: 1%;
    }
  }
  @keyframes arrowmove {
    0% {
      bottom: 1%;
    }
    50% {
      bottom: 2%;
    }
    100% {
      bottom: 1%;
    }
  }
  @-webkit-keyframes fadezoom {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  @keyframes fadezoom {
    0% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    100% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  .slick-animation {
    -webkit-animation: fadezoom 4s 0s forwards;
            animation: fadezoom 4s 0s forwards;
  }
  .toppage a {
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  .toppage .firstBlock .inner {
    width: 100%;
    max-width: initial;
    padding: 5rem 0 0 0;
    margin: 0 auto;
    display: block;
  }
  .toppage .firstBlock .imageBox {
    width: auto;
  }
  .toppage .firstBlock .textBox {
    width: 87.5%;
    margin: 0 auto;
    padding-top: 2.4rem;
  }
  .toppage .firstBlock .textBox p {
    font-size: 2.97vw;
    line-height: 3.158;
    text-align: center;
  }
  .toppage .insudtryBlock {
    padding-top: 7rem;
  }
  .toppage .insudtryBlock .inner {
    width: 78.13%;
    max-width: initial;
    margin: 0 auto;
  }
  .toppage .insudtryBlock h2 {
    width: 44.8%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category {
    width: 78.13%;
    max-width: initial;
    margin: 3rem auto 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    align-items: center;
    justify-content: space-between;
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  .toppage .insudtryBlock__Category--Box {
    width: auto;
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  .toppage .insudtryBlock__Category--Box a {
    display: block;
    padding-top: 0;
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
    position: relative;
    cursor: pointer;
  }
  .toppage .insudtryBlock__Category--Box a::before {
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  .toppage .insudtryBlock__Category--Box a:hover {
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  .toppage .insudtryBlock__Category--Box a:hover::before {
    webkit-transition: all 0.3s ease;
    -webkit-transition: all  0.3s ease;
    transition: all  0.3s ease;
  }
  .toppage .insudtryBlock__Category--Box .img_hover {
    position: relative;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(1) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(1) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(1) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(1) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(1) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(2) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(2) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(2) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(2) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(2) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(3) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(3) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(3) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(3) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(3) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(4) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(4) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(4) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(4) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(4) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(5) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(5) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(5) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(5) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(5) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(6) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(6) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(6) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(6) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(6) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(7) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(7) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(7) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(7) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(7) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(8) a {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(8) a:hover {
    background-image: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(8) a .img_hover {
    width: 14.2rem;
    margin: 0 auto;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(8) a::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock__Category--Box:nth-of-type(8) a:hover::before {
    content: "";
    display: none;
  }
  .toppage .insudtryBlock .modal {
    display: none;
    position: fixed;
    z-index: 8887;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.8);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
  .toppage .insudtryBlock .modal__Content {
    background: #FFF;
    overflow-y: auto;
    width: 90%;
    max-width: initial;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: initial;
    -webkit-animation: show 0.6s linear 0s;
            animation: show 0.6s linear 0s;
  }
  .toppage .insudtryBlock .modal__Content--Container {
    padding: 5rem 0 3rem 0;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg01 {
    background: url(../img/block02_bg01.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg02 {
    background: url(../img/block02_bg02.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg02 .modal__Title {
    width: 69.25%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg03 {
    background: url(../img/block02_bg03.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg03 .modal__Title {
    width: 71.94%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg04 {
    background: url(../img/block02_bg04.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg04 .modal__Title {
    width: 54.63%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg05 {
    background: url(../img/block02_bg05.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg05 .modal__Title {
    width: 76.12%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg06 {
    background: url(../img/block02_bg06.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg06 .modal__Title {
    width: 63.88%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg07 {
    background: url(../img/block02_bg07.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg07 .modal__Title {
    width: 88.96%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg08 {
    background: url(../img/block02_bg08.png) left top no-repeat;
    background-size: cover;
  }
  .toppage .insudtryBlock .modal__Content--Container.bg08 .modal__Title {
    width: 61.19%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Content--Container p {
    font-size: 3.13vw;
    line-height: 1.75;
  }
  .toppage .insudtryBlock .modal__Content .modalInner {
    width: 76.26%;
    margin: 0 auto;
  }
  .toppage .insudtryBlock .modal__Category01 {
    margin: 0.6rem 0 1.4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    align-items: center;
    justify-content: space-between;
  }
  .toppage .insudtryBlock .modal__Category01--List {
    width: 48.36%;
    background: #39B54A;
    margin: 0.8rem 0 0 0;
  }
  .toppage .insudtryBlock .modal__Category01--List p {
    color: #ffffff;
    font-size: 3.13vw;
    line-height: 100%;
    text-align: center;
    padding: 1rem 0;
  }
  .toppage .insudtryBlock .modal__Category02 {
    margin: 0.6rem 0 1.4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    align-items: center;
    justify-content: space-between;
  }
  .toppage .insudtryBlock .modal__Category02--List {
    width: 48.36%;
    background: #39B54A;
    margin: 0.8rem 0 0 0;
  }
  .toppage .insudtryBlock .modal__Category02--List:nth-child(3n) {
    margin: 0.8rem 0 0 0;
  }
  .toppage .insudtryBlock .modal__Category02--List p {
    color: #ffffff;
    font-size: 3.13vw;
    line-height: 100%;
    text-align: center;
    padding: 0.8rem 0 1rem 0;
    letter-spacing: -0.02em;
  }
  .toppage .insudtryBlock .modal__Category03 {
    margin: 0.6rem 0 1.4rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    align-items: center;
    justify-content: space-between;
  }
  .toppage .insudtryBlock .modal__Category03--List {
    width: 100%;
    background: #39B54A;
  }
  .toppage .insudtryBlock .modal__Category03--List p {
    color: #ffffff;
    font-size: 3.13vw;
    line-height: 100%;
    text-align: center;
    padding: 1rem 0;
  }
  .toppage .insudtryBlock .modal .modal-top {
    display: inline-block;
    position: absolute;
    right: 2.5rem;
    top: 2rem;
  }
  .toppage .insudtryBlock .modal .modal-close img {
    width: 2.4rem;
  }
  .toppage .insudtryBlock .modal .modal-close:hover, .toppage .insudtryBlock .modal .modal-close:focus {
    text-decoration: none;
    cursor: pointer;
  }
  .toppage .insudtryBlock .modal .modal-title {
    color: #FFF;
  }
  @-webkit-keyframes show {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes show {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .toppage .serviceBlock {
    padding-top: 5rem;
  }
  .toppage .serviceBlock .inner {
    width: 78.13%;
    max-width: initial;
    margin: 0 auto;
  }
  .toppage .serviceBlock h2 {
    width: 38.4%;
    margin: 0 auto;
  }
  .toppage .serviceBlock__Contents {
    margin-top: 2rem;
    display: block;
  }
  .toppage .serviceBlock__Contents--List {
    width: auto;
    margin-bottom: 2.5rem;
  }
  .toppage .serviceBlock__Contents--List h3 {
    text-align: center;
    font-size: 4.38vw;
    line-height: 1.438;
    background: #e8e8e8;
    border-top: 1px solid #000;
    padding: 1.5rem 0;
  }
  .toppage .serviceBlock__Contents--List h4 {
    text-align: center;
    font-size: 4.06vw;
    line-height: 1.533;
    position: relative;
    padding: 1.4rem 0 0 0;
    margin-bottom: 2rem;
  }
  .toppage .serviceBlock__Contents--List h4::after {
    content: "";
    display: inline-block;
    position: relative;
    bottom: -1.6rem;
    width: 100%;
    height: 1.5rem;
    background: url(../img/block03_callout_sp.svg) left top no-repeat;
    background-size: 100% auto;
  }
  .toppage .serviceBlock__Contents--List p {
    font-size: 3.13vw;
    list-style: 1.9;
  }
  .toppage .serviceBlock__Contents--List:last-of-type {
    margin-bottom: 0rem;
  }
  .toppage .meritBlock {
    padding-top: 7rem;
  }
  .toppage .meritBlock .inner {
    width: 78.13%;
    max-width: initial;
    margin: 0 auto;
  }
  .toppage .meritBlock h2 {
    width: 81.2%;
    max-width: initial;
    margin: 0 auto 7rem auto;
  }
  .toppage .meritBlock__Contents {
    display: block;
  }
  .toppage .meritBlock__Contents--List {
    width: auto;
    background: #EFEFEF;
    border-radius: 8px;
    position: relative;
    margin-top: 6.5rem;
    padding-top: 6.5rem;
  }
  .toppage .meritBlock__Contents--List .inner {
    width: 83.8%;
    margin: 0 auto;
    padding: 2rem 0;
  }
  .toppage .meritBlock__Contents--List .listBorder {
    border-top: 4px solid #ffffff;
    padding-bottom: 1.6rem;
  }
  .toppage .meritBlock__Contents--List .listBorder p {
    font-size: 3.13vw;
    line-height: 1.5;
    margin-bottom: 1rem;
  }
  .toppage .meritBlock__Contents--List .listBorder .inner {
    padding: 2rem 0 0 0;
  }
  .toppage .meritBlock__Contents--List .icon {
    width: 34%;
    margin: -12rem auto 0 auto;
  }
  .toppage .meritBlock__Contents--List h3 {
    color: #009245;
    font-size: 5vw;
    line-height: 1.471;
    letter-spacing: 0;
    margin-bottom: 0.8rem;
  }
  .toppage .meritBlock__Contents--List p {
    font-size: 3.13vw;
    line-height: 1.75;
    letter-spacing: -0.03em;
  }
  .toppage .meritBlock__Contents--List ul li {
    position: relative;
    font-size: 4.38vw;
    line-height: 1.333;
    color: #000;
    padding-left: 1.8rem;
    margin-bottom: 0.6rem;
    letter-spacing: 0.02em;
  }
  .toppage .meritBlock__Contents--List ul li::before {
    content: "●";
    display: inline-block;
    color: #009245;
    font-size: 0.8rem;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0.6rem;
  }
  .toppage .meritBlock__Contents--List dl {
    margin-left: 1.8rem;
    margin-bottom: 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
  }
  .toppage .meritBlock__Contents--List dl dt {
    background: #9E9E9F;
    color: #ffffff;
    border-radius: 4px;
    width: 5.5rem;
    text-align: center;
    margin-right: 1rem;
    font-size: 3.28vw;
    padding: 0.5rem 0;
  }
  .toppage .meritBlock__Contents--List dl dd {
    width: calc(100% - 75px);
    font-size: 3.13vw;
    line-height: 1.45;
    margin-top: -0.5rem;
  }
  .toppage .isoBlock {
    padding-top: 5rem;
  }
  .toppage .isoBlock .inner {
    width: 100%;
    max-width: initial;
    margin: 0 auto;
    position: relative;
    border-bottom: 1px solid #000;
    padding-bottom: 2rem;
  }
  .toppage .isoBlock h2 {
    font-family: 'Noto Serif JP', serif;
    font-size: 5.31vw;
    font-weight: 600;
    position: static;
    text-align: center;
    letter-spacing: 0.02em;
    margin-bottom: 1.5rem;
  }
  .toppage .isoBlock p {
    width: 33.56%;
    font-size: 2.19vw;
    line-height: 1.714;
    position: absolute;
    right: 9.94%;
    top: 5.2rem;
  }
  .toppage .flowBlock {
    padding-top: 7rem;
  }
  .toppage .flowBlock .inner {
    width: 100%;
    max-width: initial;
    margin: 0 auto;
    position: static;
  }
  .toppage .flowBlock h2 {
    width: 70.47%;
    margin: 0 auto 2.2rem auto;
    position: static;
  }
  .toppage .flowBlock p {
    font-size: 2.97vw;
    line-height: 2.632;
    position: static;
    text-align: center;
    margin-bottom: 2.2rem;
  }
  .toppage .flowBlock__SPbox {
    display: block;
    position: relative;
  }
  .toppage .flowBlock__SPbox--Callout {
    position: absolute;
    bottom: 51.4%;
    left: 4.38%;
    width: 34.38%;
  }
  .toppage .flowBlock__SPbox--Callout a {
    cursor: pointer;
  }
  .toppage .flowBlock__SPbox--Callout img {
    width: auto;
  }
  .toppage .flowBlock .modal {
    display: none;
    position: fixed;
    z-index: 8887;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
  .toppage .flowBlock .modal__Content {
    background: #FFF;
    overflow-y: auto;
    width: 78.13%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    max-height: initial;
    -webkit-animation: show 0.6s linear 0s;
            animation: show 0.6s linear 0s;
  }
  .toppage .flowBlock .modal__Content--Container {
    padding: 7rem 0 4.2rem 0;
    background-color: rgba(239, 239, 239, 0.9);
  }
  .toppage .flowBlock .modal__Content--Container p {
    font-size: 2.97vw;
    line-height: 2.105;
    text-align: left;
  }
  .toppage .flowBlock .modal__Content .modalInner {
    width: 72%;
    margin: 0 auto;
  }
  .toppage .flowBlock .modal__Title {
    width: 67.78%;
    margin: 0 auto 2.5rem auto;
  }
  .toppage .flowBlock .modal__Barcode {
    width: 83.33%;
    margin: 0 auto 2rem auto;
  }
  .toppage .flowBlock .modal .modal-top {
    display: inline-block;
    position: absolute;
    right: 2.5rem;
    top: 2rem;
  }
  .toppage .flowBlock .modal .modal-close img {
    width: 2.4rem;
  }
  .toppage .flowBlock .modal .modal-close:hover, .toppage .flowBlock .modal .modal-close:focus {
    text-decoration: none;
    cursor: pointer;
  }
  .toppage .flowBlock .modal .modal-title {
    color: #FFF;
  }
  @keyframes show {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
  .toppage .productsalesBlock {
    margin-top: 8.2rem;
    position: static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    justify-content: space-between;
    -ms-flex-direction: column;
        flex-direction: column;
    width: 100%;
  }
  .toppage .productsalesBlock .inner {
    width: 100%;
    max-width: initial;
    margin: 0 auto;
  }
  .toppage .productsalesBlock__Text {
    position: static;
    top: 4rem;
    left: 0;
    z-index: 2;
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .toppage .productsalesBlock h2 {
    width: 50.31%;
    margin: 0 auto;
  }
  .toppage .productsalesBlock p.text {
    width: 62.5%;
    font-size: 2.97vw;
    line-height: 2.105;
    margin: 2.5rem auto 0 auto;
  }
  .toppage .productsalesBlock__Lineup {
    position: static;
    bottom: -0.2rem;
    left: 0;
    background: none;
    width: auto;
    margin: 0 auto;
    z-index: 2;
    padding: 0;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
  .toppage .productsalesBlock__Lineup .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    justify-content: space-between;
    width: 78.13%;
    margin: 0 auto;
  }
  .toppage .productsalesBlock__Lineup--item {
    width: 33.25%;
    margin-bottom: 2.5rem;
  }
  .toppage .productsalesBlock__Lineup--item.title {
    width: 33.25%;
  }
  .toppage .productsalesBlock__Lineup--item.title img {
    width: 65.63%;
    margin: 0 auto 0 0;
  }
  .toppage .productsalesBlock__Lineup--item.item01 {
    width: 33.25%;
  }
  .toppage .productsalesBlock__Lineup--item.item01 img {
    width: 71.09%;
    margin: 0 auto;
  }
  .toppage .productsalesBlock__Lineup--item.item02 {
    width: 33.25%;
  }
  .toppage .productsalesBlock__Lineup--item.item02 img {
    width: 57.81%;
    margin: 0 0 0 auto;
  }
  .toppage .productsalesBlock__Lineup--item.item03 {
    width: 33.25%;
  }
  .toppage .productsalesBlock__Lineup--item.item03 img {
    width: 58.59%;
    margin: 0 auto 0 0;
  }
  .toppage .productsalesBlock__Lineup--item.item04 {
    width: 33.25%;
  }
  .toppage .productsalesBlock__Lineup--item.item04 img {
    width: 30.69%;
    margin: 0 auto;
  }
  .toppage .productsalesBlock__Lineup--item.item05 {
    width: 33.25%;
  }
  .toppage .productsalesBlock__Lineup--item.item05 img {
    width: 59.38%;
    margin: 0 0 0 auto;
  }
  .toppage .productsalesBlock__Lineup--item.textbox {
    display: none;
  }
  .toppage .productsalesBlock__Lineup p {
    font-size: 2.73vw;
    text-align: center;
  }
  .toppage .productsalesBlock .blockSliderInner {
    position: static;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    width: 100%;
    margin: 2.5rem 0;
  }
  .toppage .productsalesBlock .blockSliderInner .blockSlider {
    width: 100%;
  }
  .toppage .qaBlock {
    padding: 8rem 0 4.3rem 0;
    /*====================================================================
      accordion
      ====================================================================*/
  }
  .toppage .qaBlock .inner {
    width: 78.13%;
    max-width: initial;
    margin: 0 auto;
  }
  .toppage .qaBlock h2 {
    width: 63.44%;
    margin: 0 auto 2.5rem auto;
  }
  .toppage .qaBlock p.copy {
    font-size: 3vw;
    line-height: 1.75;
    text-align: left;
    width: 62.5%;
    margin: 0 auto;
  }
  .toppage .qaBlock .qaBlockBg {
    background: #f5f3f2;
    margin: 2.5rem 0 3.5rem 0;
    padding: 3.9rem 0;
  }
  .toppage .qaBlock .accordion_one .accordion_header {
    border-top: 2px solid #009245;
    padding: 1.5rem 3.3rem 1.5rem 0;
    position: relative;
    cursor: pointer;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  .toppage .qaBlock .accordion_one .accordion_header p {
    font-size: 3.91vw;
    line-height: 1.52;
    padding: 3.5rem 0rem 0rem 1.5rem;
    position: relative;
  }
  .toppage .qaBlock .accordion_one .accordion_header::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    width: 2.6rem;
    height: 2.6rem;
    background: url(../img/block08_q.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(1) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num01.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(2) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num02.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(3) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num03.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(4) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num04.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(5) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num05.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(6) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num06.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(7) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num07.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(8) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num08.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(9) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num09.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header {
    border-bottom: 2px solid #009245;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num10.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(1) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num01_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(2) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num02_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(3) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num03_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(4) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num04_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(5) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num05_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(6) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num06_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(7) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num07_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(8) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num08_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(9) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num09_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header.open {
    border-bottom: 2px solid #009245;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header.open p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num10_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(1) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num01_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(2) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num02_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(3) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num03_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(4) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num04_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(5) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num05_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(6) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num06_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(7) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num07_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(8) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num08_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(9) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num09_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header:hover {
    border-bottom: 2px solid #009245;
  }
  .toppage .qaBlock .accordion_one:nth-of-type(10) .accordion_header:hover p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 5rem;
    top: 0.7rem;
    width: 2.4rem;
    height: 1.4rem;
    background: url(../img/block08_num10_w.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one:nth-child(2n) .accordion_header {
    background-color: #ffffff;
  }
  .toppage .qaBlock .accordion_one .accordion_header:hover {
    background-color: #009245;
  }
  .toppage .qaBlock .accordion_one .accordion_header:hover::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    width: 2.6rem;
    height: 2.6rem;
    background: url(../img/block08_q_h.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one .accordion_header:hover p {
    color: #ffffff;
  }
  .toppage .qaBlock .accordion_one .accordion_header.open {
    background-color: #009245;
  }
  .toppage .qaBlock .accordion_one .accordion_header.open::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 1.5rem;
    top: 1.5rem;
    width: 2.6rem;
    height: 2.6rem;
    background: url(../img/block08_q_h.svg) left top no-repeat;
  }
  .toppage .qaBlock .accordion_one .accordion_header.open p {
    color: #ffffff;
  }
  .toppage .qaBlock .accordion_one .accordion_header .i_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 18px;
    right: 14px;
    width: 14px;
    height: 14px;
    margin-top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
  }
  .toppage .qaBlock .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-transition-duration: 0.2s;
            transition-duration: 0.2s;
    position: relative;
  }
  .toppage .qaBlock .accordion_one .accordion_header.open .i_box {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
  .toppage .qaBlock .accordion_one .accordion_header .i_box .one_i:before,
  .toppage .qaBlock .accordion_one .accordion_header .i_box .one_i:after {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    content: '';
    background-color: #009245;
    border-radius: 100px;
    width: 14px;
    height: 2px;
    position: absolute;
    top: 6px;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
            transform-origin: center center;
  }
  .toppage .qaBlock .accordion_one .accordion_header .i_box .one_i:before {
    width: 2px;
    height: 14px;
    top: 0;
    left: 6px;
  }
  .toppage .qaBlock .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
  }
  .toppage .qaBlock .accordion_one .accordion_header.open .i_box .one_i:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background-color: #ffffff;
  }
  .toppage .qaBlock .accordion_one .accordion_header:hover .i_box .one_i:before,
  .toppage .qaBlock .accordion_one .accordion_header:hover .i_box .one_i:after {
    background-color: #ffffff;
  }
  .toppage .qaBlock .accordion_one .accordion_inner {
    display: none;
    padding: 2rem;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    background: #ffffff;
  }
  .toppage .qaBlock .accordion_one .accordion_inner .box_answer {
    margin: 0;
  }
  .toppage .qaBlock .accordion_one .accordion_inner .box_answer p {
    position: relative;
    padding-left: 0;
    font-size: 3.13vw;
    line-height: 1.75;
    margin-top: 2.5rem;
  }
  .toppage .qaBlock .accordion_one .accordion_inner .box_answer p::before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0rem;
    top: -2.8rem;
    width: 2.2rem;
    height: 2.2rem;
    background: url(../img/block08_a.svg) left top no-repeat;
  }
  .toppage .qaBlock .btn {
    width: 62.5%;
    margin: 0 auto;
  }
  .toppage .qaBlock .btn a {
    display: block;
    border: 2px solid #000;
    font-size: 2.2rem;
    border-radius: 6px;
    text-align: center;
    padding: 1.4rem 0;
    position: relative;
  }
  .toppage .qaBlock .btn a::after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    content: '';
    margin-top: -6px;
    background: url(../img/btn_arrow.svg) no-repeat;
    background-size: 8px auto;
    width: 0.8rem;
    height: 1.2rem;
    -webkit-transition: all .2s;
    transition: all .2s;
  }
  .toppage .qaBlock .btn a:hover {
    background-color: none;
    color: #000;
  }
  .toppage .qaBlock .btn a:hover::after {
    right: 1.6rem;
    background: url(../img/btn_arrow.svg) no-repeat;
  }
  .toppage .qaBlock .btn a img {
    width: 37.5%;
    margin: 0 auto;
  }
  .slide_target {
    pointer-events: none;
  }
}