@charset "UTF-8";
/*color*/
/*mediaquery*/
/*mixin*/
/* Font系 */
/*
top
*/
#top .mainv {
  padding-bottom: 7rem;
  overflow: hidden;
  position: relative;
}

#top .mainv .inner {
  max-width: 160rem;
  position: relative;
}

#top .mainv .mainv-slider {
  width: 100%;
}

#top .mainv .mainv-slider .slide-inner picture {
  display: block;
  width: 100%;
}

#top .mainv .mainv-slider .slide-inner picture img {
  width: 100%;
}

#top .mainv .mainv-logo {
  width: 29.8rem;
  position: absolute;
  top: 13rem;
  left: 11.25%;
  /* IE11 */
}

#top .mainv .barrierfree {
  width: 35rem;
  height: 32rem;
  padding: 12rem 8rem 7rem 3.5rem;
  background: url(../img/top/bg-barrierfree.png) no-repeat center/contain;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  letter-spacing: 0;
  position: absolute;
  right: 5.6%;
  bottom: 0;
  /* IE11 */
}

#top .top-about {
  padding-bottom: 15rem;
  background: url(../img/top/bg-leaf1.png) no-repeat right 60%;
  overflow: hidden;
  position: relative;
}

#top .top-about::before {
  content: '';
  width: 19%;
  height: 0;
  padding-bottom: 16%;
  background: url(../img/top/about-img.png) no-repeat center/contain;
  position: absolute;
  top: 8vw;
  left: 11.5vw;
}

#top .top-about .inner {
  position: relative;
}

#top .top-about .inner::before {
  content: '';
  width: 48rem;
  height: 60rem;
  background: url(../img/top/character1-2.png) no-repeat center bottom/contain;
  position: absolute;
  top: 0;
  left: 100%;
}

#top .top-about .inner::after {
  content: '';
  width: 11.2rem;
  height: 11.5rem;
  background: url(../img/top/character1.png) no-repeat center bottom/contain;
  position: absolute;
  top: 50rem;
  right: -1rem;
  -webkit-animation-name: anime-rile;
          animation-name: anime-rile;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
          animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

#top .top-about h2 {
  margin: 0 auto 12rem;
  text-align: center;
  line-height: 2.1;
  font-size: 3rem;
}

#top .top-about .access {
  text-align: center;
  font-weight: 500;
  font-size: 2rem;
}

#top .top-about .access p {
  line-height: 2.1;
}

#top .top-about .access h3 {
  margin: 0 0 4rem;
  font-size: 3rem;
  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: relative;
}

#top .top-about .access h3::before, #top .top-about .access h3::after {
  content: '';
  display: block;
  width: .2rem;
  height: 2em;
  background: currentcolor;
}

#top .top-about .access h3::before {
  -webkit-transform: translateX(-3rem) rotate(-30deg);
          transform: translateX(-3rem) rotate(-30deg);
}

#top .top-about .access h3::after {
  -webkit-transform: translateX(3rem) rotate(30deg);
          transform: translateX(3rem) rotate(30deg);
}

#top .top-about .access .flex {
  margin-top: 21rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#top .top-about .access .route-wrap {
  width: 31%;
  text-align: left;
  font-weight: 300;
  font-size: 1.6rem;
  letter-spacing: 0;
}

#top .top-about .access .route-wrap h4 {
  margin: 0;
  font-weight: bold;
  font-size: 2rem;
}

#top .top-about .access .route-wrap p {
  font-size: 1.8rem;
}

#top .top-about .access .route-wrap .route:first-child {
  margin-bottom: 4.5rem;
}

#top .top-about .access .route-wrap .img-wrap {
  width: 70%;
  margin-top: 4rem;
  margin-left: auto;
}

#top .top-about .access .route-wrap .img-wrap img {
  width: 100%;
  height: 100%;
}

#top .top-about .access .route-movie {
  width: 61.4%;
  position: relative;
}

#top .top-about .access .route-movie h4 {
  width: 42.4rem;
  margin: 0;
  padding-top: 1.3rem;
  padding-bottom: 4.4rem;
  background: url(../img/common/title-ribbon.png) no-repeat center/contain;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1;
  position: absolute;
  left: -8rem;
  bottom: calc(100% + 3.5rem);
  z-index: 10;
}

#top .top-about .access .route-movie .youtube-wrap {
  width: 100%;
  height: 0;
  padding-bottom: 62.2%;
  position: relative;
}

#top .top-about .access .route-movie .youtube-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  /* IE11 */
}

#top .top-about .access .route-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6rem;
}

#top .top-about .access .route-img .route-img-left {
  width: 47%;
}

#top .top-about .access .route-img .route-img-right {
  width: 47%;
}

#top .top-about .access .map-wrap {
  margin-top: 7rem;
  height: 50rem;
}

#top .top-about .access .map-wrap iframe {
  width: 100%;
  height: 100%;
}

#top .youtube-channel {
  padding: 5rem 0;
  background: #FFFCD7;
}

#top .youtube-channel .flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#top .youtube-channel .channel-txt {
  width: 42.7%;
  height: 42.4rem;
  padding: 13.5rem 9rem 19rem 9rem;
  background: url(../img/top/channel-fukidashi.png) no-repeat center/contain;
  text-align: center;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 3.2rem;
  line-height: 1.56;
  position: relative;
}

#top .youtube-channel .channel-txt .red {
  color: #E73324;
}

#top .youtube-channel .channel-txt .chara1 {
  width: 8.4rem;
  position: absolute;
  top: 5.8rem;
  left: 2.2rem;
}

#top .youtube-channel .channel-txt .chara2 {
  width: 6.8rem;
  position: absolute;
  top: 0;
  left: 13.7rem;
}

#top .youtube-channel .channel-txt .chara3 {
  width: 5rem;
  position: absolute;
  right: 0;
  bottom: 0;
}

#top .youtube-channel .youtube-wrap {
  width: 55.5%;
  height: 0;
  margin-left: 2rem;
  padding-bottom: 32.3%;
  border-radius: 3rem;
  overflow: hidden;
  position: relative;
}

#top .youtube-channel .youtube-wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#top .farm-description {
  padding-top: 17rem;
  padding-bottom: 10rem;
  position: relative;
  z-index: 5;
}

#top .farm-description::before, #top .farm-description::after {
  content: '';
  width: 100%;
  height: 100%;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

#top .farm-description::before {
  background: url(../img/top/bg-leaf2.png) no-repeat left top;
  top: -3rem;
  left: 0;
}

#top .farm-description::after {
  background: url(../img/top/bg-leaf3.png) no-repeat right bottom;
  top: 19.5rem;
  right: 0;
}

#top .farm-description .description-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#top .farm-description .description-box .txt-wrap {
  font-size: 1.6rem;
  line-height: 2;
}

#top .farm-description .description-box .txt-wrap .box-title {
  display: inline-block;
  margin: 0 0 1.2em;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 2.5rem;
  line-height: 1.56;
  text-align: center;
}

#top .farm-description .description-box .txt-wrap .btn {
  margin-top: 3.6rem;
}

#top .farm-description .description-box .img-wrap {
  width: 61.4%;
}

#top .farm-description .description-box .img-wrap img {
  display: block;
}

#top .farm-description .description-box:nth-child(1) {
  margin-bottom: 13rem;
}

#top .farm-description .description-box:nth-child(1) .box-title {
  width: 31.3rem;
  padding: .9em 2rem;
  background: url(../img/top/title-bg1.png) no-repeat center left/100% 100%;
}

#top .farm-description .description-box:nth-child(1) .img-wrap {
  position: relative;
}

#top .farm-description .description-box:nth-child(1) .img-wrap::after {
  content: '';
  width: 7.8rem;
  height: 7.8rem;
  background: url(../img/top/character2.png) no-repeat center/contain;
  position: absolute;
  bottom: 0;
  right: 6.7rem;
}

