@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

.-pc {
  display: block !important;
}

.-sp {
  display: none !important;
}

@media screen and (max-width: 700px) {
  .mv {
    padding: 0;
  }

  .-pc {
    display: none !important;
  }

  .-sp {
    display: block !important;
  }
}

.nature-main_Images .img_tit01 {
  margin-bottom: -4.666vw;
  margin-top: 8vw;
}

@media (min-width: 701px) {
  .nature-main_Images .img_tit01 {
    margin-top: 130px;
    margin-bottom: 130px;
  }
}

.nature-main_Images .excuseme {
  position: relative;
  padding-top: 22%;
}

@media (min-width: 701px) {
  .nature-main_Images .excuseme {
    padding-top: 15%;
  }
}

.nature-main_Images .excuseme .fukidashi {
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

.nature-main_Images .excuseme.active .q01 {
  transition-delay: 0s;
  opacity: 1;
  transform: translateY(0);
}

.nature-main_Images .excuseme.active .q02 {
  transition-delay: 0.4s;
  opacity: 1;
  transform: translateY(0);
}

.nature-main_Images .excuseme.active .q03 {
  transition-delay: 0.8s;
  opacity: 1;
  transform: translateY(0);
}

.nature-main_Images .excuseme .qmain {
  position: relative;
  z-index: 10;
}

.nature-main_Images .excuseme .q02 {
  position: absolute;
  width: 30%;
  left: 20px;
  top: 30%;
}

@media (min-width: 701px) {
  .nature-main_Images .excuseme .q02 {
    width: 20%;
    left: 36%;
    top: 0%;
  }
}

.nature-main_Images .excuseme .q01 {
  position: absolute;
  width: 30%;
  top: -20px;
  left: 30%;
}

@media (min-width: 701px) {
  .nature-main_Images .excuseme .q01 {
    width: 20%;
    left: 14%;
    top: 38%;
  }
}

.nature-main_Images .excuseme .q03 {
  position: absolute;
  width: 30%;
  right: 20px;
  top: 20%;
}

@media (min-width: 701px) {
  .nature-main_Images .excuseme .q03 {
    width: 20%;
    right: 15%;
    top: 32%;
  }
}

.nature-main_Images .img_main_02 {
  position: relative;
}

.nature-main_Images .img_main_02 .i01 {
  z-index: 10;
  width: 5%;
  position: absolute;
  left: 10%;
  right: auto;
  top: -100%;
}

.nature-main_Images .img_main_02 .i02 {
  z-index: 10;
  width: 5%;
  position: absolute;
  left: 18%;
  right: auto;
  top: -85%;
}

.nature-main_Images .img_main_02 .i03 {
  z-index: 10;
  width: 4%;
  position: absolute;
  right: 20%;
  left: auto;
  top: -60%;
}

.nature-main_Images .img_main_02 .i04 {
  width: 7%;
  position: absolute;
  right: 13%;
  left: auto;
  top: -110%;
}

.nature-main_Images .img_main_03 {
  position: relative;
}

.nature-main_Images .img_main_03 .i05 {
  z-index: 10;
  position: absolute;
  width: 9%;
  left: auto;
  right: 16%;
  top: 10%;
  bottom: auto;
}

.nature-main_Images .img_main_03 .i06 {
  z-index: 10;
  position: absolute;
  width: 8%;
  right: 10%;
  left: auto;
  top: 27%;
  bottom: auto;
}

@media (min-width: 701px) {
  .nature-main_Images .img_main_03 .i05 {
    width: 5%;
    left: 3%;
    right: auto;
    top: auto;
    bottom: 0%;
  }

  .nature-main_Images .img_main_03 .i06 {
    width: 7%;
    right: 1%;
    left: auto;
    top: auto;
    bottom: 0%;
  }



}




.nature-tab .tab-group {
  display: flex;
}

.nature-tab .tab-group .tab.p2 a .icons {
  position: absolute;
  top: -7.333vw;
  right: 3.7333vw;
  width: 15.066vw;
}

@media (min-width: 701px) {
  .nature-tab .tab-group {
    max-width: 1000px;
    margin: 0 auto;
    justify-content: center;
  }

  .nature-tab .tab-group .tab.p2 a .icons {
    position: absolute;
    top: -20%;
    right: 20%;
    width: 20%;
  }
}

.nature-tab .tab-group .tab a {
  display: block;
}

.nature-tab .tab-group .tab a:hover {
  opacity: 1 !important;
}

.nature-tab .tab-group .tab a:hover img {
  opacity: 1 !important;
}

.nature-tab .tab-group .tab.p1,
.nature-tab .tab-group .tab.p2 {
  width: 50%;
}

.nature-tab .tab-group .tab.p2 a {
  position: relative;
}

@media (min-width: 701px) {
  .nature-tab .panel-group {
    position: relative;
    text-align: center;
    margin: 0 auto;
    max-width: 1000px;
  }
}

.nature-box_main .movie-wrap {
  width: 61.479vw;
  margin: 0 auto;
}
.nature-tab .panel-group .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.nature-tab .panel-group .movie {
  width: 100%;
  padding-top: 56.25%;
  height: auto;
}
.nature-tab .panel-group .movie.comingsoon {
  margin: auto;
  background: gray;
  position: relative;
}
.nature-tab .panel-group .movie.comingsoon::after {
  content: "coming soon";
  font-family: Noto Sans JP, sans-serif;
  font-size: 20px;
  font-weight: 700;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  background: #00000054;
  width: 100%;
  height: 100%;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

.nature-tab .panel-group .movie.comingsoon img {
    height: 10.1333vw;;
    width: auto !important;
    top: 50%;
    left: 50%;
    right: 0;
    transform: translate(-50%, -50%);
    position: absolute;
    margin: 0;
}

.nature-box_main .movie.comingsoon iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

@media (min-width: 701px) {
  .nature-box_main .movie-wrap {
    max-width: 600px;
    margin: 0 auto 7.1999vw;
    width: 100%;
  }

  .nature-tab .panel-group .movie.comingsoon {
    position: relative;
    max-width: 600px;
    margin: auto;
  }
  .nature-tab .panel-group .movie.comingsoon::after {
    font-size: 40px;
  }
  .nature-tab .panel-group .movie.comingsoon img {
    height: 100px;
  }

  .nature-tab .panel-group .panel {
    padding: 20px;
  }
}

.nature-tab .panel-group .movie video {
  width: 100%;
}

.nature-tab .panel-group .movie .play-btn {
  display: block;
  width: 15%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

.nature-tab .panel-group .movie .play-btn.playActive {
  display: none;
}

.nature-tab .panel-group .panel {
  padding: 0;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel.omamori {
    background-color: #f4adb8;
    max-width: 960px;
  }
}

.nature-tab .panel-group .panel.omamori {
  background-color: #f4adb8;
  max-width: 100%;
  background-image: url(/_var/natura/sarahada-sarari/img/omamori_bgfilter.png);
  background-size: 100%;
  background-repeat: repeat;

}

.nature-tab .panel-group .panel.anshin {
  background-color: #07608d;
  width: 100%;
  max-width: 1000px;
}

.nature-tab .panel-group .panel.anshin .function-box {
  background-color: #fce7de !important;
}

.nature-tab .panel-group .panel.anshin .function-box .function {
  color: #076baf !important;
}

.nature-tab .panel-group .panel .function-box h5 {
  margin-bottom: 15px;
}

.nature-tab .panel-group .panel.anshin .function-box .tit h5::after {
  background-color: #f1946b !important;
}

.nature-tab .panel-group .panel.anshin .function-box .graf-List li:first-child::before {
  background-color: #cccccc !important;
}

.nature-tab .panel-group .panel.anshin .function-box .graf-List li::before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 3vw;
  height: 3vw;
  /* background-color: #076baf !important; */
}

.nature-tab .panel-group .panel .nature__item-name {
  margin: 20px auto;
  max-width: 1000px;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature__item-name {
    margin: 60px auto;
  }

  .nature-tab .panel-group .panel .nature-cont {
    background-color: #fff;
    padding: 30px 0px;
    margin-bottom: 80px;
    width: 90%;
  }
}

.nature-tab .panel-group .panel .nature-cont {
  background-color: #fff;
  padding: 30px 0 0;
  max-width: 86.666vw;
  margin: 0 auto 7.4666vw;
}

.nature-box .flour {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-bottom: 2.4vw;
}

.nature-box .flour img.img01 {
  width: 3.5999vw;
}

.nature-box .flour img.img02 {
  width: 6.2666vw;
}

.nature-box .flour img.img03 {
  width: 3.5999vw;
}

.nature-box .flour img.img04 {
  width: 5.7333vw;
}

.nature-box .flour img.img05 {
  width: 7.0666vw;
}

.nature-box .flour img.img07 {
  width: 6.2666vw;
}

.nature-box .flour img.img08 {
  width: 6.2666vw;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont {
    padding: 60px 0px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .img_tit01 {
    margin-bottom: 30px;
  }

  .nature-box .flour img.img01 {
    width: 41px;
  }

  .nature-box .flour img.img02 {
    width: 66px;
  }

  .nature-box .flour img.img03 {
    width: 40px;
  }

  .nature-box .flour img.img04 {
    width: 67px;
  }

  .nature-box .flour img.img05 {
    width: 66px;
  }

  .nature-box .flour img.img07 {
    width: 58px;
  }

  .nature-box .flour img.img08 {
    width: 59px;
  }

  .nature-box .flour {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box h4.img_tit01 {
  width: 62.1333vw;
  display: block;
  margin: 0 auto 2.666vw;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .img_tit01 {
    margin-bottom: 50px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box h4.img_tit01 {
    width: 511px;
    height: auto;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .img_tit02 {
  margin-bottom: -2.666vw;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .img_tit02 {
    margin-bottom: 50px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box {
  background-color: #eaf5f5;
  margin: 0 5vw 30px;
  padding: 20px 3vw 30px;
  -webkit-clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%, 0 20px);
  clip-path: polygon(20px 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0% 100%, 0 20px);
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function {
  font-size: 4vw;
  margin-bottom: 10px;
  text-align: center;
  color: #e95d7b;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function {
    font-size: 20px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .tit {
  display: flex;
  justify-content: center;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box h5 {
  color: #4d4d4d;
  font-size: 6vw;
  text-align: center;
  position: relative;
  display: inline-block;
  z-index: 10;
  font-weight: 500;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box h5 {
    font-size: 33px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box h5::after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  /* background-color: #72c6c8; */
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner {
  background-color: #fff;
  box-shadow: 3px 3px 3px #ccc;
  padding: 20px 0 20px;
  position: relative;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .fit_emboss_txt {
  margin-top: 2.666vw !important;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner img {
  margin: 0 !important;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .ammonia {
  margin-bottom: 5.3333vw !important;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .icons {
  position: absolute;
  width: 28%;
  right: 0;
  top: -8%;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner {
    padding: 2vw 0 20px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .icons {
    position: absolute;
    width: 28%;
    right: 0;
    top: -21%;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner h6 {
  font-weight: normal;
  text-align: center;
  color: #076baf;
  font-size: 4vw;
  margin-bottom: 3.0666vw;
  letter-spacing: -0.02em;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner h6 .yellow {
  color: #ed8f26;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner h6 {
    font-size: 25px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img {
  display: flex;
  flex-flow: column;
  margin: 0 2vw 30px;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img {
    flex-flow: column;
    align-items: center;
    margin: 0 2vw 30px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img .img {
  width: 100%;
  margin-bottom: 20px;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img .img {
    width: 100%;
    margin-bottom: 0px;
  }
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img .text {
    width: 100%;
    font-weight: 400;
    text-align: left;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img .text p {
  font-size: 3vw;
  text-align: center;
  color: #4d4d4d;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img .text .-sp {
  width: 56.5333vw;
  margin: 0 auto !important;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-img .text p {
    font-size: 16px;
    margin-top: 26px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video {
  display: flex;
  flex-flow: column;
  margin: 0 2vw 10px;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video {
    flex-flow: column;
    align-items: center;
    margin: 0 2vw 10px;
  }
}

@media screen and (max-width: 700px) {
  .u-mb--80 {
    margin-bottom: 10.4vw !important;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie {
  width: 100%;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie iframe {
  width: 100%;
  height: auto;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie video {
  width: 100%;
}
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie-wrap .mp4 video {
  width: 100%;
  height: auto;
}
@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie-wrap {
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 0 auto 40px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie-wrap .movie {
    padding-top: 56.25%;
    margin: auto;
    position: relative;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie-wrap .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .movie-wrap .movie img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text {
  font-weight: 400;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text {
    width: 100%;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text p {
  font-size: 3vw;
  text-align: center;
  color: #4d4d4d;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text p {
    font-size: 16px;
    text-align: center;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text h6 {
  font-size: 3vw;
  font-weight: 700;
  margin-top: 20px;
  line-height: 1.4;
  text-align: center;
  color: #076baf;
  margin-bottom: 0;
}
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text h6 .normaltxt {
  font-weight: 400;
  color: #4d4d4d;
  font-size: 2.25vw;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text h6 {
    font-size: 20px;
    margin-top: 0;
  }
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text h6 .normaltxt {
    font-size: 16px;
  }
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .col2-video .text br {
    display: inline-block;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .line {
  display: none;
  width: auto;
  height: 1px;
  background-color: #4d4d4d;
  margin: 20px 3vw 30px;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .line {
    display: block;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .graf-List {
  margin: 0 2vw 0;
  text-align: left;
  display: block;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .graf-List li {
  font-size: 3vw;
  padding-left: 4vw;
  position: relative;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .graf-List li {
    padding-left: 20px;
    font-size: 20px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .graf-List li:first-child::before {
  background-color: #cccccc;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .graf-List li::before {
  position: absolute;
  left: 0;
  top: 2px;
  content: "";
  width: 3vw;
  height: 3vw;
  background-color: #e95d7b;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_main .function-box .function-inner .graf-List li::before {
    top: 5px;
    width: 15px;
    height: 15px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_header.img_tit03 {
  margin: 0 auto;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup img.omamori-img {
  /* padding-top: 2.6666vw; */
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup {
  padding: 0 0 30px;
  margin: 0 auto 3vw;
  max-width: 65.333vw;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-box_header.img_tit03 {
    margin: 60px 0 40px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup img.omamori-img {
    padding-top: 0;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-cotton {
    margin: 0 5vw 0;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup {
    padding: 0 0 30px;
    margin: 0 auto 30px;
    max-width: 100%;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li {
  width: 50%;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li.last .omamori-img {
  width: 29.599vw;
}
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a{
  margin: 10px 25px !important;
}
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .product-link{
    box-sizing: border-box;
}
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li:last-child a{
  margin: 10px 5px !important;
}
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li:last-child a .product-link{
  padding: 0 20px;

}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a{
    margin: 20px !important;
  }
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li:last-child a{
    margin: 10px;
  }
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li:last-child a{
  margin: 20px !important;
}
.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li:last-child a .product-link{
  padding: 0;

}


  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li {
    width: 154px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li:last-child {
    width: 26%;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a {
  margin: 10px;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: end;
  align-items: center;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a:hover {
  text-decoration: none;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .length {
  margin: 6px 0 15px 0;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .product-link {
  width: 100%;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .spacer {
  display: none;
  /* flex-grow: 1; */
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .spacer {
    display: block;
    flex-grow: 1;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .product-link {
    width: 114px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .capa {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  margin-top: 20px;
  margin-bottom: 8px;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .capa {
    align-self: flex-start;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .capa span {
  position: relative;
  z-index: 10;
  font-weight: 500;
  padding: 0 10px;
  color: #4d4d4d;
  background-color: #fff;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a .capa::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  background-color: #ccc;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup ul li a span {
  color: #7f8080;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin {
  padding: 0 0 30px;
  margin: 0 5vw 30px;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul {
  display: flex;
  flex-wrap: wrap;
  row-gap: 5.0666vw;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li img {
  width: 49.333vw;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li img.cotton100 {
  right: 0;
  position: relative;
  width: 75%;
  margin-bottom: 10px !important;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item-cotton .box .row a {
    margin: 0 5px;
    height: 68%;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul {
    gap: 70px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li img.cotton100 {
    right: 67px;
    position: relative;
    width: 100%;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item-col1 .box .row {
  justify-content: center;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item-col1 .box {
    width: 50%;
    justify-content: flex-start;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item-col1 .box .row a {
    width: 100% !important;
  }
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item {
    width: 100%;
    margin-bottom: 50px;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box {
  height: auto;
  margin: 0 auto;
  max-width: 65.333vw;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box {
    height: 100%;
    max-width: 100%;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .capa span {
    position: relative;
    z-index: 10;
    font-weight: 500;
    display: inline-block;
    padding: 0 10px;
    color: #4d4d4d;
    background-color: #fff;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .capa {
  display: block;
  /* width: 100%; */
  width: 54vw;
  margin: 0 auto;
  text-align: center;
  position: relative;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .capa span {
  font-size: 16px;
  position: relative;
  z-index: 10;
  font-weight: 500;
  display: inline-block;
  padding: 0 10px;
  color: #4d4d4d;
  background-color: #fff;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .capa::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  background-color: #ccc;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row {
  display: flex;
  height: 100%;
  /* justify-content: space-between; */
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li:nth-child(1) {
  max-width: 100%;
  margin: 0 auto;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li:nth-child(2) {
  max-width: 100%;
  margin: 0 auto;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li:nth-child(3) {
  max-width: 100%;
  margin: 0 auto;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li:nth-child(4) {
  max-width: 100%;
  margin: 0 auto;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: end;
  width: 37%;
  margin: 10px 25px;
  /* margin: 10px; */
  text-decoration: none;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .spacer {
  /* display: none; */
  flex-grow: 1;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .capa{
    width: auto;
  }
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .spacer {
    display: block;
    flex-grow: 1;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .capa span {
    position: relative;
    font-weight: 500;
    display: inline-block;
    z-index: 10;
    padding: 0 10px;
    color: #4d4d4d;
    background-color: #fff;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .capa {
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .capa span {
  font-size: 16px;
  position: relative;
  font-weight: 500;
  display: inline-block;
  z-index: 10;
  padding: 0 10px;
  color: #4d4d4d;
  background-color: #fff;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .capa::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  left: 0;
  top: 50%;
  background-color: #ccc;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a span {
  font-size: 3vw;
  margin-bottom: 5px;
  display: block;
  text-align: center;
  color: #4d4d4d;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a span {
    font-size: 14px;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li:nth-child(1) {
    max-width: 380px;
    margin: 0 auto;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li:nth-child(2) {
    max-width: 547px;
    margin: 0 auto;
  }

  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li:nth-child(4) {
    max-width: 412px;
    margin: 0 auto;
  }
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .length {
  margin-bottom: 15px;
}

.nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .product-link {
  width: 100%;
}

@media (min-width: 701px) {
  .nature-tab .panel-group .panel .nature-cont .nature-box .nature-lineup-anshin ul li.item .box .row a .product-link {
    width: 134px;
  }
}

.floating {
  top: 50px;
  left: 50px;
  animation: floatY 3s ease-in-out infinite;
}

.floating-slow {
  top: 50px;
  left: 50px;
  animation: floatY 4s ease-in-out infinite;
}

@keyframes floatY {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-50%);
  }
}

.rotate-left {
  top: 50px;
  left: 160px;
  animation: spin-left 4s linear infinite;
}

@keyframes spin-left {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(-360deg);
  }
}

.rotate-right {
  top: 150px;
  left: 50px;
  animation: spin-right 4s linear infinite;
}

@keyframes spin-right {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.rotate-right-slow {
  top: 150px;
  left: 160px;
  animation: spin-right 10s linear infinite;
}

.fadein-container {
  position: relative;
}

.fade-item {
  opacity: 0;
  transform: translateY(20px);
  /* 少し下から */
  animation: fadeInUp 1s ease forwards;
}

/* 順番に遅延させる */
.fade-item:nth-child(1) {
  animation-delay: 0s;
}

.fade-item:nth-child(2) {
  animation-delay: 0.3s;
}

.fade-item:nth-child(3) {
  animation-delay: 0.6s;
}

.fade-item:nth-child(4) {
  animation-delay: 0.9s;
}

@keyframes fadeInUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadein-item {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

.fadein-item.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.showSP {
  display: block;
}

@media (min-width: 701px) {
  .showSP {
    display: none;
  }
}

.showPC {
  display: none;
}

@media (min-width: 701px) {
  .showPC {
    display: block;
  }
}

.bg-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: #fff;
}

@media (min-width: 701px) {
  .bg-circle {
    position: absolute;
    width: 800px;
    height: 800px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 200, 240, 0.3) 0%, rgba(255, 255, 255, 0) 70%);
  }
}

.bg-circle {
  display: none;
}

/* 左側 */
.bg-circle.left {
  left: -50%;
}

/* 右側 */
.bg-circle.right {
  right: -50%;
}

/* 適当に上下に配置してみる */
.bg-circle:nth-child(1) {
  top: 0;
}

.bg-circle:nth-child(2) {
  top: 25%;
}

.bg-circle:nth-child(3) {
  top: 50%;
}

.bg-circle:nth-child(4) {
  top: 100%;
}

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


.row-inner {
  display: flex;
}

.row-inner .col1 {
  width: 100% !important;
}

.box-custom01 {
  margin: 10px !important;
}

.box-custom01 .row-inner a {
  min-height: 360px;
}

.box-custom02 .row .spacer {
  flex-grow: 1;
}

/* [id^="tab1"] {
  scroll-margin-top: 280px;
} */