@charset "utf-8";

/*====================================
LPここから
====================================*/
.lp_fv-img01{}

.lp_fv-img01 img{
	aspect-ratio: 750 / 1148;
	max-width: 750px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 750px) {
}

.lp_cv-img01{
	width: 662px;
	border-radius: 10px;
	margin: 0 auto;}

.lp_cv-img01 img{
	aspect-ratio: 662 / 130;
	width: 100%;
	height: auto;}

#fv .lp_cv-img01{
	position: absolute;
	top: 780px;
	left: 44px;
	z-index: 10;}

@media only screen and (max-width: 750px) {
.lp_cv-img01{
	width: 66.2rem;
	border-radius: 1.0rem;}

#fv .lp_cv-img01{
	top: 78.0rem;
	left: 4.4rem;}
}


#lpc01,
#lpc02,
#lpc03,
#lpc05,
#lpc06,
#lpc07,
#lpc00{
	background-color: #FFF;}

.lp_c06-img02,
.lp_c06-img04{
	display: block;
	margin: 0 44px;}

.lp_c06-img02 img,
.lp_c06-img04 img{
	max-width: 662px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 750px) {
.lp_c06-img02,
.lp_c06-img04{
	margin: 0 4.4rem;}
}


#lpc04{
	background-color: #CCE9F9;}

@media only screen and (max-width: 750px) {
}


#lpc00{}

@media only screen and (max-width: 750px) {
}

/*====================
共通
====================*/
.lp-bg{
	position: relative;}
	
.lp-bg:before{
	content: "";
	background-color: #FFF;
	display: block;
	width: 100%;
	height: 100dvh;
	position:fixed;
	top: 0;
	left: 0;
	z-index: -1;}
	
.lp_contents{
	text-align: center;
	max-width: 750px;
	width: 100%;
	box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.6);
	margin: 0 auto;}

.lp-img{
	text-align: center;}

.lp-img img{
	max-width: 750px;
	width: 100%;
	height: auto;}

.lpbtn{
	display: block;
	position:relative;
	overflow:hidden;}
 
.lpbtn:after {
	content:"";
	height:100%;
	width:30px;
	position:absolute;
	top:-180px;
	left:0;
	background-color: #FFF;
	/*background-color: #F9E7B3;*/
	opacity:0;
	-webkit-transform: rotate(45deg);
	-webkit-animation: lpbtn 2s ease-in-out infinite;}
 
@keyframes lpbtn {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0;}
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5;}
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1;}
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0;}}

@media only screen and (max-width: 750px) {
}