#top .farm-description .description-box:nth-child(2) {
  margin-bottom: 17rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#top .farm-description .description-box:nth-child(2) .box-title {
  width: 41rem;
  padding: 1.45em 0rem;
  background: url(../img/top/title-bg2.png) no-repeat center left/100% 100%;
  position: relative;
}

#top .farm-description .description-box:nth-child(2) .box-title::after {
  content: '';
  width: 6.4rem;
  height: 5rem;
  background: url(../img/top/character3.png) no-repeat center bottom/contain;
  position: absolute;
  left: 24%;
  bottom: 88%;
}

#top .farm-description .description-box:nth-child(2) .txt-wrap {
  position: relative;
}

#top .farm-description .description-box:nth-child(2) .txt-wrap::after {
  content: '';
  width: 12rem;
  height: 9rem;
  background: url(../img/top/character4.png) no-repeat center/contain;
  position: absolute;
  bottom: -4rem;
  right: 2rem;
  -webkit-animation-name: anime-rile;
          animation-name: anime-rile;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
          animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

#top .farm-description .description-box:nth-child(2) .txt-wrap p, #top .farm-description .description-box:nth-child(2) .txt-wrap .btn {
  padding-left: 4rem;
}

#top .farm-description .description-box:nth-child(2) .img-wrap {
  margin-right: 1.5rem;
}

#top .farm-description .description-box:nth-child(3) .box-title {
  width: 35.3rem;
  padding: 1.25em 2rem;
  background: url(../img/top/title-bg3.png) no-repeat center left/100% 100%;
}

#top .farm-description .description-box:nth-child(3) .no-add {
  width: 34.5rem;
  height: 18.1rem;
  margin-left: 6rem;
  position: relative;
}

#top .farm-description .description-box:nth-child(3) .no-add .fukidashi {
  width: 22rem;
  position: absolute;
  top: 0;
  right: 0;
}

#top .farm-description .description-box:nth-child(3) .no-add .chara {
  width: 10.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

#top .sns-section {
  margin-bottom: 34rem;
  position: relative;
  z-index: 5;
}

#top .sns-section .bg-board {
  padding-top: 18rem;
  padding-bottom: 8rem;
  background: url(../img/top/bg-board.png) no-repeat center/100% 100%;
}

#top .sns-section h2 {
  margin-top: 0;
  margin-bottom: 6rem;
  text-align: center;
  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;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 3rem;
  line-height: 1.56;
}

#top .sns-section h2::before, #top .sns-section h2::after {
  content: '';
  width: 3.5rem;
  height: 3.2rem;
  margin: 0 3rem;
  background: url(../img/common/h2-deco.png) no-repeat center/contain;
}

#top .sns-section h2::before {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}

#top .sns-section .flex {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#top .sns-section .sns-box {
  width: 46%;
}

#top .sns-section .sns-box .box-title {
  margin: 0;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  text-align: center;
  font-size: 1.9rem;
  line-height: 2.1;
  letter-spacing: .3em;
}

#top .sns-section .sns-box .timeline-wrap {
  padding: 1.5rem 2.5rem;
  background: #fff;
}

#top .sns-section .sns-box.insta .timeline-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#top .sns-section .sns-box.insta .timeline-wrap .timeline-img {
  display: block;
  margin-right: 1rem;
  margin-bottom: 1rem;
}

#top .sns-section .sns-box.insta .timeline-wrap .timeline-img img {
  display: block;
}

#top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-last-child(1), #top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-last-child(2), #top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-last-child(3) {
  margin-bottom: 0;
}

#top .snsBanner{
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
}
#top .snsBanner img{
  max-width: 530px;
      width: 100%;
}
#top .snsBanner .sns {
    padding: 10px;
    width: 50%;
    text-align: center;
}
#top .sns-section {
    margin-bottom: 11rem;
    margin-top: 8rem;
}

@media screen and (max-width: 767px) {
#top .snsBanner{
  flex-wrap: wrap;
}
#top .snsBanner .sns {
    width: 100%;
    padding: 10px 30px;
}
}
/* safari */

/*color*/
/*mediaquery*/
/*mixin*/
/* Font系 */
#about {
  background: url(../img/about/bg-leaf1.png) no-repeat right 7%, url(../img/about/bg-leaf2.png) no-repeat left 52.5%, url(../img/about/bg-leaf3.png) no-repeat right 80.5%;
}

#about .about-farm {
  height: 74rem;
  margin-top: 11.7rem;
  margin-bottom: 12.5rem;
  text-align: center;
  font-size: 1.8rem;
  font-weight: 500;
}

#about .about-farm p {
  line-height: 2.5;
}

#about .about-farm .inner {
  height: 100%;
  padding-top: 3.5rem;
  background: url(../img/about/bg-about-farm1.png) no-repeat top right, url(../img/about/bg-about-farm2.png) no-repeat bottom left;
  position: relative;
}

#about .about-farm .inner::before, #about .about-farm .inner::after {
  content: '';
  position: absolute;
  bottom: 53.3rem;
}

#about .about-farm .inner::before {
  width: 3.8rem;
  height: 3.5rem;
  background: url(../img/about/character1.png) no-repeat center/contain;
  left: 11rem;
  -webkit-animation-name: anime-rile;
          animation-name: anime-rile;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 0, 1);
          animation-timing-function: cubic-bezier(1, 0, 0, 1);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
}

#about .about-farm .inner::after {
  width: 61.8rem;
  height: 25.5rem;
  background: url(../img/about/character1-2.png) no-repeat bottom right/contain;
  right: calc(100% - 11rem);
}

#about .about-farm h1 {
  margin-top: 0;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 3.5rem;
}

#about .about-farm h1::before {
  content: '';
  width: 11rem;
  height: 11.8rem;
  margin-bottom: 3rem;
  background: url(../img/about/tree.png) no-repeat center/contain;
  display: block;
}

#about .about-content .about-box {
  margin-bottom: 20rem;
}

#about .about-content .about-box .box-mainv {
  margin-bottom: 4rem;
}

#about .about-content .about-box .ver-rl-txt {
  width: 100%;
  padding-right: 14.5rem;
  position: relative;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 1.8rem;
  font-weight: 500;
  /* IE11 */
}

#about .about-content .about-box .ver-rl-txt p {
  line-height: 2.67;
}

#about .about-content .about-box .ver-rl-txt h2 {
  margin-right: 0;
  margin-left: 9rem;
}

#about .about-content .about-box .ver-rl-txt .hori-txt {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  line-height: 1;
}

#about .about-content .about-box .ver-rl-txt::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
}

#about .about-content .about-box .box-img {
  margin-top: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

#about .about-content .about-box .box-img .box-img-title {
  position: absolute;
  bottom: 93%;
  right: 0;
  z-index: 10;
}

#about .about-content .about-box .box-img .img-wrap {
  width: 47.2%;
}

#about .about-content .about-box .box-img .img-wrap:nth-child(1), #about .about-content .about-box .box-img .img-wrap:nth-child(2) {
  margin-bottom: 6rem;
}

#about .about-content .commitment .box-mainv {
  position: relative;
}

#about .about-content .commitment .box-mainv::after {
  content: '';
  width: 9rem;
  height: 10.6rem;
  background: url(../img/about/character2.png) no-repeat center/contain;
  position: absolute;
  bottom: 98%;
  right: 15.5rem;
}

#about .about-content .commitment .ver-rl-txt .fukidashi {
  position: absolute;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

#about .about-content .commitment .box-img .box-img-title {
  width: 21rem;
  height: 20rem;
  background: url(../img/about/bg-boximg.png) no-repeat center/contain;
  text-align: center;
  font-weight: 500;
  font-size: 1.8rem;
  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;
}

#about .about-content .commitment .box-img .img-wrap:nth-child(3) {
  position: relative;
}

#about .about-content .commitment .box-img .img-wrap:nth-child(3)::after {
  content: '';
  width: 19rem;
  height: 11.1rem;
  background: url(../img/about/commitment-fukidashi.png) no-repeat center/contain;
  position: absolute;
  top: 87%;
  right: 20%;
  z-index: 10;
}

