@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');

.slide-area *{
	font-family: "Zen Kaku Gothic New", sans-serif;
}

.en{
	font-family: "Oswald", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
	font-weight: 400;
}
*{
	box-sizing: border-box;
	padding: 0;
}
.txt-red{
	color: #f44252;
}
.txt-blue{
	color: #265edd;
}
.marker{
	background: linear-gradient(0deg, #e2ff00 0%, #e2ff00 27.5%, rgba(255,255,255,0) 27.5%, rgba(255,255,255,0) 100%);
}
html{
	/*font-size: 62.5%;*/
	font-feature-settings: "palt" 1;
}
body{
	font-family: "Zen Kaku Gothic New", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
	font-size: 0.9rem;
	/*color: #34414d;*/
	position: relative;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	background: #f7f7f7;
	font-weight: 400;
}
.light{
	font-weight: 300 !important;
}
.normal{
	font-weight: 400 !important;
}
.black{
	font-weight: 900 !important;
}
.bold{
	font-weight: 700 !important;
}
.semi-bold{
	font-weight: 600 !important;
}
.medium{
	font-weight: 500 !important;
}

.logo *,
.pic img,
.pic picture,
.pic source,
.pic a{
	display: block;
	width: 100%;
}
.pic img{
	height: 100%;
	object-fit: cover;
	font-family: "object-fit: cover;";
}

/* +++飛び出す写真+++ */
#old_content{
	position: relative;
	z-index: 99;
}
.hopping-pics{
	padding-top: 4rem;
	padding-bottom: 6rem;
	justify-content: center;
	align-items: center;
	background: #f7f7f7;
	overflow: hidden;
}
.bg-white{
	background: #fff !important;
}
.hopping-pic{
/*
	width: 36rem;
*/
	width: 40rem;
	margin: 0 -.5rem;
	box-shadow: 0 0 6rem rgba(0,0,0,.2);
	position: relative;
	overflow: hidden;
	background: #fff;
}
.hopping-pic.scale01{
/*
	width: calc(36rem * .8);
*/
	width: calc(40rem * .8);
	box-shadow: 0 0 5rem rgba(0,0,0,.25);
}
.hopping-pic.scale02{
/*
	width: calc(36rem * .6);
*/
	width: calc(40rem * .6);
	box-shadow: 0 0 4rem rgba(0,0,0,.3);
}
.hopping-pic:nth-of-type(3){
	z-index: 9;
	transition-delay: .2s;
}
.hopping-pic:nth-of-type(2),
.hopping-pic:nth-of-type(4){
	z-index: 8;
	transition-delay: .1s;
}
.hopping-pic:nth-of-type(1),
.hopping-pic:nth-of-type(5){
	z-index: 7;
}

