@charset "UTF-8";
img {
  width: auto;
  max-width: 100%;
}

.test1 {
  -webkit-transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  -webkit-transition: all 0.4s ease-out 0.01s;
  transition: all 0.4s ease-out 0.01s;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transform: scale(1);
  transform: rotate(-45deg);
  border-radius: 50%;
  animation: Flash1 1s infinite;
  animation: beyooon_a 1s forwards;
  animation: beyooon_b 1s forwards;
  font-family: "Noto Serif JP", serif;
  background: linear-gradient(90deg, rgb(0, 72, 110) 0%, rgb(0, 120, 155) 100%);
}

@keyframes Flash1 {
  50% {
    opacity: 0;
  }
}
@keyframes beyooon_a {
  0% {
    transform: translate(-50%, 0%) scale(0.5);
  }
  16% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1.22);
  }
  28% {
    transform: translate(-50%, 0%) scale(1);
  }
  88% {
    transform: translate(-50%, 0%) scale(1);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0%) scale(1);
  }
}
@keyframes beyooon_b {
  0% {
    transform: scale(0.5);
  }
  16% {
    transform: scale(1.32);
  }
  28% {
    transform: scale(0.87);
  }
  44% {
    transform: scale(1.05);
  }
  59% {
    transform: scale(0.98);
  }
  73% {
    transform: scale(1.01);
  }
  88% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.test {
  content: "\f105";
  font-family: FontAwesome;
}

.shadow {
  text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.4), 1px 3px 3px rgba(0, 0, 0, 0.4), 1px 2px 3px rgba(0, 0, 0, 0.4);
}

/**scss共通ここまで***/
body {
  overflow: hidden;
}

main {
  background-image: none;
}

#section01 {
  width: 100%;
  padding: 25px 0 50px 0;
  overflow: hidden;
}
@media screen and (max-width:800px) {
  #section01 {
    padding: 5vw 0 10vw 0;
  }
}
#section01 .slide-wrap {
  width: 890px;
  margin: 0 auto;
  position: relative;
  height: 348.802px;
}
@media screen and (max-width:800px) {
  #section01 .slide-wrap {
    width: 100%;
    height: 89.11vw;
  }
}
#section01 .slide-wrap ul {
  width: 17248px;
  display: flex;
  justify-content: flex-start;
  position: absolute;
  top: 0;
  left: -8624px;
  animation: rooptops 60s linear infinite;
}
@media screen and (max-width:800px) {
  #section01 .slide-wrap ul {
    width: 4256vw;
    left: -2128vw;
    animation: rooptops_sp 80s linear infinite;
  }
}
@keyframes rooptops {
  0% {
    left: -8624px;
  }
  100% {
    left: -4312px;
  }
}
@keyframes rooptops_sp {
  0% {
    left: -2128vw;
  }
  100% {
    left: -1064vw;
  }
}
#section01 .slide-wrap ul li {
  width: 274px;
  margin-right: 34px;
  position: relative;
}
@media screen and (max-width:800px) {
  #section01 .slide-wrap ul li {
    width: 70vw;
    margin-right: 6vw;
  }
}
#section01 .slide-wrap ul li figure {
  border-radius: 18px;
  border: 4px solid #000;
  overflow: hidden;
}
#section01 .slide-wrap ul li.active .textanimes .textanimes01 {
  clip-path: inset(0% 0% 0% 0 round 0px);
}
#section01 .slide-wrap ul li.active .textanimes .textanimes02 {
  clip-path: inset(0% 0% 0% 0 round 0px);
}
#section01 .slide-wrap ul li.active .textanimes .textanimes03 {
  clip-path: inset(0% 0% 0% 0 round 0px);
}
#section01 .slide-wrap ul li .textanimes {
  position: absolute;
  width: 100%;
  left: 0.75em;
  bottom: -0.785em;
}
#section01 .slide-wrap ul li .textanimes .textanimes01 {
  width: 100%;
  clip-path: inset(0% 100% 0% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.45, 0, 0.55, 1) 0.01s;
}
#section01 .slide-wrap ul li .textanimes .textanimes02 {
  width: 100%;
  margin-top: -2px;
  clip-path: inset(0% 100% 0% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.45, 0, 0.55, 1) 0.25s;
}
#section01 .slide-wrap ul li .textanimes .textanimes03 {
  width: 100%;
  margin-top: -2px;
  clip-path: inset(0% 100% 0% 0 round 0px);
  transition: clip-path 1s cubic-bezier(0.45, 0, 0.55, 1) 0.5s;
}
#section01 .slide-wrap ul li .textanimes span {
  display: inline-block;
  line-height: 100%;
  color: #000;
  letter-spacing: 0.1em;
  padding: 0.15em 0.5em 0.25em 0.5em;
}
#section01 .slide-wrap ul li .textanimes span.color01 {
  background-color: #56d400;
  color: #000;
  border: 2px solid #000;
}
#section01 .slide-wrap ul li .textanimes span.color02 {
  background-color: #3bb2ff;
  color: #000;
  border: 2px solid #000;
}
#section01 .slide-wrap ul li .textanimes span.color03 {
  background-color: #ffe100;
  color: #000;
  border: 2px solid #000;
}
#section01 .slide-wrap ul li .textanimes span.color04 {
  background-color: #f8ae42;
  color: #000;
  border: 2px solid #000;
}
#section01 .slide-wrap ul li .textanimes span.color05 {
  background-color: #ffa4d8;
  color: #000;
  border: 2px solid #000;
}
#section01 .slide-wrap ul li .textanimes span.color06 {
  background-color: #c2a4ff;
  color: #000;
  border: 2px solid #000;
}

/********************/
#section01_title {
  width: 100%;
}
#section01_title .section__in {
  width: 90%;
  max-width: 1126px;
  margin: 0 auto 40px auto;
}
@media screen and (max-width:800px) {
  #section01_title .section__in {
    margin: 0 auto 30px auto;
    width: 65%;
  }
}
#section01_title .townwide {
  width: 100%;
  height: 11.753vw;
  position: relative;
  background: url(../images/town_back_img.png) repeat-x left top;
  background-size: 109.25vw 11.753vw;
  animation: townloop 65s linear infinite;
  position: relative;
  transform: scale(1.1);
}
@media screen and (max-width:800px) {
  #section01_title .townwide {
    width: 276.6%;
    margin-left: -88.3%;
    margin-right: -88.3%;
    height: 32.508798vw;
    background: url(../images/town_back_img.png) repeat-x left top;
    background-size: 302.1855vw 32.508798vw;
    animation: townloop_sp 70s linear infinite;
  }
}
@keyframes townloop {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 109.25vw 0;
  }
}
@keyframes townloop_sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 302.1855vw 0;
  }
}
#section01_title .townwide .base {
  opacity: 0;
}
#section01_title ul.humans {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  /*background-color: rgba(255,0,0,0.2);*/
}
@media screen and (max-width:800px) {
  #section01_title ul.humans {
    width: 100%;
  }
}
#section01_title ul.humans li.h01, #section01_title ul.humans li.h02, #section01_title ul.humans li.h03, #section01_title ul.humans li.h04, #section01_title ul.humans li.h05, #section01_title ul.humans li.h06, #section01_title ul.humans li.h07, #section01_title ul.humans li.h08 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  background: url(../images/town_hito1.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 40s linear infinite;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h01, #section01_title ul.humans li.h02, #section01_title ul.humans li.h03, #section01_title ul.humans li.h04, #section01_title ul.humans li.h05, #section01_title ul.humans li.h06, #section01_title ul.humans li.h07, #section01_title ul.humans li.h08 {
    background-size: 100vw 11.753vw;
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 40s linear infinite;
  }
}
@keyframes hito01 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100vw 0;
  }
}
@keyframes hito01_sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 276.6vw 0;
  }
}
#section01_title ul.humans li.h02 {
  background: url(../images/town_hito2.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 35s linear infinite;
  z-index: 5;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h02 {
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 30s linear infinite;
  }
}
#section01_title ul.humans li.h03 {
  background: url(../images/town_hito3.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 44s linear infinite;
  z-index: 9;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h03 {
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 44s linear infinite;
  }
}
#section01_title ul.humans li.h04 {
  background: url(../images/town_hito4.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 32s linear infinite;
  z-index: 25;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h04 {
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 32s linear infinite;
  }
}
#section01_title ul.humans li.h05 {
  background: url(../images/town_hito5.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 46s linear infinite;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h05 {
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 46s linear infinite;
  }
}
#section01_title ul.humans li.h06 {
  background: url(../images/town_hito6.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 34s linear infinite;
  z-index: 25;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h06 {
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 34s linear infinite;
  }
}
#section01_title ul.humans li.h07 {
  background: url(../images/town_hito7.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 52s linear infinite;
  z-index: 1;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h07 {
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 52s linear infinite;
  }
}
#section01_title ul.humans li.h08 {
  background: url(../images/town_hito8.png) repeat-x left top;
  background-size: 100vw 11.753vw;
  animation: hito01 50s linear infinite;
}
@media screen and (max-width:800px) {
  #section01_title ul.humans li.h08 {
    background-size: 276.6vw 32.508798vw;
    animation: hito01_sp 50s linear infinite;
  }
}
#section01_title .mainhitoicons {
  width: 11%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
}
#section01_title .mainhitoicons .base_hitomain {
  position: relative;
  width: 100%;
}
#section01_title .mainhitoicons .base_hitomain .base {
  position: relative;
  width: 100%;
  opacity: 0;
}