#about .about-content .history .ver-rl-txt::after {
  width: 10.4rem;
  height: 8.5rem;
  background: url(../img/about/character3.png) no-repeat center/contain;
  right: 4rem;
}

#about .about-content .greeting .ver-rl-txt::after {
  width: 12.2rem;
  height: 10.8rem;
  background: url(../img/about/character4.png) no-repeat center/contain;
  right: 2.4rem;
}

#about .about-content .greeting .ver-rl-txt .greeting_sub_title {
  font-size: 3.1rem;
  line-height: 2;
  margin-left: 4rem;
}

/*color*/
/*mediaquery*/
/*mixin*/
/* Font系 */
#fruits {
  background: url(../img/fruits/bg-leaf1.png) no-repeat right 4%, url(../img/fruits/bg-leaf2.png) no-repeat left 9.8%;
}

#fruits .fruits-message {
  height: 77rem;
  margin-top: 7rem;
  margin-bottom: 17.3rem;
}

#fruits .fruits-message .inner {
  height: 100%;
  position: relative;
}

#fruits .fruits-message .bg {
  height: 66.3rem;
  padding-top: 21.5rem;
  background: url(../img/fruits/bg-message.png) no-repeat center/contain;
  text-align: center;
}

#fruits .fruits-message .bg p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.5;
}

#fruits .fruits-message .bg p span {
  font-size: 2.2rem;
  line-height: 2;
}

#fruits .fruits-message h1 {
  margin-top: 0;
  margin-bottom: 4rem;
  font-size: 3.5rem;
}

#fruits .fruits-message .character-wrap img {
  position: absolute;
}

#fruits .fruits-message .character-wrap img:nth-child(1) {
  width: 5.4rem;
  height: 6.9rem;
  left: 0;
  bottom: 21.2rem;
}

#fruits .fruits-message .character-wrap img:nth-child(2) {
  width: 5.8rem;
  height: 6.4rem;
  left: 14rem;
  bottom: 16rem;
}

#fruits .fruits-message .character-wrap img:nth-child(3) {
  width: 13.9rem;
  height: 12.3rem;
  left: 21rem;
  bottom: .7rem;
}

#fruits .fruits-message .character-wrap img:nth-child(4) {
  width: 4.3rem;
  height: 4.2rem;
  right: 39.5rem;
  bottom: 3.6rem;
}

#fruits .fruits-message .character-wrap img:nth-child(5) {
  width: 8rem;
  height: 8.1rem;
  right: 18.8rem;
  bottom: 0;
}

#fruits .fruits-message .character-wrap img:nth-child(6) {
  width: 6.8rem;
  height: 8.1rem;
  right: 7.4rem;
  bottom: 11.7rem;
}

#fruits .harvest-calendar {
  margin-bottom: 8.6rem;
}

#fruits .harvest-calendar .calendar {
  padding: 7.8rem 0;
  background: #FFFCD7;
  border-radius: 2rem;
  position: relative;
}

#fruits .harvest-calendar .calendar .calendar-title {
  margin: 0;
  position: absolute;
  top: -4.6rem;
  left: 4rem;
}

#fruits .harvest-calendar .calendar .calendar-title img {
  width: 50%;
}

#fruits .harvest-calendar .calendar .list-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

#fruits .harvest-calendar .calendar .list-wrap ul {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 1.8rem;
  line-height: 1.78;
}

#fruits .harvest-calendar .calendar .list-wrap ul li {
  margin-left: 1.7rem;
}

#fruits .harvest-calendar .calendar .list-wrap ul li .item-name {
  display: inline-block;
  min-height: 13rem;
  margin-bottom: 2.2rem;
  padding-top: 1rem;
  position: relative;
}

#fruits .harvest-calendar .calendar .list-wrap ul li .item-name::after {
  content: '';
  width: 100%;
  height: 1.5rem;
  position: absolute;
  top: 100%;
  left: 0;
}

#fruits .harvest-calendar .calendar .list-wrap ul li:nth-child(odd) .item-name {
  background: #C8E5D6;
}

#fruits .harvest-calendar .calendar .list-wrap ul li:nth-child(odd) .item-name::after {
  background: url(../img/fruits/calendar-bg-color1.png) no-repeat center top/contain;
}

#fruits .harvest-calendar .calendar .list-wrap ul li:nth-child(even) .item-name {
  background: #F8D0D3;
}

#fruits .harvest-calendar .calendar .list-wrap ul li:nth-child(even) .item-name::after {
  background: url(../img/fruits/calendar-bg-color2.png) no-repeat center top/contain;
}

#fruits .harvest-calendar .calendar .list-wrap .num {
  -webkit-writing-mode: horizontal-tb;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
  line-height: 1;
}

#fruits .harvest-calendar .calendar .list-wrap ul.pear {
  margin-left: 5.3rem;
}

#fruits .harvest-calendar .calendar .list-wrap ul.pear .cat-name {
  padding-top: 1rem;
  background: #FAE47B;
}

#fruits .harvest-calendar .calendar .list-wrap ul.pear li .item-name {
  background: #FAE47B;
}

#fruits .harvest-calendar .calendar .list-wrap ul.pear li .item-name::after {
  background: url(../img/fruits/calendar-bg-color3.png) no-repeat center top/contain;
}

#fruits .fruits-content .content-title {
  display: inline-block;
  margin: 0 0 0 4rem;
}

#fruits .fruits-content .content-title img {
  width: 50%;
}

#fruits .fruits-content .fruits-content-nav {
  margin: 3.5rem 0 9.6rem;
}

#fruits .fruits-content .fruits-content-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 1.9rem;
  letter-spacing: 0;
}

#fruits .fruits-content .fruits-content-nav ul li a {
  width: 12.5rem;
  height: 12.5rem;
  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: relative;
}

#fruits .fruits-content .fruits-content-nav ul li a span {
  position: relative;
  z-index: 5;
}

#fruits .fruits-content .fruits-content-nav ul li .nav-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  fill: transparent;
  stroke-width: .1rem;
  -webkit-transition: .3s;
  transition: .3s;
}

#fruits .fruits-content .fruits-content-nav ul li:nth-child(1) .nav-bg {
  stroke: #EBCC5E;
}

#fruits .fruits-content .fruits-content-nav ul li:nth-child(2) .nav-bg {
  stroke: #F0B6C8;
}

#fruits .fruits-content .fruits-content-nav ul li:nth-child(3) .nav-bg {
  stroke: #A4ABD6;
}

#fruits .fruits-content .fruits-content-nav ul li:nth-child(4) .nav-bg {
  stroke: #F9C270;
}

#fruits .fruits-content .fruits-content-nav ul li:nth-child(5) .nav-bg {
  stroke: #CF9DC6;
}

#fruits .fruits-content .fruits-content-nav ul li:nth-child(6) .nav-bg {
  stroke: #F5AE8D;
}

#fruits .fruits-content .fruits-content-nav ul li:nth-child(7) .nav-bg {
  stroke: #FBAA53;
}

#fruits .fruits-content .fruits-content-nav ul li:hover {
  cursor: pointer;
}

#fruits .fruits-content .fruits-content-nav ul li:hover a {
  color: #fff;
}

#fruits .fruits-content .fruits-content-nav ul li:hover:nth-child(1) .nav-bg {
  fill: #EBCC5E;
}

#fruits .fruits-content .fruits-content-nav ul li:hover:nth-child(2) .nav-bg {
  fill: #F0B6C8;
}

#fruits .fruits-content .fruits-content-nav ul li:hover:nth-child(3) .nav-bg {
  fill: #A4ABD6;
}

#fruits .fruits-content .fruits-content-nav ul li:hover:nth-child(4) .nav-bg {
  fill: #F9C270;
}

#fruits .fruits-content .fruits-content-nav ul li:hover:nth-child(5) .nav-bg {
  fill: #CF9DC6;
}

#fruits .fruits-content .fruits-content-nav ul li:hover:nth-child(6) .nav-bg {
  fill: #F5AE8D;
}

