body{
	font-weight: 400;
}

main{
	overflow: hidden;
}
	main,table{
	font-size: 24px;
	}
		h2{
		letter-spacing: 0.02em;
	}
main{overflow: hidden;}
@media screen and (max-width: 789px) {

main,table{
    font-size: 1.5rem;
	}
p{
    font-size: 1.5rem;
	}
			h2{
		letter-spacing: 0em;
	}

}/*@media screen and (max-width: 789px) {*/
@media screen and (max-width: 380px) {

main,table{
    font-size: 1.1rem;
	}


}/*@media screen and (max-width: 380px) {*/



@font-face {
    font-family: "octin-prison";
	font-style: normal;
    src: url('font/octin prison free.ttf') format('truetype'), /* フォントファイルのパスとフォーマットを指定 */
}

/*英字*/
.ein{font-family: "Poppins", sans-serif;}
.ein2{font-family: "octin-prison", sans-serif;}
/*ゴシック*/
.gosi{ font-family: "Noto Sans JP", sans-serif;}
/*明長*/
.min{font-family: "Noto Serif JP", serif;}


.lp_container{
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.in{
	padding-left: 3rem;
	padding-right: 3rem;
	box-sizing: border-box;
}

.lp_contents{
	max-width: 1460px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3rem;
	padding-right: 3rem;
	box-sizing: border-box;
	font-weight: 500;}

.lp_min{
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 3rem;
	padding-right: 3rem;
	box-sizing: border-box;
	font-weight: 500
}
.lp_contents .lp_min{
	padding-left: 0;
	padding-right: 0;
}
.in .lp_contents,.in .lp_min{
	padding-left: 0;
	padding-right: 0;
}



.sp{display: none;}

.lp_container_mv img{
	width: 100%;
	display: block;

}
.mt150{
	margin-top: 15rem;
}

.target {
  animation: floating-y 1.8s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(10%);
  }
}


/*@media screen and (min-width: 790pxx) {*/
@media screen and (max-width: 789px) {
.sp{display: block;}
.pc{display: none;}
.mt150{
	margin-top: 7rem;
}


}/*@media screen and (max-width: 789px) {*/



main .pink{
	color: var(--color-lp-base);
}
main .yellow{
	color: var(--color-lp-yellow);
}
main .blue{
	color: var(--color-lp-blue);
}


.rain{display: inline;
    padding-bottom: 0.2em;
    background: linear-gradient(transparent 90%, rgb(253, 218, 79) 20%);}

.center{text-align: center;}

.test-right{text-align: right;}

.text-12em{font-size: 1.15em;}
.text-14em{font-size: 1.26em;}

/*---------ここから、オリジナルCSS-------------*/

.catch{
	padding-top: 7rem;
	padding-bottom: 7rem;
	background-color: var(--color-lp-blue);
	color: #fff;
	text-align: center;
	position: relative;
}

.catch-text{
	font-size: 1.5em;
	line-height: 1.5;
	position: relative;
	z-index: 2;
}

.catch::before{
	content: "";
	position: absolute;
	transform: translateY(-50%) translateX(-50%);
	top: 50%;
	left: 50%;
	display: block;
	max-width: 90%;
	width: 1920px;
	height: 100%;
	background-image: url(images/onlineseminar.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	
}

.catch-btn{
	width: 416px;
	max-width: 80%;
	position: relative;
	z-index: 2;
	background-color: var(--color-lp-base);
	color: #fff;
	padding: 0.2em 1em;
	display: inline-block;
	border-radius: 3em;
	margin-top: 0.6em;
	font-size: 1.2em;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.3);
}



.poit5{
	position: relative;
	padding-top:15rem;
	z-index: 2;
	overflow: hidden;
}

.poit5 .midasi-ttl h2{
	font-weight: bold;
	font-size: 1.6em;
	letter-spacing:0.2em;
}

