@charset "UTF-8";
/*Base*/
@media screen and (min-width: 768px) {
  .u-sp_dispBlock, .u-sp_dispInBlock, .u-sp_dispInline, .u-sp_dispFlex {
    display: none;
  }
  .u-pc_dispBlock {
    display: block;
  }
  .u-pc_dispInBlock {
    display: inline-block;
  }
  .u-pc_dispInline {
    display: inline;
  }
  .u-pc_dispFlex {
    display: flex;
  }
  .u-tab_dispBlock {
    display: none;
  }
  .u-tabsp_dispBlock {
    display: none;
  }
  .u-nottab_dispBlock {
    display: block;
  }
  .u-notsp_dispBlock {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1280px) {
  .u-pc_dispInline {
    display: inline;
  }
  .u-tab_dispBlock {
    display: block;
  }
  .u-tabsp_dispBlock {
    display: block;
  }
  .u-pc_dispBlock {
    display: none;
  }
  .u-nottab_dispBlock {
    display: none;
  }
  .u-notsp_dispBlock {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .u-tab_dispBlock {
    display: none;
  }
  .u-pc_dispBlock, .u-pc_dispInBlock, .u-pc_dispInline, .u-pc_dispFlex {
    display: none;
  }
  .u-sp_dispBlock {
    display: block;
  }
  .u-sp_dispInBlock {
    display: inline-block;
  }
  .u-sp_dispInline {
    display: inline;
  }
  .u-sp_dispFlex {
    display: flex;
  }
  .u-tabsp_dispBlock {
    display: block;
  }
  .u-nottab_dispBlock {
    display: block;
  }
  .u-notsp_dispBlock {
    display: none;
  }
}
/* CSS Document */
.H-wrap {
  max-width: 750px;
  width: 100%;
  background: #fff;
  margin: 0 auto;
}
.H-wrap input {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  -moz-appearance: button;
       appearance: button;
  border: none;
  box-sizing: border-box;
  border: 1px solid transparent;
  transition: border 0.2s ease-out;
}
.H-wrap input::-webkit-search-decoration {
  display: none;
}
.H-wrap input:focus {
  outline-offset: -2px;
}
.H-wrap input[type=image] {
  -webkit-appearance: none;
}
.H-wrap p {
  margin: 0;
}
.H-wrap img {
  display: block;
  vertical-align: bottom;
  width: 100%;
  height: auto;
}
.H-wrap a {
  transition-duration: 0.3s;
}
.H-wrap a:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .H-wrapInner {
    padding-top: 13.3333333333vw;
  }
}
.H-wrap summary {
  list-style: none;
}
.H-wrap summary::-webkit-details-marker {
  /* Safari-デフォルトの三角形を削除*/
  display: none;
}

.overlayArea {
  position: relative;
}
.overlayItem {
  position: absolute;
}

.btn_animation {
  animation: Button_skew 2.3s linear infinite;
}

@keyframes Button_skew {
  0% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(2deg, 2.2deg);
  }
  10% {
    transform: skew(-1deg, -1deg);
  }
  15% {
    transform: skew(0.5deg, 1.2deg);
  }
  20% {
    transform: skew(-2deg, -1.5deg);
  }
  25% {
    transform: skew(0.9deg, 0.9deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
  40% {
    transform: skew(-0.2deg, -0.2deg);
  }
  45% {
    transform: skew(0.1deg, 0.1deg);
  }
  50% {
    transform: skew(0deg, 0deg);
  }
}
@media screen and (max-width: 767px) {
  .header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 750px;
    width: 100%;
    margin: 0 auto;
    z-index: 99;
  }
}

.lp01_03_obj_01 {
  width: 33.0666666667%;
  bottom: 0%;
  left: 0;
  overflow: hidden;
  transition-duration: 1s;
  transition-delay: 0.1s;
}
.js-observe .lp01_03_obj_01 {
  width: 0;
}
.lp01_03_obj_01 img {
  position: relative;
  left: 0%;
  width: 248px;
}
@media screen and (max-width: 767px) {
  .lp01_03_obj_01 img {
    width: 33.0666666667vw;
  }
}
.lp01_03_obj_02 {
  width: 33.6%;
  bottom: 0.1%;
  left: 33%;
  overflow: hidden;
  transition-duration: 1s;
  transition-delay: 0.5s;
}
.js-observe .lp01_03_obj_02 {
  width: 0;
}
.lp01_03_obj_02 img {
  position: relative;
  left: 0%;
  width: 252px;
}
@media screen and (max-width: 767px) {
  .lp01_03_obj_02 img {
    width: 33.6vw;
  }
}
.lp01_03_obj_03 {
  width: 33.3333333333%;
  bottom: 0%;
  left: 66.6%;
  overflow: hidden;
  transition-duration: 1s;
  transition-delay: 1s;
}
.js-observe .lp01_03_obj_03 {
  width: 0;
}
.lp01_03_obj_03 img {
  position: relative;
  left: 0%;
  width: 250px;
}
@media screen and (max-width: 767px) {
  .lp01_03_obj_03 img {
    width: 33.3333333333vw;
  }
}
.lp01_03_obj_04 {
  width: 62%;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 9;
}
.lp01_04_btn {
  width: 100%;
  top: 35.7%;
  left: 0;
}
.lp01_07_obj_01 {
  width: 105.3333333333%;
  top: 20.2%;
  left: -2.6%;
  z-index: 3;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp01_07_obj_01 {
  opacity: 1;
}
.lp01_07_obj_02 {
  width: 45.4666666667%;
  top: 3.6%;
  left: 3.6%;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0.4s;
}
.js-observe .lp01_07_obj_02 {
  opacity: 1;
}
.lp01_07_obj_03 {
  width: 46.9333333333%;
  top: 5.5%;
  left: 50.6%;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0.8s;
}
.js-observe .lp01_07_obj_03 {
  opacity: 1;
}
.lp01_07_obj_04 {
  width: 48.1333333333%;
  top: 57.2%;
  left: 1%;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 1.2s;
}
.js-observe .lp01_07_obj_04 {
  opacity: 1;
}
.lp01_07_obj_05 {
  width: 52.5333333333%;
  top: 57.2%;
  left: 46.4%;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 1.6s;
}
.js-observe .lp01_07_obj_05 {
  opacity: 1;
}
.lp02_02_obj_01 {
  top: -5%;
  left: 13.6%;
  width: 544px;
  height: 544px;
}
@media screen and (max-width: 767px) {
  .lp02_02_obj_01 {
    width: 72.5333333333vw;
    height: 72.5333333333vw;
  }
}
.lp02_02_obj_01 .graph__circle {
  fill: transparent;
  stroke-width: 32;
  stroke-dashoffset: 25;
  stroke-dasharray: 0;
  stroke: #DCDDDD;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
  opacity: 0;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp02_02_obj_01.js-observe .graph__circle {
  animation-name: graphImgAnm01;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp02_02_obj_02 {
  top: 46.2%;
  left: 0.6%;
  width: 405px;
  height: 405px;
}
@media screen and (max-width: 767px) {
  .lp02_02_obj_02 {
    width: 54vw;
    height: 54vw;
  }
}
.lp02_02_obj_02 .graph__circle {
  fill: transparent;
  stroke-width: 32;
  stroke-dashoffset: 25;
  stroke-dasharray: 0;
  stroke: #DCDDDD;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
  opacity: 0;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp02_02_obj_02.js-observe .graph__circle {
  animation-name: graphImgAnm01;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp02_02_obj_03 {
  top: 46.2%;
  left: 45.7%;
  width: 405px;
  height: 405px;
}
@media screen and (max-width: 767px) {
  .lp02_02_obj_03 {
    width: 54vw;
    height: 54vw;
  }
}
.lp02_02_obj_03 .graph__circle {
  fill: transparent;
  stroke-width: 32;
  stroke-dashoffset: 25;
  stroke-dasharray: 0;
  stroke: #DCDDDD;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.8s;
  opacity: 0;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp02_02_obj_03.js-observe .graph__circle {
  animation-name: graphImgAnm01;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp02_06_bg {
  height: 7700px;
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .lp02_06_bg {
    height: 933.3333333333vw;
  }
}
.lp02_06_bg-02 {
  height: 13500px;
}
@media screen and (max-width: 767px) {
  .lp02_06_bg-02 {
    height: 1693.3333333333vw;
  }
}
.lp02_06_bg-03 {
  height: 7500px;
}
@media screen and (max-width: 767px) {
  .lp02_06_bg-03 {
    height: 906.6666666667vw;
  }
}
.lp02_06_btn {
  width: 100%;
  bottom: 0;
  left: 0;
  z-index: 90;
  pointer-events: none;
}
.lp02_06_btn .scrlAnmObj02 {
  position: sticky;
  bottom: 0;
  display: block;
  opacity: 0;
  transition-duration: 0.5s;
  width: 100%;
  pointer-events: all;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .lp02_06_btn .scrlAnmObj02 {
    bottom: 4vw;
  }
}
.lp02_06_btn .scrlAnmObj02.js-observe {
  opacity: 1;
}
.lp02_10_btn {
  width: 31.2%;
  top: 35%;
  left: 60.5%;
}
.lp02_13_obj_01 {
  width: 26.6666666667%;
  top: 2.9%;
  left: 6.3%;
  z-index: 2;
}
.lp02_13_obj_02 {
  width: 13.8666666667%;
  top: 17.7%;
  left: 6.8%;
}
.js-observe .lp02_13_obj_02 {
  animation-name: dokidoki;
  animation-delay: 0s;
  animation-duration: 3s;
  animation-timing-function: ease-in-out;
}
@keyframes dokidoki {
  0% {
    transform: scale(1);
  }
  45% {
    transform: scale(0.9);
  }
  50% {
    transform: scale(1.1);
  }
  60% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.lp02_13_obj_03 {
  width: 26.1333333333%;
  top: 20.2%;
  left: 6.7%;
  z-index: 2;
}
.lp02_13_obj_04 {
  width: 27.7333333333%;
  top: 34.7%;
  left: 6.7%;
  z-index: 2;
}
.lp02_13_obj_05 {
  width: 15.4666666667%;
  top: 2.3%;
  left: 23.7%;
}
.lp02_13_obj_06 {
  width: 18.5333333333%;
  bottom: 46%;
  left: 22.1%;
  overflow: hidden;
  height: 0;
  transition-duration: 1.5s;
  transition-timing-function: ease-in-out;
}
.lp02_13_obj_06 img {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.js-observe .lp02_13_obj_06 {
  height: 407px;
}
@media screen and (max-width: 767px) {
  .js-observe .lp02_13_obj_06 {
    height: 54.2666666667vw;
  }
}
.lp02_13_obj_07 {
  width: 18.1333333333%;
  top: 13.1%;
  left: 41.4%;
  transform: scale(0);
  transition-duration: 0.5s;
  transform-origin: bottom;
}
.js-observe .lp02_13_obj_07 {
  transform: scale(1);
  transition-delay: 1.5s;
}
.lp02_13_obj_08 {
  width: 21.6%;
  top: 1.3%;
  left: 74.4%;
  transform: scale(0);
  transition-duration: 0.5s;
  transform-origin: bottom;
}
.js-observe .lp02_13_obj_08 {
  transform: scale(1);
  transition-delay: 1.8s;
}
.lp02_13_obj_09 {
  width: 31.4666666667%;
  top: 61.7%;
  left: 11.6%;
  transform: scale(0);
  transition-duration: 0.5s;
  transform-origin: right;
}
.js-observe .lp02_13_obj_09 {
  transform: scale(1);
  transition-delay: 2.1s;
}
.lp02_13_obj_10 {
  width: 24.5333333333%;
  top: 75.5%;
  left: 70.6%;
  transform: scale(0);
  transition-duration: 0.5s;
  transform-origin: left;
}
.js-observe .lp02_13_obj_10 {
  transform: scale(1);
  transition-delay: 2.5s;
}
.lp03_03_obj_01 {
  width: 63.0666666667%;
  top: 25.2%;
  left: -2.5%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_03_obj_01 {
  opacity: 1;
}
.lp03_03_obj_02 {
  width: 36.5333333333%;
  top: 31.9%;
  left: 60.4%;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0.4s;
}
.js-observe .lp03_03_obj_02 {
  opacity: 1;
}
.lp03_03_obj_03 {
  width: 66.5333333333%;
  top: 55.4%;
  left: 10.8%;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0.8s;
}
.js-observe .lp03_03_obj_03 {
  opacity: 1;
}
.lp03_03_obj_04 {
  width: 30.1333333333%;
  top: 40.8%;
  left: 35%;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 1.2s;
}
.js-observe .lp03_03_obj_04 {
  opacity: 1;
}
.lp03_05_obj_01 {
  width: 21.6%;
  top: 31.4%;
  left: 10.5%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_05_obj_01 {
  opacity: 1;
}
.lp03_05_obj_02 {
  width: 12%;
  top: 58.4%;
  left: 27.6%;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_05_obj_02 {
  opacity: 1;
  transition-delay: 0.4s;
}
.lp03_05_obj_03 {
  width: 21.6%;
  top: 31.4%;
  left: 33.9%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_05_obj_03 {
  opacity: 1;
  transition-delay: 0.8s;
}
.lp03_05_obj_04 {
  width: 12%;
  top: 58.4%;
  left: 50.9%;
  z-index: 1;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_05_obj_04 {
  opacity: 1;
  transition-delay: 1.2s;
}
.lp03_05_obj_05 {
  width: 21.7333333333%;
  top: 31.4%;
  left: 56.9%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_05_obj_05 {
  opacity: 1;
  transition-delay: 1.6s;
}
.lp03_05_obj_06 {
  width: 19.6%;
  top: 28.3%;
  left: 69.2%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_05_obj_06 {
  opacity: 1;
  transition-delay: 2s;
}
.lp03_05_obj_07 {
  top: 71.2%;
  left: 5.3%;
  transition-duration: 2s;
  overflow: hidden;
  width: 0;
}
.js-observe .lp03_05_obj_07 {
  width: 73.4666666667%;
}
.lp03_05_obj_07 img {
  width: 551px;
}
@media screen and (max-width: 767px) {
  .lp03_05_obj_07 img {
    width: 73.4666666667vw;
  }
}
.lp03_06_obj_01 {
  width: 23.4666666667%;
  top: 24.7%;
  left: 53.5%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_06_obj_01 {
  opacity: 1;
}
.lp03_06_obj_02 {
  width: 20%;
  top: 24.4%;
  left: 68.7%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_06_obj_02 {
  opacity: 1;
  transition-delay: 0.4s;
}
.lp03_06_obj_03 {
  width: 0;
  top: 54.4%;
  left: 5.3%;
  transition-duration: 1s;
  overflow: hidden;
  width: 0;
}
.js-observe .lp03_06_obj_03 {
  width: 75.8666666667%;
}
.lp03_06_obj_03 img {
  width: 569px;
}
@media screen and (max-width: 767px) {
  .lp03_06_obj_03 img {
    width: 75.8666666667vw;
  }
}
.lp03_06_obj_04 {
  width: 77.7333333333%;
  top: 76.4%;
  left: 10.9%;
  opacity: 0;
  transition-duration: 0.5s;
}
.js-observe .lp03_06_obj_04 {
  opacity: 1;
  transition-delay: 1s;
}
.lp04_01_obj_01 {
  width: 78.8%;
  top: 26.2%;
  left: 10.5%;
  opacity: 0;
  transition-duration: 0.5s;
}
.lp04_01_obj_01.js-observe {
  opacity: 1;
}
.lp04_01_obj_02 {
  width: 71.8666666667%;
  top: 43.5%;
  left: 10.9%;
  opacity: 0;
  transition-duration: 0.5s;
}
.lp04_01_obj_02.js-observe {
  opacity: 1;
}
.lp04_01_obj_03 {
  width: 64.1333333333%;
  top: 77.4%;
  left: 17.4%;
  transform: scale(0);
  transform-origin: bottom;
  z-index: 1;
}
.lp04_01_obj_03.js-observe {
  animation: scale 0.4s ease-out forwards;
}
@keyframes scale {
  0% {
    transform: scale(0) translateY(20px);
  }
  50% {
    transform: scale(1) translateY(0);
  }
  70% {
    transform: scale(1.2) translateY(0);
  }
  90% {
    transform: scale(1) translateY(0);
  }
  100% {
    transform: scale(1) translateY(0);
  }
}
.lp04_02_obj_01 {
  width: 49.8666666667%;
  top: 3%;
  left: 30.9%;
  z-index: 2;
  transition-duration: 0.5s;
  overflow: hidden;
  opacity: 0;
}
.lp04_02_obj_01.js-observe {
  opacity: 1;
}
.lp04_02_obj_02 {
  width: 12.8%;
  top: 14.7%;
  left: 81.9%;
  z-index: 4;
  transition-duration: 0.5s;
  overflow: hidden;
  opacity: 0;
}
.lp04_02_obj_02.js-observe {
  opacity: 1;
}
.lp04_02_obj_03 {
  width: 40.9333333333%;
  top: 69.1%;
  left: 59%;
  z-index: 3;
  transition-duration: 0.5s;
  overflow: hidden;
  opacity: 0;
}
.lp04_02_obj_03.js-observe {
  opacity: 1;
}
.lp04_02_obj_04 {
  width: 11.7333333333%;
  top: 47.5%;
  left: 36.7%;
  z-index: 2;
  transition-duration: 0.5s;
  overflow: hidden;
  opacity: 0;
}
.lp04_02_obj_04.js-observe {
  opacity: 1;
}
.lp04_02_obj_05 {
  width: 54.5333333333%;
  top: 89.8%;
  left: 5.6%;
  z-index: 2;
  transition-duration: 0.5s;
  overflow: hidden;
  opacity: 0;
}
.lp04_02_obj_05.js-observe {
  opacity: 1;
}
.lp04_02_img_01 {
  width: 49.7333333333%;
  top: 0.2%;
  left: -6.5%;
  transform: scale(0);
  transition-duration: 0.5s;
}
.lp04_02_img_01.js-observe {
  transform: scale(1);
}
.lp04_02_img_02 {
  width: 81.8666666667%;
  top: 10%;
  left: 18.1%;
  transform: scale(0);
  z-index: 2;
  transition-duration: 0.5s;
}
.lp04_02_img_02.js-observe {
  transform: scale(1);
}
.lp04_02_img_03 {
  width: 45.8666666667%;
  top: 45.8%;
  left: 57.6%;
  z-index: 3;
  transform: scale(0);
  transition-duration: 0.5s;
}
.lp04_02_img_03.js-observe {
  transform: scale(1);
}
.lp04_02_img_04 {
  width: 73.3333333333%;
  top: 46%;
  left: -15.8%;
  transform: scale(0);
  z-index: 1;
  transition-duration: 0.5s;
}
.lp04_02_img_04.js-observe {
  transform: scale(1);
}
.lp04_02_img_05 {
  width: 60.8%;
  top: 67.9%;
  left: 40.1%;
  z-index: 0;
  transform: scale(0);
  transition-duration: 0.5s;
}
.lp04_02_img_05.js-observe {
  transform: scale(1);
}
.lp06_03_obj_01 {
  top: 32.7%;
  left: 19.2%;
  width: 468px;
  height: 468px;
}
@media screen and (max-width: 767px) {
  .lp06_03_obj_01 {
    width: 62.4vw;
    height: 62.4vw;
  }
}
.lp06_03_obj_01 .graph__circle {
  fill: transparent;
  stroke-width: 32;
  stroke-dashoffset: 25;
  stroke-dasharray: 0;
  stroke: #DCDDDD;
  animation-duration: 0.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
  animation-delay: 0.5s;
  opacity: 0;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp06_03_obj_01.js-observe .graph__circle {
  animation-name: graphImgAnm01;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}
@keyframes graphImgAnm01 {
  0% {
    opacity: 1;
    stroke-dasharray: 0, 100;
  }
  100% {
    opacity: 1;
    stroke-dasharray: 100, 0;
  }
}
.lp06_04_obj_01 {
  width: 89.3333333333%;
  top: 0.9%;
  left: 5.2%;
  transition-duration: 1s;
  overflow: hidden;
}
.lp06_04_obj_01.js-observe {
  width: 0;
}
.lp06_04_obj_01 img {
  width: 670px;
}
@media screen and (max-width: 767px) {
  .lp06_04_obj_01 img {
    width: 89.3333333333vw;
  }
}
.lp06_04_obj_02 {
  width: 89.3333333333%;
  top: 22.8%;
  left: 5.2%;
  transition-duration: 1s;
  transition-delay: 0.3s;
  overflow: hidden;
}
.lp06_04_obj_02.js-observe {
  width: 0;
}
.lp06_04_obj_02 img {
  width: 670px;
}
@media screen and (max-width: 767px) {
  .lp06_04_obj_02 img {
    width: 89.3333333333vw;
  }
}
.lp06_04_obj_03 {
  width: 89.3333333333%;
  top: 66%;
  left: 5.2%;
  transition-duration: 1s;
  overflow: hidden;
}
.lp06_04_obj_03.js-observe {
  width: 0;
}
.lp06_04_obj_03 img {
  width: 670px;
}
@media screen and (max-width: 767px) {
  .lp06_04_obj_03 img {
    width: 89.3333333333vw;
  }
}

.bg_01 {
  background: center bottom/100% auto url(../img/bg_01.jpg);
}
.bg_02 {
  background: #ffe2da;
}
.bg_03 {
  background: center top/cover url(../img/lp03_bg.png);
  padding-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .bg_03 {
    padding-bottom: 8vw;
  }
}

.accordionSummary {
  position: relative;
  cursor: pointer;
}
.accordionSummary::before, .accordionSummary::after {
  position: absolute;
  content: "";
  width: 30px;
  height: 2px;
  border-radius: 5px;
  background-color: #000000;
  transition-duration: 0.5s;
}
@media screen and (max-width: 767px) {
  .accordionSummary::before, .accordionSummary::after {
    width: 4vw;
    height: 0.2666666667vw;
  }
}
.accordionSummary::before {
  top: 48%;
  right: 15.2%;
  transform: rotate(50deg);
}
.is-opened .accordionSummary::before {
  top: 48%;
  right: 14%;
  transform: rotate(45deg);
}
.accordionSummary::after {
  top: 48%;
  right: 12.8%;
  transform: rotate(-50deg);
}
.is-opened .accordionSummary::after {
  top: 48%;
  right: 14%;
  transform: rotate(-45deg);
}

.contentsSlider {
  top: 0.24%;
  left: 2.9%;
  width: 88.5%;
}

.qa {
  padding: 0 5% 18px;
  background-color: #ffe2da;
}
@media screen and (max-width: 767px) {
  .qa {
    padding: 0 5% 2.4vw;
  }
}
.qa-last {
  padding: 0 5% 42px;
}
@media screen and (max-width: 767px) {
  .qa-last {
    padding: 0 5% 5.6vw;
  }
}
.qa .accordionSummary {
  padding-bottom: 18px;
}
.qa .accordionSummary::before, .qa .accordionSummary::after {
  height: 3px;
  width: 40px;
  top: 40%;
}
@media screen and (max-width: 767px) {
  .qa .accordionSummary::before, .qa .accordionSummary::after {
    height: 0.4vw;
    width: 5.3333333333vw;
  }
}
.qa .accordionSummary::before {
  right: 7.8%;
}
.qa .accordionSummary::after {
  right: 4.2%;
}
.qa.is-opened {
  padding: 0 5% 33px;
}
@media screen and (max-width: 767px) {
  .qa.is-opened {
    padding: 0 5% 4.4vw;
  }
}
.qa.is-opened .accordionSummary::before {
  right: 6%;
}
.qa.is-opened .accordionSummary::after {
  right: 6%;
}

.hidden {
  overflow: hidden;
}/*# sourceMappingURL=base.css.map */