:root{--keycolor-blue:#effdff;--keycolor-gray:#edede7;--keycolor-black:#333}img{vertical-align:bottom}body{background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI semibold","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic","Segoe UI",Verdana,Meiryo,sans-serif;line-height:1.8}.l-content__body{background-color:#fff;margin:0 auto;font-feature-settings:"palt" 1}.home.page .l-content__body{padding-top:0;padding-bottom:0}.p-breadcrumb{padding:0}.p-breadcrumb__list{background-color:#fff;padding-top:10px;padding-bottom:10px}.c-copyright{margin:0!important}.home{& p
	{
		margin-bottom:  1.5em;
	}
	& .sec
	{
		padding: 60px var(--ark-padding--container);
		margin: 0 calc(var(--ark-padding--container) * -1);
		
		> h2
		{
			text-align: center;
			margin-bottom: 40px;
		}
	}
	& .sec-kv
	{
		background-image: url("assets/img/home/kv.webp");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		aspect-ratio: 5/4;
		margin: 0 calc(var(--ark-padding--container) * -1);
		position: relative;
	}
	
	& .kv-cp
	{
		display: inline-block;
		position: absolute;
		top: 50%;
		right: var(--ark-padding--container);
		transform: translateY(-50%);
		
		& img
		{
			width: 50px;
		}
	}
	
	& .l-main__body > .c-postContent
	{
		margin-top: 0 !important;
	}
	
	
	& .sec-read
	{
		background-color: var(--keycolor-black);
		color: #fff;
		
		& h2
		{
			margin-bottom: 2em;
			text-align: center;
		}
	}
	
	& .sec-item
	{
		background-color: var(--keycolor-gray);
		
		& .item-name
		{
			font-weight: 700;
			font-size: 1.1em;
			margin: 0;
			line-height: 1.4;
		}
		
		& .btn-buy
		{
			background-color: #fff;
			border-radius: 10px;
			color: #222;
			display: inline-block;
			font-weight: 700;
			padding: 10px 3em;
			text-decoration: none;
			line-height: 1.3;
			filter: drop-shadow(0px 1px 3px #DCDCDC);
			transition-duration: .3s;
			text-align: center;

			&:hover
			{
				filter: drop-shadow(0px 1px 1px #DCDCDC);
			}
			
			& span
			{
				font-size: .8em;
			}
		}
	}
	
	& .item-face_lotion
	{
		margin-bottom: 50px;
		text-align: center;
		
		& .item-name
		{
			margin: 30px 0 0;
		}
		
		& img
		{
			width: 60px;
		}
	}
	
	& .item-sheetmask
	{
		display: flex;
		
		&.item-sheetmask-bath
		{
			margin-bottom: 50px;
		}
		& .item-face_lotion-L
		{
			width: 50%;
			padding: 0 40px;
		}
		
		& .item-face_lotion-R
		{
			width: 50%;
		}
		
		& .btn-buy
		{
			padding: 10px 0;
			width: 100%;
		}
	}

	& .sec-effect
	{
		& h2
		{
			margin: 0 0 1em !important;
		}
		& h3
		{
			text-align: center;
			margin: 2.4em 0 1.2em;
		}
		& h3:first-of-type
		{
			margin: 1em 0;
		}
		& .img-effect_01
		{
			text-align: center;

			& img
			{
				width: 55%;
			}
		}
		
		& .effect-container
		{
			position: relative;
			background-image: url("assets/img/home/bg_effect_01.svg"), url("assets/img/home/bg_effect_02.svg");
			background-repeat: no-repeat;
			background-size: 70% auto, 55% auto;
			background-position: right 30%, left 75%;
		}
	}
	
	
	& .sec-recommendation
	{
		background-color: var(--keycolor-gray);
		
		& h2
		{
			margin-bottom: 30px !important;
		}
	}
	
	
	& .sec-necessity
	{
		background-color: var(--keycolor-blue);
	}
	
	
	& .sec-howtouse
	{
		& h2
		{
			margin-bottom: 0px !important;
		}
		& h3
		{
			text-align: center;
			margin: 2.4em 0 .6em;
		}
		
		& .img-howtouse
		{
			text-align: center;
			margin-bottom: 10px;
			
			& img
			{
				width: 80%;
			}
		}
	}
	
	& .sec-notes
	{
		background-color: var(--keycolor-black);
		color: #fff;
	}
	
	& .sec-secret
	{
		background-image: url("assets/img/home/bg_secret.png");
		background-position: top 100px center;
		background-repeat: no-repeat;
		background-size: 84%;
		
		& .secret-point
		{
			margin-bottom: 50px;
		}
		& .secret-point:last-of-type
		{
			margin-bottom: 0px;
		}
		& .secret-point2
		{
			float: right;
		}
	}

	
	& .sec-about
	{
		background-color: var(--keycolor-blue);
	}
	
	
	& .sec-ingredients
	{
		background-color: var(--keycolor-gray);
	}
	
	
	& .sec-sheetmask
	{
		background-color: var(--keycolor-black);
		color: #fff;
		
		& .img-sheetmask
		{
			margin-bottom: 30px;
		}
	}
	
	
	& .sec-contact
	{
		background-color: var(--keycolor-gray);
		
		& .field
		{
			margin-bottom: 15px;
			
			& label
			{
				font-weight: 700;
			}
			
			> p:first-of-type
			{
				margin-bottom: 3px;
			}
			
			& .wpcf7-text,
			.wpcf7-textarea
			{
				width: 100%;
				border-radius: 5px;
			}
			
		}
		& .btn-send
		{
			display: block;
			text-align: center;
			padding: 10px;
			background-color: var(--keycolor-black);
			color: #fff;
			font-weight: 700;
			width: 100%;
			margin-top: 30px;
			letter-spacing: 1em;
			transition-duration: .3s;
		}
		& .btn-send:hover
		{
			background-color: royalblue;
		}
	}
	
	& .img-insert
	{
		aspect-ratio: 5/3;
		display: block;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		margin: 0 calc(var(--ark-padding--container) * -1);
	}
	& .img-insert-01
	{
		background-image: url("assets/img/home/img_insert_01.webp");
	}
	& .img-insert-02
	{
		background-image: url("assets/img/home/img_insert_02.webp");
	}
	& .img-insert-03
	{
		background-image: url("assets/img/home/img_insert_03.webp");
	}
	
	@media only screen and (min-width: 768px)
	{
		& .sec
		{
			> h2
			{
				margin-bottom: 50px;
			}
		}
		& .kv-cp {

			& img
			{
				width: 60px;
			}
		}

	
		& .sec-secret
		{
			background-position: top 70px center;
			background-size: 75%;
			
			& .secret-point
			{
				margin-bottom: 70px;
			}
		}	
	}

}.gmap{aspect-ratio: 4/3}.gmap iframe{width:100%;height:100%}.text-justify{text-align:justify}.width-fit{margin: 0 calc(var(--ark-padding--container) * -1)}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:10px!important}.mb-2{margin-bottom:20px!important}.small{font-size:.85em;line-height:1.6}