@charset "utf-8";


/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

*:focus {outline:0;}

/* padding,border内側設定 */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}

/* HTML5 */
article, aside, figure, figcaption, footer, header, nav, section{display: block;}

/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/

html,body {margin:0px;padding:0px;height:100%;width:100%;-webkit-text-size-adjust:none;}

a:link {color:#1e1e1e;text-decoration:none;}
a:hover {color:#1e1e1e;text-decoration:none;}
a:active {color:#1e1e1e;text-decoration:none;}
a:visited {color:#1e1e1e;text-decoration:none;}

.clear {clear:both;}
.alignleft {float:left;margin:0 2% 2% 0;}
.alignright {float:right;margin:0 0 2% 2%;}
.aligncenter {clear:both;display:block;margin:2% auto 2%;}

/* clearfix */
.clearfix:after {visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0;}
/* clearfix for ie7 */
.clearfix {display:inline-block;}
.clearfix {display:block;}

img {width: 100%; max-width: 100%; height: auto; vertical-align: top;}


/*------------------------------------------------------------
	COMMON
------------------------------------------------------------*/



body {
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #000;
	line-height: 2;
	position: relative;
	overflow-x: hidden;
	width: 100vw;
	height: auto;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #fff;
}

.wow {
   visibility: hidden;
}

.container {
	position: relative;
	width: 100%;
	padding: 0;
	margin: auto;
	overflow: visible;
}
.container .animated {
	-webkit-animation-duration: 700ms;
	animation-duration: 700ms;
}
.container .w1000 {
	width: 60%;
	margin: auto;
}
.container .w1500 {
	width: 89.3%;
	margin: auto;
}
.container .w1200 {
	width: 71.4%;
	margin: auto;
}

.hidden {
	display: inline-block;
	overflow: hidden;
	-webkit-animation-timing-function: cubic-bezier(.86,0,.07,1);
	-o-animation-timing-function: cubic-bezier(.86,0,.07,1);
	animation-timing-function: cubic-bezier(.86,0,.07,1);
	vertical-align: top;
}
.hidden img {
	width: 1000vw;
	max-width: 100vw;
	vertical-align: top;
}
.w1000 .hidden img {
	width: 60vw;
	max-width: 60vw;
}
.w1500 .hidden img {
	width: 89.3vw;
	max-width: 89.3vw;
}
.w1200 .hidden img {
	width: 71.43vw;
	max-width: 71.43vw;
}
img.pc {
	display: block;
}
img.sp {
	display: none;
}
.stackimg.pc {
	display: block;
}
.stackimg.sp {
	display: none;
}

@media screen and (max-width: 750px) {
	img.sp {
		display: block;
	}
	img.pc {
		display: none;
	}
	.stackimg.pc {
		display: none;
	}
	.stackimg.sp {
		display: block;
	}
	.container .w1000 {
		width: 90.4%;
		margin: auto;
	}
	.container .w1200 {
		width: 100%;
	}
	.w1000 .hidden img {
		width: 90.4vw;
		max-width: 90.4vw;
	}
	.w1200 .hidden img {
		width: 100vw;
		max-width: 100vw;
	}
	#wrap {
		padding-bottom: 22.4vw;
	}
}



/*------------------------------------------------------------
	CV FIX
------------------------------------------------------------*/

.cv-fixed {
	position: fixed;
	width: 100%;
	z-index: 100;
	bottom: 0;
	left: 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	-o-transform: translate(-50%,0);
	transform: translate(-50%,0);
	-webkit-transition: 1s;
	-o-transition: 1s;
	transition: 1s;
}
@media (max-width: 750px) {
	.moved .cv-fixed {
		opacity: 1;
		visibility: visible;
	}
}
/*------------------------------------------------------------
	HEADER
------------------------------------------------------------*/
#header .header-wrap {
	height: 80px;
	width: 100%;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
}
#header .header-wrap .logo {
	position: absolute;
	top: 50%;
	left: 5.357vw;
	width: 137px;
	display: inline-block;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height: 1;
}
#header .header-wrap .btn-counseling {
	margin-right: 20px;
}
#header .header-wrap .btn-counseling img {
	width: 324px;
}
#header .header-wrap .btn-salon img {
	width: 205px;
}


@media screen and (max-width: 750px) {
	#header .header-wrap {
		height: 13.2vw;
	}
	#header .header-wrap .logo {
		left: 4.4vw;
		width: 18.8vw;
	}
	#header .header-wrap .btn-counseling {
		margin-right: 2vw;
	}
	#header .header-wrap .btn-counseling img {
		width: 52.4vw;
	}
	#header .header-wrap .btn-salon img {
		width: 18.4vw;
	}
}