.hop-up{
	opacity: 0;
	transform: translateY(3rem);
	visibility: hidden;
	transition: opacity .4s cubic-bezier(0.22, 1, 0.36, 1), transform .4s cubic-bezier(0.22, 1, 0.36, 1);
}
.hop-up.is-shown{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* +++flex+++ */
.flex{
	display: flex;
}
.flex-wrap{
	flex-wrap: wrap;
}
.space-between{
	justify-content: space-between;
}


/* +++mv-slide-outer +++ */
.swiper{
	overflow: visible;
}
.inner {
	max-width: 97rem;
	width: 100%;
	position: relative;
	margin: 0 auto;
}
.mv-slide-outer{
	padding: 18rem 10px 6rem;
	z-index: 9;
	background: rgba(255,255,255,0.6);
	position: relative;
	margin-bottom: 50px;
}
.mv-slide-area{
	opacity: 0;
	transition: 1s all ease;
	transition-delay: 1s;
}
.mv-slide-area.visible{
	opacity: 1;
}
/*
.mv-slide-outer:before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	border-radius: 3.6rem 3.6rem 0 0;
}
*/
.mv-slide{
	width: 100%;
	height: 36rem;
	padding: 1em 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
	border: .4rem solid #4062bb;
	border-radius: .8rem;
	background: #fff;
}
.mv-slide03{
	align-items: center;
}
.mv-slide .catch-copy{
	text-align: center;
	font-size: min(2.4rem, 1.846vw);
	line-height: 1.5;
	position: absolute;
	left: 0;
	right: 0;
/*
	bottom: calc(100% + 4.5rem);
*/
	bottom: calc(100% + 3rem);
	margin: auto;
	width: 100%;
}
.mv-slide .catch-copy .txt-blue{
	font-size: 133.333%;
	padding: 0 .1em;
	margin: 0 .1em;
}

/* +++mv-slide01+++ */
.price-badge{

	max-width: 24rem;
	width: 30%;
/*
	transform: scale(1.55);
*/
	transform: scale(1.3) translateX(-10%);
	margin-left: 2.4rem;
	margin-top: -.6rem;

}
.mv-slide img{
	display: block;
	height: auto;
	width: 100%;
}
.mv-slide01 .mv-description{
/*
	max-width: 53.6rem;
	width: 55.2%;
*/
	margin-right: auto;
	width: 60%;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	justify-content: flex-start;
}
.mv-slide01 .mv-fukidashi{
	width: 100%;
	font-size: min(1.307vw, 1.7rem);
/*
	padding: 0 3.6rem;
*/
	position: relative;
	line-height: 1.5;
	margin-bottom: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;

}
.mv-slide01 .mv-fukidashi .text-wrap{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative;
	padding-left: 4em;
	padding-right: 4em;
}
.mv-slide01 .mv-fukidashi .txt-blue{
	font-size: min(1.69vw, 2.2rem);
	letter-spacing: .05em;
}
.mv-slide01 .mv-fukidashi .text-wrap:before,
.mv-slide01 .mv-fukidashi .text-wrap:after{
	content: "";
	display: block;
	width: 3.2rem;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	background: url(../images/mv-slide01-fukidashi01.svg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
}
.mv-slide01 .mv-fukidashi .text-wrap:before{
	transform: scale(-1,1);
	left: 0;
}
.mv-slide01 .mv-fukidashi .text-wrap:after{
	right: 0;
}
.mv-slide01 figcaption{
	font-size: 1.4rem;
	line-height: 1.75;
	margin-top: 1rem;
}
.mv-slide01:before{
	content: "";
	display: block;
	width: min(21.7rem, 14vw);
	height: min(19.7rem, 12vw);
	background: url(../images/mv-slide01-pic01.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: 0;
	bottom: calc(100% + .4rem);
}
.mv-slide01:after{
	content: "";
	display: block;
	width: min(21rem, 14vw);
	height: min(19.6rem, 12vw);
	background: url(../images/mv-slide01-pic02.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	bottom: calc(100% + .4rem);
}
.ekichika{
	letter-spacing: .05em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 29.6rem;
	height: 4rem;
	background: #00a7ff;
	color: #fff;
/*
	position: absolute;
	left: 0;
	right: 0;
	top: -2rem;
*/
	margin: auto;
	border-radius: 2rem;
}
/* +++.mv-slide02+++ */
.mv-slide02{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.mv-slide02 .catch-copy{
	width: min(50rem, 38.461vw);
	display: flex;
	flex-direction: column;
	align-items: center;
	bottom: calc(100% - 3.6rem);
	padding-bottom: 5.5rem;
}
.mv-slide02 .catch-copy:before,
.mv-slide02 .catch-copy:after{
	content: "";
	display: blcok;
	width: 4.5rem;
	height: 15rem;
	position: absolute;
	bottom: 0;
	background: url(../images/mv-slide02-bg01.svg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
}
.mv-slide02 .catch-copy:before{
	left: 0;
}
.mv-slide02 .catch-copy:after{
	right: 0;
	transform: scale(-1,1);
}
.mv-slide02 .catch-copy .ribon{
	background: url(../images/mv-slide02-bg02.svg) no-repeat;
	background-size: 100% auto;
	width: min(36.4rem, 28vw);
	height: min(6.4rem, 4.924vw);
	color: #fff;
	letter-spacing: .05em;
	font-size: 2rem;
	padding-top: .6rem;
	display: block;
}
.mv-slide02 .catch-copy .marker{
	font-size: min(4.2rem, 3.230vw);
	letter-spacing: .05em;
}
.mv-slide02 .sub-catch{
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: min(1.8rem, 1.384vw);
	position: relative;
	padding: 1rem 6.3rem 0;
	line-height: 1.5;
}
.mv-slide02 .sub-catch:before,
.mv-slide02 .sub-catch:after{
	content: "";
	display: block;
	width: min(4.2rem, 3.23vw);
	height: min(6.8rem, 5.23vw);
	background: url(../images/mv-slide01-fukidashi01.svg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position: absolute;
	bottom: 0;
}
.mv-slide02 .sub-catch:before{
	left: 0;
	transform: scale(-1,1);
}
.mv-slide02 .sub-catch:after{
	right: 0;
}
.mv-slide02 .sub-catch .marker{
	font-size: min(3rem, 2.307vw);
	letter-spacing: .05em;
}
.mv-slide02 .txt{
	text-align: center;
	line-height: 1.75;
	letter-spacing: .05em;
	margin: 2.5rem 0 2rem;
	font-size: min(1.8rem, 1.384vw);
}
.mv-slide02 .txt .marker{
	font-size: min(2.4rem, 1.846vw);
}
.mv-slide02 .caption{
	width: min(37rem, 28.461vw);
	height: min(4rem, 3.076vw);
	border-radius: min(2rem, 1.538vw);
	justify-content: center;
	align-items: center;
	color: #fff;
	background: #f45b69;
	font-size: min(1.8rem, 1.384vw);
}
.mv-slide02 p.txt .medium,
.mv-slide02 p.catch-copy,
.mv-slide02 p.sub-catch{
	//z-index: 999;
	text-shadow: 0 0 .5em #fff;
}
.mv-slide02 .pic01{
	position: absolute;
/*
	left: 4.4rem;
	top: -14rem;
*/
	left: 0;
	bottom: 3rem;
	width: min(13.6rem, 10.461vw);
}
.mv-slide02 .pic02{
	position: absolute;
/*
	right: 3.6rem;
	top: -14rem;
*/
	right: 0;
	bottom: 3rem;
	width: min(13.6rem, 10.461vw);
	padding-left: min(1.8rem, 1.384vw);
	padding-right: min(1.8rem, 1.384vw);
}
.mv-slide02 .pic img{
	z-index: 3;
	position: relative;
}
.mv-slide02 .pic:before{
	content: "";
	display: block;
	width: min(9.538vw, 12.4rem);
	height: min(2.769vw, 3.6rem);
	border-radius: 50%;
	background: #00a7ff;
	opacity: .5;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1rem;
	z-index: 1;
}
.mv-slide02 .pic:after{
	content: "";
	display: block;
	width: min(20.6rem, 15.846vw);
	height: min(20.6rem, 15.846vw);
	position: absolute;
	left: -5rem;
	top: 7.2rem;
	z-index: 1;
	background: url(../images/mv-slide02-bg03.svg) no-repeat;
	background-position: center center;
}

/* +++.mv-slide03+++ */
.desktop-none{
	display: none;
}
@media screen and (max-width: 1300px){
	.desktop-none{
		display: inline;
	}
}
.mv-slide03 .catch-copy{
	display: flex;
	flex-direction: column;
	align-items: center;
	letter-spacing: .05em;
	line-height: 1.75;
}
.mv-slide03 .catch-copy .en{
	font-size: min(6rem, 4.615vw);
	line-height: .2;
}
.mv-slide03 .catch-copy>.marker{
	margin-bottom: .4rem;
}
.mv-slide03 .catch-copy .txt-blue{
	font-size: min(3.2rem, 2.461vw);
}
.mv-slide03:before{
	content: "";
	display: block;
	width: min(24.6rem, 18.923vw);
	height: min(20.5rem, 15.769vw);
	background: url(../images/mv-slide03-pic01.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: max(-3rem, -2.307vw);
	bottom: calc(100% + .4rem);
}
.mv-slide03:after{
	content: "";
	display: block;
	width: min(22.5rem, 17.307vw);
	height: min(20.9rem, 16.076vw);
	background: url(../images/mv-slide03-pic02.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	right: 0;
	bottom: calc(100% + .4rem);
}
.mv-slide03 .pic-area{
/*
	width: calc(100% - 55.6rem);
*/
	width: 40%;
	padding: 0 10px;
}
.mv-slide03 .pic{
	box-shadow: 0 0 1.6rem 0 rgba(0,0,0,.1);
	position: relative;
}
.mv-slide03 .pic01{
	width: 61.8%;
/*
	width: 21.7rem;
*/
	z-index: 2;
	margin: 0;
}
.mv-slide03 .pic02{
/*
	width: 26.6rem;
*/
	width: 75%;
	margin: -1.8rem 0 0 auto;
	z-index: 1;
}
.mv-slide03 .mv-description{
/*
	width: 55.6rem;
*/
	width: 60%;
	padding: 0 10px;
}
.mv-slide03 h2{
	line-height: 1.5;
	margin-bottom: min(1.3043vw, 1.5rem);
	font-size: min(2rem, 1.739vw);
}
.mv-slide03 .parag{
	font-size: 1.5rem;
	margin-bottom: 1rem;
	line-height: 1.75;
}
.mv-slide03 .caption{
	font-size: min(1.4rem, 1.217vw);
}

@media screen and (max-width: 1240px){
	.mv-slide03 .pic-area{
		width: 25%;
	}
	.mv-slide03 .mv-description{
		width: 75%;
	}
}
@media screen and (max-width: 980px){
	.mv-slide03 .mv-description{
		width: 100%;
	}
	.mv-slide03 .pic-area{
		display: none;
	}
	.mv-slide03:before,
	.mv-slide03:after{
		width: 15vw;
		height: 12vw;
	}
}




/* topページのパララックススライド */




#main-visual{
/*
	height: min(calc(100vh - 8rem - 3.385vh), 66.3rem);
*/
	height: calc(100vh - 70px);
	
}
.circle{
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: min(calc(100vh - 8rem - 3.385vh), 66.3rem);
	height: min(calc(100vh - 8rem - 3.385vh), 66.3rem);
	z-index: 1;
/*
	transform: scale(4);
	transition: .5s transform ease-in-out;
	transition-delay: 8s;
*/
}
.loaded.count-comp .circle{
	transform: scale(1);
	transition: .5s transform ease-in-out;
	transition-delay: 8s;
}



#main-visual .content{
	position: fixed;
	left: 0;
	right: 0;
	top: calc(8rem + 3.385vh);
	bottom: 0;

	z-index: 9;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: min(66.3rem, calc(100vh - 8rem - 3.385vh));
	min-height: calc(100vh - 8rem - 3.385vh);
}


/* +++.one+++ */
.one{
	opacity: 0;
	transform: scale(.9);
	transition: .1s transform ease-in, .1s opacity ease-in;

}
.catch-copy{
	width: min(43.8rem, 57.031vh);
	margin: 0 auto min(3rem, 3.906vh);
	position: relative;
	z-index: 9;
}
.catch-copy img{
	display: block;
	width: 100%;
}
#main-visual .fukidashi01{
	font-size: min(2rem, 2.604vh);
	letter-spacing: .05em;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: min(1rem, 1.302vh);
	position: relative;
	z-index: 9;
}
#main-visual .fukidashi01:before,
#main-visual .fukidashi01:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: min(2.8rem, 3.645vh) solid #292f4a;
	border-left: min(.4rem, .520vh) solid transparent;
	border-right: min(.4rem, .520vh) solid transparent;
	margin: 0 1rem;
	transform-origin: center bottom;
}
#main-visual .fukidashi01:before{
	transform: rotate(-36deg);
}
#main-visual .fukidashi01:after{
	transform: rotate(36deg);
}
.price{
	display: flex;
	justify-content: center;
	align-items: flex-end;
	letter-spacing: 0;
	margin-bottom: min(2.5rem, 3.255vh);
	position: relative;
	z-index: 9;
}
.price dl:nth-of-type(1){
	margin-right: min(.5rem, .651vh);
}
.price dl:nth-of-type(2){
	margin-left: min(3rem, 3.906vh);
}
.price dt{
	margin-bottom: min(1rem, 1.302vh);
	padding-left: min(3rem, 3.906vh);
	font-size: min(100%, 2.083vh);
}
.price dl:nth-of-type(2) dt{
	padding-left: min(1.2rem, 1.562vh);
}
.price dl:nth-of-type(1) dd{
	width: min(15rem, 19.53vh);
}
.price dl:nth-of-type(2) dd{
	width: min(11.8rem, 15.364vh);
}
.price dd img{
	display: block;
	width: 100%;
}
#main-visual .fukidashi02{
	padding: min(1.8rem, 2.343vh) min(3rem, 3.906vh) 0;
	margin-bottom: min(1.2rem, 1.562vh);
	font-size: min(1.8rem, 2.343vh);
	letter-spacing: .05em;
	position: relative;
	z-index: 9;
}

#main-visual .fukidashi02:before,
#main-visual .fukidashi02:after{
	content: "";
	display: block;
	width: min(2.6rem, 3.385vh);
	height: 100%;
	position: absolute;
	top: 0;
	background: url(../images/fukidashi02.png) no-repeat;
	background-position: center top;
	background-size: 100% auto;
}
#main-visual .fukidashi02:before{
	left: 0;
}
#main-visual .fukidashi02:after{
	right: 0;
	transform: scale(-1,1);
}
#main-visual figure{
	width: min(45.5rem, 59.244vh);
	margin-bottom: min(1rem, 1.302vh);
	padding-right: min(4.9rem, 6.380vh);
	position: relative;
	z-index: 9;
}
.system-desc{
	width: min(35.8rem, 46.614vh);
	font-size: min(1.4rem, 1.822vh);
	line-height: 1.5;
	margin-bottom: min(2.4rem, 3.124vh);
	letter-spacing: 0;
	position: relative;
	z-index: 9;
}
.ekichika{
	width: min(29.6rem, 38.541vh);
	height: min(3.6rem, 4.687vh);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: min(1.8rem, 2.343vh);
	color: #fff;
	background: #292f4a;
/*
	margin-bottom: min(3rem, 3.906vh);
*/
	position: relative;
	z-index: 9;
	font-size: min(100%, 2.083vh);
	margin-top: 1em;
}