#section02 {
  width: 100%;
  padding: 140px 0 0 0;
  overflow: hidden;
}
@media screen and (max-width:800px) {
  #section02 {
    padding: calc(60px + 7.5vw) 0 0vw 0;
  }
}
#section02 .section__in {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
}
#section02 h2 {
  width: 70%;
  max-width: 426px;
  margin: 0 auto 35px auto;
}
#section02 .centertextcopy {
  text-align: center;
}
#section02 .centertextcopy .waku {
  display: inline-block;
  padding: 0.15em 0.4em 0.15em 0.4em;
  font-weight: 900;
  color: #ffe100;
  background-color: #000;
  line-height: 100%;
  margin-bottom: 0.2em;
}
#section02 .centertextcopy .waku .color_w {
  color: #fff;
}
#section02 .centertextcopy .waku .minis {
  font-size: 60%;
}
#section02 .centertextcopy .waku2 {
  display: inline-block;
  padding: 0.15em 0.4em 0.25em 0.4em;
  font-weight: 900;
  color: #ffe100;
  background-color: #000;
  line-height: 100%;
  margin-bottom: 0.2em;
  letter-spacing: 0;
}
#section02 .centertextcopy .waku2 .color_w {
  color: #fff;
}
#section02 .centertextcopy .waku2 .minis {
  font-size: 60%;
}
#section02 .centertextcopy .waku3 {
  display: inline-block;
  padding: 0.2em 0.4em 0.05em 0.4em;
  font-weight: 900;
  color: #ffe100;
  background-color: #000;
  line-height: 100%;
  margin-bottom: 0.2em;
  letter-spacing: 0;
  text-indent: -0.5em;
}
#section02 .centertextcopy .waku3 .color_w {
  color: #fff;
}
#section02 .centertextcopy .waku3 .minis {
  font-size: 60%;
  margin-left: -0.5em;
}
#section02 .betatext {
  width: 100%;
  max-width: 650px;
  margin: 0 auto 8px auto;
  background-color: #000;
  text-align: center;
  font-weight: 900;
  color: #ffe100;
  padding: 0.15em 0 0.15em 0;
}
#section02 .betatext .color_w {
  color: #fff;
}
#section02 .betatext .minis {
  font-size: 80%;
}
#section02 .base_text {
  text-align: center;
  font-weight: 700;
  line-height: 160%;
  margin-top: 1.5em;
  line-height: 160%;
}
#section02 .base_text span.mini {
  font-size: 60%;
  display: inline-block;
  vertical-align: 0.5em;
}
#section02 .base_text1 {
  text-align: center;
  font-weight: 700;
  line-height: 160%;
  margin-top: 1.5em;
  line-height: 160%;
}
@media screen and (max-width:800px) {
  #section02 .base_text1 {
    letter-spacing: 0;
    width: 110%;
    margin-left: -5%;
    margin-right: -5%;
  }
}
#section02 .base_text1 span.mini {
  font-size: 60%;
  display: inline-block;
  vertical-align: 0.5em;
}
#section02 .base_text2 {
  margin-top: 1.5em;
  text-align: center;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  #section02 .base_text2 {
    text-align: left;
  }
}
#section02 .bigtext {
  text-align: center;
  margin-top: 3em;
  position: relative;
  z-index: 10;
}
#section02 .bigtext .bigtext01 {
  text-align: center;
  font-weight: 900;
}
#section02 .bigtext .bigtext02 {
  text-align: center;
  font-weight: 700;
  margin-top: 1em;
}
#section02 .sumahowaku {
  width: 100%;
  max-width: 1000px;
  margin: 40px auto 0 auto;
  position: relative;
}
@media screen and (max-width:800px) {
  #section02 .sumahowaku {
    margin: 10vw auto 0 auto;
  }
}
#section02 .sumahowaku .base_shopne {
  width: 70.66%;
  max-width: 530px;
  margin: 0 auto;
  position: relative;
  z-index: 10;
}
#section02 .sumahowaku .textmuryou {
  position: absolute;
  z-index: 5;
  width: 55.5%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -110%);
  z-index: 20;
}
@media screen and (max-width:800px) {
  #section02 .sumahowaku .textmuryou {
    width: 70%;
    transform: translate(-50%, -100%);
  }
}
#section02 .sumahowaku .drink01 {
  width: 76.4%;
  position: absolute;
  top: -52.5%;
  right: 53.5%;
  z-index: 15;
}
@media screen and (max-width:800px) {
  #section02 .sumahowaku .drink01 {
    top: -15%;
    width: 79%;
    right: 45%;
    z-index: 9;
  }
}
#section02 .sumahowaku .drink02 {
  width: 57%;
  position: absolute;
  top: -55%;
  right: 81%;
  z-index: 13;
}
@media screen and (max-width:800px) {
  #section02 .sumahowaku .drink02 {
    width: 70%;
    position: absolute;
    top: -48%;
    right: 55%;
    z-index: 8;
  }
}
#section02 .sumahowaku .drink03 {
  width: 40%;
  position: absolute;
  top: -19%;
  left: 72%;
  z-index: 15;
}
@media screen and (max-width:800px) {
  #section02 .sumahowaku .drink03 {
    width: 45%;
    position: absolute;
    top: 15%;
    left: 67%;
  }
}
#section02 .sumahowaku .drink04 {
  width: 45%;
  position: absolute;
  top: -40%;
  left: 81%;
  z-index: 13;
}
@media screen and (max-width:800px) {
  #section02 .sumahowaku .drink04 {
    width: 52%;
    position: absolute;
    top: -32%;
    left: 65%;
  }
}
#section02 .sumahowaku .anis01 {
  transform: translate(-50vw, 0);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.01s;
}
#section02 .sumahowaku .anis01.active {
  transform: translate(0vw, 0);
}
#section02 .sumahowaku .anis02 {
  transform: translate(-40vw, 0);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}
#section02 .sumahowaku .anis02.active {
  transform: translate(0vw, 0);
}
#section02 .sumahowaku .anis03 {
  transform: translate(50vw, 0);
  transition: all 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.01s;
}
#section02 .sumahowaku .anis03.active {
  transform: translate(0vw, 0);
}
#section02 .sumahowaku .anis04 {
  transform: translate(40vw, 0);
  transition: all 0.9s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}
#section02 .sumahowaku .anis04.active {
  transform: translate(0vw, 0);
}