/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer .footer-note {
	text-align: center;
	background: #f1f1f1;
	color: #fffa00;
	font-size: 12px;
	line-height: 1.67;
	padding: 30px 0;
}
#footer .footer-note h2 {
	font-weight: 700;
}
#footer .footer-note * + h2 {
	margin-top: 1.67em;
}
#footer .footer-wrap {
	background: #25328e;
	color: #fff;
	position: relative;
	padding: 70px 5.357vw;
	text-align: right;
}

#footer .footer-wrap .logo {
	width: 137px;
	position: absolute;
	left: 5.357vw;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#footer .footer-wrap ul {
	font-size: 15px;
	margin-bottom: 1em;
}
#footer .footer-wrap li {
	display: inline-block;
	line-height: 1;
}
#footer .footer-wrap li:before {
	content: '|';
	margin: 0 .5em;
}
#footer .footer-wrap li:first-child:before {
	display: none;
}
#footer .footer-wrap li a {
	display: inline-block;
	line-height: 1;
	color: #fff;
	font-weight: 700;
}
#footer .footer-wrap .copyright img {
	width: 208px;
}
@media screen and (max-width: 750px) {
	#footer .footer-note {
		text-align: left;
		font-size: 10px;
		line-height: 1.4;
		padding: 20px 4.8vw;
	}
	#footer .footer-note * + h2 {
		margin-top: 1.4em;
	}
	#footer .footer-wrap {
		padding: 30px 4.8vw;
	}

	#footer .footer-wrap .logo {
		left: 4.8vw;
		width: 70px;
	}
	#footer .footer-wrap ul {
		font-size: 11px;
		margin-bottom: 1em;
	}
	#footer .footer-wrap .copyright img {
		width: 173px;
	}
}


/*------------------------------------------------------------
	CV
------------------------------------------------------------*/

.sec-cv {
	background-color: #fffa00;
	text-align: center;
	padding: 2vw 0;
}
.sec-cv img {
	width: 34.3vw;
	display: block;
	margin: auto;
}
.sec-cv img.pc {
	display: block;
}
.sec-cv img.sp {
	display: none;
}
.sec-cv .container {
	line-height: 1;
}
.sec-cv a {
	vertical-align: top;
	display: inline-block;
	width: 41.67vw;
	margin-top: .72vw;
}
.sec-cv a img {
	width: 100%;
}
@media screen and (max-width: 750px) {
	.sec-cv {
		padding: 4vw 0;
	}
	.sec-cv img.sp {
		display: block;
	}
	.sec-cv img.pc {
		display: none;
	}
	.sec-cv img {
		width: 77vw;
	}
	.sec-cv a {
		display: inline-block;
		width: 90.67vw;
		margin: 0;
	}
}


/*------------------------------------------------------------
	MV
------------------------------------------------------------*/
.mv-wrap {
	position: relative;
	display: block;
	background: url(./../../assets/images/mv-bg.png) center center/100% 100% no-repeat;
}
.mv-wrap .hidden {
	-webkit-animation-delay: .2s;
	-o-animation-delay: .2s;
	animation-delay: .2s;
}
.mv-wrap img {
	height: 48.2vw;
}
.mv-opencam {
	background: #000;
}
.mv-opencam .hidden {
	-webkit-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
}
.mv-opencam .hidden img {
	height: 6.3vw;
}
.mv-40off {
	border-top: 1px solid #333;
}
.mv-40off {
	background: #000;
}
.mv-40off .hidden {
	-webkit-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}
