@charset "UTF-8";
section{position: relative;max-width: 500px;margin: 0 auto;}
@keyframes fadein {
  0% {
     opacity: 0;
     transform: translateX(0);
  }
  100% {
     opacity: 1;
     transform: translateX(20px);
  }
}
@keyframes fadeup {
  0% {
     opacity: 0;
     transform: translateY(20px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
  }
}
.u-emoji {
    font-family: apple color emoji, segoe ui emoji, noto color emoji, android emoji, emojisymbols, emojione mozilla, twemoji mozilla, segoe ui symbol;
}
/*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%;
	}
	.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,
#topSpec{
	padding-top: 0px !important;
	max-width: 500px;
	margin: 0 auto;
	background: var(--wp--preset--color--white);
	padding-bottom: 50px;
	padding-top: 50px !important;
}
#topSpec .topSpec_inner .title {
    font-size: 30px;
    display: block;
    margin: 0 auto 35px;
    font-family: serif;
    letter-spacing: 16px;
    letter-spacing: normal;
    letter-spacing: 0.5em;
    text-align: center;
    color: #0387ff;
}
 .qa-list dl {
        position: relative;
        margin: 0;
        padding: 28px 9px 28px 9px;
        cursor: pointer;
        border-bottom: 3px solid #000;
        margin-bottom: 15px;
        border: 4px solid #0087ff;
        width: 92%;
        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 35px 0 30px;
        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: 1px;
        left: -11px;
        display: block;
        content: 'Q.';
    }
    .qa-list dl dd::before {
        padding-left: 10px;
        font-size: 22px;
        line-height: 1;
        position: absolute;
        top: 3px;
        left: -11px;
        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: 0px 10px 0 30px;
        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%;
    opacity: 1;
}
	.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;
		top: 250px !important;
		left: 24px !important;
	}
	.fuwa_zone2 .fuwa2{
		position: absolute;
		top: 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;
	}
	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%);
}
.ab.main001{
	top: 6%;
	left: 1%;
	width: 58%;
	animation: 3s linear 0s infinite normal none running bomb;
}
/*お悩み*/
.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;
	background: transparent;
}
.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;
	padding: 10px;
}

/*/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);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.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;
}
	
	.fuwa_zone2{
		position: absolute;
		bottom: 0px;
	}
	.fuwa_zone2 .fuwa1{
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 125px;
		/* top: -2%; */
		bottom: 31vw;
		left: 15vw;
	}
	.fuwa_zone2 .fuwa2{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 134px;
		/* top: -2%; */
		bottom: 96vw;
		left: 3vw;
		width: 134px;
		/* top: -2%; */
		bottom: 42vw;
		left: 16vw;
	}
	.fuwa_zone2 .fuwa3{
		position: absolute;
		position: absolute;
		width: 134px;
		/* top: -2%; */
		bottom: 50vw;
		left: 28vw;
	}
	.fuwa_zone2 .fuwa4{
		position: absolute;
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 134px;
		/* top: -2%; */
		bottom: 42vw;
		left: 40vw;
	}
	.fuwa_zone2 .fuwa5{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 98px;
		/* top: -2%; */
		bottom: 70vw;
		left: 67vw;
		width: 125px;
		/* top: -2%; */
		bottom: 31vw;
		left: 42vw;
	}
@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);
  }
}

/* このクラスをつけると回転を無限に繰り返します */
.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;
}
	
	.fuwa_zone2{
		position: absolute;
		bottom: 0px;
	}
	.fuwa_zone2 .fuwa1{
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 126vw;
		left: 1vw;
	}
	.fuwa_zone2 .fuwa2{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 99vw;
		left: -2vw;
	}
	.fuwa_zone2 .fuwa3{
		position: absolute;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 63vw;
		left: 4vw;
	}
	.fuwa_zone2 .fuwa4{
		position: absolute;
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 89vw;
		left: 66vw;
	}
	.fuwa_zone2 .fuwa5{
		position: absolute;
		position: absolute;
		width: 200px;
		bottom: 0px;
		position: absolute;
		width: 140px;
		/* top: -2%; */
		bottom: 60vw;
		left: 62vw;
	}
	.cv_zone{
		position: relative;
	}
	.cv_zone .cv_button{
		position: absolute;
		bottom: 0%;
		width: 100%;
		left: 0%;
		opacity: 1;
	}
	.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;
    padding: 10px;
}
	.wpcf7-form-control.wpcf7-textarea{
		width: 100%;
		font-size: 16px;
		box-sizing: border-box;
		padding: 10px;
	}
	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%;
}
}