#section_scene {
  width: 100%;
  background-color: #f87d00;
  padding-bottom: 120px;
  /* デフォの矢印やドットの位置を微調整（お好みで） */
  /* 選択中のdot */
  /* ====== スマホ調整 ====== */
  /**************/
}
@media screen and (max-width:800px) {
  #section_scene {
    padding-bottom: 17.5vw;
  }
}
#section_scene .section__in {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 250px 0 0px 0;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_scene .section__in {
    padding: 40vw 0 0vw 0;
  }
}
#section_scene .slick-list {
  padding: 0 0 170px !important;
}
@media screen and (max-width:800px) {
  #section_scene .slick-list {
    padding: 0 0 100vw !important;
  }
}
#section_scene ul.slider {
  width: 100%; /* PCは固定1280px */
  margin: 0 auto; /* センター寄せ */
}
#section_scene .slider-item {
  width: 100%;
  padding: 0 100px;
}
@media screen and (max-width:800px) {
  #section_scene .slider-item {
    padding: 0 0px;
  }
}
#section_scene .slick-prev:before,
#section_scene .slick-next:before {
  font-size: 28px;
  opacity: 0.85;
}
#section_scene .slick-dots {
  bottom: 130px;
  text-align: center;
}
@media screen and (max-width:800px) {
  #section_scene .slick-dots {
    bottom: 95vw;
    transform: translate(0, 50%);
  }
}
#section_scene .slick-dots li {
  display: inline-block;
  margin: 0 4px;
}
@media screen and (max-width:800px) {
  #section_scene .slick-dots li {
    margin: 0 2px;
  }
}
#section_scene .slick-dots li button {
  width: 8px;
  height: 8px;
  border-radius: 50%; /* 丸ではなく角丸の四角形 */
  background: #fff; /* 未選択時の色 */
  border: none;
  text-indent: -9999px; /* テキストを隠す */
  border: 3px solid #000;
  padding: 3px;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #section_scene .slick-dots li button {
    width: 6px;
    height: 6px;
    border: 2px solid #000;
  }
}
#section_scene .slick-dots li.slick-active button {
  background: orange;
}
@media (max-width: 800px) {
  #section_scene .slider-wrap {
    width: 100%; /* SPは100% */
    padding: 0; /* 余白なし */
  }
}
#section_scene .next1 {
  position: absolute;
  top: calc(50% - 85px);
  right: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
  width: 50px;
}
@media screen and (max-width:800px) {
  #section_scene .next1 {
    top: calc(50% - 50vw);
    width: 10vw;
    right: 0px;
  }
}
#section_scene .prev1 {
  position: absolute;
  top: calc(50% - 85px);
  left: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  width: 50px;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #section_scene .prev1 {
    top: calc(50% - 50vw);
    width: 10vw;
    left: 0px;
  }
}
#section_scene h2 {
  width: 57.6%;
  position: absolute;
  left: 25px;
  top: 85px;
  z-index: 10;
}
@media screen and (max-width:800px) {
  #section_scene h2 {
    width: 90%;
    left: 5vw;
    top: 10vw;
  }
}
#section_scene .listin {
  position: relative;
}
#section_scene .listin figure {
  position: relative;
}
#section_scene .listin figure .textanimes {
  position: absolute;
  width: 100%;
  left: 0em;
  bottom: 0em;
}
#section_scene .listin figure .textanimes .textanimes01 {
  width: 100%;
}
#section_scene .listin figure .textanimes .textanimes02 {
  width: 100%;
  margin-top: -2px;
}
#section_scene .listin figure .textanimes .textanimes03 {
  width: 100%;
  margin-top: -2px;
}
#section_scene .listin figure .textanimes span {
  display: inline-block;
  line-height: 100%;
  color: #000;
  letter-spacing: 0.1em;
  padding: 0.15em 0.5em 0.25em 0.5em;
}
#section_scene .listin figure .textanimes span.color01 {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
#section_scene .listin figure .textanimes span.color02 {
  background-color: #ffe100;
  color: #000;
  border: 1px solid #000;
}
#section_scene .listin figure .textbox {
  width: 28%;
  position: absolute;
  bottom: 0;
  right: 2.8%;
  transform: translate(0, 35%);
  font-weight: 700;
}
#section_scene .listin figure .textbox.long {
  width: 32%;
}
@media screen and (max-width:800px) {
  #section_scene .listin figure .textbox.long {
    width: 90%;
  }
}
#section_scene .listin figure .textbox.short {
  width: 24%;
}
@media screen and (max-width:800px) {
  #section_scene .listin figure .textbox.short {
    width: 90%;
  }
}
@media screen and (max-width:800px) {
  #section_scene .listin figure .textbox {
    width: 90%;
    position: absolute;
    bottom: auto;
    top: calc(100% + 10vw);
    right: 5%;
    transform: translate(0, 0%);
    font-weight: 700;
  }
}
#section_scene .listin figure .textbox .textbox01 {
  width: 100%;
}
#section_scene .listin figure .textbox .textbox01 span {
  display: inline-block;
  line-height: 100%;
  color: #000;
  letter-spacing: 0.1em;
  padding: 0.3em 0.5em 0.4em 0.5em;
  background-color: #fff;
  border: 1px solid #000;
}
#section_scene .listin figure .textbox .textbox02 {
  width: 100%;
  margin-top: -1px;
}
#section_scene .listin figure .textbox .textbox02 span {
  display: inline-block;
  line-height: 100%;
  color: #000;
  letter-spacing: 0.1em;
  padding: 0.3em 0.5em 0.4em 0.5em;
  background-color: #fff;
  border: 1px solid #000;
}
#section_scene .listin figure .textbox .textbox03 {
  width: 100%;
  margin-top: -1px;
}
#section_scene .listin figure .textbox .textbox03 span {
  display: inline-block;
  max-width: 100%;
  line-height: 200%;
  text-align: left;
  padding: 1em;
  background-color: #fff;
  border: 1px solid #000;
}
#section_scene h3 {
  width: 22.5%;
  max-width: 152px;
  margin: 0 auto 2em auto;
}
@media screen and (max-width:800px) {
  #section_scene h3 {
    margin: -10vw auto 1em auto;
  }
}
#section_scene .moviecontena {
  width: 90%;
  max-width: 520px;
  margin: 0 auto;
  position: relative;
}
#section_scene .moviecontena .base {
  position: relative;
}
#section_scene .moviecontena .movieplay_bt {
  display: block;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#section_scene .movietext {
  text-align: center;
  font-weight: 900;
  color: #000;
  margin-top: 0.75em;
  letter-spacing: 0.1em;
}
@media screen and (max-width:800px) {
  #section_scene .movietext {
    margin-top: 0.75em;
    padding-bottom: 5vw;
  }
}

.section_cv {
  width: 100%;
  background-color: #ffe100;
  padding: 0 0 65px 0;
  position: relative;
  z-index: 15;
  /* ラッパー（デモ用センタリング） */
}
@media screen and (max-width:800px) {
  .section_cv {
    padding: 0 0 6.5vw 0;
  }
}
.section_cv.backwhite {
  background-color: #fff;
}
.section_cv.backwhite .ref-box {
  background-color: #ffe100 !important;
}
.section_cv .getutext {
  text-align: center;
  font-weight: 700;
  margin-bottom: 1.25em;
  margin-top: -1.75em;
}
@media screen and (max-width:800px) {
  .section_cv .getutext {
    margin-top: -1.25em;
    margin-bottom: 2em;
  }
}
.section_cv h2 {
  width: 80%;
  max-width: 1038px;
  margin: 0 auto 0 auto !important;
}
.section_cv h2 figure {
  width: 100%;
  transform: translate(0, -50%);
}
@media screen and (max-width:800px) {
  .section_cv h2 figure {
    transform: translate(0, -30%);
  }
}
.section_cv .section__in {
  width: 90%;
  max-width: 634px;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  .section_cv .section__in {
    margin-top: -5vw;
  }
}
.section_cv .section__in .subtext {
  text-align: center;
  font-weight: 700;
  margin-bottom: 1em;
}
@media screen and (max-width:800px) {
  .section_cv .section__in .subtext {
    padding-top: 0.5em;
    margin-bottom: 0.75em;
  }
}
.section_cv .section__in .subtext span {
  color: #e6000a;
}
.section_cv .section__in .syoukai {
  text-align: center;
  margin-bottom: 2em;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  .section_cv .section__in .syoukai {
    margin-bottom: 1em;
  }
}
.section_cv .section__in .syoukai span {
  text-align: center;
  display: inline-block;
  border-bottom: 2px solid #000;
  padding-bottom: 0.2em;
  position: relative;
  transition: all 0.4s ease-out 0.01s;
}
.section_cv .section__in .syoukai span::after {
  content: "";
  left: calc(100% + 0.5em);
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  background: url(../images/qa_sec_icon.png) no-repeat center;
  background-size: contain;
  top: 50%;
  transform: translate(0, -50%);
}
.section_cv .section__in .syoukai span:hover {
  opacity: 0.6;
}
.section_cv .section__in .botanwaku {
  width: 100%;
  position: relative;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 100px;
  padding-bottom: 15px;
}
@media screen and (max-width:800px) {
  .section_cv .section__in .botanwaku {
    padding-bottom: 8px;
  }
}
.section_cv .section__in .botanwaku a {
  display: inline-block;
  width: 100%;
  background-color: #00b900;
  border-radius: 100px;
  border: 8px solid #ffe100;
  color: #fff;
  padding: 0.35em 0 0.45em 0;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  .section_cv .section__in .botanwaku a {
    padding: 0.2em 0 0.4em 0;
    border: 5px solid #ffe100;
    letter-spacing: 0.1em;
  }
}
.section_cv .section__in .botanwaku a figure {
  width: 57.88%;
  margin: 0 auto;
  line-height: 100%;
}
.section_cv .section__in .botanwaku span.wakus {
  display: inline-block;
  width: 100%;
  border-radius: 100px;
  border: 2px solid #fff;
  box-shadow: 0 15px 0 #00b900;
}
@media screen and (max-width:800px) {
  .section_cv .section__in .botanwaku span.wakus {
    box-shadow: 0 8px 0 #00b900;
  }
}
.section_cv .centercpbox {
  text-align: center;
  margin: 0 auto 1.5em auto;
}
.section_cv .centercpbox .centercpbox__in {
  width: 100%;
  max-width: 540px;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  .section_cv .centercpbox .centercpbox__in {
    width: 90%;
    margin: 0 auto;
  }
}
.section_cv .centercpbox .centercpbox__in dl {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 0.25em;
}
.section_cv .centercpbox .centercpbox__in dl dt {
  width: 10em;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0;
}
.section_cv .centercpbox .centercpbox__in dl dt .ttlss {
  display: inline-block;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 0.2em 0 0.3em 0;
  line-height: 140%;
  width: 100%;
  font-weight: 700;
}
.section_cv .centercpbox .centercpbox__in dl dd {
  width: calc(100% - 11em);
  text-align: left;
  font-weight: 700;
  letter-spacing: 0;
}
.section_cv .centercpbox .centercpbox__in dl dd .ttlss {
  display: inline-block;
  padding: 0.2em 0 0.3em 0;
  line-height: 140%;
  width: 100%;
  font-weight: 700;
}
.section_cv .centercpbox .centercpbox__in dl dd .text00 {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}
.section_cv .centercpbox .centercpbox__in dl dd .text01 {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
  padding-top: 0.15em;
}
.section_cv .centercpbox .centercpbox__in dl dd .text02 {
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
  padding-top: 0.15em;
}
.section_cv .wrap {
  width: 100%;
  max-width: 380px;
  margin: 0 auto 1.5em auto;
}
@media screen and (max-width:800px) {
  .section_cv .wrap {
    width: 90%;
    max-width: 540px;
    margin: 0 auto 0.9em auto;
  }
}
.section_cv .wrap .ref-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  height: 2em;
  align-items: center;
  background-color: #fff;
  border-radius: 8px 8px 0 0;
  border: 2px solid #000;
}
.section_cv .wrap .ref-box .ref-label {
  width: 30%;
  text-align: center;
  font-weight: 700;
}
.section_cv .wrap .ref-box .ref-code {
  width: 70%;
  height: 2em;
  border-left: 2px solid #000;
  padding-right: 4em;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width:800px) {
  .section_cv .wrap .ref-box .ref-code span {
    font-size: 125%;
  }
}
.section_cv .wrap .ref-box .ref-code span {
  display: inline-block;
  width: 100%;
  text-align: center;
  line-height: 100%;
  color: #e6000a;
  font-weight: 700;
  margin-top: -0.15em;
}
.section_cv .wrap .ref-box .ref-code .copybt {
  width: 3.5em;
  position: absolute;
  right: 0.25em;
  top: 50%;
  transform: translate(0, -50%);
  cursor: pointer;
}
.section_cv .wrap .ref-under {
  width: 100%;
  border-radius: 0 0 8px 8px;
  background-color: #000;
  border: 3px solid #000;
  color: #ffe100;
  text-align: center;
  padding: 0.1em 0 0.3em 0;
}
.section_cv .wrap .ref-under.white {
  color: #fff;
}

