@charset "UTF-8";
/*popup*/
.popup_sec{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
}
.popup_sec .wrap{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup_sec .wrap .bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
}
.popup_sec .wrap .set{
    width: calc(100% - 40px);
    max-width: 800px;
    height: 400px;
    z-index: 1;
    position: relative;
    /* background: #fff; */
}
.popup_sec .wrap .set .close{
    position: absolute;
    top: -40px;
    right: 0;
}
.popup_sec .wrap .set .close span{
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    color: white !important;
    position: absolute;
    top: -15px;
    right: 0px;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.5rem;
    border-radius: 50%;
    text-align: center;
    color: black !important;
    background-color: white;
    cursor: pointer;
}
.popup_sec .wrap .set .inner{}


.popup{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    z-index: 100;
}
.popup .wrap{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.popup .wrap .bg{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);
    position: absolute;
    top: 0;
    left: 0;
}
.popup .wrap .set{
    width: calc(100% - 40px);
    max-width: 800px;
    height: 400px;
    z-index: 1;
    position: relative;
    background: #fff;
}
.popup .wrap .set .close{
    position: absolute;
    top: -40px;
    right: 0;
}
.popup .wrap .set .close span{
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
}
.popup .wrap .set .inner{}
@keyframes fadeIn {
    from { opacity: 0; }    
    to { opacity: 1; }
}

.popup {
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, .75);
}
    .popup-banner {
        position: relative;
        background: white;
        width: 75%;
        padding: 6% 5%;
        max-width: 300px;
    }
    
    .popup-close {
        position: absolute;
        top: -15px;
        right: -15px;
        display: block;
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 1.5rem;
        border-radius: 50%;
        text-align: center;
        color: white !important;
        background-color: black;
        cursor: pointer;
    }

    .popup.open {
        display: flex;
        animation: fadeIn .7s;
    }
