.blue-bk{
	background-color: var(--color-lp-blue);
}
.yellow-bk{
	background-color: var(--color-lp-yellow);
}


.ran{
    background: linear-gradient(transparent 90%, #ff7633 10%);
    padding-bottom: 0.3em;
}

.en{
	font-family: "saffran", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.mv{
	text-align: center;
}
.mv img{
	display: block;
	width: 100%;
}


.catch-h2{
	font-size: 3.9rem;
	text-align: center;
}

.contact_btn{
	position: relative;
	width: 620px;
	max-width: 95%;
	margin: 2em auto;
	display: block;
	border: 3px solid var(--color-lp-orange);
	background-color: #fff;
	padding: 0.7em 1em;
	box-sizing: border-box;
	text-align: center;
	color: var(--color-lp-orange);
	overflow: hidden;
	transition:all ease 0.8s;
}
.contact_btn:hover{
	color: #fff;
}

.contact_btn::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 0;
	height: 100%;
	background-color: var(--color-lp-orange);
	transition:all ease 0.8s;
}
.contact_btn:hover::after{
	width: 100%;
}

.contact_btn span{
	position: relative;
	z-index: 10;
}

.contact_btn span::after{
content: "";
display: inline-block;
margin-left: 0.4em;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.5em solid var(--color-lp-orange);
  border-right: 0;
}
.contact_btn:hover span::after{
	border-left: 0.5em solid #fff;
}


.main-ttl{
	font-size: 1.6em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	text-align: center;
	position: relative;
	box-sizing: border-box;
	line-height: 1.2;
	letter-spacing: -0.03em;
}

.main-ttl::after{
	content:"" ;
	position: absolute;
	width: 600px;
	max-width:60%;
	height: 8px;
	left: 50%;
	bottom: 0;
	display: block;
	background-image: linear-gradient(90deg, rgba(63, 141, 201, 1), rgba(255, 243, 143, 1));
	transform: translate(-50%, -50%);
}

.main-ttl .besu{
	margin-bottom: 0.4em;
	display: inline-block;
	padding:0.1em 0.7em;
	box-sizing: border-box;
	background-color: var(--color-lp-base);
	color: #fff;
}



main p+p{
	margin-top: 1em;
}

.catchcopy-box{
	margin-top: calc(2em + 191px);
	position: relative;
	background-color: #ffeba6;
	padding: 3em 0 2em;
}


.catchcopy-h3{
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	display: #fff;
	background-color: #fff;
	padding: 0.5em 1em;
	box-sizing: border-box;
	margin-bottom: 1em;
	border: 2px solid var(--color-lp-orange);
	font-weight: 600;
	color: var(--color-lp-orange);
	display: inline-block;
	transform: translate(-50%, -50%);
}




.catchcopy-ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
}

.catchcopy-ul li{
	padding: 0.7em 1.7em;
	margin:0 0.5em 1em;
	background-color: #fff;
	border: 2px solid var(--color-lp-base);
}

.catchcopy-ul .hyouzi{
	position: relative;
	color: var(--color-lp-base);
}
.catchcopy-ul .hyouzi::after{
	position: absolute;
	bottom: -50%;
	left: 50%;
	content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 0.4em solid transparent;
  border-left: 0.4em solid transparent;
  border-top: 0.6em solid var(--color-lp-base);
  border-bottom: 0;
  transform: translate(-50%, 50%);
}


.catchcopy-ul .nensyou{
	color: var(--color-lp-orange);
}