#kameiten {
  width: 100%;
  background-color: #f87d00;
  padding: 0px 0 0 0;
}
@media screen and (max-width:800px) {
  #kameiten {
    padding: 0vw 0 0vw 0;
  }
}
#kameiten .section__in {
  width: 90%;
  max-width: 1180px;
  margin: 0 auto;
  position: relative;
  z-index: 15;
}
#kameiten .section__in h2 {
  width: 64.23%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -60%);
}
@media screen and (max-width:800px) {
  #kameiten .section__in h2 {
    width: 75%;
  }
}
#kameiten .kameitenbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
}
#kameiten .kameitenbox .left {
  width: 50%;
  background-color: #ffffff;
  text-align: right;
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .left {
    width: 100%;
  }
}
#kameiten .kameitenbox .left .clumboxs {
  margin-left: auto;
}
#kameiten .kameitenbox .left .ttls {
  text-align: center;
}
#kameiten .kameitenbox .left .ttls span {
  padding: 0.25em 0.75em 0.35em 0.75em;
  background-color: #000;
  color: #fff;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .left .ttls span {
    padding: 0.15em 0.75em 0.25em 0.75em;
  }
}
#kameiten .kameitenbox .left .base_text {
  text-align: center;
  line-height: 180%;
  font-weight: 700;
}
#kameiten .kameitenbox .left .shop__text {
  margin-top: 0;
}
#kameiten .kameitenbox .right {
  width: 50%;
  background-color: #f6f0cd;
  text-align: left;
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .right {
    width: 100%;
  }
}
#kameiten .kameitenbox .right .clumboxs {
  margin-right: auto;
}
#kameiten .kameitenbox .right .ttls2 {
  width: 69.35%;
  margin: 0 auto 3.5em auto;
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .right .ttls2 {
    width: 90%;
    margin: 0 auto 2.5em auto;
  }
}
#kameiten .kameitenbox .right .ttls3 {
  width: 69.35%;
  padding: 0.2em 0 0.3em 0;
  background-color: #ece29a;
  text-align: center;
  border: 1px solid #000;
  margin: 0 auto 0 auto;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .right .ttls3 {
    width: 70%;
    padding: 0.2em 0 0.3em 0;
  }
}
#kameiten .kameitenbox .right .inlogo {
  width: 69.35%;
  margin: 28px auto 0 auto;
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .right .inlogo {
    width: 60%;
  }
}
#kameiten .kameitenbox .clumboxs {
  width: 100%;
  max-width: 685px;
  display: flex;
  align-items: center;
}
#kameiten .kameitenbox .clumboxs .clumboxs__in {
  text-align: center;
  width: 100%;
  padding: 160px 0 140px 0;
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .clumboxs .clumboxs__in.ones {
    padding: 17vw 0 10vw 0;
  }
}
@media screen and (max-width:800px) {
  #kameiten .kameitenbox .clumboxs .clumboxs__in {
    padding: 10vw 0;
  }
}
#section_omise {
  width: 100%;
  background: linear-gradient(90deg, rgb(255, 255, 255) 50%, rgb(246, 240, 205) 50.1%);
  position: relative;
  z-index: 15;
}
@media screen and (max-width:800px) {
  #section_omise {
    background: linear-gradient(90deg, rgb(246, 240, 205) 50%, rgb(246, 240, 205) 50.1%);
  }
}
#section_omise .inbox {
  padding: 90px 0 60px 0;
  background-color: #cae5cd;
  border-radius: 25px;
}
@media screen and (max-width:800px) {
  #section_omise .inbox {
    padding: 10vw 0;
  }
}
#section_omise .section__in2 {
  width: 90%;
  max-width: 1090px;
  margin: 0 auto;
}
#section_omise h2 {
  text-align: center;
  font-weight: 900;
  margin-bottom: 1.2em;
  letter-spacing: 0em;
  line-height: 160%;
}
#section_omise .kameiclumbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section_omise .kameiclumbox .photos {
  width: 43.57%;
}
@media screen and (max-width:800px) {
  #section_omise .kameiclumbox .photos {
    width: 90%;
    margin: 0 auto 5vw auto;
  }
}
#section_omise .kameiclumbox .photos figure {
  position: relative;
}
#section_omise .kameiclumbox .photos figure .textbox {
  position: absolute;
  z-index: 5;
  bottom: 1em;
  left: 1em;
  width: 90%;
}
#section_omise .kameiclumbox .photos figure .textbox .txt01 {
  display: inline-block;
  padding: 0.1em 0.35em 0.2em 0.35em;
  background-color: #000;
  color: #fff;
  font-weight: 900;
  line-height: 100%;
  margin-top: 0.2em;
}
#section_omise .kameiclumbox .photos .base_text {
  line-height: 180%;
  margin-top: 1em;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  #section_omise .kameiclumbox .photos .base_text {
    text-align: center;
    letter-spacing: 0em;
  }
}
#section_omise .kameiclumbox .maps {
  width: 49%;
}
@media screen and (max-width:800px) {
  #section_omise .kameiclumbox .maps {
    width: 100%;
    margin: 0 auto;
  }
}
#section_omise .botancenter {
  text-align: center;
  margin-top: 3em;
}
#section_omise .botancenter a {
  display: inline-block;
  padding: 0.85em 2.5em 0.95em 2.5em;
  background-color: #ffe100;
  border: 2px solid #000;
  font-weight: 600;
  border-radius: 50px;
}

.spacer01 {
  width: 100%;
  height: 150px;
}
@media screen and (max-width:800px) {
  .spacer01 {
    height: 20vw;
  }
}

.spacer02 {
  width: 100%;
  height: 215px;
}
@media screen and (max-width:800px) {
  .spacer02 {
    height: 40vw;
  }
}

.spacer03 {
  width: 100%;
  height: 215px;
  background-color: #fff18c;
}
@media screen and (max-width:800px) {
  .spacer03 {
    height: 20vw;
  }
}

.spacer04 {
  width: 100%;
  height: 85px;
  background-color: #ffe100;
}
@media screen and (max-width:800px) {
  .spacer04 {
    height: 12.5vw;
  }
}

.spacer05 {
  width: 100%;
  height: 215px;
  background-color: #ffe100;
}
@media screen and (max-width:800px) {
  .spacer05 {
    height: 40vw;
  }
}