div.popup {
}
div.popup div.popup-banner {
}
div.popup div.popup-banner span.popup-close {
}
div.popup div.popup-banner a {
}
div.popup div.popup-banner a div.campaign {
}
div.popup div.popup-banner a div.campaign p.midashi {color: black;font-size: 25px;text-align: center;font-family: serif;font-weight: bold;line-height: 1.5;margin-bottom: 20px;}
div.popup div.popup-banner a div.campaign p.midashi span.small {display: block;text-align: center;font-size: 21px;}
div.popup div.popup-banner a div.campaign p.ex {color: black;line-height: 2;}
div.popup div.popup-banner a div.campaign span.tyuui {font-size: 15px !important;margin: 10px 0;display: block;width: 100%;color: red !important;}
div.popup div.popup-banner a div.campaign p.time {text-align: center;color: black;}
div.popup div.popup-banner a div.campaign img.box{
	position: absolute;
	width: 70%;
	top: -32%;
	left: 54%;
	transform: translateX(-50%);
}
div.popup div.popup-banner a div.campaign p.button{
	text-align: center;
	font-size: 23px;
	color: white;
	background: #01b34c;
	border-radius: 50px;
	padding: 15px;
	color: white !important;
}
div.popup div.popup-banner a div.campaign .price{
	text-align: center;
    color: black;
    font-size: 40px;
    font-family: serif;
    font-weight: bold;
    background: #333;
    background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

div.popup div.popup-banner a div.campaign .price .small_price{
	font-size: 17px;
}
/*============================
#timer
============================*/
div.popup div.popup-banner a div.campaign p.time span#timer {display: block;text-align: center;font-size: 45px;font-weight: bold;font-family: serif;margin-bottom: 20px;background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 50%,#ea2803 51%,#ff6600 75%,#c72200 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;}

/*	cv button animation*/
	a.btn_19 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	/* width: 120px; */
	margin: auto;
	/* padding: 1rem 4rem; */
	font-weight: bold;
	/* border: 2px solid #27acd9; */
	background: #27acd9;
	color: #fff;
	border-radius: 5px;
	transition: 0.5s;
	background: linear-gradient(#2476ff, #001ca8);
	/* border: 2px solid #fff; */
	border-radius: 20px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.7);
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 16px;
	overflow: hidden;
	/* padding: 10px 30px; */
	position: relative;
	text-decoration: none;
	text-align: center;
	width: auto;
	width: 100%;
	animation: move_a 2s infinite;
	height: 67px;
	box-sizing: border-box;
	line-height: 1.25;
	padding-top: 14px;
}
	a.btn_19::before{
		background-color: #2a78ff;
		border-radius: 50% 50% 0 0;
		bottom: 0;
		content: '';
		display: block;
		height: 50%;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: -1;
	}
	.line a.btn_19{
		background: linear-gradient(#03c755, #03c755);
		/* border: 2px solid #fff; */
		border-radius : 20px;
		box-shadow: 0 1px 3px rgba(0,0,0,0.7);
		color: #fff;
		cursor: pointer;
		display: inline-block;
		font-size: 16px;
		overflow: hidden;
		/* padding: 10px 30px; */
		position: relative;
		text-decoration: none;
		text-align: center;
		width: 100%;
		padding-left: 15px;
	}
	.line a.btn_19::before{
		background-color: #61c58b;
		border-radius: 50% 50% 0 0;
		bottom: 0;
		content: '';
		display: block;
		height: 50%;
		left: 0;
		position: absolute;
		width: 100%;
		z-index: -1;
	}
@keyframes move_a {
    0% {transform: translate(0px, 4px);}
    5% {transform: translate(0px, -4px);}
    10% {transform: translate(0px, 4px);}
    15% {transform: translate(0px, -4px);}
    20% {transform: translate(0px, 4px);}
    25% {transform: translate(0px, -4px);}
    30% {transform: translate(0px, 0px);}
}
a.btn_19:hover {
	color: #27acd9;
	/* background: #fff; */
}
	a.btn_19 span.small_text{
		position: relative;
		color: white !important;
		font-size: 16px;
		margin-left: 25px;
	}
#topfaq{
	padding-top: 0px !important;
	max-width: 500px;
	margin: 0 auto;
	background: var(--wp--preset--color--white);
	padding-bottom: 50px;
	padding-top: 50px !important;
}
 .qa-list dl {
        position: relative;
        margin: 0;
        padding: 28px 50px 28px 30px;
        cursor: pointer;
        border-bottom: 3px solid #000;
        margin-bottom: 15px;
        border: 4px solid #0087ff;
        width: 87%;
        margin: 0 auto;
        margin-bottom: 20px;
        box-sizing: border-box;
    }
	
	
    .qa-list dl:first-child {
    }
    .qa-list dl::before {
        position: absolute;
        top: 35px;
        right: 35px;
        display: block;
        width: 7px;
        height: 7px;
        margin: auto;
        content: '';
        transform: rotate(135deg);
        border-top: 2px solid black;
        border-right: 2px solid black;
        }
    .qa-list .open::before {
        transform: rotate(-45deg);
    }
    .qa-list dl dt {
        position: relative;
        margin: 0;
        padding: 0 0 0 50px;
        font-weight: bold;
        font-size: 16px;
        text-align: left;
        color: white;
        line-height: 1.5;
    }
    .qa-list dl dt::before {
        padding-left: 10px;
        font-size: 22px;
        line-height: 1;
        position: absolute;
        top: 3px;
        left: 0;
        display: block;
        content: 'Q.';
    }
    .qa-list dl dd::before {
        padding-left: 10px;
        font-size: 22px;
        line-height: 1;
        position: absolute;
        top: 3px;
        left: 2px;
        display: block;
        content: 'A.';
        font-weight: bold;
        color: #ED2170 !important;
    }
    .qa-list dl dd {
        position: relative;
        display: none;
        height: auto;
        margin: 20px 0 0;
        padding: 0 0 0 50px;
        color: #fff;
    }
    .qa-list dl dd p {
        margin: 30px 0 0;
        line-height: 2;
        text-align: left;
    }
    .qa-list dl dd p:first-child{
        margin-top: 0;
    }
