@charset "UTF-8";
/* line 5, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
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: inherit;
  font-size: 100%;
  vertical-align: baseline; }

/* line 22, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
  font-size:62.5%;
}

/* line 24, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none; }

/* line 26, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0; }

/* line 28, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

/* line 30, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none; }
  /* line 103, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

/* line 32, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none; }

/* line 116, ../../../../../../../../Applications/Koala.app/Contents/Resources/app.nw/rubygems/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

/* 
スマホ 320〜559px
タブレット 560〜959px
PC 960px以上
*/
/* line 9, ../_scss/index.scss */
#chkSP {
  display: none;
  background: #000;
  /* iPadPro12.9 portrait */
  /* iPadPro12.9 landscape */
  /*
  @media only screen and (max-width: 1366px) and (orientation:landscape){
      @content;
  }
  */
  /* iPadPro10.5 portrait */
  /* iPadPro10.5 landscape */
  /*
  @media only screen and (max-width: 1112px) and (orientation:landscape){
      @content;
  }
  */
  /* iPad9.7 portrait */
  /* iPad9.7 landscape */
  /*
  @media only screen and (max-width: 1024px) and (orientation:landscape){
      @content;
  }
  */ }
  @media only screen and (max-width: 767px) {
    /* line 9, ../_scss/index.scss */
    #chkSP {
      background: #FFF; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 9, ../_scss/index.scss */
    #chkSP {
      background: #FFF; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    /* line 9, ../_scss/index.scss */
    #chkSP {
      background: #FFF; } }
  @media only screen and (max-width: 834px) and (orientation: portrait) {
    /* line 9, ../_scss/index.scss */
    #chkSP {
      background: #FFF; } }
  @media only screen and (max-width: 768px) and (orientation: portrait) {
    /* line 9, ../_scss/index.scss */
    #chkSP {
      background: #FFF; } }

/* line 16, ../_scss/index.scss */
.pc {
  display: block;
  /* iPadPro12.9 portrait */
  /* iPadPro12.9 landscape */
  /*
  @media only screen and (max-width: 1366px) and (orientation:landscape){
      @content;
  }
  */
  /* iPadPro10.5 portrait */
  /* iPadPro10.5 landscape */
  /*
  @media only screen and (max-width: 1112px) and (orientation:landscape){
      @content;
  }
  */
  /* iPad9.7 portrait */
  /* iPad9.7 landscape */
  /*
  @media only screen and (max-width: 1024px) and (orientation:landscape){
      @content;
  }
  */ }
  @media only screen and (max-width: 767px) {
    /* line 16, ../_scss/index.scss */
    .pc {
      display: none; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 16, ../_scss/index.scss */
    .pc {
      display: none; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    /* line 16, ../_scss/index.scss */
    .pc {
      display: none; } }
  @media only screen and (max-width: 834px) and (orientation: portrait) {
    /* line 16, ../_scss/index.scss */
    .pc {
      display: none; } }
  @media only screen and (max-width: 768px) and (orientation: portrait) {
    /* line 16, ../_scss/index.scss */
    .pc {
      display: none; } }

/* line 23, ../_scss/index.scss */
.sp {
  display: none;
  /* iPadPro12.9 portrait */
  /* iPadPro12.9 landscape */
  /*
  @media only screen and (max-width: 1366px) and (orientation:landscape){
      @content;
  }
  */
  /* iPadPro10.5 portrait */
  /* iPadPro10.5 landscape */
  /*
  @media only screen and (max-width: 1112px) and (orientation:landscape){
      @content;
  }
  */
  /* iPad9.7 portrait */
  /* iPad9.7 landscape */
  /*
  @media only screen and (max-width: 1024px) and (orientation:landscape){
      @content;
  }
  */ }
  @media only screen and (max-width: 767px) {
    /* line 23, ../_scss/index.scss */
    .sp {
      display: block; } }
  @media only screen and (min-width: 768px) and (max-width: 1023px) {
    /* line 23, ../_scss/index.scss */
    .sp {
      display: block; } }
  @media only screen and (max-width: 1024px) and (orientation: portrait) {
    /* line 23, ../_scss/index.scss */
    .sp {
      display: block; } }
  @media only screen and (max-width: 834px) and (orientation: portrait) {
    /* line 23, ../_scss/index.scss */
    .sp {
      display: block; } }
  @media only screen and (max-width: 768px) and (orientation: portrait) {
    /* line 23, ../_scss/index.scss */
    .sp {
      display: block; } }

/* line 30, ../_scss/index.scss */
img.sp {
  width: 100%; }

/* line 33, ../_scss/index.scss */
#top > header > div > div > div.col-pc-6-5.cf.pc.tb_none > div {
  visibility: hidden; }

/* line 36, ../_scss/index.scss */
.nocanvas {
  display: none; }

/* line 39, ../_scss/index.scss */
.wrapper {
  padding-left: 0px;
  padding-right: 0px; }
  @media screen and (min-width: 960px) {
    /* line 39, ../_scss/index.scss */
    .wrapper {
      padding-left: 0px;
      padding-right: 0px; } }

/* line 48, ../_scss/index.scss */
main {
  background: #f0f0f0;
  padding-bottom: 12vw; }
  @media screen and (min-width: 960px) {
    /* line 48, ../_scss/index.scss */
    main {
      background: #ffffff;
      padding-bottom: 60px; } }
  /* line 55, ../_scss/index.scss */
  main img {
    width: 100%; }
    @media screen and (min-width: 960px) {
      /* line 55, ../_scss/index.scss */
      main img {
        width: auto; } }
  /* line 62, ../_scss/index.scss */
  main section.kvarea {
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      /* line 62, ../_scss/index.scss */
      main section.kvarea {
        background: url(../img/towayakuhin_bg_pc.png); } }
    /* line 67, ../_scss/index.scss */
    main section.kvarea .inner {
      position: relative; }
      @media screen and (min-width: 960px) {
        /* line 67, ../_scss/index.scss */
        main section.kvarea .inner {
          width: 1024px;
          margin: 0px auto; } }
      /* line 77, ../_scss/index.scss */
      main section.kvarea .inner .titlearea {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        bottom: 0px;
        z-index: 5; }
        /* line 84, ../_scss/index.scss */
        main section.kvarea .inner .titlearea h2 {
          position: absolute;
          bottom: 4.53333vw;
          left: 3.06667vw;
          z-index: 7;
          width: 69.73333vw; }
          @media screen and (min-width: 960px) {
            /* line 84, ../_scss/index.scss */
            main section.kvarea .inner .titlearea h2 {
              bottom: 23px;
              left: 23px;
              width: 523px; } }
          @media screen and (min-width: 960px) {
            /* line 95, ../_scss/index.scss */
            main section.kvarea .inner .titlearea h2 img {
              width: 523px; } }
        /* line 101, ../_scss/index.scss */
        main section.kvarea .inner .titlearea .bg {
          position: absolute;
          left: 0px;
          bottom: -2px;
          z-index: 6; }
          @media screen and (min-width: 960px) {
            /* line 101, ../_scss/index.scss */
            main section.kvarea .inner .titlearea .bg {
              bottom: -1px; } }
          @media screen and (min-width: 960px) {
            /* line 109, ../_scss/index.scss */
            main section.kvarea .inner .titlearea .bg img {
              width: 1024px; } }
        /* line 115, ../_scss/index.scss */
        main section.kvarea .inner .titlearea ul {
          position: relative;
          padding: 0;
          z-index: 7;
          font-size: 0;
          padding: 1.86667vw 0 0 80.66667vw; }
          @media screen and (min-width: 960px) {
            /* line 115, ../_scss/index.scss */
            main section.kvarea .inner .titlearea ul {
              padding: 10px 0px 0px 906px; } }
          /* line 124, ../_scss/index.scss */
          main section.kvarea .inner .titlearea ul li {
            display: inline-block;
            width: 8vw; }
            @media screen and (min-width: 960px) {
              /* line 124, ../_scss/index.scss */
              main section.kvarea .inner .titlearea ul li {
                width: 47px; } }
            @media screen and (min-width: 960px) {
              /* line 130, ../_scss/index.scss */
              main section.kvarea .inner .titlearea ul li img {
                width: 47px; } }
            /* line 135, ../_scss/index.scss */
            main section.kvarea .inner .titlearea ul li:first-child {
              margin-right: 1.06667vw; }
              @media screen and (min-width: 960px) {
                /* line 135, ../_scss/index.scss */
                main section.kvarea .inner .titlearea ul li:first-child {
                  margin-right: 8px; } }
  /* line 147, ../_scss/index.scss */
  main section.contents {
    background: #ffffff; }
    @media screen and (min-width: 960px) {
      /* line 149, ../_scss/index.scss */
      main section.contents div.inner {
        width: 860px;
        margin: 0px auto; } }
    /* line 154, ../_scss/index.scss */
    main section.contents div.inner p.leed {
      line-height: 166.66667%;
      font-size: 24px;
      font-size: 3.2vw;
      color: #3a614f;
      padding: 6.13333vw 4.66667vw 5.33333vw 4.66667vw;
      margin-bottom: 0; }
      @media screen and (min-width: 960px) {
        /* line 154, ../_scss/index.scss */
        main section.contents div.inner p.leed {
          line-height: 176.47059%;
          font-size: 17px;
          padding: 40px 0px 40px 30px; } }
    /* line 169, ../_scss/index.scss */
    main section.contents div.inner ul li:last-child {
      border-bottom: 2px solid #e6f1e1; }
      @media screen and (min-width: 960px) {
        /* line 169, ../_scss/index.scss */
        main section.contents div.inner ul li:last-child {
          border-bottom: none; } }
    @media screen and (min-width: 960px) {
      /* line 168, ../_scss/index.scss */
      main section.contents div.inner ul li {
        background: #f9f9f9;
        padding: 22px 25px;
        box-sizing: border-box;
        margin-bottom: 5px; } }
    @media screen and (min-width: 960px) {
      /* line 181, ../_scss/index.scss */
      main section.contents div.inner ul li dl {
        overflow: hidden;
        *zoom: 1; } }
    /* line 185, ../_scss/index.scss */
    main section.contents div.inner ul li dl dt {
      display: none; }
      @media screen and (min-width: 960px) {
        /* line 185, ../_scss/index.scss */
        main section.contents div.inner ul li dl dt {
          display: block;
          float: left;
          width: 310px; } }
    @media screen and (min-width: 960px) {
      /* line 193, ../_scss/index.scss */
      main section.contents div.inner ul li dl dd {
        margin-left: 330px; } }
    /* line 197, ../_scss/index.scss */
    main section.contents div.inner ul li dl dd h3 {
      border-top: 2px solid #e6f1e1;
      position: relative;
      padding: 4vw 4vw 4vw 22.66667vw;
      font-size: 28px;
      font-size: 3.73333vw;
      color: #3a614f;
      line-height: 140%; }
      @media screen and (min-width: 960px) {
        /* line 197, ../_scss/index.scss */
        main section.contents div.inner ul li dl dd h3 {
          border-top: none;
          padding: 0px;
          font-size: 16px;
          line-height: 187.5%;
          margin-bottom: 15px; } }
      /* line 212, ../_scss/index.scss */
      main section.contents div.inner ul li dl dd h3 img {
        position: absolute;
        top: 50%;
        left: 6.66667vw;
        width: 9.6vw;
        transform: translateY(-4.8vw); }
        @media screen and (min-width: 960px) {
          /* line 212, ../_scss/index.scss */
          main section.contents div.inner ul li dl dd h3 img {
            display: none; } }
      /* line 223, ../_scss/index.scss */
      main section.contents div.inner ul li dl dd h3 b {
        display: block;
        font-size: 30px;
        font-size: 4vw;
        font-weight: bold;
        margin-left: -0.6em; }
        @media screen and (min-width: 960px) {
          /* line 223, ../_scss/index.scss */
          main section.contents div.inner ul li dl dd h3 b {
            line-height: 120%;
            font-size: 20px; } }
      /* line 233, ../_scss/index.scss */
      main section.contents div.inner ul li dl dd h3 span.arrow {
        position: absolute;
        top: 50%;
        right: 8.53333vw;
        width: 2.93333vw;
        height: 2.93333vw;
        border-top: 2px solid #3a614f;
        border-right: 2px solid #3a614f;
        transform: rotate(45deg) translateY(-1.46667vw);
        transition: all .2s ease; }
        @media screen and (min-width: 960px) {
          /* line 233, ../_scss/index.scss */
          main section.contents div.inner ul li dl dd h3 span.arrow {
            display: none; } }
    /* line 248, ../_scss/index.scss */
    main section.contents div.inner ul li dl dd .openarea {
      display: none;
      padding: 0 4.66667vw 5.33333vw 4.66667vw;
      color: #3a614f;
      font-size: 24px;
      font-size: 3.2vw;
      line-height: 166.66667%; }
      @media screen and (min-width: 960px) {
        /* line 248, ../_scss/index.scss */
        main section.contents div.inner ul li dl dd .openarea {
          display: block;
          line-height: 150%;
          font-size: 16px;
          padding: 0px; } }
      /* line 261, ../_scss/index.scss */
      main section.contents div.inner ul li dl dd .openarea p.txt {
        padding: 5.06667vw 0 4vw 0;
        margin-bottom: 0px; }
        @media screen and (min-width: 960px) {
          /* line 261, ../_scss/index.scss */
          main section.contents div.inner ul li dl dd .openarea p.txt {
            padding: 0px 0px 20px 0px; } }
      /* line 268, ../_scss/index.scss */
      main section.contents div.inner ul li dl dd .openarea a {
        text-decoration: underline; }
        @media screen and (min-width: 960px) {
          /* line 270, ../_scss/index.scss */
          main section.contents div.inner ul li dl dd .openarea a:hover {
            text-decoration: none; } }
    /* line 282, ../_scss/index.scss */
    main section.contents div.inner ul li dl.open dd h3 span.arrow {
      transform: rotate(135deg) translateY(0) translateX(-2.93333vw); }
    /* line 286, ../_scss/index.scss */
    main section.contents div.inner ul li dl.open dd .openarea {
      display: block; }

@media all and (-ms-high-contrast: none) {
  /* line 300, ../_scss/index.scss */
  *::-ms-backdrop, main section.kvarea .inner .titlearea .bg {
    bottom: -3px; }

  /* IE11 */ }
@media screen and (min-width: 960px) {
  /* line 303, ../_scss/index.scss */
  .youtube-wrap {
    cursor: pointer; } }

/* line 308, ../_scss/index.scss */
.youtube-wrap > div {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden; }
  @media screen and (min-width: 960px) {
    /* line 308, ../_scss/index.scss */
    .youtube-wrap > div {
      pointer-events: none; } }
  /* line 316, ../_scss/index.scss */
  .youtube-wrap > div iframe {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%; }

/* line 325, ../_scss/index.scss */
#modal {
  display: none;
  background: rgba(0, 0, 0, 0.75);
  width: 100%;
  height: 100%;
  z-index: 901;
  position: fixed;
  top: 0px;
  left: 0px; }
  /* line 335, ../_scss/index.scss */
  #modal div.close {
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -290px;
    margin-left: 390px;
    width: 40px;
    height: 40px; }
    /* line 344, ../_scss/index.scss */
    #modal div.close:hover {
      opacity: .5; }
    /* line 348, ../_scss/index.scss */
    #modal div.close::before, #modal div.close::after {
      content: "";
      display: block;
      box-sizing: border-box;
      position: absolute;
      top: 50%;
      left: 0px;
      width: 40px;
      height: 2px;
      background-color: #ffffff; }
    /* line 360, ../_scss/index.scss */
    #modal div.close::before {
      transform: rotate(315deg); }
    /* line 363, ../_scss/index.scss */
    #modal div.close::after {
      transform: rotate(-315deg); }
  /* line 367, ../_scss/index.scss */
  #modal #yplayer {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -239px;
    margin-left: -427px;
    width: 854px;
    height: 479px; }




footer ul{
  display:flex;
}
footer ul li{
  margin-right:1em;
  font-size:1.4rem;
}
.Footer-site .Footer-bottom {
    padding: 3em 0;
}

@media screen and (max-width: 767px) {
  .Header-site .l-inner-site h1 {
    margin-left: 2vw;
  }
  footer ul{
    flex-wrap:wrap;
    margin-bottom:2em;
  }
  
  footer ul li{
  width:50%;
margin-right:0px;
    margin-bottom:1em;
    text-align:center;
}
  footer ul li:nth-of-type(odd){
    border-right:1px solid #FFF;
  }
  .Footer-site a {
    color:#FFF;
}
  footer ul li a{
    color:#FFF;
  } 
  
  .Footer-site .Footer-bottom .copy {
    text-align: center;
    font-size: 1rem;
}
  
}