.poit5::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(images/5point_bk.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	max-width: 50%;
	width: 800PX;
	height: 500PX;
	display: block;
	z-index: -1;
}

.poit5-box{
	margin-top: 6rem;
	display: flex;
	justify-content: space-between;
}

.poit5-box .img{
	display: flex;
	align-items: center;
	width: 30%;
	box-shadow: 6px 0px 10px 0px rgba(0, 0, 0, 0.2);
	transform:skewX(-15deg);
	overflow: hidden;
}
.poit5-box .img img{
	transform:skewX(15deg);
	display: block;
}

.poit5-box-img2{
	background-color: #eaeef9;
}

.poit5-box-img3{
	background-color: #b4d0ff;
}

.poit5-box-img4{
	background-color: #e4c8c4;
}

.poit5-box-img5{
	background-color: #bde2ff;
}
.poit5-box-text5{position: relative;}


.poit5-box-text5::before{
	content: "";
	position: absolute;
	bottom:-10px;
	left: -220px;
	display: block;
	width: 185px;
	height: 185px;
	background-image: url(images/poit5-bk.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.poit5-box .gray-box{
	padding: 1em 1.5em;
	margin-top: 1em;
	box-sizing: border-box;
	background-color: #efefef;
}

.poit5-box .gray-box h5{
	font-weight: bold;
	font-size: 1.1em;
}

.poit5-box-ul{
	list-style-type: disc;
	list-style-position: inside;
	font-size: 0.95em;
}

.poit5-box .text{
	width: calc(65% - 60px);
}
.poit5-box h3{
	color: var(--color-lp-base);
	font-family: "octin-prison", sans-serif;
	letter-spacing:0.1em;
	font-size: 0.8em;
}
.poit5-box h3 span{
	font-size: 1.5em;
	letter-spacing:0.1em;
}

.poit5-box h4{
	font-size: 1.2em;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0.3em;
}

.poit5-after{
	margin-top: 1em;
	display: flex;
	justify-content: start;
	border-radius: 4em;
	overflow: hidden;
}

.poit5-after-ttl{
	display: flex;
	align-items: center;
	background-color: var(--color-lp-base);
	color: #fff;
	font-size: 0.9em;
	padding: 0.5em 1.5em;
	letter-spacing:0.1em;
	font-family: "octin-prison";
}

.poit5-after-text{
	display: flex;
	align-items: center;
	font-size: 0.9em;
	width: 100%;
	background-color: #efefef;
	padding: 0.5em 0.8em;
	box-sizing: border-box;
	letter-spacing:-0.09em;
}




.midasi{
	display: flex;
	justify-content: center;
	font-size: 1em;
	line-height: 1.3;
	color: #333;
	position: relative;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-bottom: 2em;
}

.midasi h2{
	font-weight: 600;
}

.midasi div{
	font-size: 1.1em;
}
.midasi .mini{
	font-size: 0.8em;
}


.midasi::after{
	content: "";
	position: absolute;
	bottom: -1em;
	left: 50%;
	transform: translateX(-50%);
	width: 400px;
	max-width: 80%;
	border-bottom: 2px solid var(--color-lp-base);
	display: block;
}


.seo{
	padding-top: 5rem;
	position: relative;
}
.seo::before{
	content: "";
	max-width: 50%;
	width: 500px;
	height: 800px;
	top: -0%;
	right: 0;
	transform: translateY(-50%);
	position: absolute;
	display: block;
	background-image: url(images/5point_bk2.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}


.seo-catch{
	display: flex;
	padding: 2em 4em;
	box-sizing: border-box;
	border-radius: 7em;
	background-color: #fff2f5;
	font-size: 1.2em;
	margin-bottom: 1em;
	letter-spacing:-0.03em;
}


.seo-catch .img{
	width: 200px;
	display: flex;
	align-items: center;
}
.seo-catch .text{
	width: calc(100% -200px);
}

.seo-test{
	font-size: 1.1em;
	line-height: 1.4;
}

.seo-box{
	display: flex;
	justify-content: center;
}
.seo-box-in{
	margin-left: 0.2em;
	margin-right: 0.2em;
	text-align: center;
}
.seo-box-in .img{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 130px;
}
.seo-box-in span{
	font-size: 0.8em;
}
.seo-box h3{
	color: var(--color-lp-blue);
	font-size: 0.9em;
}

.example-test{
	font-size: 1.2em;
	line-height: 2;
	letter-spacing:-0.06em;
}

.example-box{
	display: flex;
	justify-content: center;
}
.example-box-in{
	margin-left: 0.5em;
	margin-right: 0.5em;
	text-align: center;
}
.example-box-in .img{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 130px;
}

.example-box h3{
	color: var(--color-lp-blue);
	font-size: 0.9em;
}

.search{
	background-color: #efefef;
	border-radius: 2em;
	padding: 0.2em 1.5em;
	box-sizing: border-box;
	margin-right: 0.2em;
}
.search img{
	margin-right: 0.6em;
}


.failure-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.failure-list-box{
	margin-top: 2em;
}


.failure-midasi{
	display: flex;
	justify-content: center;
	align-items: center;
	color: var(--color-lp-blue);
}
.failure-midasi .text{
	margin-right: 2em;
	text-align: center
}
.failure-midasi .text h3{
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
	position: relative;
}
.failure-midasi .text h3::after{
	content: "";
	display: block;
	width: 200px;
	max-width: 80%;
	border-bottom: 2px solid var(--color-lp-blue);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

.failure-midasi .ttl{
	font-size: 1em;
}

.failure-list{
	margin-top: 1rem;
}

.failure-list-box{
	width: 100%;
	border: var(--color-lp-blue) 2px solid;
	background-color: #fffef4;
}
.failure-list-box h4{
	background-color: var(--color-lp-blue);
	padding: 0.2em 2rem;
	box-sizing: border-box;
	color: #fff;
	font-weight: 700;
	letter-spacing:0.05em
}

.failure-list-box-in{
	padding: 1em;
	box-sizing: border-box;
}

.failure-list-box-ul{
	line-height: 1.2;
	font-size: 0.9em;
	list-style-type: disc;
	box-sizing: border-box;
	padding-left: 1em;
}

.failure-list-box-ul li+li{
	margin-top: 0.7em;
}
.step .midasi{
	line-height: 1.5;
}
.step .midasi .img{
	margin-right: 1em;
	display: flex;
	align-items: center;
}
.step-box{
	position: relative;
}
.step-box+.step-box{
	margin-top: 2em;
}

.step-box .text{
	box-sizing: border-box;
	padding-right: 40%;
}

.step-box .number{
	font-family:"octin-prison", sans-serif;
	letter-spacing: 0.05em;
	color: var(--color-lp-base);
}

.step-box h4{
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1.4;
	padding-bottom: 0.4em;
	margin-bottom: 0.5em;
	border-bottom: 2px solid var(--color-lp-base);
}

.step-ul{
	margin-top: 0.8em;
	margin-bottom: 0.8em;
	max-width: 525px;
	padding: 1em;
	box-sizing: border-box;
	background-color: #fffef4;
}

.step-ul li{
	position: relative;
	padding-left: 1.5em;
	box-sizing: border-box;
}
.step-ul li+li{
	margin-top: 0.5em;
}


.step-ul li::after{
	content: "";
	background-image: url(images/check.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: block;
	width: 1.1em;
	height: 1.1em;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.results-ttl{
	padding-top: 2rem;
	padding-bottom: 2rem;
	border-top: 1rem var(--color-lp-yellow) solid;
	border-bottom: 1rem var(--color-lp-yellow) solid;
}
.results-ttl .img{
	width: 100px;
	display: flex;
	align-items: center;
	padding-right: 1em;
}
.results-ttl .midasi{
	padding-bottom: 0;
	margin-bottom: 0;
}

.results-ttl .midasi::after{
	display: none;
}

.results-bk{
	padding-top: 8rem;
	padding-bottom: 8rem;
	box-sizing: border-box;
	background-image: url(images/results-bk.jpg);
}

.results-box{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.results-box-in{
	border: 2px solid var(--color-lp-base);
	box-sizing: border-box;
	background-color: #fffef4;
	margin-bottom: 4rem;
}



.results-box-in h4{
	padding: 0.4em 1rem;
	box-sizing: border-box;
	background-color: var(--color-lp-base);
	color: #fff;
	text-align: center;
	font-weight: 700;
	font-size: 1.1em;
	letter-spacing: 0.02em;
}

.results-box-in h4 span{
	background-color: #fffef4;
	color: var(--color-lp-base);
	border-radius: 2em;
	padding: 0.2em 1em;
	box-sizing: border-box;
	font-size: 0.7em;
	margin-left: 1em;
}

.results-box-poit{
	padding: 1rem;
	box-sizing: border-box;
	border-bottom: 2px solid var(--color-lp-base);
}

.results-box-text{
	padding: 1em;
	font-size: 0.8em;
	box-sizing: border-box;
}


.results-box-dl{
	display: flex;
	justify-content: space-between;
}


.results-box-dl dt{
	width: 48%;
	text-align: right;
	color: var(--color-lp-base);
}
.results-box-dl dd{
	width: 48%;
}

.results-box-dl .big{
	position: relative;
	font-size: 1.2em;
	color: var(--color-lp-base);
}

.results-box-dl .sankaku::before{
	margin-left: 0.2em;
	margin-right: 0.2em;
	content: "";
	display: inline-block;
	 background: var(--color-lp-base);
  height: calc(tan(60deg) * 0.7em / 2);
  width: 0.7em;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
    transform:rotate(90deg); 
}

.reason{
	position: relative;
	padding-top: 5rem;
	padding-bottom: 5rem;
	background-color: #ef6e8a;
	color: #fff;
	z-index: 1;
}




.reason .lp_min{
	position: relative;
	z-index: 4;
}
.reason::before{
	content: "";
	position: absolute;
	top: -4rem;
	left: -10%;
	width: 120%;
	height: 105%;
	box-sizing: border-box;
	display: block;
	background-color: #ef6e8a;
	z-index: 1;
	 transform:rotate(-2deg); 
}

.reason .midasi-ttl{
	display: flex;
	line-height: 1.3;
	align-items: center;
	font-weight: 600;
	position: relative;
	padding-bottom: 0.3em;
}
.midasi-ttl h2{
	position: relative;
	padding-bottom: 0.4em;}

.reason .midasi-ttl h2::after{
	content: "";
	bottom: 0;
	left: 0;
	position: absolute;
	display: block;
	width: 250px;
	height: 11px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(images/nami.png);

}

.reason .midasi-ttl img{
	margin-right: 0.7em;
}

.reason .number{
	margin-right: 2em;
	font-family: "octin-prison", sans-serif;
	text-align: center;
}

.reason .number .big{
	font-size: 2em;
	line-height: 1.2;
}

.reason-box{
	display: flex;
	margin-top: 1em;
}

.reason-box+.reason-box{
	margin-top: 2em;
}

.reason-box h3{
	font-size: 1.3em;
	font-weight:bold;
}


.flow-box{
	padding: 1em;
	box-sizing: border-box;
	background-color: #fffef4;
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}


.questionnaire .midasi-ttl{
	padding-top: 1em;
	padding-bottom: 1em;
	box-sizing: border-box;
	background-color: #ef6e8a;
	color: #fff;
	display: flex;
	justify-content: center;
	font-size: 0.8em;
}
.questionnaire .midasi-ttl h2{
	font-weight: bold;
	line-height: 1.3;}
.questionnaire .midasi-ttl div{
	font-size: 1.1em;
}

.questionnaire-box{
	margin-top: 2em;
	padding: 1em;
	box-sizing: border-box;
	background-color: #fffef4;
}

.questionnaire-box h3{
	text-align: center;
	color: var(--color-lp-base);
	border-bottom: 2px solid var(--color-lp-base);
	padding-bottom: 0.2em;
	margin-bottom: 0.2em;
	font-size: 0.9em;
	font-weight: bold;
}

.questionnaire-inbox{
	display: flex;
	justify-content: center;
}

.questionnaire-ul{
	list-style-type: disc;
	padding-left: 1em;
	box-sizing: border-box;
	font-size: 0.8em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height: 1.2;
}

.questionnaire-ul li+li{
	margin-top: 0.6em;
}


.questionnaire .blue{
	text-align: center;
	line-height: 1.2;
}

.kousi{
	display: flex;
}

.kousi+.kousi{
	margin-top: 2em;
}

.kousi .img{
	width: 30%;
	box-sizing: border-box;
	padding-right: 2em;
	}

.kousi .text{
	width: 70%;
}

.kousi .name{
	line-height: 1.3;
	font-size: 1.2em;
	margin-bottom: 0.6em;
}
.kousi .name div{
	font-size: 0.8em;
}

.overview-bk{
	box-sizing: border-box;
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #ef6e8a;}


@media screen and (min-width: 1500px) {
	.failure-midasi{
		margin-top: 8rem;
	}
	.failure-midasi .text{
	margin-right: 4em;}

	.failure-list-box,.results-box-in{
	    width: calc(50% - 1em);
}
.results-bk{
	padding-bottom: calc(8rem + 10vw);
}	
.reason::after{
	content: "";
	position: absolute;
	display: block;
	width: 650px;
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(images/pc.png);
	z-index: 2;
	top: -20%;
	right: -1rem;
}

.flow{
position: relative;
}

.flow::after{
	content: "";
	width: 220px;
	height: 500px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/flow-bk1.png);
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.flow::before{
	content: "";
	width: 330px;
	height: 380px;
	display: block;
	position: absolute;
	top: 70%;
	right: 0;
	transform: translateY(-50%);
	background-image: url(images/flow-bk2.png);
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}


.questionnaire{
	position: relative;
}
.questionnaire::after{
	content: "";
	width: 259px;
	height: 1200px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(images/questionnaire-bk1.png);
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.questionnaire::before{
	content: "";
	width: 360px;
	height: 966px;
	display: block;
	position: absolute;
	top: 70%;
	right: 0;
	transform: translateY(-50%);
	background-image: url(images/questionnaire-bk2.png);
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}






}/*@media screen and (min-width: 1500px) {*/

@media screen and (min-width: 790px) {


.seo .text-12em{
	letter-spacing: -0.02em;
}
.seo .text-14em{
	letter-spacing: -0.07em;
	font-size: 1.3em;
}
.kousi p{
	font-size: 20px;
}
.step-box::after{
	content: "";
	bottom: 0;
	right: 0;
	position: absolute;
	display: block;
	max-width: 40%;
	width: 240px;
	height: 240px;
	background-position:center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.step1-box::after{
	background-image: url(images/results-1.jpg);
}
.step2-box::after{
	background-image: url(images/results-2.jpg);
}
.step3-box::after{
	background-image: url(images/results-3.jpg);
}

.results-box-in h4 span{
	display: inline-block;
}
	
}/*@media screen and (min-width: 790pxx) {*/

@media screen and (max-width: 789px) {

.text-12em{font-size: 1.5rem;}
.text-14em{font-size: 1.6rem;}
	.catch,.results-bk{
		padding-top: 2em;
		padding-bottom: 2em;
	}
	.poit5{
		padding-top: 5rem;
	}
	.target{
	width: 20%;
}
.sp-center{
	text-align: left;
}

.poit5-after{
	border-radius: 0.2em;
}
.failure-midasi .text{
	margin-right: 0em;
}
.failure-midasi img{
	display: none;
}
.midasi h2{
	font-size: 1.5em;
	letter-spacing: 0;
}



.seo-catch{
	padding: 0.5em;
	box-sizing: border-box;
	border-radius: 0;
}
.poit5-box{
	margin-top: 2em;
	flex-wrap: wrap;
}

.poit5-box .img,.poit5-box .text{
	width: 100%;
}
.poit5-box .img{
	justify-content: center;
	box-shadow: none;
	transform:skewX(0deg);
}
.poit5-box .img img{
	width: 40%;
	display: inline-block;
	transform:skewX(0deg);}

	.poit5-box .text{
		padding-left: 3rem;
		padding-right: 3rem;
		box-sizing: border-box;
	}

	.seo-catch .img,.step .midasi .img,.results-ttl .img,.reason .midasi-ttl img,.reason .midasi-ttl h2::after,.reason::before{
		display: none;
	}
	.search img,.cursor{
		height: 1em;
	}

	.step-box .text{
		padding-right: 0;;
	}
	.midasi-img{max-width: 50%;}
	.reason .number{
		margin-right: 0.5em;
	}

	.questionnaire-ul{
		font-size: 1em;
	}

	.seo-box,.example-box{
		flex-wrap: wrap;
	}

	.kousi{
		flex-wrap: wrap;
	}

	.kousi .img,.kousi .text{
		width: 100%;
	}
	.kousi .img{
		text-align: center;
	}
.results-ttl .midasi{
	box-sizing: border-box;
	padding-left: 1rem;
	padding-right: 1rem;
}
.results-box-in h4,.failure-list-box h4{
	font-size: 1.6rem;
}
	.results-box-dl{
		text-align: center;
		flex-wrap: wrap;
		font-size: 1.5rem;
	}
	.results-box-dl dt,.results-box-dl dd{
		text-align: center;
		width: 100%;
	}
	.poit5-box h4,.step-box h4{font-size: 1.6rem;}
	
	.step-ul li,.failure-list-box-ul li,.seo-box h3,.example-box h3,.poit5-after-text{font-size: 1.3rem;}

	.results-box-text p{font-size: 1.3rem;}

	.questionnaire-box h3{
		line-height: 1.2;
		font-size: 1.1em;
	}
		.failure-list-box,.results-box-in{
	   margin-top: 1rem;
	   margin-bottom: 1rem;
}
.results-box-in span{
	display: block;
}

	.example-box-in img,.seo-box-in img{
	width: 70%;
}
.results-box{
	margin-top: 0rem;
}
.failure-midasi{margin-top: 3rem;}

.questionnaire .blue{
	font-size: 1.4rem;
	text-align: left;
}

}/*@media screen and (max-width: 789px) {*/

@media screen and (max-width: 380px) {



}/*@media screen and (max-width: 500px) {*/














/*---ボタン----*/
@media screen and (min-width: 790px) {
.footer_btn_sp{
	display: none;
}
.pagetop {
position: fixed;
top:50%;
right: 0;
transform: translateY(-50%) ;
z-index: 10;
}
.pagetop a{
background-color: var(--color-lp-base);
color: #fff;
padding: 1rem;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
 border-radius: 1rem;
 font-size: 2rem;
 transition: all 0.4s ease;
 border: 1px solid #fff;
}

.pagetop a:hover{
	color: var(--color-lp-base);
	background-color: var(--color-lp-sabu);
}


}/*@media screen and (min-width: 790px) {*/
@media screen and (max-width: 789px) {

	.pagetop a{
		display: none;
	}
.footer_btn_sp{
	box-sizing: border-box;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding-top: 1rem;
	padding-bottom: 1rem;
	background-color: rgba(0,0,0,.5);
	z-index: 10;
	height: 80px;
	display: block;
}

.footer_btn_sp .contact_btn {
    width: 80%;
	font-size: 1.4rem;
    text-align: center;
    margin: 0 auto;
    display: block;
	padding: 1em 0;
	background-color: var(--color-lp-base);
	color: #fff;
}
}/*@media screen and (max-width: 789px) {*/











/*---テーブル----*/
.overview{
	display: block;
	font-size: 0.9em;
	width: 100%;
	background: #FFF;
	line-height: 1.2;
	box-sizing: border-box;
	padding: 5rem 3rem;
}
.overview td,.overview th{
	padding: 0.5em;
}
.overview th{
	width: 150px;
}
.overview tbody{
	width: 100%;
	display: table;
	border-bottom: #fff 3px dotted;
}
.overview tr{
	box-sizing: border-box;
	border-top: #fff 3px dotted;
}
@media screen and (max-width: 789px) {
.overview{
	padding: 2rem 3rem;
	font-size: 1em;
}
.overview th,.overview td{
	width: 100%;
	display: block;
}
}/*@media screen and (max-width: 789px) {*/














/*-----LP共通----*/

.pointlist li{font-size: 1.4rem;}

.pointlist strong{
	color: var(--color-lp-base);
	font-size: 1.6rem;
	font-weight: 600;
}

.graybesu{margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	box-sizing: border-box;
	background-color: #efefef;
	font-size: 1.4rem;
}


.lp_content{
	max-width: 1060px;
	padding-left: 3rem;
	padding-right: 3rem;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}

.thanks_main{
	text-align: center;
}

.lp_contact,.thanks_main{
  font-size: 2rem; }
.lp_contact dl+dl{margin-top: 1.5rem;}

.lp_contact dt {
  margin-bottom: 0.4rem;
  font-weight: 600; }

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border-color: #bababa;
  border-radius: 2px; }

.lp_contact span {
  line-height: 2;
  box-sizing: border-box; }

.wpcf7 [inert] {
  opacity: 0.5; }

.wpcf7 input[type="file"] {
  cursor: pointer; }

.wpcf7 input[type="file"]:disabled {
  cursor: default; }

.wpcf7 .wpcf7-submit:disabled {
  cursor: not-allowed; }

.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
  direction: ltr; }

.wpcf7-reflection > output {
  display: list-item;
  list-style: none; }

.wpcf7-reflection > output[hidden] {
  display: none; }

select,
textarea,
input[type="text"],
input[type="tel"],
.wpcf7 input[type="url"],
.wpcf7 input[type="email"]{
	border: 1px solid #aeaeae;
	box-sizing: border-box;
	font-family:'游ゴシック体', 'Yu Gothic', YuGothic,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ ゴシック',sans-serif;
	-webkit-appearance: none;
	transition: all 0.4s;
	background: #fff;
	line-height: 2;
}


.btn-order{
	background: var(--color-lp-base);
	border: none;
	color: #fff;
	font-size: 17px;
	width: 350px;
	border-radius: 1rem;
	padding: 0.7em;
	margin-top: 2.5rem;
	display: block;
	max-width: 80%;
	margin: 3rem auto;
	transition: all 0.3s;
	font-weight: 600;
}

.btn-order:hover {
	color: var(--color-lp-base);
	background: var(--color-lp-sabu);
	opacity: 0.7;
	font-weight: 600;
}



.mv_thanks{
	padding: 1rem 0;
	text-align: center;
}

.mv_thanks img{
	max-width: 50%;
	vertical-align:bottom;
}

.thanks_f{
	padding: 2rem 0;
	box-sizing: border-box;
}



@media screen and (min-width: 790px) {
	.thanks_f{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.thanks_f div,.thanks_f a{
	width: 48%;
}

}/*@media screen and (max-width: 789px) {*/
@media screen and (max-width: 789px) {
	.lp_contact,.thanks_main{
  font-size: 1.6rem; }
	.thanks_f div{
		margin-top: 2rem;
}
}/*@media screen and (max-width: 789px) {*/