#section_price {
  width: 100%;
  background-color: #ffe100;
  position: relative;
  z-index: 15;
}
#section_price .section__in01 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}
#section_price .section__in01 h2 {
  width: 76.6%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
}
@media screen and (max-width:800px) {
  #section_price .section__in01 h2 {
    transform: translate(0, -60%);
    width: 75%;
  }
}
#section_price .section__in {
  width: 90%;
  max-width: 810px;
  margin: 0 auto;
  padding: 140px 0 120px 0;
}
@media screen and (max-width:800px) {
  #section_price .section__in {
    padding: 20vw 0;
  }
}
#section_price h3 {
  text-align: center;
  font-weight: 900;
  line-height: 160%;
  margin-bottom: 1em;
}
#section_price .tabus {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#section_price .tabus .tabus01 {
  width: 50%;
  position: relative;
}
#section_price .tabus .tabus01 .base {
  position: relative;
  width: 100%;
}
#section_price .tabus .tabus01 .base_on {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
#section_price .tabus .tabus01.active .base {
  opacity: 0;
}
#section_price .tabus .tabus01.active .base_on {
  opacity: 1;
}
#section_price .tabus .tabus01:hover {
  cursor: pointer;
}
#section_price .tabus .tabus01:hover .base {
  opacity: 0;
  transition: all 0.4s ease-out 0.01s;
}
#section_price .tabus .tabus01:hover .base_on {
  opacity: 1;
  transition: all 0.4s ease-out 0.01s;
}
#section_price .tabus .tabus02 {
  width: 50%;
  position: relative;
}
#section_price .tabus .tabus02 .base {
  position: relative;
  width: 100%;
}
#section_price .tabus .tabus02 .base_on {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}
#section_price .tabus .tabus02.active .base {
  opacity: 0;
}
#section_price .tabus .tabus02.active .base_on {
  opacity: 1;
}
#section_price .tabus .tabus02:hover {
  cursor: pointer;
}
#section_price .tabus .tabus02:hover .base {
  opacity: 0;
  transition: all 0.4s ease-out 0.01s;
}
#section_price .tabus .tabus02:hover .base_on {
  opacity: 1;
  transition: all 0.4s ease-out 0.01s;
}
#section_price .tabulist {
  width: 100%;
  background-color: #fff6b2;
  border: 3px solid #000;
  padding: 35px 0 0 0;
}
@media screen and (max-width:800px) {
  #section_price .tabulist {
    padding: 20px 0 0 0;
  }
}
#section_price .tabulist .ttls {
  text-align: center;
  font-weight: 700;
  margin-bottom: 1em;
}
#section_price .tabulist .tabulist01 {
  width: 83.5%;
  margin: 0 auto;
  display: none;
}
@media screen and (max-width:800px) {
  #section_price .tabulist .tabulist01 {
    width: 95%;
  }
}
#section_price .tabulist .tabulist01.active {
  display: block;
}
#section_price .tabulist .tabulist02 {
  width: 83.5%;
  margin: 0 auto;
  display: none;
}
#section_price .tabulist .tabulist02.active {
  display: block;
}
@media screen and (max-width:800px) {
  #section_price .tabulist .tabulist02.active {
    width: 95%;
  }
}
#section_price .tabulist .clicktext {
  width: 98px;
  margin: 1.25em auto 0 auto;
}
@media screen and (max-width:800px) {
  #section_price .tabulist .clicktext {
    margin: 0.85em auto 0 auto;
  }
}
#section_price .tabulist__under {
  width: 100%;
  background-color: #b3b3b3;
  border-left: 3px solid #000;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  height: 10px;
  position: relative;
}
#section_price .tabulist__under figure {
  width: 9.2%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width:800px) {
  #section_price .tabulist__under figure {
    width: 15%;
  }
}
#section_price .pricebotan_go {
  width: 60%;
  max-width: 367px;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}
#section_price .pricebotan_go .pricebotan_go__in {
  width: 100%;
  margin: 0.25em auto 0 auto;
  padding: 0.65em 0 0.75em 0;
  line-height: 120%;
  text-align: center;
  border-radius: 10px;
  background-color: #e6000a;
  border: 3px solid #000;
  color: #fff;
  font-weight: 900;
  position: relative;
  z-index: 5;
}
@media screen and (max-width:800px) {
  #section_price .pricebotan_go .pricebotan_go__in {
    padding: 0.35em 0 0.45em 0;
  }
}
#section_price .pricebotan_go .pricebotan_go__in2 {
  width: 100%;
  position: absolute;
  z-index: 3;
  left: 0;
  top: 1px;
  margin: 0.25em auto 0 auto;
  padding: 0.65em 0 0.75em 0;
  line-height: 120%;
  text-align: center;
  border-radius: 10px;
  background-color: #e6000a;
  border: 3px solid #000;
  color: #fff;
  font-weight: 900;
  z-index: 4;
}
@media screen and (max-width:800px) {
  #section_price .pricebotan_go .pricebotan_go__in2 {
    padding: 0.35em 0 0.45em 0;
  }
}
#section_price .undertext {
  text-align: right;
  font-weight: 700;
  padding: 1em 1em 0.5em 0;
}
@media screen and (max-width:800px) {
  #section_price .undertext {
    opacity: 0;
    padding: 0.5em 1em 0.5em 0;
  }
}
#section_price .price_anser {
  width: 100%;
  text-align: center;
  font-weight: 900;
  margin-top: 1em;
}
#section_price .price_anser span.bbs {
  display: inline-block;
  padding: 0 0.35em;
}
#section_price .price_anser .countboxs {
  display: inline-block;
  width: 9em;
  padding: 0.15em 0.1em;
  line-height: 100%;
  border-radius: 12px;
  border: 4px solid #000;
  text-align: center;
  background-color: #fff;
  margin-top: 0em 0.5em 0 0.5em;
}
@media screen and (max-width:800px) {
  #section_price .price_anser .countboxs {
    width: 10em;
  }
}
#section_price .price_anser .countboxs span {
  line-height: 100%;
}
#section_price .price_anser .countboxs .pp00 {
  display: inline-block;
  opacity: 0;
}
#section_price .price_anser .countboxs .pp00.active {
  display: none;
}
#section_price .price_anser .countboxs .pp01 {
  display: none;
}
#section_price .price_anser .countboxs .pp01.active {
  display: inline-block;
}
#section_price .price_anser .countboxs .pp02 {
  display: none;
}
#section_price .price_anser .countboxs .pp02.active {
  display: inline-block;
}
#section_price .lastext {
  text-align: center;
  margin-top: 1em;
}
@media screen and (max-width:800px) {
  #section_price .lastext {
    text-align: left;
  }
}

#section__merit {
  width: 100%;
  background-color: #ffe100;
  position: relative;
  z-index: 15;
  padding: 0px 0 120px 0;
}
@media screen and (max-width:800px) {
  #section__merit {
    padding: 0 0 20vw 0;
  }
}
#section__merit .section__in {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
#section__merit .section__in .meritbox {
  width: 100%;
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid #000;
  padding: 40px;
}
@media screen and (max-width:800px) {
  #section__merit .section__in .meritbox {
    padding: 5vw;
  }
}
#section__merit .section__in .meritbox .ttls {
  width: 100%;
  padding: 0.25em 0 0.35em 0;
  background-color: #ffe100;
  color: #000;
  text-align: center;
  line-height: 100%;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  #section__merit .section__in .meritbox .ttls {
    letter-spacing: 0;
  }
}
#section__merit .section__in .meritbox ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section__merit .section__in .meritbox ul li {
  width: 31.85%;
  margin-top: 15px;
  text-align: center;
}
@media screen and (max-width:800px) {
  #section__merit .section__in .meritbox ul li {
    width: 100%;
    margin-top: 5vw;
  }
}
#section__merit .section__in .meritbox ul li .point {
  width: 15%;
  margin-bottom: 0.85em;
  margin: 0 auto;
}
#section__merit .section__in .meritbox ul li .titletext {
  text-align: center;
  margin-bottom: 0.5em;
  font-weight: 700;
}
#section__merit .section__in .meritbox ul li .base_text {
  margin-top: 1em;
  text-align: center;
  line-height: 160%;
  font-weight: 700;
  margin-bottom: 1em;
}
#section__merit .section__in .meritbox ul li .minis {
  text-indent: -1em;
  padding-left: 1em;
  text-align: left;
}
#section__merit .section__in .meritbox ul li a {
  display: inline-block;
  padding: 0.75em 2em 0.85em 2em;
  border: 2px solid #000;
  text-align: center;
  border-radius: 50px;
}

#section__roopbox {
  width: 100%;
  background-color: #ffe100;
  padding: 60px 0 180px 0;
}
@media screen and (max-width:800px) {
  #section__roopbox {
    padding: 7.5vw 0 32.5vw 0;
  }
}
#section__roopbox .roopimg {
  width: 100%;
  height: 280px;
  background: url(../images/roop_drink.png) repeat-x;
  background-position: 0 0;
  background-size: 1595px 280px;
  animation: roopdrink 50s linear infinite;
}
@media screen and (max-width:800px) {
  #section__roopbox .roopimg {
    height: 120px;
    background: url(../images/roop_drink.png) repeat-x;
    background-position: 0 0;
    background-size: 684px 120px;
    animation: roopdrink_sp 30s linear infinite;
  }
}
@keyframes roopdrink {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 1595px 0px;
  }
}
@keyframes roopdrink_sp {
  0% {
    background-position: 0px 0px;
  }
  100% {
    background-position: 684px 0px;
  }
}