#topfaq img{
	width: 73%;
	display: block;
	margin: 0 auto 35px;
}
/*pc*/
@media (min-width: 769px){
	
	main.toppage{
		margin-top: 0px;
	}
	.campaign_slider{
		max-width: 500px;
		margin: 0 auto;
	}
	.fuwa_zone2 {
    /* left: -30%; */
}
	.fuwa_zone2 img{
		width: 100%;
	}
	.modal-body {
    max-width: 390px !important;
    width: 84%;
    top: 7% !important;
}
	
	
	.cv_zone .cv_button {
    max-width: 500px;
    width: 100%;
}
	.footernavi_img.takuzyo {
    width: 14%;
}
	.footernavi_img {
    z-index: -1;
		width: 15%;
}
	.machine .three {
    top: 49% !important;
}
	.machine .four {
    top: 83% !important;
}
	.machine .five {
    bottom: -69% !important;
}
	.cv_zone .cv_button.two {

    left: 0%;
  
}
	.lp_wrap .benefit .odometer {
    top: 19.2% !important;
    left: -2.5% !important;
}
	.lp_wrap .benefit .odometer * {
   font-size: 61px !important;
}
	.benefit .list {
    left: 50% !important;
    transform: translateX(-50%) !important;
}
	.benefit .list li {
    
    width: 43% !important;
   
}
	.benefit .img032,
	.benefit .img033 {
    
    width: 50% !important;
}
	.fuwa_zone2 {
    /* position: static !important; */
}
	.fuwa_zone2 .fuwa1{
		position: absolute;
		/* width: 161px !important; */
		/* bottom: 250px !important; */
		/* left: 24px !important; */
	}
	.fuwa_zone2 .fuwa2{
		position: absolute;
		/* bottom: 376px !important; */
		/* left: -1px !important; */
		/* width: 161px !important; */
	}
	.fuwa_zone2 .fuwa3{
		position: absolute;
		/* bottom: 332px !important; */
		/* left: 24px !important; */
		width: 161px !important;
	}
	.fuwa_zone2 .fuwa4{
		/* position: absolute; */
		/* top: 395px !important; */
		/* right: 23px !important; */
		/* width: 161px !important; */
		/* left: 340px !important; */
	}
	.fuwa_zone2 .fuwa5{
		/* position: absolute; */
		/* right: 0px !important; */
		/* width: 161px !important; */
		/* bottom: 328px !important; */
		/* left: 336px !important; */
	}
	.fuwa_zone2 .fuwa6 {
        position: absolute;
        width: 161px !important;
        bottom: 61% !important;
        left: 33%;
    }
	.fuwa_zone2 .fuwa7 {
        position: absolute;
        width: 161px !important;
        bottom: 37% !important;
        left: 1% !important;
    }
	a.btn_19 span.small_text{
		margin-left: 0px!important;
	}
	a.btn_19{
		padding-left: 20px;
	}
	.table_anime .img039{
		top: -11.6% !important;
	}
	
	
}
/*/pc*/


/* sp */
/* common */
/*animation*/
@-webkit-keyframes fukidashi_animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes fukidashi_animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.fukidashiAnimation {
  -webkit-animation: 5s fukidashi_animation steps(1, start) infinite;
  animation: 5s fukidashi_animation steps(1, start) infinite;
}

.fukidashiAnimation--delay {
  -webkit-animation: 5s fukidashi_animation 2s steps(1, start) infinite;
  animation: 5s fukidashi_animation 2s steps(1, start) infinite;
}

/*/animatioin*/
/*slick縦並び解除*/
.slider,.slider_sec {
    display: none !important;
  }
  .slider.slick-initialized,
  .slider_sec.slick-initialized{
    display: block !important;
  }
