<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */
/* common
-------------------------------------------------- */
/* 
-------------------------------------------------- */
section .note { text-align: center;}
@media only screen and (min-width: 641px) and (max-width: 979px) {
	/*---- 	for-tb ----*/
}
@media print, screen and (min-width: 980px) {
	/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
	/*---- 	for-sp  ----*/
	.item--ul01--li01 .lead {
		padding:1.2em 0 1.2em;
		font-weight: 700;
		text-align: center;
		font-size:2em;
		line-height: 1.5;
	}
	.item--photo { width:35.5%;}
	.item--ex { width:66%;}
	
	.item--ul01 li .li--inner {
		margin-bottom:0;
	}
	.item--icn {
		width:84%;
		margin-bottom:2em;
	}
	.moist--intro .btn--buy {
		margin:.7em 8% .8em;
	}
	.item--name { 
		font-size:5.3vw;
	}
}


/* check list 
-------------------------------------------------- */
@media only screen and (min-width: 641px) and (max-width: 979px) {
	/*---- 	for-tb ----*/
}
@media only screen and (min-width: 641px) and (max-width: 979px) {
	/*---- 	for-tb ----*/
}
@media print, screen and (min-width: 980px) {
	/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
	/*---- 	for-sp  ----*/
	.moist--checklist {
		padding-top:6em;
	}
	.checklist--inner ul {}
}


/* point
-------------------------------------------------- */
@media only screen and (min-width: 641px) {
	/*---- 	for-tb ----*/
	.ul--point01 {
		display:block;
	}
	.ul--point01.sp { display:none;}
	
	.ul--point01 li {
		width:100%;
	}
}
@media print, screen and (min-width: 980px) {
	/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
	/*---- 	for-sp  ----*/
	.moist--point {
		padding-bottom:2em;
	}
	.moist--ans {
		margin-top:0;
	}
}


/* more
-------------------------------------------------- */
@media only screen and (min-width: 641px) {
	/*---- 	for-tb ----*/
	.moist--more {
		padding:0 0 6em;
	}
}
@media only screen and (min-width: 641px) and (max-width: 979px) {
	/*---- 	for-tb ----*/
}
@media print, screen and (min-width: 980px) {
	/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
	/*---- 	for-sp  ----*/
}

/* cv
-------------------------------------------------- */
@media only screen and (min-width: 641px)  {
	/*---- 	for-tb ----*/
	.item--ul01 {
		display: block;
	}
	.item--ul01 li { 
		width:92%;
		max-width:850px;
		margin:0 auto;
		padding: 50px 0 30px;
	}
	.moist--intro .btn--buy, .buy--mid {
		width:332px;
		margin:-85px 0 0 45.2%;
	}
	.item--photo {
		width:46%;
		padding: 0;
	}
	.item--ex {
		width:54%;
	}
	.item--ex .lead {
		margin-bottom: 1em;
		color: #4a4c50;
		line-height: 1.4;
		font-weight: 700;
		font-size:2em;
	}
	.item--ul01 li .sub {
		margin:2.4em 14.352941% 0;
		line-height: 1.15;
		text-align: center;
	}
	
	.item--genle { margin-bottom: .3em;}
	.item--name { margin-bottom: .2em;}
}
@media only screen and (min-width: 641px) and (max-width: 979px) {
	/*---- 	for-tb ----*/
}
@media print, screen and (min-width: 980px) {
	/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
	/*---- 	for-sp  ----*/
}

/* 
-------------------------------------------------- */
@media only screen and (min-width: 641px) and (max-width: 979px) {
	/*---- 	for-tb ----*/
}
@media only screen and (min-width: 641px) and (max-width: 979px) {
	/*---- 	for-tb ----*/
}
@media print, screen and (min-width: 980px) {
	/*---- for-pc ----*/
}
@media only screen and (max-width: 640px) {
	/*---- 	for-sp  ----*/
}</pre></body></html>