#section_apri {
  width: 100%;
  background-color: #cae5cd;
  position: relative;
  z-index: 15;
  /* デフォの矢印やドットの位置を微調整（お好みで） */
  /* 選択中のdot */
  /* ====== スマホ調整 ====== */
}
#section_apri .section__in01 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 160px 0 0px 0;
}
@media screen and (max-width:800px) {
  #section_apri .section__in01 {
    padding: 30vw 0 0px 0;
  }
}
#section_apri .section__in01 h2 {
  width: 76.6%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -50%);
}
@media screen and (max-width:800px) {
  #section_apri .section__in01 h2 {
    width: 75%;
  }
}
#section_apri h3 {
  text-align: center;
  font-weight: 900;
  margin-bottom: 1.5em;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_apri h3 {
    margin-bottom: 0em;
  }
}
#section_apri h3 span {
  display: inline-block;
  position: relative;
}
#section_apri h3 .icons {
  width: 85px;
  left: calc(100% + 1em);
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
}
@media screen and (max-width:800px) {
  #section_apri h3 .icons {
    position: relative;
    transform: translate(0, 0);
    left: auto;
    top: auto;
    width: 40%;
    margin: 7.5vw auto;
  }
}
#section_apri h3 .icons .fuki {
  width: 184%;
  position: absolute;
  bottom: 45%;
  left: 110%;
}
@media screen and (max-width:800px) {
  #section_apri h3 .icons .fuki {
    width: 120%;
    bottom: 25%;
    left: 105%;
  }
}
#section_apri .section__in {
  padding-bottom: 80px;
}
@media screen and (max-width:800px) {
  #section_apri .section__in {
    padding: 0vw 0 40px 0;
  }
}
#section_apri .apriimg {
  width: 90%;
  max-width: 1055px;
  margin: 0 auto;
}
@media screen and (max-width:800px) {
  #section_apri .apriimg {
    display: none;
  }
}
#section_apri .sp_slider {
  display: none;
}
@media screen and (max-width:800px) {
  #section_apri .sp_slider {
    display: block;
    width: 100%;
  }
}
#section_apri .slick-list {
  padding: 0 0 0px !important;
}
@media screen and (max-width:800px) {
  #section_apri .slick-list {
    padding: 0 0 0vw !important;
  }
}
#section_apri ul.slider2 {
  width: 100%; /* PCは固定1280px */
  margin: 0 auto; /* センター寄せ */
}
#section_apri .slider-item {
  width: 100%;
  padding: 0 100px;
}
@media screen and (max-width:800px) {
  #section_apri .slider-item {
    padding: 0 20vw;
  }
}
#section_apri .slick-prev:before,
#section_apri .slick-next:before {
  font-size: 28px;
  opacity: 0.85;
}
#section_apri .slick-dots {
  bottom: 130px;
  text-align: center;
  display: none !important;
}
@media screen and (max-width:800px) {
  #section_apri .slick-dots {
    bottom: 95vw;
    transform: translate(0, 50%);
    display: none;
  }
}
#section_apri .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
#section_apri .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%; /* 丸ではなく角丸の四角形 */
  background: #fff; /* 未選択時の色 */
  border: none;
  text-indent: -9999px; /* テキストを隠す */
  border: 3px solid #000;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #section_apri .slick-dots li button {
    width: 6px;
    height: 6px;
    border: 2px solid #000;
  }
}
#section_apri .slick-dots li.slick-active button {
  background: orange;
}
@media (max-width: 800px) {
  #section_apri .slider-wrap {
    width: 100%; /* SPは100% */
    padding: 0; /* 余白なし */
  }
}
#section_apri .next2 {
  position: absolute;
  top: calc(50% - 0px);
  right: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
  width: 50px;
}
@media screen and (max-width:800px) {
  #section_apri .next2 {
    top: calc(50% - 0vw);
    width: 10vw;
    right: 5vw;
    animation: tenmetsu 2s infinite;
  }
}
#section_apri .prev2 {
  position: absolute;
  top: calc(50% - 0px);
  left: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  width: 50px;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #section_apri .prev2 {
    top: calc(50% - 0vw);
    width: 10vw;
    left: 5vw;
    animation: tenmetsu 2s infinite;
  }
}
@keyframes tenmetsu {
  50% {
    opacity: 0;
  }
}
#section_apri .steptext {
  text-align: center;
  margin-bottom: 0em;
  font-weight: 900;
  line-height: 180%;
}
#section_apri .steptext span {
  font-size: 180%;
}
#section_apri .phonetext {
  text-align: center;
  font-weight: 900;
  margin-top: 0.5em;
  text-align: center;
}
#section_apri .listin figure {
  position: relative;
}
#section_apri .listin figure .fuki {
  width: 40%;
  position: absolute;
  right: 0;
  top: 20%;
  transform: translate(50%, 0);
}

#section_apri2 {
  width: 100%;
  background-color: #fff18c;
  position: relative;
  z-index: 15;
  padding: 100px 0 0 0;
  /* デフォの矢印やドットの位置を微調整（お好みで） */
  /* 選択中のdot */
  /* ====== スマホ調整 ====== */
}
@media screen and (max-width:800px) {
  #section_apri2 {
    padding: 15vw 0 0 0;
  }
}
#section_apri2 .sankaku {
  width: 110px;
  margin: 0 auto;
  position: absolute;
  left: 50%;
  top: -2px;
  transform: translate(-50%, 0);
}
@media screen and (max-width:800px) {
  #section_apri2 .sankaku {
    width: 15%;
  }
}
#section_apri2 h3 {
  text-align: center;
  font-weight: 900;
  margin-bottom: 1.5em;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_apri2 h3 {
    margin-bottom: 0em;
  }
}
#section_apri2 h3 span {
  display: inline-block;
  position: relative;
}
#section_apri2 h3 .icons {
  width: 85px;
  left: calc(100% + 1em);
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
}
@media screen and (max-width:800px) {
  #section_apri2 h3 .icons {
    position: relative;
    transform: translate(0, 0);
    left: auto;
    top: auto;
    width: 40%;
    margin: 7.5vw auto;
  }
}
#section_apri2 h3 .icons .fuki {
  width: 184%;
  position: absolute;
  bottom: 45%;
  left: 110%;
}
@media screen and (max-width:800px) {
  #section_apri2 h3 .icons .fuki {
    width: 120%;
    bottom: 25%;
    left: 105%;
  }
}
#section_apri2 .section__in {
  padding-bottom: 80px;
}
@media screen and (max-width:800px) {
  #section_apri2 .section__in {
    padding: 0vw 0 40px 0;
  }
}
#section_apri2 .apriimg {
  width: 90%;
  max-width: 1055px;
  margin: 0 auto;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_apri2 .apriimg {
    display: none;
  }
}
#section_apri2 .apriimg .fukipc {
  width: 14.78%;
  position: absolute;
  right: 2%;
  bottom: 92%;
}
#section_apri2 .sp_slider {
  display: none;
}
@media screen and (max-width:800px) {
  #section_apri2 .sp_slider {
    display: block;
    width: 100%;
  }
}
#section_apri2 .slick-list {
  padding: 0 0 0px !important;
}
@media screen and (max-width:800px) {
  #section_apri2 .slick-list {
    padding: 0 0 0vw !important;
  }
}
#section_apri2 ul.slider2 {
  width: 100%; /* PCは固定1280px */
  margin: 0 auto; /* センター寄せ */
}
#section_apri2 .slider-item {
  width: 100%;
  padding: 0 100px;
}
@media screen and (max-width:800px) {
  #section_apri2 .slider-item {
    padding: 0 20vw;
  }
}
#section_apri2 .slick-prev:before,
#section_apri2 .slick-next:before {
  font-size: 28px;
  opacity: 0.85;
}
#section_apri2 .slick-dots {
  bottom: 130px;
  text-align: center;
  display: none !important;
}
@media screen and (max-width:800px) {
  #section_apri2 .slick-dots {
    bottom: 95vw;
    transform: translate(0, 50%);
    display: none;
  }
}
#section_apri2 .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
#section_apri2 .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%; /* 丸ではなく角丸の四角形 */
  background: #fff; /* 未選択時の色 */
  border: none;
  text-indent: -9999px; /* テキストを隠す */
  border: 3px solid #000;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #section_apri2 .slick-dots li button {
    width: 6px;
    height: 6px;
    border: 2px solid #000;
  }
}
#section_apri2 .slick-dots li.slick-active button {
  background: orange;
}
@media (max-width: 800px) {
  #section_apri2 .slider-wrap {
    width: 100%; /* SPは100% */
    padding: 0; /* 余白なし */
  }
}
#section_apri2 .next2 {
  position: absolute;
  top: calc(50% - 0px);
  right: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
  width: 50px;
  animation: tenmetsu 2s infinite;
}
@media screen and (max-width:800px) {
  #section_apri2 .next2 {
    top: calc(50% - 0vw);
    width: 10vw;
    right: 5vw;
  }
}
#section_apri2 .prev2 {
  position: absolute;
  top: calc(50% - 0px);
  left: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  width: 50px;
  cursor: pointer;
  animation: tenmetsu 2s infinite;
}
@media screen and (max-width:800px) {
  #section_apri2 .prev2 {
    top: calc(50% - 0vw);
    width: 10vw;
    left: 5vw;
  }
}
@keyframes tenmetsu {
  50% {
    opacity: 0;
  }
}
#section_apri2 .steptext {
  text-align: center;
  margin-bottom: 0em;
  font-weight: 900;
  line-height: 180%;
}
#section_apri2 .steptext span {
  font-size: 180%;
}
#section_apri2 .phonetext {
  text-align: center;
  font-weight: 900;
  margin-top: 0.5em;
  text-align: center;
}
#section_apri2 .listin {
  padding-top: 17.5vw;
}
@media screen and (max-width:800px) {
  #section_apri2 .listin {
    padding-top: 10vw;
  }
}
#section_apri2 .listin figure {
  position: relative;
}
#section_apri2 .listin figure .fuki {
  width: 40%;
  position: absolute;
  right: 0;
  top: 20%;
  transform: translate(50%, 0);
}
#section_apri2 .listin figure .fukisp {
  width: 70%;
  position: absolute;
  left: 50%;
  bottom: 88%;
  transform: translate(-50%, 0);
}