.mv-40off .hidden img {
	height: 9.9vw;
}
.mv-newopen {
	background: #fff;
}
.mv-newopen .hidden {
	-webkit-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.mv-newopen .hidden img {
	height: 8.87vw;
}

.mv-summer {
	border-top: 1px solid #333;
	background: #000;
}
.mv-summer h2.sp {
	display: none;
}
.mv-summer .hidden {
	-webkit-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
}
.mv-limited-ttl {
	position: relative;
	z-index: 1;
	background: #000 url(./../../assets/images/mv-limited-ttl-bg.png) top left/cover repeat-x;
}
.mv-limited-ttl img {
	height: 9.821vw;
}
.mv-limited {
	background: #deff00;
}
/*
.mv-limited img {
	height: 24.64vw;
}
*/
.mv-limited .period {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 10;
	height: auto;
}
.mv-limited-add-title{
	padding-top: 30px;
}
.mv-limited-add-title img{
	height: auto;
}
.mv-limited .mv-microscope-title {
	width: 66.67%;
	margin: auto;
	margin-top: 2%;
}
.mv-limited .mv-microscope-title img{
	height: auto;
}
.mv-present {
	background: #deff00 url(./../../assets/images/mv-present-bg.png) top left/contain repeat-x;
}

@media screen and (max-width: 750px) {
	.mv-wrap {
		background: url(./../../assets/images/mv-bg-sp.png?rev=20211116230101) center center/cover no-repeat;
	}
	.mv-wrap img {
		height: 88vw;
	}
	.mv-opencam .hidden img {
		height: 22.4vw;
	}
	.mv-limited .period {
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		margin: 0;
		position: relative;
	}
	.mv-40off .hidden img {
		height: 33.3vw;
	}
	.mv-newopen .hidden img {
		height: 41.3vw;
	}
	.mv-summer h2.sp {
		display: block;
	}
	.mv-summer h2.pc {
		display: none;
	}
	.mv-summer h2.h2-1 img {
		height: 66.67vw;
	}
	.mv-summer h2.h2-2 img {
		height: 93.33vw;
	}
	.mv-present {
		background: #deff00;
	}
	.mv-limited-ttl {
		background: #deff00 url(./../../assets/images/mv-limited-ttl-bg-sp.png) top left/contain repeat-x;
	}
	.container .mv-limited-ttl .w1000 {
		width: 100%;
		margin: auto;
	}
	.mv-limited-ttl .w1000 .hidden img {
		width: 100vw;
		max-width: 100vw;
		height: auto;
	}
	.mv-limited img {
		height: 168.4vw;
	}
	.mv-limited-sp-list {
		padding-bottom: 4vw;
		position: relative;
	}
	.mv-limited-sp-list .mv-microscope-title-sp {
		margin-bottom: 5vw;
	}
	.mv-limited-sp-list .benefit-list {
		margin-bottom: 2.4vw;
	}
}
/*------------------------------------------------------------
	REASON
------------------------------------------------------------*/

.sec-reason {
	background: url(./../../assets/images/bg_01.png) center center repeat;

}
.sec-reason li {
	padding-left: 5.357%;
	width: 100%;
	text-align: left;
	position: relative;
	margin-top: 3vw;
}
.sec-reason li .icon {
	width: 5.95vw;
	position: absolute;
	z-index: 4;
	top: 0;
	left: 5.357vw;
	margin: -1vw 0 0 -1vw;
}
.sec-reason li .img {
	width: 51.43vw;
	position: relative;
	z-index: 3;
	display: inline-block;
}
.sec-reason li .img  .hidden img {
	width: 51.43vw;
	max-width: 51.43vw;
}
.sec-reason li .txt {
	width: 68.8vw;
	position: absolute;
	z-index: 2;
	right: 0;
	top: 0;
}
.sec-reason li .txt  .hidden img {
	width: 68.8vw;
	max-width: 68.8vw;
}
.sec-reason li .txt-img {
	width: 7.92vw;
	position: absolute;
	z-index: 5;
	top: -5vw;
	right: 5vw;
}

.sec-reason li:nth-child(2n) {
	padding-left: 43.21vw;
}
.sec-reason li:nth-child(2n) .icon {
	left: auto;
	right: 5.357vw;
	margin: -1vw -1vw 0 0;
}
.sec-reason li:nth-child(2n) .txt {
	right: auto;
	left: 0;
}


@media screen and (max-width: 750px) {
	.sec-reason ul {
		width: 90.4vw;
		margin: auto;
		margin-top: -4.4vw;
		padding-bottom: 4vw;
	}
	.sec-reason li,
	.sec-reason li:nth-child(2n) {
		padding: 0;
		margin-top: 4.4vw;
	}
	.sec-reason li .icon,
	.sec-reason li:nth-child(2n) .icon {
		width: 16vw;
		position: absolute;
		z-index: 4;
		right: auto;
		top: 0;
		left: 0;
		margin: -1.6vw 0 0 -1.6vw;
	}
	.sec-reason li .img {
		width: 90.4vw;
		position: relative;
		z-index: 3;
		display: inline-block;
	}
	.sec-reason li .img  .hidden img {
		width: 90.4vw;
		max-width: 90.4vw;
	}
	.sec-reason li .txt {
		width: 90.4vw;
		position: static;
	}
	.sec-reason li .txt  .hidden img {
		width: 90.4vw;
		max-width: 90.4vw;
	}
	.sec-reason li .txt-img {
		width: 12.4vw;
		position: absolute;
		z-index: 5;
		top: 44vw;
		right: 5vw;
	}
}




/*------------------------------------------------------------
	WORRIED
------------------------------------------------------------*/

.sec-worried {
	background: url(./../../assets/images/bg_01.png) center center repeat;
	width: 100vw;
	height: 58.6vw;
	position: relative;
}
.sec-worried .bg {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(./../../assets/images/sec-worried-bg.png?rev=20211116221350) center center repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.sec-worried .container {
	position: relative;
	z-index: 2;
	padding-top: 5.65vw;
}
.sec-worried .ttl {
	margin-bottom: 2.68vw;
}

@media screen and (max-width: 750px) {
	.sec-worried {
		height: 112.67vw;
	}
	.sec-worried .container {
		padding: 0;
	}
	.sec-worried .bg {
		background: url(./../../assets/images/sec-worried-bg-sp.png?rev=20211116221350) center center repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
}



/*------------------------------------------------------------
	MICROSCOPE
------------------------------------------------------------*/

.sec-microscope {
	background: url(./../../assets/images/bg_01.png) center center repeat;
	width: 100vw;
	height: 58.6vw;
	position: relative;
}
.sec-microscope .bg {
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(./../../assets/images/sec-microscope-bg.png) top center repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.sec-microscope .container {
	position: relative;
	z-index: 2;
	padding-top: 5.65vw;
}
.sec-microscope .ttl {
	margin-bottom: 0;
}

@media screen and (max-width: 750px) {
	.sec-microscope {
		height: 210vw;
	}
	.sec-microscope .container {
		padding-top: 5.65vw;
	}
	.sec-microscope .bg {
		background: url(./../../assets/images/sec-microscope-bg-sp.png) top center repeat;
		-webkit-background-size: cover;
		background-size: cover;
	}
}




/*------------------------------------------------------------
	VOICE
------------------------------------------------------------*/

.sec-voice {
	background: url(./../../assets/images/bg_01.png) center center repeat;
	width: 100vw;
	position: relative;
}
.sec-voice .container {
	padding-top: 2.85vw;
}
.sec-voice ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 95.24vw;
	margin: auto;
	justify-content: space-between;
}
.sec-voice ul li {
	width: 27.98vw;
}

.sec-voice .slide-list {
	display: none;
}
@media screen and (max-width: 750px) {
	.sec-voice ul {
		display: none;
	}

	.sec-voice .slide-list {
		display: block;
		line-height: 1;
	}
	.sec-voice .slide-list * {
		line-height: 1;
		vertical-align: top;
	}
	.sec-voice .slide-item {
		padding: 0 3.6vw;
	}
	.sec-voice .slide-item img {
		width: 76.4vw;
	}
	.sec-voice .slick-prev {
		width: 13.2vw;
		height: 13.2vw;
		left: 1.6vw;
		background: url(./../../assets/images/slide-arrow.svg) center center/contain no-repeat;
		-webkit-transform: translate(0,-50%) rotate(180deg);
		-ms-transform: translate(0,-50%) rotate(180deg);
		-o-transform: translate(0,-50%) rotate(180deg);
		transform: translate(0,-50%) rotate(180deg);
		z-index: 5;
	}
	.sec-voice .slick-next {
		width: 13.2vw;
		height: 13.2vw;
		right: 1.6vw;
		background: url(./../../assets/images/slide-arrow.svg) center center/contain no-repeat;
		z-index: 5;
	}
	.sec-voice .slick-prev:hover, .sec-voice .slick-prev:focus, .sec-voice .slick-next:hover, .sec-voice .slick-next:focus {
		background: url(./../../assets/images/slide-arrow.svg) center center/contain no-repeat;
	}
	.sec-voice .slick-prev:before, .sec-voice .slick-next:before {
		display: none;
	}
}

/*------------------------------------------------------------
	VOICE OTHER
------------------------------------------------------------*/

.sec-voice-other {
	background: url(./../../assets/images/sec-voice-other-bg.png) center bottom/100vw 10.54vw no-repeat, url(./../../assets/images/bg_01.png) center center/auto repeat;
	width: 100vw;
	position: relative;
}
.sec-voice-other ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	width: 73.8vw;
	margin: auto;
	justify-content: space-between;
}
.sec-voice-other ul li {
	width: 21.55vw;
	height: 25vw;
	overflow: hidden;
}

.sec-voice-other .slide-list {
	display: none;
}

@media screen and (max-width: 750px) {
	.sec-voice-other {
		background: url(./../../assets/images/sec-voice-other-bg.png) center bottom/100vw 19.6vw no-repeat, url(./../../assets/images/bg_01.png) center center/auto repeat;
	}
	.sec-voice-other ul {
		display: none;
	}

	.sec-voice-other .slide-list {
		display: block;
		line-height: 1;
	}
	.sec-voice-other .slide-list * {
		line-height: 1;
		vertical-align: top;
	}
	.sec-voice-other .slide-item {
		padding: 0 3vw;
		overflow: hidden;
	}
	.sec-voice-other .slide-item img {
		width: 65.6vw;
	}
	.sec-voice-other .slick-prev {
		width: 13.2vw;
		height: 13.2vw;
		left: 1.6vw;
		top: 32.8vw;
		background: url(./../../assets/images/slide-arrow.svg) center center/contain no-repeat;
		-webkit-transform: translate(0,-50%) rotate(180deg);
		-ms-transform: translate(0,-50%) rotate(180deg);
		-o-transform: translate(0,-50%) rotate(180deg);
		transform: translate(0,-50%) rotate(180deg);
		z-index: 5;
	}
	.sec-voice-other .slick-next {
		width: 13.2vw;
		height: 13.2vw;
		right: 1.6vw;
		top: 32.8vw;
		background: url(./../../assets/images/slide-arrow.svg) center center/contain no-repeat;
		z-index: 5;
	}
	.sec-voice-other .slick-prev:hover, .sec-voice-other .slick-prev:focus, .sec-voice-other .slick-next:hover, .sec-voice-other .slick-next:focus {
		background: url(./../../assets/images/slide-arrow.svg) center center/contain no-repeat;
	}
	.sec-voice-other .slick-prev:before, .sec-voice-other .slick-next:before {
		display: none;
	}
}

/*------------------------------------------------------------
	METHOD
------------------------------------------------------------*/

.sec-method {
	background: #e7edf0;
	position: relative;
}
.sec-method .container {
	padding-bottom: 3.6vw;
}
.sec-method .mv {
	width: 19.76vw;
	position: absolute;
	bottom: 0;
	left: 5.5vw;
}
.sec-method .point {
	width: 6.96vw;
	position: absolute;
	right: 20.8vw;
	bottom: 5vw;
}

@media screen and (max-width: 750px) {
	.sec-method .mv {
		width: 13.2vw;
		bottom: 1vw;
		left: 0vw;
	}
	.sec-method .point {
		width: 9.2vw;
		right: 2.5vw;
		bottom: 1vw;
	}
}

/*------------------------------------------------------------
	METHOD - CASE
------------------------------------------------------------*/

.sec-method-case {
	background: url(./../../assets/images/sec-method-case-bg.png) center top/contain no-repeat;
	position: relative;
}
.sec-method-case .mv {
    width: 9vw;
    position: absolute;
    top: 15vw;
    right: 9vw;
    z-index: 1;
}
.sec-method-case ul {
	position: relative;
	z-index: 2;
}
.sec-method-case ul li {
	margin-top: 1.78vw;
}
.sec-method-case ul li:first-child {
	margin-top: 0;
}
@media screen and (max-width: 750px) {
	.sec-method-case {
		margin-top: -1px;
		background: url(./../../assets/images/sec-method-case-bg-sp.png?20211116234932) center top/contain no-repeat;
	}
	.sec-method-case ul li {
		margin-top: 9.6vw;
	}
	.sec-method-case .mv {
		width: 17vw;
		position: absolute;
		top: 16vw;
		right: 48px;
		z-index: 1;
	}
}
/*------------------------------------------------------------
	METHOD - PRICE
------------------------------------------------------------*/

.sec-method-price {
	background: url(./../../assets/images/bg_02.png?rev=20211116220747) center center / 100% repeat;
	width: 100vw;
	position: relative;
	padding: 4.76vw 0;
}
.sec-method-price .mv {
	width: 6.67vw;
	position: absolute;
	bottom: -2vw;
	right: 17.5vw;
}
.sec-method-price .number {
	width: 53vw;
	position: absolute;
	left: 23.5vw;
	top: 3.5vw;
}
@media screen and (max-width: 750px) {
	.sec-method-price {
		-webkit-background-size: cover;
		background-size: cover;
	}
	.sec-method-price .number {
		width: 48vw;
		left: 27vw;
		top: 10vw;
	}
	.sec-method-price .mv {
		width: 11.2vw;
		right: 1.5vw;
		bottom: -1vw;
	}
}



/*------------------------------------------------------------
	METHOD - POINT
------------------------------------------------------------*/

.sec-method-point {
	padding-bottom: 50px;
	background: #fff;
	width: 100vw;
	position: relative;
}
.sec-method-point .mv {
	width: 11vw;
    position: absolute;
    top: 11vw;
    left: 14.7vw;
}
@media screen and (max-width: 750px) {
	.sec-method-point{
		padding-bottom: 20px;
	}
	.sec-method-point .mv {
		width: 22.4vw;
		top: 24vw;
		left: 0.2vw;
	}
	.sec-method-point .container .img.w1000 {
		width: 100%;
	}
}

/*------------------------------------------------------------
	METHOD - PREMIUM
------------------------------------------------------------*/

.sec-method-premium {
    background: url(./../../assets/images/bg_02.png?rev=20211116220747) center center / 100% repeat;
    width: 100vw;
    position: relative;
    padding: 50px 0 60px;
}

.sec-method-premium .p40 {
    width: 53vw;
    position: absolute;
    top: 4.4vw;
    left: 23vw;
}
.sec-method-premium .sticker {
	width: 50.4vw;
	position: absolute;
	top: 24vw;
	left: 24vw;
}
.sec-method-premium .sticker .hidden img {
	width: 50.4vw;
	max-width: 50.4vw;
}
.sec-method-premium .mv {
	width: 7.14vw;
	position: absolute;
	bottom: 4.3vw;
	right: 16.6vw;
	z-index: 2;
}
@media screen and (max-width: 750px) {
	.sec-method-premium {
		padding: 6vw 0 9.6vw;
		-webkit-background-size: cover;
		background-size: cover;
	}
	.sec-method-premium .p40 {
		width: 77vw;
		top: 18vw;
		left: 10vw;
	}
	.sec-method-premium .sticker {
		width: 76.8vw;
		left: 12vw;
		top: 32vw;
	}
	.sec-method-premium .sticker .hidden img {
		width: 76.8vw;
		max-width: 76.8vw;
	}
	.sec-method-premium .mv {
		width: 12vw;
		position: absolute;
		bottom: -1vw;
		right: 2vw;
	}
}
/*------------------------------------------------------------
	METHOD - PLAN
------------------------------------------------------------*/

.sec-method-plan {
	background: url(./../../assets/images/sec-method-plan-bg.jpg?rev=20211116224909) center center/cover no-repeat;
	width: 100vw;
	position: relative;
}
.sec-method-plan .mv-left {
    width: 19vw;
    position: absolute;
    bottom: 0;
    left: 20vw;
    overflow: hidden;
    z-index: 1;
}
.sec-method-plan .mv-right {
    width: 18vw;
    position: absolute;
    bottom: 0;
    right: 20vw;
    overflow: hidden;
    z-index: 1;

}

@media screen and (max-width: 750px) {
	.sec-method-plan {
		background: url(./../../assets/images/sec-method-plan-bg-sp.jpg?rev=20211116235139) center center/cover no-repeat;
	}
	.sec-method-plan .mv-left {
		width: 30vw;
		left: 1vw;
	}
	.sec-method-plan .mv-right {
		width: 28vw;
		right: 1vw;
	}
}
/*------------------------------------------------------------
	STEP
------------------------------------------------------------*/

.sec-step {
	background: url(./../../assets/images/bg_01.png) center center repeat;
	width: 100vw;
	position: relative;
	padding-bottom: 3.6vw;
}
.sec-step ul {
	background: url(./../../assets/images/sec-step-bg.png) center 10vw no-repeat;
}
.sec-step li {
	margin-top: 1.96vw;
}

.sec-step li:first-child {
	margin-top: 0;
}
.sec-step li.step_3 {
	margin-top: 24.3vw;
}
.sec-step li.step_4 {
	margin-top: 48.3vw;
}
.sec-step li.step_5{
    margin-top: 50.3vw;
}
@media screen and (max-width: 750px) {
	.sec-step ul {
		background: url(./../../assets/images/sec-step-bg.png) center 10vw no-repeat;
		-webkit-background-size: 1.2vw 100%;
		background-size: 1.2vw 100%;
	}
	.sec-step li.step_2 {
		margin-top: 6.3vw;
	}
	.sec-step li.step_3 {
		margin-top: 111.3vw;
	}
	.sec-step li.step_4 {
		margin-top: 221vw;
	}
	.sec-step li.step_5 {
		margin-top: 232.3vw;
	}
}


/*------------------------------------------------------------
	FAQ
------------------------------------------------------------*/

.sec-faq {
	background: #e7edf0;
	width: 100vw;
	position: relative;
	padding-bottom: 3.6vw;
}
.sec-faq .faq-wrap {
	padding: 2.68vw;
	background-color: #fff;
}
.sec-faq .faq-wrap dt {
	padding-top: 1.5vw;
	cursor: pointer;
	position: relative;
}
.sec-faq .faq-wrap dt:after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 0;
	width: .833vw;
	height: .6vw;
	background: url(./../../assets/images/sec-faq-arrow.png) center center/contain repeat;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.sec-faq .faq-wrap dt.active:after {
	-webkit-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
}
.sec-faq .faq-wrap dd {
	display: none;
	padding-top: 1.5vw;
	padding-bottom: .5vw;
}
@media screen and (max-width: 750px) {
	.sec-faq {
		padding-bottom: 6vw;
	}
	.sec-faq .faq-wrap {
		padding: 5.2vw;
		padding-top: 2vw;
	}
	.sec-faq .faq-wrap dt {
		padding-top: 2.8vw;
	}
	.sec-faq .faq-wrap dt:after {
		width: 2.4vw;
		height: 1.6vw;
	}
	.sec-faq .faq-wrap dd {
		padding-top: 2.8vw;
		padding-bottom: 2vw;
	}
}

/*------------------------------------------------------------
	SALON
------------------------------------------------------------*/

.sec-salon {
	width: 100vw;
	position: relative;
	padding-bottom: 3.6vw;
}
.sec-salon ul {
	width: 89.28vw;
	margin: auto;
}
.sec-salon ul li {
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	margin-top: 3vw;
}
.sec-salon ul li:first-child {
	margin-top: 0;
}
.sec-salon .icon {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	margin: -2.56vw 0 0 -2.56vw;
	width: 5.12vw;
	-webkit-animation-delay: .7s;
	-o-animation-delay: .7s;
	animation-delay: .7s;
}
.sec-salon .info {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.sec-salon .info img {
	width: 89.28vw;
	max-width: 89.28vw;
}
.sec-salon .img {
	width: 29.2vw;
	position: relative;
	z-index: 2;
	-webkit-animation-delay: .3s;
	-o-animation-delay: .3s;
	animation-delay: .3s;
}
.sec-salon .map {
	width: 29.2vw;
	position: relative;
	z-index: 2;
	-webkit-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}
.sec-salon .map iframe {
	width: 100%;
	height: 100%;
	vertical-align: top;
}
@media screen and (max-width: 750px) {
	.sec-salon ul li {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: start;
	}
	.sec-salon .icon {
		width: 16vw;
		margin: -2.4vw 0 0 -2.4vw;
	}
	.sec-salon .info {
		position: static;
		width: 100%;
	}
	.sec-salon .info img {
		width: 90.4vw;
		max-width: 90.4vw;
	}
	.sec-salon .img {
		width: 50%;
	}
	.sec-salon .map {
		width: 50%;
		padding-top: 39%;
	}
	.sec-salon .map iframe{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
}

/*------------------------------------------------------------
	EXTRA ANIMATION
------------------------------------------------------------*/

@-webkit-keyframes slideToRight {
	0% {
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	to {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@keyframes slideToRight {
	0% {
		-webkit-transform: scale(0,1);
		transform: scale(0,1);
	}
	to {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
.slideToRight {
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-ms-transform-origin: left top;
	-o-transform-origin: left top;
	transform-origin: left top;
	-webkit-animation-name: slideToRight;
	-o-animation-name: slideToRight;
	animation-name: slideToRight;
}


@-webkit-keyframes slideToRight2 {
	0% {
		width:0
	}
	to {
		width: 100%;
	}
}
@keyframes slideToRight2 {
	0% {
		width:0
	}
	to {
		width: 100%;
	}
}
.slideToRight2 {
	-webkit-animation-name: slideToRight2;
	-o-animation-name: slideToRight2;
	animation-name: slideToRight2;
}

@-webkit-keyframes fadeInUpC {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
@keyframes fadeInUpC {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}
.fadeInUpC {
	-webkit-animation-name: fadeInUpC;
	animation-name: fadeInUpC
}


/*------------------------------------------------------------
	Modal 追加分
------------------------------------------------------------*/


body.fixed {
position: fixed;
left: 0;
width: 100%;
height: 100%; }

.modal {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  margin: auto;
  opacity: 0;
  border: none;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .modal .btn-inner {
    margin-top: 23.5px; }

.modal-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(230, 46, 139, 0.9); }

.modal-inner {
  z-index: 1;
  overflow: visible;
  width: calc( 100% * ( 690 / 750 ));
  max-height: 80vh;
  margin: auto;
  padding: 15px;
  background: #fff; }

.modal-list-logo {
  padding-bottom: 25px;
  text-align: center;
  border-bottom: 1px solid #ebebeb; }

.modal-content-ttl {
  margin-bottom: 10px;
  font-size: calc( 100vw * ( 30 / 750 ));
  font-weight: bold;
  color: #e62e8b;
  border-bottom: 1px solid #e62e8b; }
  @media screen and (min-width: 751px) {
    .modal-content-ttl {
      font-size: 30px; } }

.modal-content-directions {
  font-weight: bold; }

.modal-content-address {
  margin: 0 auto calc( 100% * ( 23 / 750 )) auto;
  line-height: 1.6; }

.modal-content-map {
  margin: 0 auto calc( 100% * ( 23 / 750 )) auto; }

#modal-content-map-iframe {
  border: 0; }
  @media screen and (min-width: 751px) {
    #modal-content-map-iframe {
      height: 350px; } }

#modal-cta-btn {
  display: block;
  margin: 0 auto; }
  @media screen and (min-width: 751px) {
    #modal-cta-btn {
      width: 315px; } }

.modal-btn {
  position: absolute;
  bottom: -60px;
  left: 50%;
  margin: auto;
  font-weight: bold;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%); }

.modal-btn a.btn-close {
  color: #fff; }

.modal.is-open {
  -webkit-animation: modal_open .5s ease forwards;
  animation: modal_open .5s ease forwards; }
  .modal.is-open .modal-inner {
    -webkit-animation: modal_inner_open .5s ease forwards;
    animation: modal_inner_open .5s ease forwards; }

.modal.is-close {
  -webkit-animation: modal_close .5s ease forwards;
  animation: modal_close .5s ease forwards; }
  .modal.is-close .modal-inner {
    -webkit-animation: modal_inner_close .5s ease forwards;
    animation: modal_inner_close .5s ease forwards; }

@-webkit-keyframes modal_open {
  0% {
    opacity: 0; }
  100% {
    z-index: 10000;
    opacity: 1; } }

@keyframes modal_open {
  0% {
    opacity: 0; }
  100% {
    z-index: 10000;
    opacity: 1; } }

@-webkit-keyframes modal_inner_open {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes modal_inner_open {
  0% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@-webkit-keyframes modal_close {
  0% {
    z-index: 10000;
    opacity: 1; }
  100% {
    opacity: 0; } }

@keyframes modal_close {
  0% {
    z-index: 10000;
    opacity: 1; }
  100% {
    opacity: 0; } }

@-webkit-keyframes modal_inner_close {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; } }

@keyframes modal_inner_close {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
    opacity: 0; } }

/*# sourceMappingURL=../sourcemaps/import.css.map */



.mv-limited {
	background: #e7edf0;
}

.mv-hand{
	color: #fffa00;
/*
	background-color: #fffa00;
*/
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}



#footer .footer-note{
	background: #ffffff;
	color: #000000;
}

#footer .footer-wrap{
	background: #e7edf0;
}

#footer .footer-wrap li a{
	color: #000000;
}

#footer .footer-wrap li:before{
	color: #000000;
}

.mv-limited-ttl .w1000 img{
	object-fit: contain;
}

.mv-limited .w1500 img{
	object-fit: contain;
}

.stackimg{
	position: relative;

}

.stackimg img{
	position: relative;
	bottom: 0;
}

.stackimg .add-img{
	position: absolute;
	bottom: 0;
}

@media screen and (max-width: 750px) {
	.mv-limited img{
		height: initial;
	}
	.container .slick-slide{
		height: auto;
	}
	.slide-item .stackimg .add-img{
		z-index: 2;
	}
}

/*t_cp*/
.sec-worried .mv {
	width: 10vw;
	position: absolute;
	bottom: -1vw;
	right: 18vw;
}