#fruits .fruits-content .fruits-content-nav ul li:hover:nth-child(7) .nav-bg {
  fill: #FBAA53;
}

#fruits .fruits-content .fruits-container {
  margin-bottom: 13rem;
}

#fruits .fruits-content .fruits-container .container-title {
  margin-bottom: 9rem;
  position: relative;
}

#fruits .fruits-content .fruits-container .container-title h3 {
  margin: 0 auto;
  text-align: center;
  position: absolute;
  right: 0;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#fruits .fruits-content .fruits-container .container-title h3 img {
  width: 21.8rem;
}

#fruits .fruits-content .fruits-container .fruits-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

#fruits .fruits-content .fruits-container .fruits-list li {
  width: 28.2%;
  min-height: 27.5rem;
  margin-right: 7.7%;
  padding: 2.7rem 0;
  border-top: 0.1rem solid #EBCC5E;
  font-size: 1.5rem;
  line-height: 1.87;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#fruits .fruits-content .fruits-container .fruits-list li:nth-child(3n) {
  margin-right: 0;
}

#fruits .fruits-content .fruits-container .fruits-list li h4 {
  margin-top: 0;
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.9rem;
  font-weight: 600;
}

#fruits .fruits-content .fruits-container .fruits-list li .detail {
  margin-bottom: 1em;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

#fruits .fruits-content .container-wrap .fruits-container:nth-child(1) .fruits-list li {
  border-top: 0.1rem solid #EBCC5E;
}

#fruits .fruits-content .container-wrap .fruits-container:nth-child(2) .fruits-list li {
  border-top: 0.1rem solid #F0B6C8;
}

#fruits .fruits-content .container-wrap .fruits-container:nth-child(3) .fruits-list li {
  border-top: 0.1rem solid #A4ABD6;
}

#fruits .fruits-content .container-wrap .fruits-container:nth-child(4) .fruits-list li {
  border-top: 0.1rem solid #F9C270;
}

#fruits .fruits-content .container-wrap .fruits-container:nth-child(5) .fruits-list li {
  border-top: 0.1rem solid #CF9DC6;
}

#fruits .fruits-content .container-wrap .fruits-container:nth-child(6) .fruits-list li {
  border-top: 0.1rem solid #F5AE8D;
}

#fruits .fruits-content .container-wrap .fruits-container:nth-child(7) .fruits-list li {
  border-top: 0.1rem solid #FBAA53;
}

#fruits .fruits-content #peach .fruits-list::after {
  content: '';
  display: block;
  width: 28.2%;
  background: url(../img/fruits/peach-img.png) no-repeat center top/contain;
}

#fruits .fruits-content #blueberry .fruits-list::after {
  content: '';
  display: block;
  width: 28.2%;
  background: url(../img/fruits/blueberry-img.png) no-repeat center top/contain;
}

#fruits .fruits-content #plum .memo {
  width: 38rem;
  height: 36.5rem;
  margin: 3rem auto;
  padding: 10rem 3rem 4.5rem;
  background: url(../img/fruits/plam-memo.png) no-repeat center/contain;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.75;
  letter-spacing: 0;
}

#fruits .fruits-content #plum .memo .memo-title {
  margin-bottom: 4.5rem;
  font-size: 1.8rem;
  text-align: center;
}

#fruits .fruits-content #kaki .fruits-list::after {
  content: '';
  display: block;
  width: 28.2%;
  background: url(../img/fruits/kaki_list.png) no-repeat center top/contain;
}

#fruits .svg-symbol {
  display: none;
}

/*color*/
/*mediaquery*/
/*mixin*/
/* Font系 */
#products {
  background: url(../img/products/bg-leaf1.png) no-repeat left 9%, url(../img/products/bg-leaf2.png) no-repeat right 27%, url(../img/products/bg-leaf3.png) no-repeat left 56%, url(../img/products/bg-leaf4.png) no-repeat right 95%;
}

#products .products-message {
  height: 98rem;
  margin-top: 7rem;
  margin-bottom: 18rem;
}

#products .products-message .inner {
  height: 100%;
  position: relative;
}

#products .products-message .bg {
  height: 100%;
  padding-top: 9.5rem;
  background: url(../img/products/bg-message.png) no-repeat center/contain;
  text-align: center;
  position: relative;
}

#products .products-message .bg::after {
  content: '';
  width: 34rem;
  height: 33rem;
  background: url(../img/products/message-fruit2.png) no-repeat center/contain;
  position: absolute;
  right: 0;
  bottom: -2.4rem;
}

#products .products-message .bg p {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.5;
  position: relative;
  z-index: 5;
}

#products .products-message .bg p:not(:last-child) {
  margin-bottom: 5rem;
}

#products .products-message h1 {
  margin-top: 0;
  margin-bottom: 5rem;
  font-size: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#products .products-message h1::before {
  content: '';
  width: 9rem;
  height: 7rem;
  margin-bottom: 3rem;
  background: url(../img/products/message-fruit1.png) no-repeat center/contain;
  display: block;
}

#products .products-content .products-container {
  margin-bottom: 17rem;
}

#products .products-content .products-container .container-title {
  margin-bottom: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#products .products-content .products-container .container-title::before, #products .products-content .products-container .container-title::after {
  content: '';
  width: 2.5rem;
  height: 1em;
  background: url(../img/products/title-deco-tri.png) repeat-x center right;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}

#products .products-content .products-container .container-title::before {
  background-position: center left;
}

#products .products-content .products-container .container-title h2 {
  width: calc(100% - 81rem);
  margin: 0;
  padding: 0 4rem;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 2.4rem;
  text-align: center;
  position: relative;
}

#products .products-content .products-container .container-title h2::after {
  content: '';
  width: 8.1rem;
  height: 5.6rem;
  position: absolute;
  left: 90%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#products .products-content .products-container .product-box-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#products .products-content .products-container .product-box {
  width: 46.7%;
  margin-bottom: 7rem;
}

#products .products-content .products-container .product-box .product-img {
  margin-bottom: 3.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#products .products-content .products-container .product-box .product-img img {
  width: 49.5%;
}

#products .products-content .products-container .product-box h3 {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 2rem;
  font-weight: 600;
}

#products .products-content .products-container .product-box p {
  font-size: 1.4rem;
  line-height: 1.78;
}

#products .products-content .products-container .product-box .product-description {
  min-height: 13rem;
}

#products .products-content .products-container .product-box .product-price {
  margin-bottom: 2.5rem;
}

#products .products-content .products-container .product-box .product-detail {
  padding: 2rem;
  background: #fff;
  border: 0.1rem solid #333333;
}

#products .products-content .products-container .shop-btn {
  margin-top: 2.5rem;
  margin-bottom: 0;
}

#products .products-content .dried-fruit .container-title h2::after {
  background: url(../img/products/product-character1.png) no-repeat center/contain;
}

#products .products-content .pickles .container-title::before, #products .products-content .pickles .container-title::after {
  background-image: url(../img/products/title-deco-tri2.png);
}

#products .products-content .pickles .container-title h2::after {
  width: 7.6rem;
  height: 7.6rem;
  background: url(../img/products/product-character2.png) no-repeat center/contain;
}

/*color*/
/*mediaquery*/
/*mixin*/
/* Font系 */
#contact {
  background: url(../img/contact/bg-leaf1.png) no-repeat right 7%, url(../img/contact/bg-leaf2.png) no-repeat left 100%;
  position: relative;
  overflow: hidden;
}

#contact::after {
  content: '';
  width: 53.7rem;
  height: 27.5rem;
  background: url(../img/contact/contact-character.png) no-repeat center/contain;
  position: absolute;
  top: 45%;
  left: 80%;
  z-index: -1;
}

#contact .contact-content {
  margin-top: 13rem;
  margin-bottom: 14rem;
}

#contact .contact-content h1 {
  display: inline-block;
  margin-top: 0;
  margin-bottom: 3rem;
}

#contact .contact-content h1 img {
  width: 50%;
}

#contact .contact-content .flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contact .contact-content .img-wrap {
  width: 61.5%;
}