#section__ruru {
  width: 100%;
  background-color: #fff18c;
  position: relative;
  z-index: 15;
  padding: 0px 0 120px 0;
  /* デフォの矢印やドットの位置を微調整（お好みで） */
  /* 選択中のdot */
  /* ====== スマホ調整 ====== */
}
@media screen and (max-width:800px) {
  #section__ruru {
    padding: 0 0 20vw 0;
  }
}
#section__ruru .section__in {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
#section__ruru .section__in .meritbox {
  width: 100%;
  background-color: #fff;
  border-radius: 15px;
  border: 2px solid #000;
  padding: 40px 0;
}
@media screen and (max-width:800px) {
  #section__ruru .section__in .meritbox {
    padding: 5vw 0;
  }
}
#section__ruru .section__in .meritbox .caus {
  text-align: center;
  color: #e6000a;
  margin-bottom: 0.4em;
  font-weight: 700;
}
#section__ruru .section__in .meritbox .ttls {
  width: 100%;
  padding: 0.25em 0 0.35em 0;
  background-color: #ffe100;
  color: #000;
  text-align: center;
  line-height: 100%;
  font-weight: 700;
}
@media screen and (max-width:800px) {
  #section__ruru .section__in .meritbox .ttls {
    letter-spacing: 0;
  }
}
#section__ruru .section__in .meritbox ul.pclist {
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width:800px) {
  #section__ruru .section__in .meritbox ul.pclist {
    display: none;
  }
}
#section__ruru .section__in .meritbox ul.pclist li {
  width: 31.85%;
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width:800px) {
  #section__ruru .section__in .meritbox ul.pclist li {
    width: 100%;
    margin-top: 5vw;
  }
}
#section__ruru .section__in .meritbox ul.pclist li .point {
  width: 15%;
  margin: 0 auto 0.75em auto;
}
#section__ruru .section__in .meritbox ul.pclist li .titletext {
  text-align: center;
  margin-bottom: 0.5em;
  font-weight: 700;
}
#section__ruru .section__in .meritbox ul.pclist li .base_text {
  margin-top: 1em;
  text-align: center;
  line-height: 160%;
  font-weight: 700;
  margin-bottom: 1em;
  letter-spacing: 0;
  width: 120%;
  margin-left: -10%;
  margin-right: -10%;
}
#section__ruru .section__in .meritbox ul.pclist li .minis {
  text-indent: -1em;
  padding-left: 1em;
  text-align: left;
}
#section__ruru .section__in .meritbox ul.pclist li a {
  display: inline-block;
  padding: 0.75em 2em 0.85em 2em;
  border: 2px solid #000;
  text-align: center;
  border-radius: 50px;
}
#section__ruru ul.splist {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: none;
}
@media screen and (max-width:800px) {
  #section__ruru ul.splist {
    display: block;
  }
}
#section__ruru ul.splist li {
  width: 31.85%;
  margin-top: 30px;
  text-align: center;
}
@media screen and (max-width:800px) {
  #section__ruru ul.splist li {
    width: 100%;
    margin-top: 5vw;
  }
}
#section__ruru ul.splist li .point {
  width: 12%;
  margin: 0 auto 0.75em auto;
}
#section__ruru ul.splist li .titletext {
  text-align: center;
  margin-bottom: 0.5em;
  font-weight: 700;
}
#section__ruru ul.splist li .base_text {
  margin-top: 1em;
  text-align: center;
  line-height: 160%;
  font-weight: 700;
  margin-bottom: 1em;
  letter-spacing: 0;
  width: 120%;
  margin-left: -10%;
  margin-right: -10%;
}
#section__ruru ul.splist li .minis {
  text-indent: -1em;
  padding-left: 1em;
  text-align: left;
}
#section__ruru ul.splist li a {
  display: inline-block;
  padding: 0.75em 2em 0.85em 2em;
  border: 2px solid #000;
  text-align: center;
  border-radius: 50px;
}
#section__ruru ul.slider3 {
  width: 100%; /* PCは固定1280px */
  margin: 0 auto; /* センター寄せ */
}
#section__ruru .slider-item {
  width: 100%;
  padding: 0 100px;
}
@media screen and (max-width:800px) {
  #section__ruru .slider-item {
    padding: 0 5vw;
  }
}
#section__ruru .slick-prev:before,
#section__ruru .slick-next:before {
  font-size: 28px;
  opacity: 0.85;
}
#section__ruru .slick-dots {
  bottom: 130px;
  text-align: center;
  display: none !important;
}
@media screen and (max-width:800px) {
  #section__ruru .slick-dots {
    bottom: 95vw;
    transform: translate(0, 50%);
    display: none;
  }
}
#section__ruru .slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
#section__ruru .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%; /* 丸ではなく角丸の四角形 */
  background: #fff; /* 未選択時の色 */
  border: none;
  text-indent: -9999px; /* テキストを隠す */
  border: 3px solid #000;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #section__ruru .slick-dots li button {
    width: 6px;
    height: 6px;
    border: 2px solid #000;
  }
}
#section__ruru .slick-dots li.slick-active button {
  background: orange;
}
@media (max-width: 800px) {
  #section__ruru .slider-wrap {
    width: 100%; /* SPは100% */
    padding: 0; /* 余白なし */
  }
}
#section__ruru .next2 {
  position: absolute;
  top: calc(50% - 0px);
  right: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  cursor: pointer;
  width: 50px;
}
@media screen and (max-width:800px) {
  #section__ruru .next2 {
    top: calc(50% - 2vw);
    width: 8vw;
    right: 2vw;
  }
}
#section__ruru .prev2 {
  position: absolute;
  top: calc(50% - 0px);
  left: 25px;
  transform: translate(0, -50%);
  z-index: 10;
  width: 50px;
  cursor: pointer;
}
@media screen and (max-width:800px) {
  #section__ruru .prev2 {
    top: calc(50% - 2vw);
    width: 8vw;
    left: 2vw;
  }
}