/*/slick縦並び解除*/
.re{
	position: relative;
	max-width: 500px;
	margin: 0 auto;
	overflow: hidden;
}
.ab{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
/*お悩み*/
.onayami .fukidashi{
	position: absolute;
	top: 21%;
}
.onayami .list{
	top: 44%;
	position: absolute;
	display: flex;
	justify-content: space-between;
}
.onayami .list li.one{
	
}
.onayami .list li.two{
	transition-delay: .2s;
}
.onayami .list li.three{
	transition-delay: .4s; 
}

.onayami .list.two{
	top: 64%;
	position: absolute;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
}
.onayami .list.two li.one{
	width: 40%;
}
.onayami .list.two li.two{
	transition-delay: .2s;
	width: 40%;
}
.onayami .list.two li.three{
	transition-delay: .4s;
	/* width: 50%; */
	width: 40%;
}
.onayami .list.two li.four{
	transition-delay: .4s;
	width: 50%;
	width: 44%;
}
.onayami .tictock{
	position: absolute;
	animation: 2s fukidashi_animation 5s steps(1, start) infinite;
	bottom: 0%;
	width: 78%;
	left: 9%;
	transform: translateX(-50%);
}
/*/お悩み*/

/*マシーン*/
.machine{
	position: absolute;
	top: 70px;
	/* z-index: 100; */
	height: 380px;
}
.machine .one{
	
}
.machine .two{position: absolute;max-width: none;left: 0%;width: 166%;top: 42%;}
.machine .three{
	position: absolute;
	/* z-index: 100000; */
	left: 5%;
	width: 55%;
	top: 44%;00:;
}
.machine .four{
	position: absolute;
	width: 33%;
	left: 14%;
	top: 73%;
}
.machine .five{
	width: 63%;
	position: absolute;
	left: -1%;
	bottom: -46%;
}
.machine_sec .img15{
	position: absolute;
    top: 41%;
    left: 0;
    width: 89%;
    left: 50%;
    transform: translateX(-50%)!important;
}
.machine_sec .img16{
	position: absolute;
    top: 0%;
    osition: absolute;
    top: 61%;
    left: 0;
    width: 89%;
    left: 50%;
    transform: translateX(-50%)!important;
}
.machine_sec .img17{
	position: absolute;
    top: 69%;
    left: 0;
    width: 89%;
    left: 50%;
    transform: translateX(-50%)!important;
}
/*/マシーン*/

/*5つ理由*/
.reason{
	
}
.reason .reason001{
	position: absolute;
	left: 0%;
	top: 12%;
	width: 89%;
	left: 50%;
	transform: translateX(-50%) !important;
}
.reason .reason001 .machine{
	position: absolute;
	top: -4%;
	z-index: 1;
	width: 65%;
	/* max-width: 100%; */
	height: auto;
	left: -15%;
	animation: 2s fukidashi_animation 5s steps(1, start) infinite;
}
.reason .reason001 .img019{
	/* position: absolute; */
	/* left: 0%; */
	top: 7%;
	/* width: 89%; */
	left: 50%;
	/* transform: translateX(-50%) !important; */
}
.reason .img020{
	position: absolute;
	left: 0%;
	top: 28.6%;
	width: 89%;
	left: 50%;
	transform: translateX(-50%) !important;
}
.reason .img021{
	position: absolute;
	left: 0%;
	top: 56.5%;
	width: 89%;
	left: 50%;
	transform: translateX(-50%) !important;
}
.reason .img022{
	position: absolute;
	left: 0%;
	top: 69.2%;
	width: 89%;
	left: 50%;
	transform: translateX(-50%) !important;
}
.reason .img023{
	position: absolute;
	left: 0%;
	top: 81.9%;
	width: 89%;
	left: 50%;
	transform: translateX(-50%) !important;
}
.reason .cv_button{
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	width: 109%;
	left: -8%;
}

/*/5つ理由*/

/*table セクション*/
.table_sec{
	
}

.table_anime{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	top: 27%;
	width: 89%;
}
.table_anime .img038{
	
}
.table_anime .img039{
	position: absolute;
	top: -11.5%;
	left: 13%;
	width: 42%;
	animation: 3s linear 0s infinite normal none running bomb;
	transition: all 0.3s ease 0s;
}
/*/table セクション*/

/*お客様の声*/
.voice_sec{
	
}
.voice_sec .img025{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	top: 15%;
	width: 89%;
}
.voice_sec .img026{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	top: 58%;
	width: 89%;
}

/*/お客様の声*/

/*サポート*/
.support_sec{
	
}
.support_sec ul{
	position: absolute;
	top: 18%;
}
.support_sec ul li{
	
}
.support_sec ul li.one{
	width: 98%;
	margin: 0 auto;
	/* left: 50%; */
}
.support_sec ul li.two{
	transition-delay: .2s;
	width: 61%;
	margin-left: 1.5%;
}
.support_sec ul li.three{
	transition-delay: .4s;
	width: 49%;
	width: 61%;
	margin-left: 1.5%;
}
/*/サポート*/

/*benefit*/
.benefit{
	
}
.benefit .list{
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	top: 33%;
	justify-content: center;
}
.benefit .list .one{
	transition-delay: .2s;
	width: 36%;
	margin-right: 12px;
}
.benefit .list .two{
	transition-delay: .4s;
	width: 36%;
}
.benefit .img032{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	top: 51%;
	width: 77%;
}
.benefit .img033{
	position: absolute;
	left: 50%;
	transform: translateX(-50%) !important;
	top: 71%;
	width: 77%;
}
.lp_wrap .benefit .odometer {
    position: absolute;
    top: 19.6%;
    left: -5.5%;
    width: 100%;
    height: 5%;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
}
.lp_wrap .benefit .odometer * {
    color: #d9b06a !important;
    font-size: 51px;
    color: transparent !important;
    background: linear-gradient(0deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    -webkit-background-clip: text;
    color: d9b06a !important;
}


/*/benefit*/

/*なぜ*/
.why_sec{
	
}
.why_sec ul{
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translateX(-50%) !important;
	width: 89%;
}
.why_sec li.one{
	margin-bottom: 5%;
}
.why_sec li.two{
	transition-delay: .2s;
	margin-bottom: 5%;
}
.why_sec li.three{
	transition-delay: .4s;
}
/*/なぜ*/
/*flow*/
.flow .step{
	position: absolute;
	display: flex;
	overflow-x: auto;
	gap: 1rem;
	width: 89%;
	margin: 0 auto;
	scroll-snap-type: x mandatory;
	flex-wrap: nowrap;
	top: 60%;
	left: 50%;
	transform: translateX(-50%);
}

.flow .step li{
	margin-top: 10.6666666667vw;
	flex: 0 0 70%;
	aspect-ratio: 16/10;
	scroll-snap-align: start;
}

/*/flow*/
/*attention*/
.attention .img036{
	position: absolute;
	top: 20%;
	left: 25%;
	transform: translateX(-50%);
	width: 53%;
	animation: 3s linear 0s infinite normal none running bomb;
}

/*/attention*/
/*contact form*/
#contact{
	width: 100%;
	max-width: 500px;
}
.wpcf7-form {
   background: none;
}

select[name="menu-todouhuken"]{
	width: 100%;
	height: 50px;
	font-size: 16px;
}
	select[name="menu-33"]{
	width: 100%;
	height: 50px;
	font-size: 16px;
}

/*/contact form*/
@keyframes fuwafuwa1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
	
	@keyframes fuwafuwa2 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}
	@keyframes fuwafuwa3 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px);
  }
}
	@keyframes fuwafuwa4 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
	@keyframes fuwafuwa5 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
		
}

	@keyframes fuwafuwa6 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
		
}

	@keyframes fuwafuwa7 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
		
}