#contact .contact-content .info {
  font-weight: 500;
  font-size: 1.8rem;
}

#contact .contact-content .info h2 {
  margin-top: 0;
  margin-bottom: 1em;
  font-size: 2.6rem;
}

#contact .contact-content .info p {
  line-height: 2.2;
}

#contact .contact-content .info p:not(:last-child) {
  margin-bottom: 2em;
}

#contact .contact-form {
  margin-bottom: 49rem;
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
  font-size: 1.8rem;
}

#contact .contact-form .inner {
  max-width: 85rem;
}

#contact .contact-form .input-form {
  margin-top: 2rem;
  padding: 3rem;
  background: #FAF8E4;
  border-radius: 2rem;
}

#contact .contact-form .input-form dl {
  margin-bottom: 1.7em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contact .contact-form .input-form dl dt {
  width: 30%;
}

#contact .contact-form .input-form dl dd {
  width: 70%;
}

#contact .contact-form .input-form dl dd input,
#contact .contact-form .input-form dl dd textarea {
  width: 100%;
  padding: .5em;
  border: 0.1rem solid #BDBDBD;
  border-radius: 2em;
  font-family: 'Noto Serif JP', serif;
  font-size: 1em;
}

#contact .contact-form .input-form dl dd input::-webkit-input-placeholder,
#contact .contact-form .input-form dl dd textarea::-webkit-input-placeholder {
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
}

#contact .contact-form .input-form dl dd input::-moz-placeholder,
#contact .contact-form .input-form dl dd textarea::-moz-placeholder {
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
}

#contact .contact-form .input-form dl dd input::-ms-input-placeholder,
#contact .contact-form .input-form dl dd textarea::-ms-input-placeholder {
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
}

#contact .contact-form .input-form dl dd input::placeholder,
#contact .contact-form .input-form dl dd textarea::placeholder {
  font-family: 'Kiwi Maru', serif;
  font-weight: 400;
}

#contact .contact-form .input-form dl dd textarea {
  height: 10em;
}

#contact .contact-form .input-form dl .required {
  color: #E73324;
}

#contact .contact-form .input-form dl .zipcode {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contact .contact-form .input-form dl .zipcode input {
  width: 9em;
  margin-left: 1rem;
  margin-bottom: 1rem;
}

#contact .contact-form .input-form dl .tel {
  padding-left: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#contact .contact-form .input-form dl .tel input {
  width: 6em;
}

#contact .contact-form .form-btn {
  width: 39rem;
  height: 5rem;
  margin: 5rem auto 0;
  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;
  background: #A96A2D;
  border: none;
  border-radius: 1rem;
  font-weight: bold;
  font-size: 1.8rem;
  color: #fff;
}

#contact .contact-form .form-btn:hover {
  cursor: pointer;
  opacity: .6;
}

#contact .contact-form .confirm-form {
  width: 100%;
  height: 100%;
  background: rgba(51, 51, 51, .7);
  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: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  z-index: -99;
}

#contact .contact-form .confirm-form.form-load {
  -webkit-transition: .5s;
  transition: .5s;
}

#contact .contact-form .confirm-form.input-confirm {
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

#contact .contact-form .confirm-form .input-form {
  width: 80%;
  max-width: 85rem;
  margin-top: 0;
  background: #fff;
}

#contact .contact-form .confirm-form .input-form dl dd input,
#contact .contact-form .confirm-form .input-form dl dd textarea {
  pointer-events: none;
  background: rgba(189, 189, 189, .3);
}

#contact .contact-form .confirm-form .btn-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

#contact .contact-form .confirm-form .btn-wrap .form-btn {
  width: 40%;
}

#contact .contact-form .confirm-form .btn-wrap .return {
  background: #BDBDBD;
  color: #333333;
}

#contact .thanks {
  min-height: 20rem;
  text-align: center;
}

@media all and (-ms-high-contrast: none) {
  #top .mainv .mainv-logo {
    -webkit-animation-name: none;
            animation-name: none;
  }
  #top .mainv .mainv-logo.anime-updw.start {
    -webkit-animation-name: anime-updw;
            animation-name: anime-updw;
  }
  #top .mainv .barrierfree {
    -webkit-animation-name: none;
            animation-name: none;
  }
  #top .mainv .barrierfree.anime-updw.start {
    -webkit-animation-name: anime-updw;
            animation-name: anime-updw;
  }
  #about .about-content .about-box .ver-rl-txt {
    height: 46rem;
  }
}