.uriage-ul{
	margin-top: 0.7em;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.uriage-ul li{
	position: relative;
	width: calc(25% - 1em);
	padding-top: 1em;
	padding-bottom: 2em;
	box-sizing: border-box;
	background-color: var(--color-lp-blue);
	margin: 0 0.5em 1em;

}
.uriage-ul img{
	display: inline-block;

}

.uriage-ul h3{
	position: absolute;
	width: 100%;
	display: block;
	background-color: var(--color-lp-base);
	color: #fff;
	margin-bottom: 0;
	left: 0;
	bottom: 0;
}



.uriage-point{
	padding: 1em 0;
	color: #fff;
	background-image: url(../img/bk_bule.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


.uriage-point p{
	color: #fff;
	line-height: 2;
}

.uriage-sankaku{
	position: relative;
	padding-left: 3em;
	display: inline-block;
	padding-top: 1em;
}

.uriage-sankaku::after{
	position: absolute;
		position: absolute;
	top: 0;
	left: -3em;
	content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 2em solid transparent;
  border-left: 2em solid transparent;
  border-top: 2em solid var(--color-lp-base);
  border-bottom: 0;
}

.uriage-after{
	color: var(--color-lp-orange);
	font-weight: bold;
	padding-bottom: 0.2em;
	position: relative;
	display: block;
	box-sizing: border-box;
	margin-bottom: 1em;
}
.uriage-after::after{
	content: "";
	position: absolute;
	width: 80%;
	display: block;
	max-width: 500px;
	border-bottom: 5px solid var(--color-lp-orange);
	margin-bottom: 1em;
	left: 50%;
	bottom: -1em;
	transform: translateX(-50%);
}


.after-before{
	margin-bottom: 1em;
}

.after-before .lp_contents{
	display: flex;
	justify-content: center;
	
}



.after-box-ttl{
	margin-bottom: 0.3em;
	padding: 0.2em 1em;
	box-sizing: border-box;
	display: inline-block;
	background-color: var(--color-lp-orange);
	color: #fff;
}


.before-box-ttl{
	margin-bottom: 0.3em;
	padding: 0.2em 1em;
	box-sizing: border-box;
	display: inline-block;
	background-color: var(--color-lp-base);
	color: #fff;
}

.after-box-in,.before-box-in{
	position: relative;
	text-align: left;
	padding: 2em 4em 250px;
	box-sizing: border-box;
}
.after-box-in::before{
	content: "";
	position: absolute;
	display: block;
	background-color: #fffef4;
	width: calc(100% + 51vw);
	height: 100%;
	right: -1em;
	top: 0;
	z-index: -2;
}

.before-box-in::before{
	content: "";
	position: absolute;
	display: block;
	background-color: #f0fcff;
	width: calc(100% + 50vw);
	height: 100%;
	left: -0em;
	top: 0;
	z-index: -1;
	transform:skewX(-5deg);
}

.before-box-in{
}

.after-box-img,.before-box-img{
	position: absolute;
	bottom: 0;
}

.after-box-img{
	right: 1em;
}

.after-before li{
	margin-bottom: 0.5em;
}
.after-box-in li{
	color: var(--color-lp-orange);
}

.before-box-in li{
	color: var(--color-lp-base);
}

.hyouka{
	background-color: var(--color-lp-blue);
	padding: 2em 0;
}

.hyouka-ul{
	display: flex;
	justify-content: center;
}

.hyouka-ul li{
	padding: 1em;
	box-sizing: border-box;
	background-color: #fff;
	margin: 1em 0.5em;
	display: flex;
	align-items: center;
}
.hyouka-ul p,.erabu-box p{
	margin-left: 0.6em;
	color: var(--color-lp-base);
}

.hyouka-text,.erabu-box{
	display: flex;
	justify-content: center;
	align-items: center;
}
.koramu-ul{
}
.koramu-ul li{
	background-color: var(--color-lp-blue);
	padding: 0.2em 1em;
	box-sizing: border-box;
	border-radius: 1em;
	text-align: center;
	margin-bottom: 1em;
}


.erabu-ttl{
	font-size: 1.2em;
	margin-top: 3em;
	margin-bottom: 0.7em;
	padding: 0.2em 0.7em;
	margin-left: auto;
	margin-right: auto;
	display: table;
    background-image: linear-gradient(0deg, rgba(66, 200, 183, 1), rgba(62, 161, 182, 1));
 text-align: center;
 color: #fff;
}


.erabu p{letter-spacing: -0.06em;}

.erabu-ol{
	margin-top: 1em;
	display: flex;
	flex-wrap: wrap;
	letter-spacing: 0.01em;
}

.erabu-ol li{
	width: calc(33% - 2em);
	margin: 1em;
	box-sizing: border-box;
	text-align: center;
}

.erabu-ol .number{
	color: var(--color-lp-base);
	font-size: 2em;
	font-weight: 200;
	line-height: 1.2;
}
.erabu-ol h3{
	margin-top: 0.1em;
}
.erabu-ol p{
	padding: 0.2em 0;
	font-weight: 400;
	box-sizing: border-box;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	line-height: 1.2;
	   background-image: linear-gradient(0deg, rgba(66, 200, 183, 1), rgba(62, 161, 182, 1));
 text-align: center;
	  color: #fff;
}

.faq,.syourei{
	display: flex;
	justify-content: center;
	flex-wrap: wrap
}
.faq{
 flex-direction: row-reverse;
}
.faq-text{
	margin-left: 1em;
	padding: 1em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	background-color: var(--color-lp-blue);
}

.price-text{
	margin-top: 1em;
	padding: 1em;
	box-sizing: border-box;
	background-color: var(--color-lp-blue);
}
.syourei img{
	display: flex;
	align-items: center;
}

.syourei-ul li{
	margin-top: 1em;
	margin-bottom: 1em;
}

.syourei-ul li::before{
	content: "";
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.3em;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/check.png);
}
.erabu-text{
	max-width: 90%;
	width: 500px;
margin-left: 1em;
	padding: 1em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	background-color: var(--color-lp-blue);
}

.seika-point{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.seika-box{
	margin: 2em 0.5em 1em;
	padding:2em 2em 1em;
	box-sizing: border-box;
	position: relative;
	border: 2px solid var(--color-lp-base);
}


.seika-box h3{
	padding: 0.2em 1em;
	box-sizing: border-box;
	background-color: var(--color-lp-base);
	color: #fff;
	position: absolute;
	top: 0;
	transform: translatey(-50%);
	left: 0;
}
.seika-box .hyouzi{
	color: var(--color-lp-base);
}

.seika-box .nensyou{
	margin-top: 0.2em;
	color: var(--color-lp-orange);
	font-size: 1.2em;
}

.seika-ul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.seika-ul li{
	padding:0.4em 1em;
	box-sizing: border-box;
	border: 2px solid var(--color-lp-base);
	margin: 0.5em;
	background-color: var(--color-lp-blue);
}

.seika-ul .hyouzi{
	text-align: left;
	color: var(--color-lp-base);
}

.seika-ul .nensyou{
	position: relative;
	line-height: 1;
	color: var(--color-lp-orange);
	margin-top: 0.4em;
}
.seika-ul .nensyou .p{
	position: relative;
	z-index: 2;
}
.seika-ul .nensyou::before{
	content: "";
	display: block;
	position: absolute;
	width: 2em;
	height: 2em;
	background-image: url(../img/oukan.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position:left center;
	top: 0%;
	right: 0;
	transform: translatey(-50%);
	z-index: 1;
}


.taisaku-box{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.taisaku-box .text{
	text-align: left;
	margin-left: 2em;
}

.taisaku-ttl{
	margin-top: 2em;
	text-align: center;
	font-weight: 500;
	margin-bottom: 1em;
}

.taisaku-txt-ttl{
	background-color: var(--color-lp-base);
	color: #fff;
	padding: 0.2em 1em;
	box-sizing: border-box;
	display: table;
	text-align: center;
	display: grid-lanes;
	margin-left: auto;
	margin-right: auto;
}

.taisaku-bk{
	background-color: var(--color-lp-blue);
	padding: 1em;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	position: relative;
}

.taisaku-ul{
	color: var(--color-lp-base);
}


.taisaku-ul li{
	position: relative;
	padding-left: 1.2em;
	box-sizing: border-box;
}

.taisaku-ul li::after{
	content: "";
	position: absolute;
	left: 0;
	top: 0.4em;
	width: 0.9em;
	height: 0.9em;
	background-image: url(../img/check.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
}


.taisaku-ul li+li{
	margin-top: 0.6em;
}
.bouryu-table{
	width: 100%;
	color: var(--color-lp-base);
}
.bouryu-table td,.bouryu-table th{
	width: calc(100% / 3);
	text-align: center;
	vertical-align: middle;
	padding: 0.2em;
}

.bouryu-table-tr{
	border-bottom: 3px solid var(--color-lp-base);
}
.bouryu-table tr:nth-child(3){
	background-color: var(--color-lp-blue);
}
.bouryu-table th{
	font-size: 1.2em;
	line-height: 1.2;
}
.bouryu-table .meyasu{
	background-color: var(--color-lp-base);
	color: #fff;
	border-radius: 1em;
	display: inline-block;
	padding: 0.1em 1em;
	box-sizing: border-box;
	font-size: 0.8em;
}

.orange-th span{
	position: relative;
	color: var(--color-lp-orange);
}

.orange-th span::before{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 2em;
	background-image: url(../img/oukan.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	top: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}


.onlineーul{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.onlineーul li{
	margin:0.5em;
	padding: 0.5em 1em;
	box-sizing: border-box;
	border: 2px solid var(--color-lp-base);
	border-radius: 3em;
	color: var(--color-lp-base);
	text-align: center;
}

.osusume-box{
	background-color: var(--color-lp-blue);
	display: flex;
	justify-content: center;
	padding-top: 1em;
	padding-bottom: 1em;
	position: relative;
}
.osusume-ul li{
	padding-left: 1.2em;
	position: relative;
}
.osusume-ul li::before{
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0;
	width: 0.8em;
	height: 0.8em;
	background-color: var(--color-lp-base);
}

.osusume-ul li+li{
	margin-top: 1em;

}

.kousi-ttl{
	position: relative;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
.kousi-ttl::after{
	content:"" ;
	position: absolute;
	width: 100%;
	height: 8px;
	left: 0;
	bottom: 0;
	display: block;
	background-image: linear-gradient(90deg, rgba(63, 141, 201, 1), rgba(255, 243, 143, 1));
}

.kousi-tagu{
	color: var(--color-lp-base);
}

.name{
	font-size: 1.2em;
}






@media screen and (min-width: 1000px) {
.catchcopy-box::after{
	content: "";
	display: block;
	position: absolute;
	width: 191px;
	height: 191px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url(../img/bot.png);
	top: -1.2em;
	left: 50%;
	transform: translate(-50%, -100%);
}
.taisaku-bk::after{
	position: absolute;
	content: "";
	width: 120px;
	height: 285px;
	background-image: url(../img/seo.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	right: 0;
	top: -50%;
	transform: translate(-50%, 50%);
}
.bouryu-table .orange{
	font-size: 24px;
}

.bouryu-table td,.bouryu-table th{
	padding: 0.8em 0.2em;
}

.onlineーul li{
width: calc(33% - 1em);
}

.kousi{
	display: flex;
	justify-content: left;
}
.kousi .img{
	width: 30%;
}
.kousi .text{
	width: calc(70% - 2em);
	margin-left: 2em;
	font-size: 24px;
}
.osusume-box::before{
	position: absolute;
	content: "";
	width: 220px;
	height: 285px;
	background-image: url(../img/osusume.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	left: 0;
	top: 20%;
	transform: translate(-50%, 50%);
}
.seika-ul .nensyou{
	font-size: 1.5em;
}
.seika-box .nensyou{
	font-size: 1.5em;
}
.seika-box{
	padding: 2em 2.4em 1em;
}
.seika-box .hyouzi img{
	margin-right: 0.3em;
}
.float-button__wrap {
	display: none;
}
}/*@media screen and (min-width: 1000px) {*/

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

	
}/*@media screen and (min-width: 790pxx) {*/

@media screen and (max-width: 999px) {
.main-ttl::after,.kousi-ttl::after{
	height: 3px;
}

.catch-h2{
	padding: 0.3em;
	font-size: 2rem;
}


.catchcopy-box{
	padding: 0.5em 0;
	margin-top: 1em;
}

.catchcopy-h3{
	position: relative;
	display: block;
	margin: 0 auto;
	top: auto;
	left: 0;
	position: static;
	transform: translate(0, 0);
}
.catchcopy-ul{
	margin-top: 1em;
}
.catchcopy-ul li{
	margin: 0.3em;
	padding: 0.2em;
}
.uriage-ul li{
	margin: 0.3em;
	width: calc(50% - 1em);
}
.hyouka-ul li{
justify-content: center;
}
.hyouka{
	padding: 1em 0;
	box-sizing: border-box;
}

.hyouka-ul {
	display: flex;
	flex-wrap: wrap;
}
.hyouka-ul li{
	margin: 0.4em 0;
	width: 100%;
}
.hyouka-text img,.erabu-box img
{display: none;}


.erabu-ttl{
	margin-top: 1em;
}
.sentaku-img-erabu{
	width: 40%;
}

.syourei .sentaku-img-none{
	display: none;
}
.faq-text{
	width: 100%;
	padding: 1em;
	margin-bottom: 0.4em;
}
.erabu-text,{
	padding: 0em;
	margin-left: 0;
}

.taisaku-box .img{
	display: none;
}
.taisaku-box .text,.erabu-text{
	margin-left: 0;
}
.erabu-text{
	padding: 0;
}
.float-button__wrap {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  font-size: 1.1em;
  line-height: 1;
  z-index: 12;
  padding: 0.4em;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}
.float-button__wrap a {
  background:var(--color-lp-orange);
  text-decoration: none;
  color: #fff;
  width: 80%;
  padding: 0.9em 0.2em;
  text-align: center;
  display: block;
  border-radius: 3em;
  opacity: 0.9;
  transition: all .3s ease;
  display: inline-block;
}
.float-button__wrap a:hover {
  text-decoration: none;
  opacity: .5;
}

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

@media screen and (max-width: 500px) {
.catch-h2{
	font-size: 1.2rem;
}
.contact_btn{
	margin: 1em auto;
}
.kousi .img{
	text-align: center;	
}
.kousi .img img{
	width: 50%;
}
.erabu-ol li{
	width: 100%;
}
.sentaku-img{
	width: 40%;
}
.mt150,.mt100{
	margin-top: 4em;
}
.mt25{
	margin-top: 1em;
}
.hyouka-ul img,.uriage-ul img{
	width: 20%;
}
.taisaku-box .text{
	text-align: center;
}

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