/* このクラスをつけると回転を無限に繰り返します */
.anime-fuwafuwa1 {
  animation: 4s fuwafuwa1 infinite;
}
	.anime-fuwafuwa2 {
  animation: 3.5s fuwafuwa2 infinite;
}
	.anime-fuwafuwa3 {
  animation: 4s fuwafuwa3 infinite;
}
	.anime-fuwafuwa4 {
  animation: 3.5s fuwafuwa4 infinite;
}
	.anime-fuwafuwa5 {
  animation: 4s fuwafuwa5 infinite;
}
	.anime-fuwafuwa6 {
  animation: 4s fuwafuwa6 infinite;
}
		.anime-fuwafuwa7 {
  animation: 4s fuwafuwa7 infinite;
}
	
	.fuwa_zone2{
		position: absolute;
		bottom: 0px;
		width: 100%;
		height: 100% !important;!i;!;
		max-width: 500px;
		display: block;
		margin: 0 auto;
		left: 50%;
		transform: translateX(-50%);
	}
	.fuwa_zone2 .fuwa1{
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 161px;
		top: 27%;
		/* bottom: 31vw; */
		left: 60%;
	}
	.fuwa_zone2 .fuwa2{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 134px;
		/* top: -2%; */
		bottom: 96vw;
		left: 3vw;
		width: 161px;
		/* top: -2%; */
		bottom: 20%;
		left: 0vw;
	}
	.fuwa_zone2 .fuwa3{
		position: absolute;
		position: absolute;
		width: 161px !important;!i;!;
		/* top: -2%; */
		bottom: 51%;
		left: 9%;
	}
	.fuwa_zone2 .fuwa4{
		position: absolute;
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 161px;
		/* top: -2%; */
		bottom: 19%;
		left: 67%;
	}
	.fuwa_zone2 .fuwa5{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 98px;
		/* top: -2%; */
		bottom: 70vw;
		left: 67vw;
		width: 161px;
		/* top: -2%; */
		bottom: 38%;
		left: 63%;
	}