@media (max-width: 767px) {
  #top .mainv {
    padding-bottom: 0;
  }
  #top .mainv .inner {
    width: 100%;
  }
  #top .mainv .mainv-logo {
    width: 40vw;
    top: 28.67vw;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
  #top .mainv .barrierfree {
    display: none;
  }
  #top .top-about {
    padding-bottom: 13.33vw;
    background: url(../img/top/bg-leaf1-sp.png) no-repeat left 16%/65% auto, url(../img/top/bg-leaf2-sp.png) no-repeat right 80%/63% auto;
  }
  #top .top-about::before {
    content: none;
  }
  #top .top-about .inner {
    width: 100%;
  }
  #top .top-about .inner::before {
    width: 64vw;
    height: 80vw;
    left: 70%;
    top: -25vw;
  }
  #top .top-about .inner::after {
    width: 14.93vw;
    height: 14.93vw;
    top: 41.33vw;
    right: 26.67vw;
  }
  #top .top-about h2 {
    width: 90%;
    margin: 5.33vw auto 27.33vw;
    text-align: left;
    line-height: 1.65;
    font-size: 4.9vw;
    letter-spacing: 0;
  }
  #top .top-about .access {
    text-align: left;
    font-size: 3.6vw;
  }
  #top .top-about .access p, #top .top-about .access h3, #top .top-about .access .flex {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  #top .top-about .access p {
    line-height: 1.96;
    font-weight: 500;
  }
  #top .top-about .access h3 {
    margin: 0 auto 6.67vw;
    font-size: 4.8vw;
    text-align: center;
  }
  #top .top-about .access h3::before {
    -webkit-transform: translateX(-1em) rotate(-30deg);
            transform: translateX(-1em) rotate(-30deg);
  }
  #top .top-about .access h3::after {
    -webkit-transform: translateX(1em) rotate(30deg);
            transform: translateX(1em) rotate(30deg);
  }
  #top .top-about .access .barrierfree {
    margin-top: 13.33vw;
    margin-bottom: 5.33vw;
  }
  #top .top-about .access .barrierfree p {
    width: 76.53vw;
    height: 67.33vw;
    padding-top: 25.6vw;
    padding-left: 6vw;
    padding-right: 17.87vw;
    margin-right: 5.87vw;
    background: url(../img/top/bg-barrierfree.png) no-repeat center/contain;
    text-align: center;
    font-size: 3.6vw;
    line-height: 1.76;
  }
  #top .top-about .access .flex {
    margin-top: 26vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #top .top-about .access .route-wrap {
    width: 100%;
    font-size: 3.6vw;
  }
  #top .top-about .access .route-wrap h4 {
    font-size: 3.6vw;
  }
  #top .top-about .access .route-wrap .route:first-child {
    margin-bottom: 0;
  }
  #top .top-about .access .route-wrap .route p {
    width: auto;
    margin: 0;
    font-size: 3.6vw;
  }
  #top .top-about .access .route-wrap .img-wrap {
    width: 62.67vw;
    margin: 6.67vw auto 0;
  }
  #top .top-about .access .route-movie {
    width: 100%;
    margin-bottom: 4.67vw;
    padding-bottom: 7.33vw;
  }
  #top .top-about .access .route-movie h4 {
    width: auto;
    margin: 0 0 .5em;
    padding-top: 1.33vw;
    padding-left: 7vw;
    padding-bottom: 5.6vw;
    background-size: auto 100%;
    background-position: center left;
    font-size: 4.8vw;
    position: static;
    position: initial;
  }
  #top .top-about .access .route-movie .img-wrap {
    width: 32vw;
    height: auto;
    bottom: 82%;
    left: auto;
    right: 0;
  }
  #top .top-about .access .route-img {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 4rem;
  }
  #top .top-about .access .route-img .route-img-left {
    width: 90%;
  }
  #top .top-about .access .route-img .route-img-right {
    width: 90%;
    margin-top: 2rem;
  }
  #top .top-about .access .map-wrap {
    margin-top: 6.67vw;
    height: 44vw;
  }
  #top .youtube-channel {
    padding: 9.33vw 0 17.46vw;
  }
  #top .youtube-channel .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  #top .youtube-channel .channel-txt {
    width: 100%;
    height: auto;
    margin-bottom: 5.33vw;
    padding: 0;
    background: none;
    font-size: 4.6vw;
    position: static;
    position: initial;
  }
  #top .youtube-channel .channel-txt p {
    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;
  }
  #top .youtube-channel .channel-txt p::before, #top .youtube-channel .channel-txt p::after {
    content: '';
    width: 1.5em;
    height: 1em;
    background: url(../img/common/h2-deco.png) no-repeat center/contain;
  }
  #top .youtube-channel .channel-txt p::before {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  #top .youtube-channel .channel-txt .chara1 {
    width: 11.2vw;
    top: auto;
    left: 7.73vw;
    bottom: -11.73vw;
    z-index: 20;
  }
  #top .youtube-channel .channel-txt .chara2 {
    width: 9.07vw;
    top: auto;
    left: 22.67vw;
    bottom: -6vw;
    z-index: 20;
  }
  #top .youtube-channel .channel-txt .chara3 {
    display: none;
  }
  #top .youtube-channel .youtube-wrap {
    width: 100%;
    margin-left: 0;
    padding-bottom: 62%;
    border-radius: 0;
    overflow: visible;
    overflow: initial;
    /*
				&::before{
					content: '';
					width: 24.53vw;
					height: 13.47vw;
					background: url(../img/top/channel-chara-sp.png) no-repeat center / contain;
					position: absolute;
					bottom: -11.73vw;
					left: 7.73vw;
					z-index: 10;
				}
				*/
  }
  #top .youtube-channel .youtube-wrap::after {
    content: '';
    width: 38.8vw;
    height: 22.8vw;
    background: url(../img/top/channel-title-sp.png) no-repeat center/contain;
    position: absolute;
    bottom: -11.73vw;
    right: 8vw;
    z-index: 10;
  }
  #top .youtube-channel .youtube-wrap iframe {
    /* IE11 */
  }
  #top .farm-description {
    padding-top: 8vw;
    padding-bottom: 24vw;
    background: url(../img/top/bg-leaf3-sp.png) no-repeat left 54%/65% auto;
  }
  #top .farm-description::before {
    content: none;
  }
  #top .farm-description::after {
    content: none;
  }
  #top .farm-description .description-box {
    padding-top: 10.67vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    position: relative;
  }
  #top .farm-description .description-box .txt-wrap {
    font-size: 3.6vw;
    letter-spacing: 0;
  }
  #top .farm-description .description-box .txt-wrap .box-title {
    margin: 0 auto;
    font-size: 4.8vw;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
  }
  #top .farm-description .description-box .txt-wrap .btn {
    margin-top: 7.33vw;
    text-align: center;
  }
  #top .farm-description .description-box .img-wrap {
    width: 100%;
    margin-bottom: 6.67vw;
  }
  #top .farm-description .description-box:nth-child(1) {
    margin-bottom: 12.8vw;
  }
  #top .farm-description .description-box:nth-child(1) .box-title {
    width: 45.73vw;
    padding: .9em 1rem;
    background: url(../img/top/title-bg1-sp.png) no-repeat center/100% 100%;
  }
  #top .farm-description .description-box:nth-child(1) .img-wrap::after {
    width: 9.87vw;
    height: 9.87vw;
    bottom: -3.47vw;
    right: 8.8vw;
  }
  #top .farm-description .description-box:nth-child(2) {
    margin-bottom: 15.6vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #top .farm-description .description-box:nth-child(2) .box-title {
    width: 63.07vw;
    padding: 1.45em 0;
  }
  #top .farm-description .description-box:nth-child(2) .box-title::after {
    width: 8.53vw;
    height: 6.67vw;
    left: 24%;
    bottom: 88%;
  }
  #top .farm-description .description-box:nth-child(2) .txt-wrap {
    position: static;
    position: initial;
  }
  #top .farm-description .description-box:nth-child(2) .txt-wrap::after {
    width: 15.47vw;
    height: 12vw;
    right: 3.6vw;
    bottom: -4.67vw;
  }
  #top .farm-description .description-box:nth-child(2) .txt-wrap p, #top .farm-description .description-box:nth-child(2) .txt-wrap .btn {
    padding-left: 0;
  }
  #top .farm-description .description-box:nth-child(2) .img-wrap {
    margin-right: 0;
  }
  #top .farm-description .description-box:nth-child(3) .box-title {
    width: 53.33vw;
    padding: 1em 1rem;
    background: url(../img/top/title-bg3-sp.png) no-repeat center/100% 100%;
  }
  #top .farm-description .description-box:nth-child(3) .txt-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #top .farm-description .description-box:nth-child(3) .txt-wrap .btn {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
    margin-top: 4.93vw;
  }
  #top .farm-description .description-box:nth-child(3) .no-add {
    width: 66.13vw;
    height: 25.6vw;
    margin-top: 5.87vw;
    margin-left: 4.27vw;
  }
  #top .farm-description .description-box:nth-child(3) .no-add .fukidashi {
    width: 49.07vw;
    height: 23.6vw;
  }
  #top .farm-description .description-box:nth-child(3) .no-add .chara {
    width: 14vw;
    height: 10vw;
  }
  #top .sns-section {
    margin-bottom: 10vw;
  }
  #top .sns-section .inner {
    width: 100%;
  }
  #top .sns-section .bg-board {
    padding: 13.07vw 10vw;
    border-top: 2px solid #ECD870;
    border-bottom: 2px solid #ECD870;
    background: url(../img/top/bg-board-dot.png) repeat-y center/100% auto;
    background-color: #fff;
    position: relative;
  }
  #top .sns-section .bg-board::before {
    content: '';
    width: 100%;
    height: 19.47vw;
    background: url(../img/top/bg-board-top.png) no-repeat center bottom/contain;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    z-index: 10;
    -webkit-transform: translateY(-14vw);
            transform: translateY(-14vw);
  }
  #top .sns-section h2 {
    margin-bottom: 10.67vw;
    font-size: 4.8vw;
  }
  #top .sns-section h2::before, #top .sns-section h2::after {
    width: 1.5em;
    height: 1em;
    margin: 0 1rem;
  }
  #top .sns-section .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #top .sns-section .sns-box {
    width: 100%;
  }
  #top .sns-section .sns-box .box-title {
    margin-bottom: 5.33vw;
    font-size: 3.6vw;
  }
  #top .sns-section .sns-box .timeline-wrap {
    padding: 1.5rem;
  }
  #top .sns-section .sns-box:first-child {
    margin-bottom: 10.67vw;
  }
  #top .sns-section .sns-box.insta .timeline-wrap .timeline-img {
    display: none;
    width: 48%;
    margin-right: 4%;
  }
  #top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-child(even) {
    margin-right: 0;
  }
  #top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-child(1), #top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-child(2), #top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-child(3), #top .sns-section .sns-box.insta .timeline-wrap .timeline-img:nth-child(4) {
    display: block;
  }
  /* safari */
  #about {
    background: none;
  }
  #about .about-farm {
    height: auto;
    margin-top: 6.67vw;
    margin-bottom: 14.67vw;
    font-size: 3.6vw;
    overflow: hidden;
  }
  #about .about-farm p {
    line-height: 2;
  }
  #about .about-farm .inner {
    padding-top: 5.33vw;
    padding-bottom: 30.13vw;
    background-size: 32.93vw auto;
  }
  #about .about-farm .inner::before {
    width: 4.53vw;
    height: 4.53vw;
    background: url(../img/about/character1-sp.png) no-repeat center/contain;
    left: auto;
    right: 33.33vw;
    bottom: 0;
  }
  #about .about-farm .inner::after {
    width: 74.13vw;
    height: 30.67vw;
    background: url(../img/about/character1-2-sp.png) no-repeat center/contain;
    right: auto;
    left: 53.87vw;
    bottom: .2rem;
  }
  #about .about-farm h1 {
    margin-bottom: 8vw;
    font-size: 4.8vw;
  }
  #about .about-farm h1::before {
    width: 14.53vw;
    height: 15.73vw;
    margin-bottom: 5.33vw;
  }
  #about .about-content .about-box {
    margin-bottom: 13.33vw;
  }
  #about .about-content .about-box .box-mainv {
    margin-bottom: 6.67vw;
  }
  #about .about-content .about-box .ver-rl-txt {
    padding-right: 0;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    font-size: 3.6vw;
  }
  #about .about-content .about-box .ver-rl-txt p {
    line-height: 2;
    letter-spacing: .04em;
  }
  #about .about-content .about-box .ver-rl-txt h2 {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 6.67vw;
    text-align: center;
    font-size: 4.8vw;
    position: relative;
  }
  #about .about-content .about-box .ver-rl-txt h2::after {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #about .about-content .about-box .ver-rl-txt::after {
    content: none;
  }
  #about .about-content .about-box .box-img {
    margin-top: 8vw;
  }
  #about .about-content .about-box .box-img .box-img-title {
    position: absolute;
    bottom: 93%;
    right: 0;
    z-index: 10;
  }
  #about .about-content .about-box .box-img .img-wrap {
    width: 46.6%;
  }
  #about .about-content .about-box .box-img .img-wrap:nth-child(1), #about .about-content .about-box .box-img .img-wrap:nth-child(2) {
    margin-bottom: 6.8%;
  }
  #about .about-content .commitment .box-mainv::after {
    content: none;
  }
  #about .about-content .commitment .ver-rl-txt {
    padding-bottom: 44vw;
  }
  #about .about-content .commitment .ver-rl-txt h2::after {
    width: 9.73vw;
    height: 11.47vw;
    background: url(../img/about/character2.png) no-repeat center/contain;
    right: 10.67vw;
  }
  #about .about-content .commitment .ver-rl-txt p {
    letter-spacing: .02em;
  }
  #about .about-content .commitment .ver-rl-txt .fukidashi {
    padding-left: 4.67vw;
    display: block;
  }
  #about .about-content .commitment .ver-rl-txt .fukidashi .txt {
    display: block;
    width: 76.4vw;
  }
  #about .about-content .commitment .ver-rl-txt .fukidashi .chara {
    display: block;
    width: 15.47vw;
    margin-left: 3.2vw;
  }
  #about .about-content .commitment .box-img {
    margin-top: 17.33vw;
  }
  #about .about-content .commitment .box-img .box-img-title {
    width: 45.33vw;
    height: 30vw;
    padding-right: 4vw;
    background: url(../img/about/bg-boximg-sp.png) no-repeat center right/contain;
    font-size: 3.6vw;
    bottom: 97%;
  }
  #about .about-content .commitment .box-img .img-wrap:nth-child(3)::after {
    width: 24.93vw;
    height: 14.67vw;
    background: url(../img/about/commitment-fukidashi-sp.png) no-repeat center/contain;
    right: 12%;
  }
  #about .about-content .history .ver-rl-txt::after {
    content: none;
  }
  #about .about-content .history .ver-rl-txt h2::after {
    width: 12.4vw;
    height: 10.27vw;
    background: url(../img/about/character3.png) no-repeat center/contain;
    right: 4.53vw;
  }
  #about .about-content .greeting .ver-rl-txt::after {
    content: none;
  }
  #about .about-content .greeting .ver-rl-txt h2::after {
    width: 14.67vw;
    height: 13.07vw;
    background: url(../img/about/character4.png) no-repeat center/contain;
    right: 6.67vw;
  }
  #about .about-content .greeting .ver-rl-txt .greeting_sub_title {
    font-size: 4vw;
    text-align: center;
    margin: 0 0 4vw 0;
    font-weight: bold;
  }
  #fruits {
    background: url(../img/fruits/bg-leaf1-sp.png) no-repeat left 2.6%/63% auto;
    position: relative;
  }
  #fruits .fruits-message {
    height: 115.6vw;
    margin-top: 6.67vw;
    margin-bottom: 25.87vw;
  }
  #fruits .fruits-message .bg {
    height: 88.8vw;
    padding-top: 26.67vw;
    background: url(../img/fruits/bg-message-sp.png) no-repeat center/contain;
  }
  #fruits .fruits-message .bg p {
    font-size: 3.6vw;
    line-height: 2;
  }
  #fruits .fruits-message .bg p span {
    font-size: 3.6vw;
  }
  #fruits .fruits-message h1 {
    margin-bottom: 7.33vw;
    font-size: 4.8vw;
  }
  #fruits .fruits-message .character-wrap img:nth-child(1) {
    width: 6.93vw;
    height: 8.93vw;
    left: 1.73vw;
    bottom: 30.13vw;
  }
  #fruits .fruits-message .character-wrap img:nth-child(2) {
    width: 7.6vw;
    height: 8.27vw;
    left: 19.33vw;
    bottom: 26.67vw;
  }
  #fruits .fruits-message .character-wrap img:nth-child(3) {
    width: 18.27vw;
    height: 16.27vw;
    left: 26.67vw;
    bottom: 5.87vw;
  }
  #fruits .fruits-message .character-wrap img:nth-child(4) {
    width: 5.47vw;
    height: 5.47vw;
    right: 26.67vw;
    bottom: 18.13vw;
  }
  #fruits .fruits-message .character-wrap img:nth-child(5) {
    width: 10.53vw;
    height: 10.53vw;
    right: 12vw;
    bottom: 0;
  }
  #fruits .fruits-message .character-wrap img:nth-child(6) {
    width: 8.8vw;
    height: 10.67vw;
    right: 2.67vw;
    bottom: 16.67vw;
  }
  #fruits .harvest-calendar {
    margin-bottom: 10vw;
    background: #FFFCD7;
    position: relative;
  }
  #fruits .harvest-calendar::before {
    content: '';
    width: 64vw;
    height: 104.53vw;
    background: url(../img/fruits/bg-leaf2-sp.png) no-repeat center right/contain;
    position: absolute;
    right: 0;
    bottom: -42vw;
  }
  #fruits .harvest-calendar .calendar {
    padding: 20.8vw 0 14.4vw;
    background: none;
    border-radius: 0;
  }
  #fruits .harvest-calendar .calendar .calendar-title {
    width: 50.4vw;
    top: -6vw;
    left: 0;
  }
  #fruits .harvest-calendar .calendar .calendar-title img {
    width: auto;
  }
  #fruits .harvest-calendar .calendar .list-wrap {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    font-size: 3.47vw;
    line-height: 1.75;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul li {
    margin-left: 0;
    margin-bottom: .8em;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul li .item-name {
    min-width: 24.93vw;
    min-height: auto;
    margin-bottom: 0;
    margin-right: 4.67vw;
    padding-top: 0;
    padding-left: 1.73vw;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul li .item-name::after {
    width: 2.67vw;
    height: 100%;
    top: 0;
    left: 100%;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul li:nth-child(odd) .item-name::after {
    background: url(../img/fruits/calendar-bg-color1-sp.png) no-repeat center left/contain;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul li:nth-child(even) .item-name::after {
    background: url(../img/fruits/calendar-bg-color2-sp.png) no-repeat center left/contain;
  }
  #fruits .harvest-calendar .calendar .list-wrap .sp-blk {
    position: relative;
  }
  #fruits .harvest-calendar .calendar .list-wrap .sp-blk .font-s {
    position: absolute;
    width: 17em;
    top: 100%;
    left: 0;
    line-height: 1;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul.pear {
    margin-top: 10vw;
    margin-left: 0;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul.pear .cat-name {
    padding-top: 0;
    padding-left: 1.73vw;
  }
  #fruits .harvest-calendar .calendar .list-wrap ul.pear li .item-name::after {
    background: url(../img/fruits/calendar-bg-color3-sp.png) no-repeat center left/contain;
  }
  #fruits .fruits-content .inner {
    width: 100%;
  }
  #fruits .fruits-content .content-title {
    width: 50.4vw;
    margin: 0;
    margin-left: 5vw;
  }
  #fruits .fruits-content .content-title img {
    width: auto;
  }
  #fruits .fruits-content .fruits-content-nav {
    margin: 4.93vw 0 9.73vw;
    padding: 0 5vw;
  }
  #fruits .fruits-content .fruits-content-nav ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 3.47vw;
    text-align: center;
  }
  #fruits .fruits-content .fruits-content-nav ul li {
    margin-right: 4vw;
    margin-bottom: 4vw;
  }
  #fruits .fruits-content .fruits-content-nav ul li a {
    width: 18.67vw;
    height: 18.67vw;
  }
  #fruits .fruits-content .fruits-content-nav ul li:nth-child(4n), #fruits .fruits-content .fruits-content-nav ul li:last-child {
    margin-right: 0;
  }
  #fruits .fruits-content .fruits-container {
    margin-bottom: 17.33vw;
  }
  #fruits .fruits-content .fruits-container .container-title {
    margin-bottom: 14vw;
  }
  #fruits .fruits-content .fruits-container .container-title h3 {
    width: 41.33vw;
  }
  #fruits .fruits-content .fruits-container .container-title h3 img {
    width: auto;
  }
  #fruits .fruits-content .fruits-container .fruits-list {
    padding: 0 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #fruits .fruits-content .fruits-container .fruits-list li {
    width: 100%;
    min-height: auto;
    margin-right: 0;
    padding: 6.27vw 0;
    font-size: 3.6vw;
    font-weight: 300;
  }
  #fruits .fruits-content .fruits-container .fruits-list li h4 {
    margin-bottom: 0;
    text-align: left;
    font-size: 3.6vw;
  }
  #fruits .fruits-content .fruits-container .fruits-list li .detail {
    margin-bottom: 0;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  #fruits .fruits-content #peach .fruits-list::after {
    content: none;
  }
  #fruits .fruits-content #blueberry .fruits-list::after {
    width: 100%;
    height: 49.33vw;
    background: url(../img/fruits/blueberry-img-sp.png) no-repeat center top/contain;
  }
  #fruits .fruits-content #plum .memo {
    width: 77.33vw;
    height: 86.93vw;
    margin: 3vw auto;
    padding: 20.8vw 5vw 7.2vw;
    background: url(../img/fruits/plam-memo-sp.png) no-repeat center/contain;
    font-size: 3.6vw;
    line-height: 1.75;
  }
  #fruits .fruits-content #plum .memo .memo-title {
    margin-bottom: 7vw;
    font-size: 4vw;
  }
  #fruits .fruits-content #kaki .fruits-list::after {
    width: 100%;
    height: 49.33vw;
    background: url(../img/fruits/kaki_list.png) no-repeat center top/contain;
  }
  #products {
    background: none;
  }
  #products .products-message {
    height: auto;
    margin-top: 0;
    margin-bottom: 6vw;
    background: url(../img/products/bg-message-sp1.png) no-repeat center top/contain, url(../img/products/bg-message-sp2.png) no-repeat center bottom/contain;
  }
  #products .products-message .bg {
    padding-top: 22.67vw;
    padding-bottom: 43.73vw;
    background: none;
  }
  #products .products-message .bg::after {
    content: none;
  }
  #products .products-message .bg p {
    font-size: 3.6vw;
    line-height: 2;
    letter-spacing: 0.02em;
  }
  #products .products-message .bg p:not(:last-child) {
    margin-bottom: 0;
  }
  #products .products-message h1 {
    margin-bottom: 6.67vw;
    font-size: 4.8vw;
  }
  #products .products-message h1::before {
    width: 13.33vw;
    height: 10.53vw;
    margin-bottom: 4.93vw;
  }
  #products .products-content {
    overflow: hidden;
  }
  #products .products-content .inner {
    width: 100%;
  }
  #products .products-content .products-container {
    margin-bottom: 24vw;
  }
  #products .products-content .products-container .container-title {
    margin-bottom: 8.8vw;
  }
  #products .products-content .products-container .container-title::before, #products .products-content .products-container .container-title::after {
    background-size: 4vw auto;
  }
  #products .products-content .products-container .container-title h2 {
    width: 36vw;
    padding: 0;
    font-size: 4.5vw;
    letter-spacing: 0;
  }
  #products .products-content .products-container .container-title h2::after {
    width: 10.8vw;
    height: 7.47vw;
    left: calc(100% + 1rem);
  }
  #products .products-content .products-container .product-box-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #products .products-content .products-container .product-box {
    width: 100%;
    margin-bottom: 6.67vw;
  }
  #products .products-content .products-container .product-box .product-img {
    margin-bottom: 5.33vw;
  }
  #products .products-content .products-container .product-box h3 {
    margin-left: 5vw;
    margin-right: 5vw;
    margin-bottom: 0;
    font-size: 3.6vw;
  }
  #products .products-content .products-container .product-box p {
    margin-left: 5vw;
    margin-right: 5vw;
    font-size: 3.6vw;
    word-break: break-all;
  }
  #products .products-content .products-container .product-box .product-description {
    min-height: auto;
  }
  #products .products-content .products-container .product-box .product-price {
    margin-bottom: 5.33vw;
    font-weight: 600;
  }
  #products .products-content .products-container .product-box .product-detail {
    padding: 5vw;
    font-size: 3.2vw;
    letter-spacing: 0;
  }
  #products .products-content .products-container .shop-btn {
    margin-top: 9.6vw;
  }
  #products .products-content .pickles .container-title h2::after {
    width: 10.13vw;
    height: 10.13vw;
    left: 120%;
  }
  #contact {
    background: url(../img/contact/bg-leaf1-sp.png) no-repeat right 0/63.73vw auto;
  }
  #contact::after {
    content: none;
  }
  #contact .contact-content {
    margin-top: 6.67vw;
    margin-bottom: 10.67vw;
  }
  #contact .contact-content h1 {
    width: 50.4vw;
    margin-bottom: 10.67vw;
  }
  #contact .contact-content h1 img {
    width: auto;
  }
  #contact .contact-content .img-wrap {
    display: none;
  }
  #contact .contact-content .info {
    font-size: 4vw;
  }
  #contact .contact-content .info h2 {
    margin-bottom: 0;
    font-size: 4vw;
    font-weight: 500;
    line-height: 1.87;
  }
  #contact .contact-content .info p {
    line-height: 1.87;
  }
  #contact .contact-content .info .privacy {
    font-size: 3.2vw;
    font-weight: 300;
  }
  #contact .contact-form {
    margin-bottom: 65.33vw;
    font-size: 3.2vw;
    letter-spacing: 0;
  }
  #contact .contact-form .input-form {
    padding: 4vw;
    border-radius: 2.67vw;
  }
  #contact .contact-form .input-form dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #contact .contact-form .input-form dl dt {
    width: 100%;
    margin-bottom: 1em;
  }
  #contact .contact-form .input-form dl dd {
    width: 100%;
  }
  #contact .contact-form .input-form dl .zipcode input {
    margin-left: .5rem;
  }
  #contact .contact-form .form-btn {
    width: 60vw;
    margin-top: 12vw;
    border-radius: 2.67vw;
    font-size: 3.8vw;
  }
  #contact .contact-form .confirm-form .input-form dl {
    margin-bottom: 1em;
  }
  #contact .contact-form .confirm-form .btn-wrap .form-btn,
  #contact .contact-form .confirm-form .btn-wrap .return {
    margin-top: 0;
  }
}

/*# sourceMappingURL=maps/style.css.map */