@charset "utf-8";

/*====================================
LPここから
====================================*/
#fv{
	background-color: #FFF;}

.magokorolp2-fv-img01 img{
	aspect-ratio: 750 / 960;}

.magokorolp2-fv-img02 img{
	aspect-ratio: 750 / 353;}

.magokorolp2-fv-img03 img{
	aspect-ratio: 750 / 250;}

.magokorolp2-fv-cvarea{
	background: linear-gradient(180deg,#C32F6A 0%,#EC8E70 90%,#EC8E70 100%);
	padding: 50px 0 0 0;}

.magokorolp2-fv-linkbtn{
	display: block;
	border-radius: 300px;
	margin:  0 40px;}

.magokorolp2-fv-linkbtn img{
	max-width: 670px;
	width: 100%;
	height: auto;
	aspect-ratio: 670 / 250;}

@media only screen and (max-width: 750px) {
.magokorolp2-fv-cvarea{
	padding: 5.0rem 0 0 0;}
	
.magokorolp2-fv-linkbtn{
	margin:  0 4.0rem;}
}


#lpc01{
	background-color: #FFF;}

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


#lpc05{
	background-color: #FFF;}

.card02{
	margin: 0 40px 40px 40px;}

.lpc05-slider-area{
	padding: 0 0;}

.lpc05-slide{
	width: 670px;
	padding: 0 0;}

.lpc05-slide img{
	max-width: 670px;
	width: 100%;
	height: auto;}

@media only screen and (max-width: 750px) {
.card02{
	margin: 0 4.0rem 4.0rem 4.0rem;}
}


#lpc07{
	background-color: #FFF;
	padding: 0 0;
	margin: 0 auto;}

.lpc07-linklist{
	text-align: center;
	list-style: none;
	padding: 36px 0;
	margin: 0 auto;}

.lpc07-linklist li{
	font-size: 0;
	display: inline-block;
	margin: 0 10px;}

.lpc07-linklist li a{
	font-size: 22px;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	line-height: 1.25;
	color: #000;
	transition: 0.3s;
	padding: 0 0;
	margin: 0 0;}

.lpc07-linklist li a:hover{
	color: #C8B262;}

.copyright{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	padding: 36px 0;
	border-top: 1px #000 solid;
	margin: 0 0;}

@media only screen and (max-width: 750px) {
.lpc07-linklist{
	padding: 3.6rem 0;}

.lpc07-linklist li{
	margin: 0 1.0rem;}

.lpc07-linklist li a{
	font-size: 2.2rem;}

.copyright{
	font-size: 1.8rem;
	padding: 3.6rem 0;
	border-top: 0.1rem #000 solid;}
}


/*====================
cv
====================*/
.lpcv{
	background-color: #080609;
	padding: 30px 0 0 0;}

.magokorol-fv-linkbtn{
	display: block;
	border-radius: 300px;
	margin: 0 40px;}

.magokorol-fv-linkbtn img{
	max-width: 670px;
	width: 100%;
	height: auto;
	aspect-ratio: 670 / 251;}

@media only screen and (max-width: 750px) {
.lpcv{
	padding: 3.0rem 0 0 0;}

.magokorol-fv-linkbtn{
	margin: 0 4.0rem;}
}

.lpcv02{
	background-color: #080609;
	padding: 0 0;}

.magokorol-fv-linkbtn02{
	display: block;
	border-radius: 300px;
	margin: 0 40px 30px 40px;}

.magokorol-fv-linkbtn02 img{
	max-width: 670px;
	width: 100%;
	height: auto;
	aspect-ratio: 670 / 251;}

@media only screen and (max-width: 750px) {
.magokorol-fv-linkbtn02{
	margin: 0 4.0rem 3.0rem 4.0rem;}
}

/*====================
共通
====================*/
.lp-bg{
	position: relative;}
	
.lp-bg:before{
	content: "";
	background-color: #EDD9D9;
	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) {
}