@media screen and (max-width:767px){
html{
    scroll-behavior: smooth;
}
	body.page-id-1027 .siteContent {
    padding: 0 10px;
}
	#footerFloatingMenu2{
		position: fixed;
		bottom: 2%;
		z-index: 1000000;
		opacity: 1;
		right: 4%;
		flex-direction: column-reverse;
	}
/*	lp　contact*/
	
	.wpcf7{
		width: 89%;
		margin: 0 auto;
		padding-top: 50px;
	}
	@keyframes fuwafuwa1 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
	
	@keyframes fuwafuwa2 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}
	@keyframes fuwafuwa3 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px);
  }
}
	@keyframes fuwafuwa4 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
	@keyframes fuwafuwa5 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(10px);
  }
}
	@keyframes fuwafuwa6 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(15px);
  }
}
	@keyframes fuwafuwa7 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-25px);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.anime-fuwafuwa1 {
  animation: 4s fuwafuwa1 infinite;
}
	.anime-fuwafuwa2 {
  animation: 3.5s fuwafuwa2 infinite;
}
	.anime-fuwafuwa3 {
  animation: 4s fuwafuwa3 infinite;
}
	.anime-fuwafuwa4 {
  animation: 3.5s fuwafuwa4 infinite;
}
	.anime-fuwafuwa5 {
  animation: 4s fuwafuwa5 infinite;
}
	.anime-fuwafuwa6 {
  animation: 4s fuwafuwa6 infinite;
}
	.anime-fuwafuwa7 {
  animation: 4s fuwafuwa7 infinite;
}
	
	.fuwa_zone2{
		position: absolute;
		bottom: 0px;
	}
	.fuwa_zone2 .fuwa1{
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		top: 14%;
		left: 32%;
	}
	.fuwa_zone2 .fuwa2{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 69%;
		left: 2%;
	}
	.fuwa_zone2 .fuwa3{
		position: absolute;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 51%;
		left: -2%;
	}
	.fuwa_zone2 .fuwa4{
		position: absolute;
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 64%;
		left: 65%;
	}
	.fuwa_zone2 .fuwa5{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 40%;
		left: 65%;
	}
	
	.fuwa_zone2 .fuwa6{
		position: absolute;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 39%;
		left: 1%;
	}
	.fuwa_zone2 .fuwa7{
		position: absolute;
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 51%;
		left: 65%;
	}
	.cv_zone{
		position: relative;
	}
	.cv_zone .cv_button{
		position: absolute;
		bottom: 20%;
		width: 100%;
		left: 0%;
	}
	.cv_zone .cv_button.two{
		position: absolute;
		bottom: 1%;
	}
	.cv_zone .cv_button.three{
		position: absolute;
		bottom: 3%;
	}
	.cv_zone .cv_button.four{
		position: absolute;
		bottom: 5%;
	}
	.cv_zone .cv_button.five{
		position: absolute;
		bottom: 23%;
	}
	
	input.hi, select.hi {
    width: 100%;
    height: 50px;
    font-size: 16px;
}
	.wpcf7-form-control.wpcf7-textarea{
		width: 100%;
		font-size: 16px;
		box-sizing: border-box;
	}
	a{
		display: block;
	}
	.animated {
  animation: move-y .5s infinite alternate ease-in-out;
  /* display: inline-block; */
  color: red;
}
	a.btn_19::before{
		
	}
@keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(10px);
  }
}

}
@media screen and (max-width:500px){
	div.popup div.popup-banner a div.campaign img.box {
    top: -37%;
}
}
section.point {position: relative;}
section.point img.lp {position: relative;}
section.point img.lp014.ab {top: 16%;left: 0%;transform: translateX(-50%);animation: 3s linear 0s infinite normal none running bomb;}
section.number {position: relative;}
section.number img.lp {position: relative;}
section.number img.lp006.ab {left: 20%;/* transform: translateX(-50%); */top: 15%;width: 60%;animation: 3s linear 0s infinite normal none running bomb;}
section.number img.lp007.ab {
    top: 54%;
    animation: 3s linear 0s infinite normal none running bomb;
    left: 0%;
}
	section.number.two img.lp019_1.ab{
		/* width: 1; */
		top: -5%;
		animation: 3s linear 0s infinite normal none running bomb;
		left: 2%;
		width: 100%;
	}