/* +++.two+++ */
.two.no-active h2,
.two.no-active p,
.two.no-active .pic-area .pic,
.two.no-active .pic-area:before,
.two.no-active .pic-area:after{
	opacity: 0;
	visibility: hidden;
	transition: .15s all ease-in;
}
.two mark{
	background: none;
	font-weight: 900;
	color: #fc5151;
}
.two h2{
	width: min(35.1rem, 45.703vh);
	margin-bottom: min(4.5rem, 5.859vh);
	position: relative;
	z-index: 99;
}
.two h2,
.three h2{
	transform: scale(.95);
	transition: .05s transform ease-in, .05s opacity ease-in;
	transition-delay: .6s;
}
.loaded.count-comp .two.active h2,
.loaded.count-comp .three.active h2{
	opacity: 1;
	transform: scale(1);
	visibility: visible;
}
.two h2 img,
.three h2 img{
	display: block;
	width: 100%;
}
.two h2:before{
	content: "";
	display: block;
	width: min(6.6rem, 8.593vh);
	height: min(7.7rem, 10.026vh);
	background: url(../images/fukidashi03.png) no-repeat;
	background-size: 100% auto;
	position: absolute;
	left: max(-3.5rem, -4.557vh);
	top: max(-3.5rem, -4.557vh);
}
.two p.medium{
	text-align: center;
	font-size: min(2rem, 2.604vh);
	line-height: 2;
	letter-spacing: .05em;
	margin-bottom: min(2.5rem, 3.255vh);
	position: relative;
	z-index: 9;
}
.two p.medium,
.three p.bold{
	transform: translateY(min(2rem, 2.604vh));
	transition: .1s transform ease-in, .1s opacity ease-in;
	transition-delay: .65s;
}

