@charset "utf-8";
* {
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body {
  font-family:"ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color:#000;
  line-height: 1.5em;
}
ul,ol {
  list-style-type:none;
}
a:hover {
  opacity:1.0;
}
a:focus {
  outline: none;
}
img{
	height:auto;
	border:0;
	vertical-align:top;
  max-width: 100%;
	margin:0;
}
video {
  vertical-align: bottom;
  width:100%;
  height:auto;
  outline: none;
}
.content_wrap {
  max-width: 750px;
  margin:0 auto;
  overflow: hidden;
}
.content_wrap img {
  display: block;
  height: auto;
}
.rl {
  position: relative;
}
.sldb {
  transition: 1s 0.2s;
  clip-path: inset(0% 0% 100% 0%);
}
.sldb.inview_active {
  clip-path: inset(0%);
}
.fadeup.inview_active{
  transform: translateY(0px);
  opacity: 1;
}
.fadeup {
  transition: 0.7s 0s;
  transform: translateY(50px);
  opacity: 0;
}
.lsld {
  transition: 0.8s 0s;
  clip-path: inset(0% 100% 0% 0%);
}
.lsld.inview_active {
  clip-path: inset(0%);
}
.rsld {
  transition: 0.8s 0s;
  clip-path: inset(0% 0% 0% 100%);
}
.rsld.inview_active {
  clip-path: inset(0%);
}
.video01 {
  width: 100%;
  height: 1300px;
  opacity: 0;
  position: absolute;
  top:0;
  left:0;
  overflow: hidden;
}
.video01.active {
  opacity: 1;
  background: url(../images/fv-movie.jpg) left top/100% no-repeat;
}
.fv-wrap {
  position: relative;
}
.fv_top_bnr {
  background-color: #d73c61;
  position: relative;
  z-index: 1;
}
.btm-fix {
  position: fixed;
  left:50%;
  margin-left:-375px;
  bottom:0;
  width: 750px;
  height:185px;
  z-index: 10;
  display: none;
}
.btm-fix a {
  display: block;
}
.pic01{
  margin-top: -10px;
}
.summer_02_come_01{
  position: absolute;
  width: 391px;
  top:49px;
  left:41px;
  transition: 0.5s 0;
}
.summer_02_come_02{
  position: absolute;
  width: 300px;
  top:221px;
  left:438px;
  transition: 0.5s 0;
}
.summer_02_come_03{
  position: absolute;
  width: 354px;
  top:467px;
  left:83px;
  transition: 0.5s 0;
}
.summer_02_text{
  position: absolute;
  top:766px;
  text-align: center;
  font-size: 48px;
  line-height: 60px;
  font-weight: 700;
  width: 100%;
  color: #2d2d2d;
  &::after{
    content: "";
    display: block;
    width: 18px;
    height: 61px;
    background: url("../images/summer_02_arrow.png")no-repeat center/100%;
    position: absolute;
    bottom: -70px;
    left:380px;
    z-index: 1;
  }
}
.video_summer_02{
  position: relative;
}
.video_summer_03{
  padding-top: 150px;
  background-color: #8ecde8;
}
.summer_02_item{
  position: absolute;
  left: 0;
  bottom: -160px;
  z-index: 1;
}
.pt01 {
  position: absolute;
  width: 222px;
  top:112px;
  left:263px;
  transition: 0.5s 0;
}
.pt02 {
  position: absolute;
  width: 677px;
  transition-delay: 0.3s;
  top:202px;
  left:30px;
}
.pt03 {
  position: absolute;
  width: 239px;
  top:158px;
  left:9px;
  z-index: 2;
}
.video02 {
  position: absolute;
  width: 660px;
  top:12px;
  left:45px;
}
.content_wrap .odometer {
  font-family: 'Noto Sans JP',"ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.odometer {
  opacity: 0;
}
.odometer.inview_active {
  opacity: 1;
}
#odometer1 {
  font-size: 128px;
  color: #967828;
  position: absolute;
  font-weight: 800;
  top: 47px;
  left: 89px;
  line-height: 1.0em;
}
.pt04 {
  position: absolute;
  width: 499px;
  top:505px;
  left:125px;
  transition-delay: 0.3s;
}
.pt05 {
  position: absolute;
  width: 482px;
  top:55px;
  left:128px;
  transition-delay: 0.3s;
}
.video03 {
  position: absolute;
  width: 640px;
  top:315px;
  left:55px;
}
.pt06 {
  position: absolute;
  width: 631px;
  top:17px;
  left:58px;
  animation: 15s kaiten linear infinite;
}
.pt07 {
  position: absolute;
  width: 564px;
  top:162px;
  left:99px;
}
.pt08{
  position: absolute;
  width: 690px;
  height:501px;
  top:398px;
  left:30px;
}
.pt08 li {
  transition: 0.7s 0s;
  transform: translateY(40px);
  opacity: 0;
  width: 227px;
}
.pt08.inview_active li {
  transform: translateY(0px);
  opacity: 1;
}
.pt08 li:nth-of-type(1) {
  position: absolute;
  transition-delay: 0.2s;
  top: 0;
  left: 0;
}
.pt08 li:nth-of-type(2) {
  position: absolute;
  transition-delay: 0.5s;
  top: 0;
  left: 232px;
}
.pt08 li:nth-of-type(3) {
  position: absolute;
  transition-delay: 0.8s;
  top: 0;
  left: 464px;
}
@keyframes kaiten {
  0% {
      transform: rotate(0);
  }

  100% {
      transform: rotate(-360deg);
  }
}
.pt11 {
  position: absolute;
  width:632px;
  top:208px;
  left:66px;
}
.pt12 {
  position: absolute;
  width: 247px;
  top:393px;
  right:68px;
  transition-delay: 0.3s;
}
.pt13 {
  position: absolute;
  width: 287px;
  top:337px;
  left:13px;
  transition:0.5s 0.6s;
}
.pt14 {
  position: absolute;
  width: 594px;
  top:177px;
  left:59px;
}
.pt15 {
  position: absolute;
  width: 438px;
  top:483px;
  left:155px;
  transition-delay: 0.3s;
}
.slide01 {
  position: absolute;
  width: 100%;
  height: 184px;
  top:867px;
  left:0;
}
.pt21 {
  position: absolute;
  width: 618px;
  top:140px;
  left:61px;
}
.slide02 {
  position: absolute;
  width: 100%;
  height: 970px;
  left:0;
  top:385px;
}
.pt22 {
  position: absolute;
  width: 270px;
  top:262px;
  right:36px;
}
.pt23 {
  position: absolute;
  width: 329px;
  top:17px;
  left:33px;
}
.video05 {
  position: absolute;
  width: 670px;
  top:292px;
  left:40px;
}
.video06 {
  position: absolute;
  width: 670px;
  top:752px;
  left:40px;
}
.video05 video,.video06 video {
  border:8px solid #fff;
  border-radius: 70px;
}
.pt24 {
  position: absolute;
  width: 285px;
  top:290px;
  left:37px;
  z-index: 2;
}
.pt25 {
  position: absolute;
  width: 221px;
  top:742px;
  right:54px;
  z-index: 2;
  transition-delay: 0.2s;
}
.pt26 {
  position: absolute;
  width: 100%;
  bottom:-1px;
  height: 193px;
  display: flex;
  justify-content: space-between;
}
.pt26 li {
  width: 188px;
  opacity: 0;
}
.pt26.inview_active li {
  animation: 1.2s pic_list forwards;
  animation-delay: 0.2s;
  perspective-origin: left center;
}
@keyframes pic_list {
  0% {
    transform: perspective(600px) translate3d(0,0,0) rotateY(50deg);
    opacity: 0;
  }
  100% {
    transform: perspective(600px) translate3d(0,0,0) rotateY(0);
    opacity: 1;
 }
}
.pt30 {
  position: absolute;
  width: 551px;
  top:227px;
  left:99px;
  transition-delay: 0.3s;
}
.circle-wrap {
  position: absolute;
  top: 200px;
  left: -190px;
  width: 1148px;
  height: 1148px;
}
.circle {
  position: relative;
  width: 1148px;
  height: 1148px;
}
.circle img {
  position: relative;
  top: 200px;
  z-index: 2;
}
.circle-right {
  position: absolute;
  left: 574px;
  width: 574px;
  height: 1148px;
  overflow: hidden;
}
.circle-wrap.inview_active .circle-right-hidden {
  position: relative;
  left: -574px;
  width: 574px;
  height: 1148px;
  overflow: hidden;
  transform: rotate(0deg);
  transform-origin: 100% 50%;
  animation: rotateRight 1s linear 1 0.3s forwards;
}
@keyframes rotateRight {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
.circle-wrap.inview_active .circle-right .circle {
    position: relative;
    left: 287px;
    transform: rotate(0deg);
    transform-origin: 25% 50%;
    animation: rotateRight2 1s linear 1 0.3s forwards;
}
@keyframes rotateRight2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    100% {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
}
.circle-left {
    width: 574px;
    height: 1148px;
    overflow: hidden;
}
.circle-wrap.inview_active .circle-left-hidden {
    position: relative;
    left: 574px;
    width: 574px;
    height: 1148px;
    overflow: hidden;
    transform: rotate(0deg);
    transform-origin: 0% 50%;
    animation: rotateLeft 1s linear 1 0.3s forwards;
}
@keyframes rotateLeft {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
.circle-wrap {
  opacity:0;
}
.circle-wrap.inview_active {
  opacity: 1;
}
.circle-wrap.inview_active .circle-left .circle {
    position: relative;
    left: -287px;
    transform: rotate(0deg);
    transform-origin: 25% 50%;
    animation: rotateLeft2 1s linear 1 0.3s forwards;
}
@keyframes rotateLeft2 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-180deg);
    }
}
.circle-wrap02 {
  top:70px;
}
#odometer2 {
  position: absolute;
  top:530px;
  left:176px;
  font-weight: 800;
  font-size:235px;
  line-height: 1.0em;
}
#odometer3 {
  position: absolute;
  top:416px;
  left:176px;
  font-weight: 800;
  font-size:235px;
  line-height: 1.0em;
}
#odometer2 span,#odometer3 span {
  background: linear-gradient(to bottom, #be9cb4, #e39485);
  background: -webkit-linear-gradient(top, #be9cb4, #e39485);
  background: -moz-linear-gradient(top, #be9cb4, #e39485);
  color: #be9cb4;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1.0em;
}
#odometer2 .odometer-value,#odometer3 .odometer-value {
  background: linear-gradient(to bottom, #be9cb4, #e39485);
  background: -webkit-linear-gradient(top, #be9cb4, #e39485);
  background: -moz-linear-gradient(top, #be9cb4, #e39485);
  color: #be9cb4;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#odometer2 .odometer-formatting-mark,#odometer3 .odometer-formatting-mark {
  font-size: 80px;
  position: absolute;
  top:40px;
  left:280px;
  line-height: 1.0em;
  background: linear-gradient(#be9cb4 0 75%, #e39485 100%);
  background: -webkit-linear-gradient(#be9cb4 0 75%, #e39485 100%);
  background: -moz-linear-gradient(#be9cb4 0 75%, #e39485 100%);
  color: #be9cb4;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#odometer2 .odometer-inside span:nth-of-type(4),#odometer3 .odometer-inside span:nth-of-type(4) {
  font-size:80px;
  position: absolute;
  top:35px;
  left:312px;
  line-height: 1em;
}
.pt31{
  position: absolute;
  width: 635px;
  height:650px;
  z-index: 2;
  top:364px;
  left:29px;
}
.pt31 li {
  transition: 0.7s 0s;
  transform: translateY(40px);
  opacity: 0;
}
.pt31.inview_active li {
  transform: translateY(0px);
  opacity: 1;
}
.pt31 li:nth-of-type(1) {
  position: absolute;
  transition-delay: 0.3s;
  top: 0;
  right: 0;
  width: 234px;
}
.pt31 li:nth-of-type(2) {
  position: absolute;
  transition-delay: 0.6s;
  top: 56px;
  left: 0;
  width: 254px;
}
.pt31 li:nth-of-type(3) {
  position: absolute;
  transition-delay: 0.9s;
  top: 436px;
  left: 11px;
  width: 234px;
}
.pt31 li:nth-of-type(4) {
  position: absolute;
  transition-delay: 1.2s;
  top: 512px;
  right: 22px;
  width: 234px;
}
.pt35 {
  position: absolute;
  transition-delay: 0.4s;
  width: 139px;
  top:510px;
  right:19px;
  z-index: 3;
}
.pt36 {
  position: absolute;
  width: 100%;
  bottom:-1px;
  height: 193px;
  display: flex;
  justify-content: space-between;
}
.pt36 li {
  width: 188px;
  opacity: 0;
}
.pt36.inview_active li {
  animation: 1.2s pic_list forwards;
  animation-delay: 0.2s;
  perspective-origin: left center;
}

.voice_01_area{
  background: url("../images/voice_01_summer_bg.jpg")no-repeat center/100%;
  width: 750px;
  height: 3200px;
}
.pt40 {
  position: absolute;
  width:698px;
  top:238px;
  left:38px;
}
.pt42 {
  position: absolute;
  width: 713px;
  height: 898px;
  top:49px;
  left:0;
}
.pt42 .l {
  position: absolute;
  left:0;
  top:64px;
  width: 556px;
  transition: 0.8s 0s;
  clip-path: inset(0% 100% 0% 0%);
}
.pt42.inview_active .l {
  clip-path: inset(0%);
}
.pt42 .r {
  position: absolute;
  width: 265px;
  top:0;
  right:0;
}
.vc .r {
  transition: 0.7s 0.4s;
  transform: translateY(40px);
  opacity: 0;
}
.vc.inview_active .r {
  transform: translateY(0px);
  opacity: 1;
}
.pt41 {
  position: absolute;
  width:295px;
  top:46px;
  left:44px;
}
.pt44 {
  position: absolute;
  width: 647px;
  top:914px;
  left:30px;
  transition-delay: 0.3s;
}
.pt46 {
  position: absolute;
  width: 729px;
  height: 927px;
  top:58px;
  right:0;
}
.pt46 .l {
  position: absolute;
  right:0;
  top:67px;
  width: 556px;
  transition: 0.8s 0.3s;
  clip-path: inset(0% 0% 0% 100%);
}
.pt46.inview_active .l {
  clip-path: inset(0%);
}
.pt46 .r {
  position: absolute;
  width: 185px;
  top:0;
  left:0;
  transition-delay: 0.7s;
}
.pt45 {
  position: absolute;
  width:314px;
  top:60px;
  right:33px;
}
.pt48 {
  position: absolute;
  width: 636px;
  top:931px;
  right:34px;
  transition-delay: 0.3s;
}
.pt49 {
  position: absolute;
  width: 630px;
  top:188px;
  left: 60px;
}
.ssize{
  margin-top: -87px;
}
.ssize .btn {
  position: absolute;
  width:590px;
  top:454px;
  left:78px;
  cursor:pointer;
  background:none; 
}
.ssize .height {
  display: block;
  position: absolute;
  width: 161px;
  height:88px;
  top:327px;
  left:116px;
}
.ssize .weight {
  display: block;
  position: absolute;
  width: 161px;
  height:88px;
  top:327px;
  right:143px;
}
.ssize input[type="tel"],.ssize .result {
  font-family: 'Noto Sans JP',"ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size:50px;
  font-weight: 400;
  text-align: center;
  background: transparent;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border:0;
  outline: 0;
  line-height: 1.0em;
}
.ssize .result {
  position: absolute;
  width: 159px;
  height:85px;
  top:651px;
  right:183px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tab-wrap {
  position: absolute;
  width: 670px;
  height:1260px;
  top:15px;
  left:40px;
}
.tab-wrap .tab-area {
  position: absolute;
  width: 100%;
  left:0;
  top:0;
  display: flex;
  justify-content: flex-start;
}
.tab-wrap .tab-area .tab {
  width: 202px;
  height:125px;
  text-indent: -9999px;
  cursor: pointer;
}
.tab-wrap .tab-area .tab.active {
  width: 265px;
}
.tab-wrap .tab-area li:nth-of-type(1) {
  background: url("../images/tab01_summer.png") left top/100% no-repeat;
}
.tab-wrap .tab-area li:nth-of-type(2) {
  background: url(../images/tab_summer.png) left top/100% no-repeat;
}
.tab-wrap .tab-area li:nth-of-type(3) {
  background: url(../images/tab03.png) left top/100% no-repeat;
}
.tab-wrap .tab-area li:nth-of-type(1).active {
  background: url(../images/tab01_summer-2.png) left top/100% no-repeat;
}
.tab-wrap .tab-area li:nth-of-type(2).active {
  background: url(../images/tab_summer-2.png) left top/100% no-repeat;
}
.tab-wrap .tab-area li:nth-of-type(3).active {
  background: url(../images/tab03-2.png) left top/100% no-repeat;
}
.tab-wrap .panel-area {
  position: absolute;
  top:125px;
  left:0;
  width: 100%;
}
.tab-wrap .panel {
  display: none;
  position: relative;
}
.tab-wrap .panel .ic {
  position: absolute;
  width: 150px;
  top:5px;
  left:-20px;
}
.tab-wrap .panel.active {
  display: block;
}
.tab-wrap .panel .btn-wrap {
  width: 622px;
  margin:0 auto;
  padding-top:5px;
}
.expand {
  font-size: 0;
  -webkit-animation-name: expand;
  -moz-animation-name: expand;
  -o-animation-name: expand;
  animation-name: expand;
  -webkit-animation-duration: 1.2s;
  -moz-animation-duration: 1.2s;
  -o-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  -o-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
@keyframes expand {
  0%, 0% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9);
  }
  50% {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
  }
  100%, 100% {
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      -o-transform: scale(0.9);
      transform: scale(0.9);
  }
}
.tab-wrap .panel .btn-wrap li {
  margin-top:10px;
}
.pt50 {
  position: absolute;
  width: 136px;
  top:258px;
  left:15px;
}
.pt51 {
  position: absolute;
  width: 424px;
  top:262px;
  left:78px;
  transition-delay: 0.3s;
}
.pt52 {
  position: absolute;
  width: 340px;
  top:482px;
  left:46px;
  transition: 0.9s cubic-bezier(.24, .1, .44, 1.47);
  opacity: 0;
  transform: scale(0);
}
.pt52.inview_active {
  opacity: 1;
  transform: scale(1);
}
.pt53{
  position: absolute;
  width: 717px;
  height:622px;
  top:250px;
  left:14px;
}
.pt53 li {
  transition: 0.7s 0s;
  transform: translateY(40px);
  opacity: 0;
  width: 293px;
}
.pt53.inview_active li {
  transform: translateY(0px);
  opacity: 1;
}
.pt53 li:nth-of-type(1) {
  position: absolute;
  transition-delay: 0.2s;
  top: 33px;
  left: 0;
  z-index: 1;
}
.pt53 li:nth-of-type(2) {
  position: absolute;
  transition-delay: 0.5s;
  top: 190px;
  left: 203px;
  z-index: 2;
}
.pt53 li:nth-of-type(3) {
  position: absolute;
  transition-delay: 0.8s;
  top: 0;
  right: 0;
  z-index: 1;
}
.pt56 {
  position: absolute;
  width: 180px;
  top:8px;
  left:285px;
}
.pt57 {
  position: absolute;
  width: 620px;
  top:240px;
  left:59px;
}
.pt58 {
  position: absolute;
  width: 537px;
  top:374px;
  left:125px;
  transition-delay: 0.3s;
}
.pt59 {
  position: absolute;
  width: 314px;
  height: 816px;
  top:37px;
  right:25px;
}
.pt60 {
  position: absolute;
  width: 506px;
  top:1013px;
  left:7px;
  z-index: 2;
}
.pt61 {
  position: absolute;
  width: 127px;
  top:900px;
  left:16px;
  z-index: 3;
}
.pt62 {
  position: absolute;
  width:148px;
  top:29px;
  left:52px;
  z-index: 3;
  transition-delay: 0.2s;
}
.pt63 {
  position: absolute;
  width: 161px;
  top:34px;
  right:53px;
  z-index: 3;
  transition-delay: 0.2s;
}
.pt64 {
  position: absolute;
  width: 658px;
  top:309px;
  left:45px;
  transition-delay: 0.4s;
}
.pt65 {
  position: absolute;
  width: 515px;
  z-index: 4;
  top:233px;
  left:116px;
}
.video07 {
  position: absolute;
  width: 554px;
  top:71px;
  left:0;
}
.video08 {
  position: absolute;
  width: 554px;
  top:545px;
  right:0;
}
.pt66 {
  position: absolute;
  width: 299px;
  top:11px;
  left:25px;
}
.pt67 {
  position: absolute;
  width: 178px;
  top:117px;
  right:35px;
}
.pt68 {
  position: absolute;
  width: 185px;
  top:508px;
  left:63px;
}
.pt69 {
  position: absolute;
  width: 299px;
  top:775px;
  right:12px;
}
.video09 {
  position: absolute;
  width: 668px;
  top:95px;
  left:0;
}
.video09 video {
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
}
.pt70 {
  position: absolute;
  width: 215px;
  top:245px;
  right:31px;
}
.pt71 {
  position: absolute;
  width: 193px;
  top:694px;
  left:18px;
}
.pt72 {
  position: absolute;
  width: 495px;
  top:43px;
  left:31px;
}
.pt73 {
  position: absolute;
  width: 664px;
  top:375px;
  left:47px;
}
.pt74 {
  position: absolute;
  width:492px;
  top:213px;
  left:127px;
  z-index: 2;
  transition: 0.6s 0;
}
.pt75 {
  position: absolute;
  width:242px;
  top:27px;
  left:494px;
  z-index: 1;
  transition-delay: 0.5s;
}
.pt76 {
  position: absolute;
  width: 534px;
  top:358px;
  left:105px;
}
.video10 {
  position: absolute;
  width: 100%;
  top:2px;
  left:0;
}
.pt77 {
  position: absolute;
  width: 380px;
  top:42px;
  right:58px;
  transition-delay: 0.3s;
}
.pt78 {
  position: absolute;
  width: 364px;
  top:501px;
  right:40px;
  transition: 0.7s 0.2s;
}
.pt79 {
  position: absolute;
  width: 378px;
  top:209px;
  left:22px;
}
.pt80 {
  position: absolute;
  width: 378px;
  top:209px;
  left:368px;
  transition-delay: 0.3s;
}
.pt81 {
  position: absolute;
  width: 109px;
  top:439px;
  right:108px;
}
.pt82 {
  position: absolute;
  width:370px;
  top:271px;
  left:13px;
}
.pt83 {
  position: absolute;
  width: 481px;
  top:748px;
  right:0;
}
.pt84 {
  position: absolute;
  width: 372px;
  top:248px;
  right:-8%;
  animation: 2.5s fuwa01 0s ease-in-out infinite alternate;
}
.pt85 {
  position: absolute;
  width: 186px;
  top:555px;
  right:23px;
  animation: 2.5s fuwa02 0.3s ease-in-out infinite alternate;
}
@keyframes fuwa01 {
  0% {
      transform: translateX(-10%) rotate(5deg);
  }

  100% {
      transform: translateX(5%) rotate(-20deg);
  }
}
@keyframes fuwa02 {
  0% {
      transform: translateX(-4%) rotate(0);
  }

  100% {
      transform: translateX(4%) rotate(-20deg);
  }
}
.video11 {
  position: absolute;
  width: 586px;
  top:298px;
  left:48px;
}
.video11 video {
  border: 8px solid #fff;
  border-radius: 50px;
}
.pt86 {
  position: absolute;
  width: 318px;
  top:231px;
  left:16px;
  z-index: 2;
}
.pt87 {
  position: absolute;
  width: 117px;
  top:280px;
  right:45px;
  z-index: 2;
}
.pt88 {
  position: absolute;
  width: 703px;
  top:719px;
  left:15px;
}
.voice_area{
  background: url("../images/voice_summer_bg.jpg")no-repeat center/100%;
  width: 750px;
  height: 2877px;
}
.pt89 {
  position: absolute;
  width: 365px;
  top:229px;
  right:75px;
}
.pt90 {
  position: absolute;
  width: 520px;
  top:440px;
  left:119px;
}
.pt91 {
  position: absolute;
  width: 305px;
  top:730px;
  left:61px;
  transition: 0.6s 0s;
}
.pt92 {
  position: absolute;
  width: 305px;
  top:730px;
  right:61px;
  transition: 0.6s 0s;
}
.pt93 {
  position: absolute;
  width: 415px;
  top:96px;
  left:80px;
}
.pt94 {
  position: absolute;
  width: 520px;
  top:310px;
  left:116px;
}
.pt95 {
  position: absolute;
  width: 305px;
  top:599px;
  left:61px;
  transition: 0.6s 0s;
}
.pt96 {
  position: absolute;
  width: 305px;
  top:599px;
  right:61px;
  transition: 0.6s 0s;
}
.pt97 {
  position: absolute;
  width: 337px;
  top:96px;
  right:102px;
}
.pt98 {
  position: absolute;
  width: 520px;
  top:308px;
  left:114px;
}
.pt99 {
  position: absolute;
  width: 305px;
  top:599px;
  left:61px;
  transition: 0.6s 0s;
}
.pt100 {
  position: absolute;
  width: 305px;
  top:599px;
  right:61px;
  transition: 0.6s 0s;
}
.video12 {
  position: absolute;
  width: 586px;
  top:252px;
  left:0;
}
.video12 video {
  border-top-right-radius: 80px;
  border-bottom-right-radius: 80px;
}
.pt101 {
  position: absolute;
  width: 258px;
  top:10px;
  right: 0;
}
.pt102 {
  position: absolute;
  width: 419px;
  top:386px;
  right:45px;
  transition-delay: 0.2s;
}
.qa_wrap {
  background: #f1e4d8;
  padding:0 30px 90px 29px;
}
.qa_wrap .accordionlist:not(:nth-of-type(1)) {
  margin-top: 25px;
}
.accordionlist dt {
  position: relative;
  cursor: pointer;
}
.accordionlist dt img {
  border-radius: 5px;
}
.accordionlist dt.active img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.accordionlist dd img {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.accordionlist dt:before {
  position: absolute;
  content: "";
  top: 0;
  width: 30px;
  background: #000;
  height: 2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  top: 50%;
  right: 35px;
  transition: .3s all;
}
.accordionlist dt:after {
  position: absolute;
  content: "";
  top: 0;
  width: 30px;
  background: #000;
  height: 2px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  top: 50%;
  right: 35px;
  transition: .3s all;
}
.accordionlist dt.active:before {
  display: none;
}
.accordionlist dt.active:after {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.accordionlist dd {
  display: none;
}
@media(max-width:749px) {
 img {
   width: 100%;
 }
 .btm-fix {
   left:0;
   margin-left:0;
   width: 100%;
   height:24.7vw;
 }
  .pic01{
    margin-top: -1.333vw;
  }
  .summer_02_come_01{
    width: 52.133vw;
    top:6.533vw;
    left:5.467vw;
  }
  .summer_02_come_02{
    width: 40vw;
    top:29.467vw;
    left:58.4vw;
  }
  .summer_02_come_03{
    width: 47.2vw;
    top:62.267vw;
    left:11.067vw;
  }
  .summer_02_text{
    top:102.133vw;
    font-size: 6.4vw;
    line-height: 8vw;
    &::after{
      width: 2.4vw;
      height: 8.133vw;
      bottom: -9.333vw;
      left:50.667vw;
    }
  }
  .video_summer_03{
    padding-top: 20vw;
  }
  .summer_02_item{
    bottom: -21.333vw;
  }
 .pt01 {
   width: 29.6vw;
   top:14.93vw;
   left:35.06vw;
 }
 .pt02 {
   width: 90.26vw;
   top:26.93vw;
   left:4vw;
 }
 .pt03 {
   width: 31.86vw;
   top:21.06vw;
   left:1.2vw;
 }
 .video02 {
   width: 88vw;
   top:1.6vw;
   left:6vw;
 }
 #odometer1 {
  font-size: 17.067vw;
  top: 6.267vw;
  left: 11.867vw;
 }
 .pt04 {
   width: 66.5vw;
   top:67.333vw;
   left:16.7vw;
 }
 .pt05 {
   width: 64.26vw;
   top:7.33vw;
   left:16.93vw;
 }
 .video03 {
   width: 85.33vw;
   top:42vw;
   left:7.33vw;
 }
 .pt06 {
   width: 84.13vw;
   top:2.26vw;
   left:7.73vw;
 }
 .pt07 {
   width: 75.2vw;
   top:21.6vw;
   left:13.2vw;
 }
 .pt08{
   width: 92vw;
   height:66.8vw;
   top:53.06vw;
   left:4vw;
 }
 .pt08 li {
   width: 30.26vw;
 }
 .pt08 li:nth-of-type(2) {
   left: 30.93vw;
 }
 .pt08 li:nth-of-type(3) {
   left: 61.86vw;
 }
 .pt11 {
   width:84.26vw;
   top:27.73vw;
   left:8.8vw;
 }
 .pt12 {
   width: 32.93vw;
   top:52.4vw;
   right:9.06vw;
 }
 .pt13 {
   width: 38.26vw;
   top:44.93vw;
   left:1.73vw;
 }
 .pt14 {
   width: 79.2vw;
   top:23.6vw;
   left:7.86vw;
 }
 .pt15 {
   width: 58.4vw;
   top:64.4vw;
   left:20.66vw;
 }
 .slide01 {
   height: 24.53vw;
   top:115.6vw;
 }
 .pt21 {
   width: 82.4vw;
   top:18.66vw;
   left:8.13vw;
 }
 .slide02 {
   height: 129.33vw;
   top:51.33vw;
 }
 .pt22 {
   width: 36vw;
   top:34.93vw;
   right:4.8vw;
 }
 .pt23 {
   width: 43.86vw;
   top:2.26vw;
   left:4.4vw;
 }
 .video05 {
   width: 89.33vw;
   top:38.93vw;
   left:5.33vw;
 }
 .video06 {
   width: 89.33vw;
   top:100.26vw;
   left:5.33vw;
 }
 .video05 video,.video06 video {
   border:1.06vw solid #fff;
   border-radius: 7vw;
 }
 .pt24 {
   width: 38vw;
   top:38.66vw;
   left:4.93vw;
 }
 .pt25 {
   width: 29.46vw;
   top:98.93vw;
   right:7.2vw;
 }
 .pt26 {
   bottom:-0.1vw;
   height: 25.73vw;
 }
 .pt26 li {
   width: 25vw;
 }
 .pt30 {
   width: 73.46vw;
   top:30.26vw;
   left:13.2vw;
 }
 .circle-wrap {
   top: 26.66vw;
   left: -25.33vw;
   width: 153.06vw;
   height: 153.06vw;
 }
 .circle {
   width: 153.06vw;
   height: 153.06vw;
 }
 .circle img {
   top: 26.66vw;
   width: 76.53vw;
 }
 .circle-right {
   left: 76.53vw;
   width: 76.53vw;
   height: 153.06vw;
 }
 .circle-wrap.inview_active .circle-right-hidden {
   left: -76.53vw;
   width: 76.53vw;
   height: 153.06vw;
 }
 .circle-wrap.inview_active .circle-right .circle {
     left: 38.26vw;
 }
 .circle-left {
     width: 76.53vw;
     height: 153.06vw;
 }
 .circle-wrap.inview_active .circle-left-hidden {
     position: relative;
     left: 76.53vw;
     width: 76.53vw;
     height: 153.06vw;
 }
 .circle-wrap.inview_active .circle-left .circle {
     left: -38.26vw;
 }
 #odometer2 {
   top:70.66vw;
   left:23.46vw;
   font-size:31.33vw;
 }
 #odometer2 .odometer-formatting-mark,#odometer3 .odometer-formatting-mark {
   font-size: 10.66vw;
   top:5.33vw;
   left:37.33vw;
 }
 #odometer2 .odometer-inside span:nth-of-type(4),#odometer3 .odometer-inside span:nth-of-type(4) {
   font-size:10.66vw;
   top:4.66vw;
   left:41.6vw;
 }
 .circle-wrap02 {
   top:9.33vw;
 }
 #odometer3 {
   top:55.467vw;
   left:23.46vw;
   font-size:31.33vw;
 }
 .pt31{
   width: 84.66vw;
   height:86.66vw;
   top:48.53vw;
   left:3.86vw;
 }
 .pt31 li:nth-of-type(1) {
   width: 31.2vw;
 }
 .pt31 li:nth-of-type(2) {
   top: 7.46vw;
   width: 33.86vw;
 }
 .pt31 li:nth-of-type(3) {
   top: 58.13vw;
   left: 1.46vw;
   width: 31.2vw;
 }
 .pt31 li:nth-of-type(4) {
   top: 68.26vw;
   right: 2.93vw;
   width: 31.2vw;
 }
 .pt35 {
   width: 18.53vw;
   top:68vw;
   right:2.53vw;
 }
 .pt36 {
   height: 25.73vw;
   bottom:-0.2vw;
 }
 .pt36 li {
   width: 25vw;
 }
 .voice_01_area{
  width: 100vw;
  height: 426.667vw;
}
 .pt40 {
   width:93.06vw;
   top:31.73vw;
   left:5.06vw;
 }
 .pt42 {
   width: 95.06vw;
   height: 119.73vw;
   top:6.53vw;
 }
 .pt42 .l {
   top:8.53vw;
   width: 74.13vw;
 }
 .pt42 .r {
   width: 35.33vw;
 }
 .pt41 {
   width:39.33vw;
   top:6.13vw;
   left:5.86vw;
 }
 .pt44 {
   width: 86.26vw;
   top:121.86vw;
   left:4vw;
 }
 .pt46 {
   width: 97.2vw;
   height: 123.6vw;
   top:7.73vw;
 }
 .pt46 .l {
   top:8.93vw;
   width: 74.13vw;
 }
 .pt46 .r {
   width: 24.66vw;
 }
 .pt45 {
   width:41.86vw;
   top:8vw;
   right:4.46vw;
 }
 .pt48 {
   width: 84.8vw;
   top:124.03vw;
   right:4.53vw;
 }
 .pt49 {
  width: 84vw;
  top:25.067vw;
  left: 8vw;
 }
  .ssize{
    margin-top: -11.6vw;
  }
 .ssize .btn {
   width:78.66vw;
   top:60.53vw;
   left:10.4vw;
 }
 .ssize .height {
   width: 21.46vw;
   height:11.73vw;
   top:43.6vw;
   left:15.46vw;
 }
 .ssize .weight {
   width: 21.46vw;
   height:11.73vw;
   top:43.6vw;
   right:19.06vw;
 }
 .ssize input[type="tel"],.ssize .result {
   font-size:6.6vw;
 }
 .ssize .result {
   width: 21.2vw;
   height:11.33vw;
   top:86.8vw;
   right:24.4vw;
 }
 .tab-wrap {
   width: 89.33vw;
   height:168vw;
   top:2vw;
   left:5.33vw;
 }
 .tab-wrap .tab-area .tab {
   width: 26.93vw;
   height:16.66vw;
 }
 .tab-wrap .tab-area .tab.active {
   width: 35.33vw;
 }
 .tab-wrap .panel-area {
   top:16.66vw;
 }
 .tab-wrap .panel .ic {
   width: 20vw;
   top:0.66vw;
   left:-2.66vw;
 }
 .tab-wrap .panel .btn-wrap {
   width: 82.93vw;
   padding-top:0.66vw;
 }
 .tab-wrap .panel .btn-wrap li {
   margin-top:1.33vw;
 }
 .pt50 {
   width: 18.13vw;
   top:34.4vw;
   left:2vw;
 }
 .pt51 {
   width: 56.53vw;
   top:34.93vw;
   left:10.4vw;
 }
 .pt52 {
   width: 45.33vw;
   top:64.26vw;
   left:6.13vw;
 }
 .pt53{
   width: 95.6vw;
   height:82.93vw;
   top:33.33vw;
   left:1.86vw;
 }
 .pt53 li {
   width: 39.06vw;
 }
 .pt53 li:nth-of-type(1) {
   top: 4.4vw;
 }
 .pt53 li:nth-of-type(2) {
   top: 25.33vw;
   left: 27.06vw;
 }
 .pt56 {
   width: 24vw;
   top:1.06vw;
   left:38vw;
 }
 .pt57 {
   width: 82.66vw;
   top:32vw;
   left:7.86vw;
 }
 .pt58 {
   width: 71.6vw;
   top:49.86vw;
   left:16.66vw;
 }
 .pt59 {
   width: 41.86vw;
   height: 108.8vw;
   top:4.93vw;
   right:3.33vw;
 }
 .pt60 {
   width: 67.46vw;
   top:135.06vw;
   left:0.93vw;
 }
 .pt61 {
   width: 16.93vw;
   top:120vw;
   left:2.13vw;
 }
 .pt62 {
   width:19.73vw;
   top:3.86vw;
   left:6.93vw;
 }
 .pt63 {
   width: 21.46vw;
   top:4.53vw;
   right:7.06vw;
 }
 .pt64 {
   width: 87.73vw;
   top:41.2vw;
   left:6vw;
 }
 .pt65 {
   width: 68.66vw;
   top:31.06vw;
   left:15.46vw;
 }
 .video07 {
   width: 73.86vw;
   top:9.46vw;
 }
 .video08 {
   width: 73.86vw;
   top:72.66vw;
 }
 .pt66 {
   width: 39.86vw;
   top:1.46vw;
   left:3.33vw;
 }
 .pt67 {
   width: 23.73vw;
   top:15.6vw;
   right:4.66vw;
 }
 .pt68 {
   width: 24.66vw;
   top:67.73vw;
   left:8.4vw;
 }
 .pt69 {
   width: 39.86vw;
   top:103.33vw;
   right:1.6vw;
 }
 .video09 {
   width: 89.06vw;
   top:12.66vw;
 }
 .video09 video {
   border-top-right-radius: 10.66vw;
   border-bottom-right-radius: 10.66vw;
 }
 .pt70 {
   width: 28.66vw;
   top:32.66vw;
   right:4.13vw;
 }
 .pt71 {
   width: 25.73vw;
   top:92.53vw;
   left:2.4vw;
 }
 .pt72 {
   width: 66vw;
   top:5.73vw;
   left:4.13vw;
 }
 .pt73 {
   width: 88.53vw;
   top:50vw;
   left:6.26vw;
 }
 .pt74 {
   width:65.6vw;
   top:28.4vw;
   left:16.93vw;
 }
 .pt75 {
   width:32.26vw;
   top:3.6vw;
   left:65.86vw;
 }
 .pt76 {
   width: 71.2vw;
   top:47.73vw;
   left:14vw;
 }
 .video10 {
   top:0.26vw;
 }
 .pt77 {
   width: 50.66vw;
   top:5.6vw;
   right:7.73vw;
 }
 .pt78 {
   width: 48.53vw;
   top:66.8vw;
   right:5.33vw;
 }
 .pt79 {
   width: 50.4vw;
   top:27.86vw;
   left:2.93vw;
 }
 .pt80 {
   width: 50.4vw;
   top:27.86vw;
   left:49.06vw;
 }
 .pt81 {
   width: 14.53vw;
   top:58.53vw;
   right:14.4vw;
 }
 .pt82 {
   width:49.33vw;
   top:36.13vw;
   left:1.73vw;
 }
 .pt83 {
   width: 64.13vw;
   top:99.73vw;
 }
 .pt84 {
   width: 49.6vw;
   top:33.06vw;
 }
 .pt85 {
   width: 24.8vw;
   top:74vw;
   right:3.06vw;
 }
 .video11 {
   width: 78.13vw;
   top:39.73vw;
   left:6.4vw;
 }
 .video11 video {
   border: 1.06vw solid #fff;
   border-radius: 6.66vw;
 }
 .pt86 {
   width: 42.4vw;
   top:30.8vw;
   left:2.13vw;
 }
 .pt87 {
   width: 15.6vw;
   top:37.33vw;
   right:6vw;
 }
 .pt88 {
   width: 93.73vw;
   top:93.73vw;
   left:2vw;
 }
.voice_area{
  width: 100vw;
  height: 383.6vw;
}
 .pt89 {
   width: 48.66vw;
   top:30.53vw;
   right:10vw;
 }
 .pt90 {
   width: 69.33vw;
   top:58.66vw;
   left:15.86vw;
 }
 .pt91 {
   width: 40.66vw;
   top:97.33vw;
   left:8.13vw;
 }
 .pt92 {
   width: 40.66vw;
   top:97.33vw;
   right:8.13vw;
 }
 .pt93 {
   width: 55.33vw;
   top:12.8vw;
   left:10.66vw;
 }
 .pt94 {
   width: 69.33vw;
   top:41.33vw;
   left:15.46vw;
 }
 .pt95 {
   width: 40.66vw;
   top:79.86vw;
   left:8.13vw;
 }
 .pt96 {
   width: 40.66vw;
   top:79.86vw;
   right:8.13vw;
 }
 .pt97 {
   width: 44.93vw;
   top:12.8vw;
   right:13.6vw;
 }
 .pt98 {
   width: 69.33vw;
   top:41.06vw;
   left:15.2vw;
 }
 .pt99 {
   width: 40.66vw;
   top:79.86vw;
   left:8.13vw;
 }
 .pt100 {
   width: 40.66vw;
   top:79.86vw;
   right:8.13vw;
 }
 .video12 {
   width: 78.13vw;
   top:33.6vw;
 }
 .video12 video {
   border-top-right-radius: 10.66vw;
   border-bottom-right-radius: 10.66vw;
 }
 .pt101 {
   width: 38vw;
   top:1.33vw;
 }
 .pt102 {
   width: 55.86vw;
   top:51.46vw;
   right:6vw;
 }
 .qa_wrap {
   padding:0 4vw 12vw 4vw;
 }
 .qa_wrap .accordionlist:not(:nth-of-type(1)) {
   margin-top: 3.33vw;
 }
 .accordionlist dt:before {
   width: 4vw;
   height: 1px;
   right: 4.66vw;
 }
 .accordionlist dt:after {
   width: 4vw;
   height: 1px;
   right: 4.66vw;
 }
 .accordionlist dt img {
   border-radius: 5px;
 }
 .accordionlist dd img {
   border-bottom-left-radius: 0.7vw;
   border-bottom-right-radius: 0.7vw;
 }
}