.jenimo-info-head-sq__item--sub{
		font-size: 3.6vw;
		margin-bottom: 10px;
	}
	.jenimo-info-head-sq__item .small{
		margin-top: 10px;
	}
	.jenimo-info-head__subttl{
		font-size: 6vw;
		line-height: 1.5;
	}
	.p-jenimo_recommend__list li em{
		font-size: 5vw;
	}
	.attachment .c-text01{
		margin-bottom: calc(2.04082vw + 12.34694px);
	}
	.attachment .flex .c-text01{
		width: 100%;
	}
	.attachment .flex div{
		width: 100% !important;!i;!;
	}
	.attachment .flex{
		flex-direction: column-reverse;
	}
	
	.p-jenimo_kv__main__button.atta a{
		padding-left: 8px;
	}
	
	.jenimo-info-head--img .ab{
	right: -20%;
}
.jenimo-info-head--img .ab span{
	width: 75%;
	font-size: 10px;
	}
.jenimo-info-head--img .ab img{
	width: 70px;
	height: 70px;
}

.jenimo-tbl {
  margin-top: 20px;
  width: 100%;
  font-family: auto;
}
.jenimo-tbl__item {
  width: 100%;
  font-size: 14px;
  letter-spacing: 0;
  border-top: 1px solid #bababa;
}
.jenimo-tbl__ttl {
  /* width: 130px; */
  font-weight: bold;
  padding-left: 10px;
  color: #b9a156 !important;!i;!;!o;!oi;!;
  background-color: #eee;
  vertical-align: middle;
  text-align: left;
  width: 35%;
}
.jenimo_led .jenimo-tbl__ttl{
    color: #0279fc;
}
.jenimo_mini .jenimo-tbl__ttl{
    color: #0fbc53;
}
.jenimo_tower .jenimo-tbl__ttl{
    color: #b9a156;
}
.jenimo-tbl__txt {
  /* width: 320px; */
  padding: 15px 20px;
  width: 65%;
  line-height: 1.5;
  font-weight: normal;
}
.jenimo-tbl__txt--sub {
  font-size: 11px;
}
.jenimo-info-btm {
  margin-top: 10px;
  margin-left: 550px;
}
.jenimo-info-btm-ttl {
  font-size: 18px;
  font-weight: bold;
}
.jenimo-info-btm-txt {
  font-size: 12px;
}
 .p-common-footer__address__item__title {
        font-size: 20px;
        color: white !important;!i;!;
        font-weight: 600;
        font-family: auto;
        margin-bottom: 10px;
    }
    .p-common-footer__address__item__address {
        margin-bottom: 2rem;
        font-size: 16px;
        color: white !important;!i;!;
        line-height: 1.5;
    }

.footer_logo a{
	margin-bottom: 50px;
}
	#faq {
  /* max-width: 500px; */
  width: 93%;
  margin: auto;
  /* padding: 0 15px; */
  text-align: center;
  padding: 7.46vw 0 10.13vw;
}
	#faq img,#contact img{
		width: 83%;
		display: block;
		margin: 0 auto 35px;
}

section.faq {
  padding-top: 2em;
  padding-bottom: 3em;
}

#faq ul {
  text-align: left;
}
.transition, p, ul li i:before, ul li i:after {
  transition: all 0.3s;
}

#faq .no-select, #faq h2 {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  user-select: none;
}

#faq h1 {
  color: #000;
  margin-bottom: 30px;
  margin-top: 0;
}

#faq h2 {
  color: #cc071e !imprtant;!imprtant;!i;!;
  font-family: 'hm_light', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  text-align: left;
  padding: 10px 20px 10px 10px;
  text-transform: none;
  font-weight: 300;
  letter-spacing: 1px;
  display: block;
  margin: 0;
  cursor: pointer;
  transition: .2s;
}
	#faq h2::before{
		content:"Q.";
		margin-right: 12px;
		color: #b9a156;
		font-weight: bold;
		font-size: 20px;
	}
	#faq p::before{
		content:"A.";
		margin-right: 12px;
		font-size: 20px;
		color: red;
		font-weight: bold;
	}

#faq p {
  color: #333;
  text-align: left;
  font-family: 'hm_light', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  position: relative;
  overflow: hidden;
  /* max-height: 250px; */
  will-change: max-height;
  contain: layout;
  display: inline-block;
  opacity: 1;
  transform: translate(0, 0);
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0 10px 0 10px;
  transition: .3s opacity, .6s max-height;
  hyphens: auto;
  z-index: 2;
}