section.price {position: relative;}
section.price img.lp {position: relative;}
section.price div.cv_button.animated {position: absolute;bottom: 1%;left: 1%;width: 100%;transform: translateX(-50%);}
section.price div.cv_button.animated a {
}
section.price div.cv_button.animated a img.lp {
}
img.lp {margin: 0 auto;position: relative;max-width: 500px;margin: 0 auto;display: block;width: 100%;}
section.support{
	position: relative;
}
section.support .cv_button{
	position: absolute;
	bottom: 1%;
	left: 0%;
}

section.point.one {
}
section.point.one img.lp {
}
video{
	position: absolute;
	width: 86%;
}
video.one{
	 top: 20%;
	 left: 7%;
}
	video.two{
	 top: 16%;
	 left: 5%;
	 left: 7%;
}
	video.three{
	 top: 14%;
	 left: 7%;
	 left: 7%;
}
	video.four{
	 top: 27%;
	 left: 7%;
	 left: 7%;
}
	video.five{
	 top: 18%;
	 left: 7%;
}
	video.six{
	 top: 33%;
	 left: 7%;
}
	video.seven {
    top: 15%;
    left: 7%;
}
section.point.one img.lp009_1.ab{
		bottom: 4%;
		width: 61%;
		left: 40%;
		animation: 3s linear 0s infinite normal none running bomb;
}
section.point.one img.lp008.ab {top: 12%;/* animation: 3s linear 0s infinite normal; */animation: 3s linear 0s infinite normal none running bomb;left: 1%;}
section.point.two {
}
section.point.two img.lp {
}
section.point.two img.lp009.ab {top: 4%;animation: 3s linear 0s infinite normal none running bomb;left: 1%;}
section.point.three {
}
section.point.three img.lp {
}
section.point.three img.lp010.ab {top: 5%;animation: 3s linear 0s infinite normal none running bomb;left: 1%;}
section.point.four {
}
section.point.four img.lp {
}
section.point.four img.lp011.ab {top: 5%;animation: 3s linear 0s infinite normal none running bomb;left: 1%;}
section.point.five {
}
section.point.five img.lp {
}
section.point.five img.lp012.ab {top: 8%;/* width: 80%; */animation: 3s linear 0s infinite normal none running bomb;left: 1%;}
section.point.six {background: #c1e2f2;}
section.point.six img.lp {padding-bottom: 95px;}
section.point.six .cv_button{
	position: absolute;
	bottom: -4%;
	left: 0.5%;
	width: 100%;
	z-index: 1;
}
section.point.six img.lp013.ab {/* width: 70%; */top: 6%;left: 28%;animation: 3s linear 0s infinite normal none running bomb;left: 0%;}
section.voice {position: relative;}
section.voice img.lp {
}
section.voice img.lp015.ab {bottom: 1%;animation: 2s fukidashi_animation 5s steps(1, start) infinite;left: 0%;}
section.voice.two {
}
section.voice.two img.lp {
}
section.voice.two img.lp016.ab {top: 41%;animation: 2s fukidashi_animation 5s steps(1, start) infinite;left: 0%;}
section.voice.two img.lp017.ab {bottom: 3%;animation: 2s fukidashi_animation 5s steps(1, start) infinite;left: 0%;}
section.number.two {
}
section.number.two img.lp {
}
section.number.two img.lp018.ab {width: 70%;top: 50%;animation: 3s linear 0s infinite normal none running bomb;left: 16%;}
section.tokuten {position: relative;}
section.tokuten img.lp {/* position: relative; */}
section.tokuten img.lp019.ab {bottom: 6%;width: 69%;animation: 2s fukidashi_animation 5s steps(1, start) infinite;left: 17%;}
section.tokuten .cv_button{
	position: absolute;
	bottom: 0.5%;
	left: 0%;
	width: 100%;
}
section.attention {position: relative;}
section.attention img.lp {/* position: relative; */}
section.attention img.lp020.ab {width: 54%;bottom: 18%;animation: 3s linear 0s infinite normal none running bomb;left: 24%;}
section.demo{
    position: relative;
}
	section.demo .cv_button{
		position: absolute;
		top: 2%;
		width: 100%;
		left: 0%;
	}
	

	/*	/lp　contact*/