.loaded.count-comp .two.active p.medium,
.loaded.count-comp .three.active p.bold{
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}
.two p.ekichika{
	width: min(35.5rem, 46.223vh);
	margin-top: min(1rem, 1.302vh);
	transition: .2s opacity ease-in;
	transition-delay: .8s;
}
.loaded.count-comp .two.active p.ekichika{
	opacity: 1;
	visibility: visible;
}

.two .pic-area{
	position: absolute;
	top: 22%;
}
.two .pic01{
	width: min(13.6rem, 17.708vh);
	left: 0;
}
.two .pic02{
	width: min(10.1rem, 13.151vh);
	right: min(2.6rem, 3.385vh);
}
.two .pic-area .pic{
	position: relative;
	z-index: 9;
}
.two .pic-area .pic,
.three li{
	transform: translateY(1.5rem);
	transition: .15s opacity ease-in, .15s transform ease-in;
}
.three li{
	visibility: hidden;
	opacity: 1;
}
.two .pic-area.pic01:before{
	content: "";
	display: block;
	width: min(27.2rem, 35.416vh);
	height: min(21.9rem, 28.515vh);
	position: absolute;
	top: min(5.4rem, 7.031vh);
	left: max(-8.5rem, -11.067vh);
	background: url(../images/mv-sec02-line01.png) no-repeat;
	background-size: 100% auto;
	z-index: 1;

	transform: scale(0);
	transform-origin: right top;
	transition: .15s transform ease-in, .15s opacity ease-in;
	transition-delay: 1s;
}
.two .pic-area.pic02:before{
	content: "";
	display: block;
	width: min(24.6rem, 32.031vh);
	height: min(20.4rem, 26.562vh);
	position: absolute;
	top: min(3.6rem, 4.687vh);
	right: max(-6rem, -7.812vh);
	background: url(../images/mv-sec02-line02.png) no-repeat;
	background-size: 100% auto;
	z-index: 1;

	transform: scale(0);
	transform-origin: right top;
	transition: .15s transform ease-in, .15s opacity ease-in;
	transition-delay: 1.2s;
}
.two .pic-area:after{
	content: "";
	display: block;
	width: min(12.5rem, 16.276vh);
	height: min(3.6rem, 4.687vh);
	border-radius: 50%;
	position: absolute;
	bottom:max( -.6rem, -.781vh);
	left: 0;
	right: 0;
	margin: auto;
	background: linear-gradient(90deg, #fbac8c, #ff8b88);

	transtion: .3s all ease-in;
	transform: scale(0);
	transition: .2s transform ease-in, .3s opacity ease-in;
}
.two .pic01:after{
	transition-delay: 1s;
}
.two .pic02:after{
	right: max(-1rem, -1.302vh);
	left: auto;
	background: linear-gradient(-90deg, #79b2dc, #73d4da);

	transition-delay: 1.1s;
}

.loaded.count-comp .two.active .pic01 .pic,
.loaded.count-comp .three.active li:nth-of-type(1){
	transition-delay: 1.2s;
}
.loaded.count-comp .two.active .pic02 .pic,
.loaded.count-comp .three.active li:nth-of-type(2){
	transition-delay: 1.4s;
}
.loaded.count-comp .two.active .pic-area .pic,
.loaded.count-comp .three.active li{
	transform: translateY(0);
	visibility: visible;
	opacity: 1;
}

.loaded.count-comp .two.active .pic01:before,
.loaded.count-comp .two.active .pic02:before{
	visibility: visible;
	opacity: 1;
	transform: scaleX(1);
}
.loaded.count-comp .two.active .pic01:after,
.loaded.count-comp .two.active .pic02:after{
	visibility: visible;
	opacity: 1;
	transform: scale(1);
}
/* +++.three+++ */
.three{
	text-align: center;
}
.three h2{
	width: min(40.9rem, 53.255vh);
	margin: 0 auto min(1.5rem, 1.953vh);
	position: relative;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
}
.three p.bold{
	font-size: min(2rem, 2.604vh);
	line-height: 1.6;
	margin-bottom: min(1.5rem, 1.953vh);
	position: relative;
	z-index: 9;
	visibility: hidden;
	opacity: 0;
}
.three mark{
	background: none;
	color: #fc5151;
}
.three ul{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	position: relative;
	z-index: 9;
	margin-bottom: min(3rem, 3.906vh);
}
.three li{
	margin: 0 min(1.5rem, 1.953vh);
	visibility: hidden;
	opacity: 0;
}
.three li .pic{
	width: min(19.2rem, 25vh);
	margin: 0 auto max(-2.5rem, -3.255vh);
}
.three li h3{
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(24rem, 31.25vh);
	height: min(7rem, 9.144vh);
	border-radius: min(3.5rem, 4.557vh);
	color: #fff;
	font-size: min(1.7rem, 2.213vh);
	line-height: 1.5;
	background: linear-gradient(90deg, #ffad8c, #ff6884);
	position: relative;
	z-index: 9;
	letter-spacing: 0;
}
.three li:nth-of-type(2) h3{
	background: linear-gradient(90deg, #7eebf1, #75c1f7);
}
.three li p{
	margin: min(.5rem, .651vh) 0 0;
	line-height: 1.75;
	letter-spacing: .05em;
	font-size: min(100%, 2.083vh);
}


.slide-area{
	padding: 15px calc(3rem * .53);
}


/* +++Smart Phone Style+++ */
@media screen and (max-width: 768px){


/* .mv-slide01 */
	.mv-slide01 .mv-description{
		width: 100%;
	}
	.mv-slide01 figcaption{
		font-size: calc(1.5 * 1.302vw);
		margin-top: 4em;
	}
	.ekichika {
		width: min(29.6rem, 38.541vh);
		height: calc(1.302vw * 3.2);
		border-radius: calc(1.302vw * 1.6);
		font-size: calc(1.302vw * 1.4);
	}
	.mv-slide01 .mv-fukidashi{
		font-size: calc(1.302vw * 1.7);
		margin-bottom: .5em;
	}
	.mv-slide01 .mv-fukidashi .txt-blue{
		font-size: 125%;
	}
	.price-badge {
		max-width: 25%;
		width: 25%;
		transform: scale(1) translateX(0);
		margin-left: 0;
		margin-top: 0;
		position: absolute;
		left: 10px;
		top: 25%;
	}
	.mv-slide01 .mv-description img{
		width: 72%;
		margin-right: 0;
		margin-top: 5%;
		margin-bottom: 1.5em;
	}

/* +++.mv-slide02+++ */
	.mv-slide02 .catch-copy{
		width: 70%;
		bottom: calc(100% - (3.6 * 1.302vw));
		padding-bottom: calc(5.5 * 1.302vw);
	}
	.mv-slide02 .catch-copy:before,
	.mv-slide02 .catch-copy:after{
		width: calc(1.302vw * 3.8);
		height: calc(1.302vw * 15);
	}

	.mv-slide02 .catch-copy .ribon{
		width: calc(1.302vw * 34);
		height: calc(1.302vw * 5.5);
		font-size: calc(1.302vw * 2);
		padding-top: .2em;
	}
	.mv-slide02 .catch-copy .marker{
		font-size: calc(2.4 * 1.302vw);
	}
	.mv-slide02 .sub-catch{
		font-size: calc(1.8 * 1.302vw);
		padding: calc(1.302vw * 1.5) 1.5em 0;
	}
	.mv-slide02 .sub-catch:before,
	.mv-slide02 .sub-catch:after{
		width: calc(1.302vw * 3);
		height: calc(1.302vw * 6);
	}

	.mv-slide02 .sub-catch .marker{
		font-size: 125%;
	}
	.mv-slide02 .txt{
		margin: 2.5rem 0 2rem;
		font-size: calc(1.8 * 1.302vw);
	}
	.mv-slide02 .txt .marker{
		font-size: 125%;
	}
	.mv-slide02 .caption{
		width: min(29.6rem, 38.541vh);
		height: calc(1.302vw * 3.2);
		border-radius: calc(1.302vw * 1.6);
		font-size: calc(1.302vw * 1.4);
	}
	.mv-slide02 .pic01{
		bottom: 8%;
		width: calc(1.302vw * 10);
	}
	.mv-slide02 .pic02{
		right: 0;
		bottom: 8%;
		width: calc(1.302vw * 10);
		padding-left: calc(1.302vw * 2);
		padding-right: calc(1.302vw * .5);
	}
	.mv-slide02 .pic:before{
		width: calc(1.302vw * 8);
		height: calc(1.302vw * 2.4);
		bottom: -2%;
		left: 10%;
	}
	.mv-slide02 .pic:after{
		width: calc(20 * 1.302vw);
		height: calc(13 * 1.302vw);
		left: -3em;
		top: 5em;
	}


/* .mv-slide03 */
	.mv-slide{
		height: auto;
	}
	.mv-slide03{
		display: block;
		font-size: calc(1.302vw * 1.6);
	}
	.mv-slide03 .pic-area{
		display: block;
		width: 32%;
		padding: 0;
		left: 10px;
		top: 10px;
		position: absolute;
	}
	.mv-slide03 .mv-description{
		width: 100%;
		padding: 0;
	}

	.mv-slide .catch-copy,
	.mv-slide03 .catch-copy{
		font-size: calc(1.302vw * 2.4);
	}
	.mv-slide03 .catch-copy .en{
		font-size: 150%;
	}
	.mv-slide03 .catch-copy .txt-blue,
	.mv-slide .catch-copy .txt-blue{
		font-size: 125%;
	}
	.mv-slide01:before,
	.mv-slide01:after,
	.mv-slide03:before,
	.mv-slide03:after{
		width: 20vw;
		height: 16.5vw;
	}

	.mv-slide03 h2{
		font-size: calc(2 * 1.302vw);
		width: 62%;
		margin-right: 0;
		margin-top: .5em;
		margin-bottom: 1em;
		line-height: 1.8;
	}
	.mv-slide03 .parag{
		font-size: calc(1.5 * 1.302vw);
	}
	.mv-slide03 .caption{
		font-size: calc(1.4 * 1.302vw);
	}

	.mv-slide-outer{
		padding-top: calc(1.302vw * 20);
		padding-bottom: 20px;
	}


}