#faq ul {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}
#faq ul li {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin: 0;
  /*padding-bottom: 4px;*/
  /*padding-top: 18px;*/
  background: #fff;
  box-shadow: 0 3px 10px -2px rgba(0,0,0,0.1);
  -webkit-tap-highlight-color: transparent;
  margin-bottom: 25px;
  /* padding: 10px; */
}
#faq ul li + li {
  margin-top: 15px;
}
#faq ul li:last-of-type {
  padding-bottom: 0;
}
#faq ul li i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 17px;
  right: 15px;
}
#faq ul li i:before, ul li i:after {
  content: "";
  position: absolute;
  background-color: #b9a156;
  width: 3px;
  height: 9px;
}
#faq ul li i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
#faq ul li i:after {
  transform: translate(2px, 0) rotate(-45deg);
}
#faq ul li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
  touch-action: manipulation;
  /* padding: 16px; */
}
#faq ul li input[type=checkbox]:checked ~ h2 {
  color: #000;
}
#faq ul li input[type=checkbox]:checked ~ p {
  /*margin-top: 0;*/
  max-height: 0;
  transition: .3s;
  opacity: 0;
  /*transform: translate(0, 50%);*/
  display: none;
}
#faq ul li input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
#faq ul li input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}
#faq a {
  color: currentColor;
  transition: .2s ease-in-out;
}
img.m001.ab {
    top: 3%;
    left: 20%;
    width: 52%;
    transform: translateX(-50%);
}
img.m002.ab {
    top: 11%;
    left: 5%;
    width: 80%;
    transform: translateX(-50%);
    animation-delay: 300ms;
}
img.m003.ab {
    bottom: 19%;
    left: -2%;
    width: 95%;
    transform: translateX(-50%);
    animation-delay: 600ms;
}
	img.m007.ab {
    bottom: 61%;
    left: 69%;
    width: 24%;
    transform: translateX(-50%);
    animation-delay: 600ms;
    /* z-index: 20; */
}
img.m004.ab {
    top: 31%;
    left: 4%;
    width: 44%;
    transform: translateX(-50%);
    animation-delay: 600ms;
}
img.m005.ab {
    top: 35%;
    left: 38%;
    width: 62%;
    transform: translateX(-50%);
    z-index: 2;
}
img.m006.ab {
    bottom: 29%;
    left: 0%;
    width: 49%;
    transform: translateX(-50%);
    animation-delay: 300ms;
}
img.lp001.ab {
    top: 23%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp002.ab {
    top: 16%;
    width: 65%;
    /* transform: translate(10px, 10px); */
    left: 17%;
    margin: 0 auto;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp003.ab {
    top: 46%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp004.ab {
    bottom: 13%;
    left: 2%;
    transform: translateX(-50%);
    /* animation: 3s linear 0s infinite normal none running bomb; */
    /* transition: all 1s; */
}

img.lp005.ab {
    bottom: 13%;
    left: 45%;
    transform: translateX(-50%);
    /* animation: 3s linear 0s infinite normal none running bomb; */
    /* animation-delay: 200ms; */
}

img.lp006.ab {
    bottom: 2%;
    left: 2%;
    transform: translateX(-50%);
    /* animation: 3s linear 0s infinite normal none running bomb; */
    /* animation-delay: 400ms; */
}

img.lp007.ab {
    bottom: 2%;
    left: 45%;
    transform: translateX(-50%);
    /* animation: 3s linear 0s infinite normal none running bomb; */
    /* animation-delay: 600ms; */
}

img.lp008.ab {
    top: 26%;
    left: 2%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp009.ab {
    top: 26%;
    left: 47%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp010.ab {
    bottom: 24%;
    left: 2%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp011.ab {
    bottom: 24%;
    left: 47%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp012.ab {
    bottom: 2%;
    left: 24.5%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp013.ab {
   top: 5%;
   width: 80%;
   left: 10%;
   transform: translateX(-50%);
   animation: 3s linear 0s infinite normal none running bomb;
}

img.lp014.ab {
    top: 8%;
    width: 80%;
    left: 10%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp015.ab {
   bottom: 15%;
   width: 95%;
   display: none;
   left: 3%;
   transform: translateX(-50%);
   animation: 3s linear 0s infinite normal none running bomb;
}

img.lp016.ab {
   top: 7%;
   width: 80%;
   left: 10%;
   transform: translateX(-50%);
   animation: 3s linear 0s infinite normal none running bomb;
}

img.lp017.ab {
    top: 14%;
    width: 85%;
    left: 7%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp018.ab {
    top: 16%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
    top: 7%;
    width: 80%;
    left: 10%;
}

img.lp019.ab {
    top: 16%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
    top: 5%;
    width: 80%;
    left: 10%;
}

img.lp020.ab {
    top: 0%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp021.ab {
    top: 16%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp022.ab {
    top: 51%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp023.ab {
    bottom: 1%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp024.ab {
    top: 21%;
    left: 5%;
    width: 90%;
    transform: translateX(-50%);
    animation: 2s fukidashi_animation 5s steps(1, start) infinite;
}

img.lp025.ab {
    top: 16%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}

img.lp026.ab {
    top: 16%;
    left: 0%;
    transform: translateX(-50%);
    animation: 3s linear 0s infinite normal none running bomb;
}
img.lp008.ab,
img.lp009.ab,
img.lp010.ab,
img.lp011.ab,
img.lp012.ab{
	width: 50%;
}

.number .cv_button.ab{
	left: 0;
	bottom: 3%;
}

.scroll_down a{
  opacity: 1;
  -webkit-transition: all .5s ease-in 3s;
  transition: all .5s ease-in 3s;
}

.scroll_down a{
  color: #000;
  position: absolute;
  bottom: 60px;
  left: 50%;
  display: block;
  background-size: 14px auto;
  z-index: 2;
  text-decoration: none; 
  transform: translate(-50%, -50%);
}

.scroll_down a:before {
  position: absolute;
  top: calc(50% + 24px);
  left: calc(50% - 8px);
  transform: rotate(-45deg);
  display: block;
  width: 12px;
  height: 12px;
  content: "";
  border: 2px solid #000;
  border-width: 0px 0 2px 2px;
  animation: bounce 2s linear infinite;
}

.scroll_down a:after {
  position: absolute;
  width: 32px;
  height: 32px;
  border: 2px solid #000;
  content: "";
  border-radius: 50%;
  top: calc(50% + 16px);
  left: calc(50% - 19px);
}

@keyframes bounce {
  0%,
  100%,
  20%,
  50%,
  70%,
  80% {
    -webkit-transform: translateY(0)rotate(-45deg);
    -ms-transform: translateY(0)rotate(-45deg);
    transform: translateY(0)rotate(-45deg);
  }
  40% {
    -webkit-transform: translateY(-8px)rotate(-45deg);
    -ms-transform: translateY(-8px)rotate(-45deg);
    transform: translateY(-8px)rotate(-45deg);
  }
  60% {
    -webkit-transform: translateY(-4px)rotate(-45deg);
    -ms-transform: translateY(-4px)rotate(-45deg);
    transform: translateY(-4px)rotate(-45deg);
  }
}
.block {
    opacity: 0; /* 最初は非表示にしておく */
    /* transition: all 1s; */ /* 動きを滑らかに */
}
/* フェードイン用のクラス */
.fadeIn {
    opacity: 1;
    opacity: 0;
    animation-name: fadein;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}
	img.lp004.ab,
	img.lp005.ab,
	img.lp006.ab,
	img.lp007.ab{
		width: 42%;
	}
img.m004.ab.fadeIn{
	animation-name: fadeup;
}
img.m005.ab.fadeIn{
	animation-name: fadeup;
}
img.m006.ab.fadeIn{
	animation-name: fadeup;
}

.c-drawer {
    background-color: #f4f5f4;
    display: none;
    height: 100vh;
    height: calc(var(--vh, 1vh)*100);
    left: auto;
    overflow-y: scroll;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 510px;
    z-index: 100
}

.c-drawer__inner {
    background-color: #f4f5f4;
    padding: 99px calc(2.44898vw + 20.81633px)
}

.c-drawer__aco {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: calc(.81633vw + 6.93878px)
}

.c-drawer__aco__head {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: calc(.81633vw + 6.93878px) 0
}

.c-drawer__aco__head .mark {
    color: #b9a156;
    font-size: calc(1.30612vw + 11.10204px);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.c-drawer__aco__head .mark svg {
    vertical-align: middle
}

.c-drawer__aco__head.is-act .mark {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.c-drawer__aco__body {
    height: 0;
    overflow: hidden;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.c-drawer__aco__body .child_list {
    padding-left: calc(1.22449vw + 10.40816px)
}

.c-drawer__aco__body .child_list li a {
    display: block;
    font-size: calc(.16327vw + 1.23878rem);
    font-weight: 700;
    padding: calc(.40816vw + 3.46939px)
}

.c-drawer__link {
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: calc(.81633vw + 6.93878px)
}

.c-drawer__link a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 700;
    justify-content: space-between;
    padding: calc(.81633vw + 6.93878px) 0
}

.c-drawer__link a .mark {
    color: #b9a156;
    font-size: calc(1.30612vw + 11.10204px)
}

.c-drawer_essent {
    display: grid;
    gap: calc(.81633vw + 6.93878px);
    grid-template-columns: repeat(2,1fr)
}

.c-drawer_essent__item a,.c-drawer_essent__item span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: calc(.4898vw + 5.16327px) calc(.16327vw + 7.38776px) calc(.2449vw + 3.08163px)
}

.c-drawer_essent__item a .img,.c-drawer_essent__item span .img {
    max-width: calc(3.26531vw + 27.7551px);
    min-width: calc(3.26531vw + 27.7551px)
}

.c-drawer_essent__item a .catch,.c-drawer_essent__item span .catch {
    font-size: 1.2rem;
    line-height: 1.2;
    margin-bottom: 5px
}

.c-drawer_essent__item a .name,.c-drawer_essent__item span .name {
    font-family: Satoshi,sans-serif;
    font-weight: 700;
    line-height: 1.15
}

.c-drawer_essent__item.-more span {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background-color: #f4f5f4;
    -ms-flex-direction: column;
    flex-direction: column;
    letter-spacing: 0;
    padding-bottom: calc(1.14286vw + 9.71429px);
    text-align: center
}

.c-drawer_essent__item.-more span .u-en {
    font-weight: 700
}

.c-drawer_essent__item.-more span .sub {
    font-size: calc(.16327vw + 1.03878rem);
    line-height: 1.4;
    margin-top: calc(.4898vw + 4.16327px)
}

.c-drawer_service {
    display: grid;
    gap: calc(.81633vw + 6.93878px);
    grid-template-columns: repeat(2,1fr)
}

.c-drawer_service__item a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: calc(.40816vw + 3.46939px);
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: calc(2.04082vw + 7.34694px) calc(.81633vw + 6.93878px);
    position: relative;
    z-index: 2
}

.c-drawer_service__item a .bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.c-drawer_service__item a .bg:after {
    background-color: #2f3e3f;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .5;
    position: absolute;
    top: 0;
    width: 100%
}

.c-drawer_service__item a .bg img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-drawer_service__item a .ico {
    margin-bottom: calc(.65306vw + 5.55102px);
    width: calc(.81633vw + 26.93878px)
}

.c-drawer_service__item a .text {
    font-size: calc(.08163vw + 1.26939rem);
    line-height: 1
}

.c-drawer_service__item a .arrow {
    font-size: calc(.40816vw + 13.46939px);
    position: absolute;
    right: calc(.81633vw + 6.93878px);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-drawer__button {
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: auto;
    padding-bottom: env(safe-area-inset-bottom);
    position: fixed;
    right: 0;
    color: white !important;!i;!;
    width: 100%;
    z-index: 101
}

.c-drawer__button__item {
    position: relative;
    width: 50%
}
.c-drawer__button__item.tell{
    width: 15%;
}
.c-drawer__button__item.tell a{
    padding: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    background: #b9a156;
    border: none;
}
.c-drawer__button__item.tell a img{
    display: block;
    margin: 0 auto;
    width: 22px;
    height: 22px;
}

.c-drawer__button__item a {
    background-color: #03c755;
    color: #fff !important;!i;!;
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding: calc(1.22449vw + 20.40816px) 0;
    text-align: center;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    width: 100%;
    padding-left: 25px;
    border-right: 2px solid #fff;
    display: block;
    box-sizing: border-box;
}
.c-drawer__button__item a:before{
    content:"";
    display:block;
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url("/assets/img/line.svg");
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 6%;
}
.c-drawer__button__item.tell a:before{
   display: none;
}
.c-drawer__button__item.-contact a:before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url(/assets/img/mail.svg);
    background-repeat: no-repeat;
    top: 50%;
    transform: translateY(-50%);
    left: 6%;
}

.c-drawer__button__item.-contact a {
    background-color: #b9a156;
    color: #fff;
    position: relative
}

.c-drawer__button__item.-contact .fukidashi {
    background-color: #2f3e3f;
    border-radius: 5px;
    color: #fff !important;!i;!;
    display: inline-block;
    font-size: 1rem;
    left: 50%;
    line-height: 1;
    opacity: 1;
    padding: calc(.57143vw + 4.85714px);
    position: absolute;
    top: calc(-.2449vw - 29.08163px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 11px;
}

.c-drawer__button__item.-contact .fukidashi:before {
    border-color: #2f3e3f transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    bottom: -5px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0
}

.c-drawer__button__item.-contact .fukidashi i {
    font-style: normal
}
.footer_logo img{
	width: 60%;
    margin: 20px auto;
    display: block;
}