#section_otokus {
  width: 100%;
  background-color: #ffe100;
  position: relative;
  z-index: 15;
  /* ラッパー（デモ用センタリング） */
}
#section_otokus .section__in01 {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding: 80px 0 0px 0;
}
@media screen and (max-width:800px) {
  #section_otokus .section__in01 {
    padding: 30vw 0 0px 0;
  }
}
#section_otokus .section__in01 h2 {
  width: 76.6%;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0, -60%);
}
@media screen and (max-width:800px) {
  #section_otokus .section__in01 h2 {
    width: 75%;
    transform: translate(0, -30%);
  }
}
#section_otokus .section__in {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 80px auto;
}
@media screen and (max-width:800px) {
  #section_otokus .section__in {
    padding: 0vw 0 0px 0;
    margin: 0 auto 7.5vw auto;
  }
}
#section_otokus .section__in h3 {
  text-align: center;
  margin-bottom: 2em;
  padding-top: 60px;
}
@media screen and (max-width:800px) {
  #section_otokus .section__in h3 {
    padding-top: 2vw;
    margin-bottom: 1.5em;
  }
}
#section_otokus .section__in h3 span {
  padding: 0.15em 1.5em 0.25em 1.5em;
  border: 2px solid #000;
  font-weight: 700;
  text-align: center;
}
#section_otokus .otokuclumbox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
}
#section_otokus .otokuclumbox .left {
  width: 48.33%;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_otokus .otokuclumbox .left {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 5vw;
  }
}
#section_otokus .otokuclumbox .left .fuki {
  width: 94%;
  margin: 0 auto;
  margin-top: -9%;
}
@media screen and (max-width:800px) {
  #section_otokus .otokuclumbox .left .fuki {
    width: 120%;
    margin-left: -10%;
    margin-right: -10%;
  }
}
#section_otokus .otokuclumbox .left .base_text {
  text-align: center;
}
#section_otokus .otokuclumbox .right {
  width: 48.33%;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_otokus .otokuclumbox .right {
    width: 95%;
    margin: 0 auto;
  }
}
#section_otokus .otokuclumbox .right .fuki {
  width: 94%;
  margin: 0 auto;
  margin-top: -9%;
}
@media screen and (max-width:800px) {
  #section_otokus .otokuclumbox .right .fuki {
    width: 120%;
    margin-left: -10%;
    margin-right: -10%;
  }
}
#section_otokus .otokuclumbox .right .base_text {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
#section_otokus .wrap {
  width: 100%;
  max-width: 600px;
  margin: 3.5em auto 1.5em auto;
}
@media screen and (max-width:800px) {
  #section_otokus .wrap {
    margin: 2em auto 1.5em auto;
  }
}
#section_otokus .wrap .ref-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  border: 3px solid #000;
}
#section_otokus .wrap .ref-box .ref-label {
  width: 29%;
  text-align: center;
  font-weight: 700;
  background-color: #000;
  height: 3em;
  color: #fff;
  display: flex;
  align-items: center;
}
#section_otokus .wrap .ref-box .ref-label span {
  display: block;
  width: 100%;
  text-align: center;
}
#section_otokus .wrap .ref-box .ref-code {
  width: 71%;
  height: 3em;
  padding-left: 2em;
  padding-right: 2em;
  text-align: center;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_otokus .wrap .ref-box .ref-code {
    padding-left: 1em;
    padding-right: 1em;
  }
}
#section_otokus .wrap .ref-box .ref-code span {
  display: inline-block;
  width: 100%;
  text-align: left;
  line-height: 100%;
  color: #000;
  font-weight: 700;
  margin-top: -0.15em;
}

#section_photo {
  width: 100%;
}
#section_photo .section__in {
  width: 100%;
  height: 520px;
  background: url(../images/photoall_pc.jpg);
  background-position: 0 0;
  background-size: 2755px 520px;
  animation: pproops 40s linear infinite;
}
@keyframes pproops {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 2755px 0;
  }
}
@media screen and (max-width:800px) {
  #section_photo .section__in {
    height: 325px;
    background-size: 1722px 325px;
    animation: pproops_sp 40s linear infinite;
  }
}
@keyframes pproops_sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 1722px 0;
  }
}
#section_photo .section__in h2 {
  width: 94%;
  max-width: 1000px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width:800px) {
  #section_photo .section__in h2 {
    max-width: 325px;
  }
}

#qa.qa {
  padding-top: 80px;
}
@media screen and (max-width:800px) {
  #qa.qa {
    padding-top: 10px;
  }
}
#qa .sec__title {
  background-color: transparent;
  color: #000;
}
#qa .qa__list {
  margin-top: 20px;
}
#qa .item__title .title__trg::before {
  width: 16px;
  height: 100%;
  border-right: 2px solid rgba(39, 39, 39, 0.3);
}
@media screen and (max-width:800px) {
  #qa .item__title .title__trg::before {
    width: 9px;
  }
}
#qa .item__title .title__trg::after {
  width: 100%;
  height: 16px;
  border-bottom: 2px solid rgba(39, 39, 39, 0.3);
}
@media screen and (max-width:800px) {
  #qa .item__title .title__trg::after {
    height: 8px;
  }
}
#qa .item__content p {
  font-weight: 700 !important;
}
@media screen and (max-width:800px) {
  #qa .item__title h3 {
    font-size: 14px;
  }
}

/***********************/
#price_sps {
  width: 100%;
  height: 210px;
  background-color: #f87d00;
}
@media screen and (max-width:800px) {
  #price_sps {
    height: 40vw;
  }
}

/************************/
#section_data {
  width: 100%;
  background-color: #ffe100;
  position: relative;
  z-index: 15;
  padding: 150px 0 100px 0;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_data {
    padding: 25vw 0 0px 0;
  }
}
#section_data .section__in {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto;
}
#section_data .section__in .whiteboxs {
  width: 100%;
  border: 5px solid #000;
  border-radius: 30px;
  background: url(../images/jittai_back.jpg) center top;
  background-size: 31px 28px;
  padding: 95px 35px 35px 35px;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs {
    padding: 10vw 2.5vw 2.5vw 2.5vw;
    border: 3px solid #000;
    border-radius: 5vw;
  }
}
#section_data .section__in .whiteboxs .fuki01 {
  width: 23.75%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .fuki01 {
    width: 45%;
    transform: translate(-50%, -70%);
  }
}
#section_data .section__in .whiteboxs .fuki01 .yurayura {
  animation: yurayuras 2.4s ease-in-out infinite;
  transform-origin: bottom center;
}
@keyframes yurayuras {
  0% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}
#section_data .section__in .whiteboxs .fuki01 .ill {
  width: 31.57%;
  position: absolute;
  left: 107.5%;
  top: 50%;
  transform: translate(0, -55%);
}
#section_data .section__in .whiteboxs h2 {
  width: 88.5%;
  margin: 0 auto 0 auto;
}
#section_data .section__in .whiteboxs .base_text {
  text-align: center;
  font-weight: 700;
  line-height: 180%;
  letter-spacing: 0.1em;
  margin: 1.5em 0 0.75em 0;
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .base_text {
    letter-spacing: 0em;
  }
}
#section_data .section__in .whiteboxs .minis {
  text-align: center;
  margin-bottom: 3.5em;
}
#section_data .section__in .whiteboxs .data01 {
  width: 100%;
  margin-bottom: 30px;
  border: 5px solid #000;
  border-radius: 35px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .data01 {
    border: 3px solid #000;
    border-radius: 5vw;
    margin-bottom: 3vw;
  }
}
#section_data .section__in .whiteboxs .data01 .priceill {
  width: 42.47%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-48%, -30%);
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .data01 .priceill {
    width: 70%;
    transform: translate(-48%, -83%);
  }
}
#section_data .section__in .whiteboxs .databox {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#section_data .section__in .whiteboxs .databox .data_left {
  width: 48.67%;
  border: 5px solid #000;
  border-radius: 35px;
  overflow: hidden;
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .databox .data_left {
    width: 100%;
    border: 3px solid #000;
    border-radius: 5vw;
    margin-bottom: 3vw;
  }
}
#section_data .section__in .whiteboxs .databox .data_right {
  width: 48.67%;
  border: 5px solid #000;
  border-radius: 35px;
  position: relative;
  overflow: hidden;
}
#section_data .section__in .whiteboxs .databox .data_right.active {
  overflow: visible;
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .databox .data_right {
    width: 100%;
    border: 3px solid #000;
    border-radius: 5vw;
  }
}
#section_data .section__in .whiteboxs .databox .data_right .ills2 {
  width: 21.28%;
  position: absolute;
  left: 58%;
  top: 45%;
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .databox .data_right .ills2 {
    left: 54%;
  }
}
#section_data .section__in .whiteboxs .databox .data_right .ills2 .ills2__in {
  width: 100%;
  position: relative;
  transform: translate(0, 150%);
  transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
}
#section_data .section__in .whiteboxs .databox .data_right .ills2 .ills2__in.active {
  transform: translate(0, 0%);
}
#section_data .section__in .whiteboxs .databox .data_right .ills2 .ills2__in .fuki02 {
  width: 190%;
  position: absolute;
  bottom: 65%;
  left: 80%;
}
@media screen and (max-width:800px) {
  #section_data .section__in .whiteboxs .databox .data_right .ills2 .ills2__in .fuki02 {
    width: 165%;
    bottom: 77.5%;
    left: 72.5%;
    transform: translate(0%, 0) rotate(-15deg);
  }
}
#section_data .section__in .whiteboxs .databox .data_right .ills2 .ills2__in .fuki02 .fuki02_sater {
  opacity: 0;
  transform: translate(0%, 0) scale(0.25);
  transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.01s;
  transform-origin: bottom left;
}
#section_data .section__in .whiteboxs .databox .data_right .ills2 .ills2__in .fuki02 .fuki02_sater.active {
  opacity: 1;
  transform: translate(0%, 0) scale(1);
}

#lottie {
  /*background-color:#ffffff;*/
  background-color: transparent;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  text-align: center;
  opacity: 1;
  position: absolute;
  top: 0;
  left: 0;
}

.inline_W {
  cursor: pointer;
}/*# sourceMappingURL=top.css.map */