@charset "UTF-8";
/* CSS Document */
.img-fluid, img, video {
	max-width: 100%
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var, video, vv time {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline
}
html {
	font-size: 62.5%;
	font-feature-settings: "palt";
}
* {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	word-break: break-all
}
a, a:visited {
	color: inherit;
	outline: 0
}
article, aside, footer, header, main, nav, section {
	display: block
}
:after, :before {
	-webkit-box-sizing: inherit;
	box-sizing: inherit
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
ol, ul {
	list-style: none
}
img {
	border-style: none
}
blockquote, q {
	quotes: none
}
[hidden] {
	display: none !important
}
[disabled] {
	cursor: not-allowed
}
:focus:not(:focus-visible) {
	outline: 0
}
.img-fluid {
	height: auto;
	display: block;
	margin: 0 auto
}
body {
	background-color: #fff;
	font-family: "Noto Sans JP";
	color: #5f5752;
	font-size: 14px;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%
}
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
	cursor: pointer
}
pre {
	white-space: pre-line
}
.ondo-wrap {
	width: 100%
}
@media (min-width:751px) {
	.ondo-wrap {
		max-width: 525px;
		margin: 0 auto;
		padding-bottom: 35px
	}
}
.ondo-wrap img {
	max-width: 100%;
	vertical-align: middle
}
.banner {
	position: relative
}
.banner h1 {
	position: absolute
}
@media (min-width:751px) {
	.banner h1 {
		left: 14.5px;
		top: 15.4px
	}
	.banner h1 img {
		max-width: 158px
	}
}
@media (max-width:750.98px) {
	.ondo-wrap {
		padding-bottom: 6.66667vw
	}
	.banner h1 {
		left: 3vw;
		top: 2.93333vw
	}
	.banner h1 img {
		max-width: 30vw
	}
}
.box-custom-link {
	position: relative
}
.box-custom-link .btn-scroll {
	position: absolute;
	bottom: 0;
	right: .5%
}
.diagnosis .skin-list li, .diagnosis h2 {
	position: relative
}
.diagnosis {
	background: #fbf9f6
}
.diagnosis h2 {
	z-index: 2;
	text-align: center
}
@media (min-width:751px) {
	.box-custom-link .btn-scroll img {
		max-width: 179.9px
	}
	.diagnosis h2 {
		padding: 0 5.6px
	}
}
@media (max-width:750.98px) {
	.box-custom-link .btn-scroll img {
		max-width: 34.26667vw
	}
	.diagnosis h2 {
		padding: 0 1.06667vw
	}
}
.skin-list{
	filter: drop-shadow(2px 2px 4px rgba(0, 0, 0,0.2));
}
@media (min-width:751px) {
	.diagnosis .skin-list {
		padding: 0 28px;
		margin-top: -21px
	}
}
@media (max-width:750.98px) {
	.diagnosis .skin-list {
		padding: 0 5.33333vw;
		margin-top: -4vw
	}
}
@media (min-width:751px) {
	.diagnosis .skin-list li {
		padding: 35px 42px
	}
}
@media (max-width:750.98px) {
	.diagnosis .skin-list li {
		padding: 6.13333vw 8vw
	}
}
.diagnosis .skin-list li:after {
	content: '';
	position: absolute;
	width: 90%;
	height: 1px;
	border-bottom: 1px solid #827c78;
	left: 5%;
	bottom: 0
}
.diagnosis .skin-list li:last-child::after {
	border-bottom:#fff;
	
}
.diagnosis .skin-list li:nth-child(2n+1) {
	background: #fff
}
.diagnosis .skin-list li:nth-child(2n) {
	background: #fff
}
.diagnosis .skin-list li label {
	position: relative;
	display: block;
	line-height: 1.57692
}
.diagnosis .skin-list li label:after, .diagnosis .skin-list li label:before {
	content: '';
	position: absolute
}
.diagnosis .skin-list li label:after {
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
@media (min-width:751px) {
	.diagnosis .skin-list li label {
		padding-left: 42px;
		font-size: 18.2px
	}
	.diagnosis .skin-list li label:after {
		border: 1.5px solid #5f5752;
		width: 24.5px;
		height: 24.5px
	}
}
@media (max-width:750.98px) {
	.diagnosis .skin-list li label {
		padding-left: 8vw;
		font-size: 3.46667vw
	}
	.diagnosis .skin-list li label:after {
		width: 4.66667vw;
		height: 4.66667vw;
		border: .26667vw solid #5f5752
	}
}
.diagnosis .skin-list li label:before {
	top: 50%;
	-webkit-transform: translateY(-60%) rotate(40deg);
	-ms-transform: translateY(-60%) rotate(40deg);
	transform: translateY(-60%) rotate(40deg);
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s
}
@media (min-width:751px) {
	.diagnosis .skin-list li label:before {
		border-right: 2px solid #5f5752;
		border-bottom: 2px solid #5f5752;
		width: 8.4px;
		height: 17.5px;
		left: 8.4px
	}
	.diagnosis .btn-show-skin.hide + .show-skin-info {
		padding-top: 28px
	}
}
@media (max-width:750.98px) {
	.diagnosis .skin-list li label:before {
		border-right: .26667vw solid #5f5752;
		border-bottom: .26667vw solid #5f5752;
		width: 1.6vw;
		height: 3.33333vw;
		left: 1.6vw
	}
}
.diagnosis .skin-list li input[type=checkbox] {
	position: absolute;
	width: 0;
	height: 0;
	top: 0;
	left: 0
}
.diagnosis .skin-list li input[type=checkbox]:checked + label:before {
	opacity: 1
}
.diagnosis .btn-show-skin {
	text-align: center;
	background: #fbf9f6
}
@media (max-width:750.98px) {
	.diagnosis .btn-show-skin.hide + .show-skin-info {
		padding-top: 5.33333vw
	}
}
@media (min-width:751px) {
	.diagnosis .btn-show-skin {
		padding: 28px
	}
	.diagnosis .btn-show-skin img {
		max-width: 279.3px
	}
}
@media (max-width:750.98px) {
	.diagnosis .btn-show-skin {
		padding: 5.33333vw
	}
	.diagnosis .btn-show-skin img {
		max-width: 53.2vw
	}
}
.diagnosis .show-skin-info .skin-item {
	display: none
}
.demo {
	background: url(https://ec-force.s3.amazonaws.com/wwwonanddojp/uploads/on-and-do/assets/demo_bg.png) center center/cover no-repeat;
	font-family: "Noto Serif JP";
	font-weight: 500
}
.plexsans{
	font-family: 'IBM Plex Sans', sans-serif;
	font-weight: 300;
	font-size: 1.05em;
	line-height:0.1em;
}
.plus5, .stress .txt-info {
	font-weight: 400;
	font-family: "Noto Serif JP"
}
@media (min-width:751px) {
	.demo {
		padding: 98px 59.5px 49px
	}
}
@media (max-width:750.98px) {
	.demo {
		padding: 18.66667vw 11.33333vw 9.33333vw
	}
}
.demo .txt-info {
	line-height: 2.5
}
.demo .txt-info-question {
	line-height: 1.73529;
	background: url(https://ec-force.s3.amazonaws.com/wwwonanddojp/uploads/on-and-do/assets/demo_bg001.png) center center/contain no-repeat;
	letter-spacing: -2px;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.plus5, .stress {
	background: #fff;
}
@media (min-width:751px) {
	.demo .txt-info {
		font-size: 22.4px;
		margin-bottom: 84px
	}
	.demo .txt-info-question {
		font-size: 23.8px;
		height: 99.4px;
		width: 409.5px;
		padding-top: 17.5px;
		margin: 0 auto
	}
}
@media (max-width:750.98px) {
	.demo .txt-info {
		font-size: 4.26667vw;
		margin-bottom: 16vw
	}
	.demo .txt-info-question {
		font-size: 4.53333vw;
		height: 18.93333vw;
		width: 78vw;
		padding-top: 2.66667vw;
		margin: 0 auto
	}
}
.stress .txt-info {
	line-height: 1.83333
}
@media (min-width:751px) {
	.stress .txt-info {
		padding: 0 52.5px;
		margin-bottom: 28px;
		font-size: 21px
	}
}
@media (max-width:750.98px) {
	.stress .txt-info {
		padding: 0 10vw;
		margin-bottom: 5.33333vw;
		font-size: 4vw
	}
}
.plus5 h3 {
	line-height: 1.54545;
	font-weight: 500;
	text-align: center
}
.plus5 h3 span {
	display: block
}
@media (min-width:751px) {
	.plus5 {
		padding: 60px 29.4px 35px 29.4px
	}
	.plus5 h3 {
		font-size: 38.5px;
		margin-bottom: 24.5px
	}
	.plus5 h3 span {
		font-size: 28px
	}
}
@media (max-width:750.98px) {
	.plus5 {
		padding: 6.66667vw 5.6vw
	}
	.plus5 h3 {
		font-size: 7.33333vw;
		margin-bottom: 4.66667vw
	}
	.plus5 h3 span {
		font-size: 5.33333vw
	}
}
.plus5 .plus5-item {
	line-height: 1.83333
}
@media (min-width:751px) {
	.plus5 .plus5-item {
		font-size: 21px
	}
	.plus5 .plus5-item + .plus5-item {
		margin-top: 80px
	}
	.plus5 .plus5-item p {
		padding: 0 23.8px
	}
}
@media (max-width:750.98px) {
	.plus5 .plus5-item {
		font-size: 4vw
	}
	.plus5 .plus5-item + .plus5-item {
		margin-top: 10.66667vw
	}
	.plus5 .plus5-item p {
		padding: 0 4.53333vw
	}
}
.plus5 .plus5-item .box-image {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.plus5 .plus5-item .box-image > img {
	width: 100%
}
.plus5 .plus5-item .box-image .item {
	text-align: center
}
@media (min-width:751px) {
	.plus5 .plus5-item .box-image {
		margin-top: 40px
	}
	.plus5 .plus5-item .box-image .item {
		width: 210px
	}
}
@media (max-width:750.98px) {
	.plus5 .plus5-item .box-image {
		margin-top: 4.66667vw
	}
	.plus5 .plus5-item .box-image .item {
		width: 40vw
	}
}
.plus5 .txt-info {
	text-align: center
}
@media (min-width:751px) {
	.plus5 .txt-info {
		font-size: 13.3px;
		margin-top: 35px
	}
}
@media (max-width:750.98px) {
	.plus5 .txt-info {
		font-size: 2.53333vw;
		margin-top: 6.66667vw
	}
}
.brand-concept {
	position: relative
}
.brand-concept .txt-info {
	font-family: "Noto Serif JP";
	font-weight: 500;
	position: absolute;
	color: #fff;
	line-height: 1.46667;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: mixed;
	text-orientation: mixed;
	letter-spacing: 1px
}
.cv-mychoice {
	position: relative;
	z-index: 2
}
.cv-mychoice + .cv-set {
	position: relative;
	z-index: 3
}
@media (min-width:751px) {
	.brand-concept .txt-info {
		top: 38.5px;
		left: 56px;
		font-size: 42px
	}
	.cv-mychoice {
		margin-top: 0px
	}
	.cv-mychoice + .cv-set {
		margin-top: 0px
	}
}
@media (max-width:750.98px) {
	.brand-concept .txt-info {
		top: 7.33333vw;
		left: 10.66667vw;
		font-size: 8vw
	}
	.cv-mychoice {
		margin-top: 0vw
	}
	.cv-mychoice + .cv-set {
		margin-top: 0vw
	}
}
.cv-mychoice .btn-form {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}

/*単品と定期のボタン位置*/
@media (min-width:751px) {
	.cv-mychoice .btn-form {
		width: 420px
	}
	.cv-mychoice .btn-form.btn-form-onetime {
		top: 595px
	}
	.cv-mychoice .btn-form.btn-form-subscription {
		bottom: 52px
	}
}
@media (max-width:750.98px) {
	.cv-mychoice .btn-form {
		width: 85.06667vw
	}
	.cv-mychoice .btn-form.btn-form-onetime {
		top: 113.33333vw
	}
	.cv-mychoice .btn-form.btn-form-subscription {
		bottom: 9.8vw
	}
}
.cv-set {
	position: relative
}
.cv-set .btn-form {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.component {
	background: #fff
}
.component .tabs-content {
	line-height: 1.5
}

/*セット品のボタン位置*/
@media (min-width:751px) {
	.cv-set .btn-form {
		bottom: 50px;
		width: 429.8px
	}
	.component {
		padding: 60px 29.4px 49px
	}
	.component .tabs {
		margin-bottom: 38.5px
	}
	.component .tabs-content {
		font-size: 21px
	}
	.component .txt-info {
		font-size: 12.6px
	}
}
@media (max-width:750.98px) {
	.cv-set .btn-form {
		bottom: 9.66667vw;
		width: 81.86667vw
	}
	.component {
		padding: 9.33333vw 5.6vw
	}
	.component .tabs {
		margin-bottom: 7.33333vw
	}
	.component .tabs-content {
		font-size: 4vw
	}
	.component .txt-info {
		font-size: 2.4vw
	}
}
.content-info {
	font-family: "Noto Serif JP"
}
@media (min-width:751px) {
	.content-info {
		margin-bottom: 45.5px;
		padding: 0 23.8px
	}
}
@media (max-width:750.98px) {
	.content-info {
		margin-bottom: 8.66667vw;
		padding: 0 4.53333vw
	}
}
.content-info h2 {
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	letter-spacing: -.15px
}
.content-info h2 span {
	display: block;
	line-height: 1.625
}
@media (min-width:751px) {
	.content-info h2 {
		font-size: 42px;
		margin-bottom: 28px
	}
	.content-info h2 span {
		font-size: 28px
	}
}
@media (max-width:750.98px) {
	.content-info h2 {
		font-size: 8vw;
		margin-bottom: 5.33333vw
	}
	.content-info h2 span {
		font-size: 5.33333vw
	}
}
.content-info p {
	line-height: 1.83333
}
.tabs .tabs-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}
.tabs .tabs-link .item-link {
	position: relative;
	display: block
}
@media (min-width:751px) {
	.content-info p {
		font-size: 21px
	}
	.tabs .tabs-link {
		margin-bottom: 21px
	}
	.tabs .tabs-link .item-link {
		width: calc((100% - per70(30px))/ 3);
		padding-bottom: 8.4px
	}
	.tabs .tabs-link .item-link:not(:last-child) {
		margin-right: 10.5px
	}
}
@media (max-width:750.98px) {
	.content-info p {
		font-size: 4vw
	}
	.tabs .tabs-link {
		margin-bottom: 4vw
	}
	.tabs .tabs-link .item-link {
		width: 28.26667vw;
		padding-bottom: 1.6vw
	}
	.tabs .tabs-link .item-link:not(:last-child) {
		margin-right: 2vw
	}
}
.tabs .tabs-link .item-link:after {
	content: '';
	position: absolute;
	width: 84%;
	height: 1px;
	border-bottom: 1px solid #5f5752;
	left: 8%;
	bottom: 0;
	-webkit-transition: .3s;
	transition: .3s
}
.tabs .tabs-link .item-link.active:after {
	opacity: 0
}
.tabs .tabs-content {
	background: #f6f2ee;
	position: relative;
	letter-spacing: 1px
}
.tabs .tabs-content .text-more {
	line-height: 2.27273;
	text-align: center
}
.tabs .tabs-content .content-item:not(.active) {
	display: none
}
.tabs .tabs-content .content-item:before {
	content: '';
	position: absolute;
	bottom: 100%
}
@media (min-width:751px) {
	.tabs .tabs-content {
		padding: 28px 23.8px
	}
	.tabs .tabs-content .text-more {
		font-size: 15.4px
	}
	.tabs .tabs-content .text-more ~ .text-more {
		margin-top: 21px
	}
	.tabs .tabs-content .content-item:before {
		border-left: 14px solid transparent;
		border-right: 14px solid transparent;
		border-bottom: 21px solid #f6f2ee
	}
	.tabs .tabs-content .content-item:first-child:before {
		left: 59.5px
	}
	.tabs .tabs-content .content-item:last-child:before {
		right: 59.5px
	}
}
@media (max-width:750.98px) {
	.tabs .tabs-content {
		padding: 5.33333vw 4.53333vw
	}
	.tabs .tabs-content .text-more {
		font-size: 2.93333vw
	}
	.tabs .tabs-content .text-more ~ .text-more {
		margin-top: 4vw
	}
	.tabs .tabs-content .content-item:before {
		border-left: 2.66667vw solid transparent;
		border-right: 2.66667vw solid transparent;
		border-bottom: 4vw solid #f6f2ee
	}
	.tabs .tabs-content .content-item:first-child:before {
		left: 11.33333vw
	}
}
.tabs .tabs-content .content-item:nth-child(2):before {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.tabs .tabs-content .content-item sup {
	display: inline-block
}
.flower {
	background: #fff
}

.flower video {
	width: 100%;
	height: auto
}
@media (min-width:751px) {
	.tabs .tabs-content .content-item sup {
		font-size: 10.5px;
		-webkit-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		transform: translateY(-7px)
	}
	.flower {
		margin-bottom: 45.5px
	}
	.flower .content-info {
		margin-top: 35px;
		padding: 0 53.2px
	}
}

@media (max-width:750.98px) {
	.tabs .tabs-content .content-item:last-child:before {
		right: 11.33333vw
	}
	.tabs .tabs-content .content-item sup {
		font-size: 2vw;
		-webkit-transform: translateY(-1.33333vw);
		-ms-transform: translateY(-1.33333vw);
		transform: translateY(-1.33333vw)
	}
	.flower {
		margin-bottom: 8.66667vw
	}
	.flower .content-info {
		margin-top: 6.66667vw;
		padding: 0 10.13333vw
	}
}
.flower .tabs-content {
	line-height: 1.60714;
	letter-spacing: 0
}
@media (min-width:751px) {
	.flower .tabs {
		margin-bottom: 21px;
		padding: 0 29.4px
	}
	.flower .tabs-content {
		font-size: 19.6px
	}
}
@media (max-width:750.98px) {
	.flower .tabs {
		margin-bottom: 4vw;
		padding: 0 5.6vw
	}
	.flower .tabs-content {
		font-size: 3.73333vw
	}
}
.flower .tabs-link .item-link:after {
	width: 55%;
	left: 15%
}
@media (min-width:751px) {
	.flower .text-info {
		padding: 0 29.4px;
		font-size: 12.6px
	}
	.item-refining-lotion {
		margin-bottom: 42px
	}
}
@media (max-width:750.98px) {
	.flower .text-info {
		padding: 0 5.6vw;
		font-size: 2.4vw
	}
	.item-refining-lotion {
		margin-bottom: 8vw
	}
}
.item-refining-lotion video {
	width: 100%;
	height: auto
}
.item-refining-lotion .items {
	position: relative;
	z-index: 2
}
.item-refining-lotion .items .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.78571
}
.item-refining-lotion .items .item sup {
	display: inline-block
}
@media (min-width:751px) {
	.item-refining-lotion .items {
		margin: -34.5px 0 56px;
		padding: 0 29.4px
	}
	.item-refining-lotion .items .item {
		font-size: 19.6px
	}
	.item-refining-lotion .items .item .item-content sup {
		font-size: 12.6px;
		-webkit-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		transform: translateY(-7px)
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items {
		margin: -4.66667vw 0 10.66667vw;
		padding: 0 5.6vw
	}
	.item-refining-lotion .items .item {
		font-size: 3.73333vw
	}
	.item-refining-lotion .items .item .item-content sup {
		font-size: 2.4vw;
		-webkit-transform: translateY(-1.33333vw);
		-ms-transform: translateY(-1.33333vw);
		transform: translateY(-1.33333vw)
	}
}
.item-refining-lotion .items .item:not(.align-start) {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}
.item-refining-lotion .items .item.reverse {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}
@media (min-width:751px) {
	.item-refining-lotion .items .item.reverse {
		padding-left: 23.8px
	}
	.item-refining-lotion .items .item:not(.reverse) {
		padding-right: 23.8px
	}
	.item-refining-lotion .items .item:not(:last-child) {
		margin-bottom: 35px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item.reverse {
		padding-left: 4.53333vw
	}
	.item-refining-lotion .items .item:not(.reverse) {
		padding-right: 4.53333vw
	}
	.item-refining-lotion .items .item:not(:last-child) {
		margin-bottom: 6.66667vw
	}
}
.item-refining-lotion .items .item:not(:first-child) {
	font-family: "Noto Serif JP"
}
.item-refining-lotion .items .item:first-child {
	margin-bottom: 0
}
.item-refining-lotion .items .item:first-child .item-content {
	line-height: 1.69231
}
.item-refining-lotion .faqs, .item-refining-lotion .items .item:first-child .item-content h3, .item-refining-lotion .txt-info {
	line-height: 1.66667
}
.item-refining-lotion .items .item:first-child .item-content h3 span {
	display: block
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:first-child {
		padding: 0 23.8px 0 16.8px
	}
	.item-refining-lotion .items .item:first-child .item-image {
		margin-right: 36.4px
	}
	.item-refining-lotion .items .item:first-child .item-image img {
		max-width: 126px
	}
	.item-refining-lotion .items .item:first-child .item-content {
		font-size: 18.2px
	}
	.item-refining-lotion .items .item:first-child .item-content h3 {
		font-size: 21px;
		margin-bottom: 14px
	}
	.item-refining-lotion .items .item:first-child .item-content h3 span {
		font-size: 12.6px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:first-child {
		padding: 0 4.53333vw 0 3.2vw
	}
	.item-refining-lotion .items .item:first-child .item-image {
		margin-right: 6.93333vw
	}
	.item-refining-lotion .items .item:first-child .item-image img {
		max-width: 24vw
	}
	.item-refining-lotion .items .item:first-child .item-content {
		font-size: 3.46667vw
	}
	.item-refining-lotion .items .item:first-child .item-content h3 {
		font-size: 4vw;
		margin-bottom: 2.66667vw
	}
	.item-refining-lotion .items .item:first-child .item-content h3 span {
		font-size: 2.4vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:nth-child(2) .item-image {
		width: 41.67987%;
		margin-right: 14px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:nth-child(2) .item-image {
		width: 41.67987vw;
		margin-right: 3.16957vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:nth-child(2) .item-content {
		width: calc(100% - (263 / 631 * 100%) - 20px)
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:nth-child(2) .item-content {
		width: 74.00951vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:nth-child(3) .item-image {
		width: 41.20444%;
		margin-left: 17.5px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:nth-child(3) .item-image {
		width: 41.20444vw;
		margin-left: 3.96197vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:nth-child(3) .item-content {
		width: calc(100% - (260 / 631 * 100%) - 25px)
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:nth-child(3) .item-content {
		width: 73.69255vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:nth-child(4) .item-image {
		width: 42.47227%;
		margin-right: 19.6px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:nth-child(4) .item-image {
		width: 42.47227vw;
		margin-right: 4.4374vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:nth-child(4) .item-content {
		width: calc(100% - (268 / 631 * 100%) - 28px)
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:nth-child(4) .item-content {
		width: 53.09033vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:last-child .item-image {
		width: 39.77813%;
		margin-left: 13.3px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:last-child .item-image {
		width: 39.77813vw;
		margin-left: 3.01109vw
	}
}
@media (min-width:751px) {
	.item-refining-lotion .items .item:last-child .item-content {
		width: calc(100% - (251 / 631 * 100%) - 19px)
	}
	.item-refining-lotion .items .item .tag {
		margin-top: 28px
	}
	.item-refining-lotion .items .item .tag .tag-info {
		font-size: 12.6px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item:last-child .item-content {
		width: 57.21078vw
	}
	.item-refining-lotion .items .item .tag {
		margin-top: 5.33333vw
	}
	.item-refining-lotion .items .item .tag .tag-info {
		font-size: 2.4vw
	}
}
.item-refining-lotion .items .item .tag .tag-list {
	font-size: 11.2px
}
.item-refining-lotion .items .item .tag .tag-list li {
	display: inline-block;
	border: 1px solid #33302d;
	text-align: center
}
.item-refining-lotion .items .item .tag .tag-list li:not(:last-child) {
	margin-right: 2.1px
}
.item-refining-lotion .items .item .tag .tag-list li sup {
	display: inline-block
}
@media (min-width:751px) {
	.item-refining-lotion .items .item .tag .tag-list {
		font-size: 11.2px
	}
	.item-refining-lotion .items .item .tag .tag-list li {
		border-radius: 6px;
		padding: 4.9px 8.4px 6.3px;
		margin-bottom: 4.2px
	}
	.item-refining-lotion .items .item .tag .tag-list li:not(:last-child) {
		margin-right: 2.1px
	}
	.item-refining-lotion .items .item .tag .tag-list li sup {
		font-size: 8.4px;
		-webkit-transform: translateY(-4.2px);
		-ms-transform: translateY(-4.2px);
		transform: translateY(-4.2px)
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .items .item .tag .tag-list {
		font-size: 2.13333vw
	}
	.item-refining-lotion .items .item .tag .tag-list li {
		border-radius: .8vw;
		padding: .93333vw 2vw 1.2vw;
		margin-bottom: .8vw
	}
	.item-refining-lotion .items .item .tag .tag-list li:not(:last-child) {
		margin-right: .4vw
	}
	.item-refining-lotion .items .item .tag .tag-list li sup {
		font-size: 1.6vw;
		-webkit-transform: translateY(-.8vw);
		-ms-transform: translateY(-.8vw);
		transform: translateY(-.8vw)
	}
}
@media (min-width:751px) {
	.item-refining-lotion .faqs {
		padding: 0 29.4px;
		font-size: 16.8px;
		margin-bottom: 52.5px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .faqs {
		padding: 0 5.6vw;
		font-size: 3.2vw;
		margin-bottom: 10vw
	}
}
.item-refining-lotion .faqs .faq-item .question {
	text-align: center;
	background: #ece7dc
}
@media (min-width:751px) {
	.item-refining-lotion .faqs .faq-item .question {
		padding: 10.5px 38.5px 10.5px 23.8px;
		border-radius: 24.5px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .faqs .faq-item .question {
		padding: 2vw 7.33333vw 2vw 4.53333vw;
		border-radius: 4.66667vw
	}
}
.item-refining-lotion .faqs .faq-item .answer .answer-img {
	text-align: center
}
@media (min-width:751px) {
	.item-refining-lotion .faqs .faq-item .answer {
		padding: 35px 23.8px 0
	}
	.item-refining-lotion .faqs .faq-item .answer .answer-img {
		margin-top: 21px
	}
	.item-refining-lotion .faqs .faq-item .answer img {
		max-width: 418.6px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .faqs .faq-item .answer {
		padding: 6.66667vw 4.53333vw 0
	}
	.item-refining-lotion .faqs .faq-item .answer .answer-img {
		margin-top: 4vw
	}
	.item-refining-lotion .faqs .faq-item .answer img {
		max-width: 79.73333vw
	}
}
.faqs .faq-item .question {
	position: relative;
	cursor: pointer
}
.faqs .faq-item .question .ic-close {
	position: absolute;
	border-radius: 50%;
	background: #fff;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%)
}
@media (min-width:751px) {
	.item-refining-lotion .txt-info {
		font-size: 12.6px;
		padding: 0 29.4px
	}
	.faqs .faq-item .question .ic-close {
		width: 26.6px;
		height: 26.6px;
		right: 9.8px
	}
}
@media (max-width:750.98px) {
	.item-refining-lotion .txt-info {
		font-size: 2.4vw;
		padding: 0 5.6vw
	}
	.faqs .faq-item .question .ic-close {
		width: 5.06667vw;
		height: 5.06667vw;
		right: 1.86667vw
	}
}
.faqs .faq-item .question .ic-close:after, .faqs .faq-item .question .ic-close:before {
	content: '';
	position: absolute;
	background: #5f5752;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: .3s;
	transition: .3s
}
.faqs .faq-item .question .ic-close:after {
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg)
}
.faqs .faq-item .question.open .ic-close:after {
	-webkit-transform: translate(-50%, -50%) rotate(0);
	-ms-transform: translate(-50%, -50%) rotate(0);
	transform: translate(-50%, -50%) rotate(0)
}
@media (min-width:751px) {
	.faqs .faq-item .question .ic-close:after, .faqs .faq-item .question .ic-close:before {
		width: 15.4px;
		height: 2px
	}
	.item-farment-serum .items {
		margin-top: -70px
	}
	.item-farment-serum .items .item:first-child .item-image img {
		max-width: 132.3px
	}
	.item-farment-serum .items .item:first-child .item-content {
		padding-top: 17.5px
	}
}
@media (max-width:750.98px) {
	.faqs .faq-item .question .ic-close:after, .faqs .faq-item .question .ic-close:before {
		width: 2.93333vw;
		height: .26667vw
	}
	.item-farment-serum .items {
		margin-top: -13.33333vw
	}
	.item-farment-serum .items .item:first-child .item-image img {
		max-width: 25.2vw
	}
	.item-farment-serum .items .item:first-child .item-content {
		padding-top: 3.33333vw
	}
}
@media (min-width:751px) {
	.item-farment-serum .items .item:nth-child(2) .item-image {
		width: 39.77813%;
		margin-right: 24.5px
	}
}
@media (max-width:750.98px) {
	.item-farment-serum .items .item:nth-child(2) .item-image {
		width: 39.77813vw;
		margin-right: 5.54675vw
	}
}
@media (min-width:751px) {
	.item-farment-serum .items .item:nth-child(2) .item-content {
		width: calc(100% - (251 / 631 * 100%) - 24.5px)
	}
}
@media (max-width:750.98px) {
	.item-farment-serum .items .item:nth-child(2) .item-content {
		width: 54.67512vw
	}
}
@media (min-width:751px) {
	.item-farment-serum .items .item:nth-child(3) .item-image {
		width: 40.729%;
		margin-left: 21px
	}
}
@media (max-width:750.98px) {
	.item-farment-serum .items .item:nth-child(3) .item-image {
		width: 40.729vw;
		margin-left: 4.75436vw
	}
}
@media (min-width:751px) {
	.item-farment-serum .items .item:nth-child(3) .item-content {
		width: calc(100% - (257 / 631 * 100%) - 21px)
	}
	.item-farment-cream .items {
		margin-top: -140px;
		margin-bottom: 28px
	}
}
@media (max-width:750.98px) {
	.item-farment-serum .items .item:nth-child(3) .item-content {
		width: 54.51664vw
	}
	.item-farment-cream .items {
		margin-top: -26.66667vw;
		margin-bottom: 5.33333vw
	}
}
.item-farment-cream .items .item:first-child {
	padding: 0
}
@media (min-width:751px) {
	.item-farment-cream .items .item:first-child {
		margin-bottom: 42px
	}
	.item-farment-cream .items .item:first-child .item-image {
		padding-top: 73.5px
	}
	.item-farment-cream .items .item:first-child .item-image img {
		max-width: 171.5px
	}
	.item-farment-cream .items .item:nth-child(2) .item-image {
		width: 43.7401%;
		margin-right: 11.2px
	}
}
@media (max-width:750.98px) {
	.item-farment-cream .items .item:first-child {
		margin-bottom: 8vw
	}
	.item-farment-cream .items .item:first-child .item-image {
		padding-top: 14vw
	}
	.item-farment-cream .items .item:first-child .item-image img {
		max-width: 32.66667vw
	}
	.item-farment-cream .items .item:nth-child(2) .item-image {
		width: 43.7401vw;
		margin-right: 2.53566vw
	}
}
@media (min-width:751px) {
	.item-farment-cream .items .item:nth-child(2) .item-content {
		width: calc(100% - (276 / 631 * 100%) - 11.2px)
	}
}
@media (max-width:750.98px) {
	.item-farment-cream .items .item:nth-child(2) .item-content {
		width: 53.72425vw
	}
}
@media (min-width:751px) {
	.item-farment-cream .items .item:nth-child(3) .item-image {
		width: 43.7401%;
		margin-left: 14px
	}
}
@media (max-width:750.98px) {
	.item-farment-cream .items .item:nth-child(3) .item-image {
		width: 43.7401vw;
		margin-left: 3.16957vw
	}
}
.cv-refining-rotion {
	position: relative
}
@media (min-width:751px) {
	.item-farment-cream .items .item:nth-child(3) .item-content {
		width: calc(100% - (276 / 631 * 100%) - 14px)
	}
	.cv-refining-rotion + .cv-set {
		margin-top: -59.5px
	}
}
@media (max-width:750.98px) {
	.item-farment-cream .items .item:nth-child(3) .item-content {
		width: 53.09033vw
	}
	.cv-refining-rotion + .cv-set {
		margin-top: -11.33333vw
	}
}
.cv-refining-rotion .btn-form {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%)
}
.requirements {
	background: #fbf9f6;
	line-height: 1.5
}
@media (min-width:751px) {
	.cv-refining-rotion .btn-form {
		width: 446.6px
	}
	.cv-refining-rotion .btn-form.btn-form-onetime {
		top: 595px
	}
	.cv-refining-rotion .btn-form.btn-form-subscription {
		bottom: 126px
	}
	.requirements {
		padding: 28px 38.5px 31.5px;
		font-size: 14px
	}
}
@media (max-width:750.98px) {
	.cv-refining-rotion .btn-form {
		width: 85.06667vw
	}
	.cv-refining-rotion .btn-form.btn-form-onetime {
		top: 113.33333vw
	}
	.cv-refining-rotion .btn-form.btn-form-subscription {
		bottom: 24vw
	}
	.requirements {
		padding: 5.33333vw 7.33333vw 6vw;
		font-size: 2.66667vw
	}
}
.requirements h3 {
	line-height: 2.43333;
	text-align: center;
	font-weight: 500
}
@media (min-width:751px) {
	.requirements h3 {
		font-size: 21px;
		margin-bottom: 10.5px
	}
}
@media (max-width:750.98px) {
	.requirements h3 {
		font-size: 4vw;
		margin-bottom: 2vw
	}
}
.requirements .list-info li {
	position: relative
}
.requirements .list-info li:after {
	content: '';
	position: absolute;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #33302d;
	left: 0
}
@media (min-width:751px) {
	.requirements .list-info li {
		padding-left: 17.5px
	}
	.requirements .list-info li:after {
		top: 8.4px
	}
	.requirements .list-info li:not(:last-child) {
		margin-bottom: 21px
	}
	.requirements .list-info + h3 {
		margin-top: 24.5px
	}
}
@media (max-width:750.98px) {
	.requirements .list-info li {
		padding-left: 3.33333vw
	}
	.requirements .list-info li:after {
		top: 1.6vw
	}
	.requirements .list-info li:not(:last-child) {
		margin-bottom: 4vw
	}
	.requirements .list-info + h3 {
		margin-top: 4.66667vw
	}
}
.media h2 {
	font-family: "Noto Serif JP";
	font-weight: 500;
	line-height: 1.24444;
	text-align: center
}
@media (min-width:751px) {
	.media {
		padding: 38.5px 0 56px
	}
	.media h2 {
		font-size: 31.5px;
		margin-bottom: 42px
	}
}
@media (max-width:750.98px) {
	.media {
		padding: 7.33333vw 0 10.66667vw
	}
	.media h2 {
		font-size: 6vw;
		margin-bottom: 8vw
	}
}
.media .media-image {
	position: relative
}
.media .media-image img:not(:first-child) {
	position: absolute;
	left: 0;
	top: 0
}
.instagram {
	background: #fff
}
.instagram h2 {
	text-align: center
}
@media (min-width:751px) {
	.instagram {
		padding: 20px 0 45.5px
	}
	.instagram h2 {
		margin-bottom: 20px
	}
	.instagram h2 img {
		/*max-width: 454.3px*/
	}
}
@media (max-width:750.98px) {
	.instagram {
		padding: 10.66667vw 0 8.66667vw
	}
	.instagram h2 {
		margin-bottom: 3.33333vw
	}
	.instagram h2 img {
		/*max-width: 86.53333vw*/
	}
}
.instagram .insta-slider {
	position: relative
}
.instagram .insta-slider .item {
	-webkit-transition: all .3s ease;
	transition: all .3s ease
}
@media (min-width:751px) {
	.instagram .insta-slider .item {
		padding: 0 4.2px
	}
}
@media (max-width:750.98px) {
	.instagram .insta-slider .item {
		padding: 0 .8vw
	}
}
.instagram .insta-slider .slick-center .item {
	-webkit-transform: scale(1.04);
	-ms-transform: scale(1.04);
	transform: scale(1.04)
}
.instagram .insta-slider .slick-arrow {
	position: absolute;
	border-radius: 50%;
	padding: 0;
	outline: 0;
	background: #fff;
	z-index: 9;
	top: 50%;
	border: none;
	-webkit-box-shadow: 0 0 10px 0 rgba(51, 48, 45, .345);
	box-shadow: 0 0 10px 0 rgba(51, 48, 45, .345);
	overflow: hidden;
	text-indent: -999px
}
.instagram .insta-slider .slick-arrow:after, .instagram .insta-slider .slick-arrow:before {
	content: '';
	position: absolute;
	top: 50%
}
.instagram .insta-slider .slick-arrow:before {
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #555352
}
.instagram .insta-slider .slick-arrow.slick-next:after {
	border-top: 2px solid #555352;
	border-right: 2px solid #555352;
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}
.instagram .insta-slider .slick-arrow.slick-prev:after {
	border-top: 2px solid #555352;
	border-left: 2px solid #555352;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	-ms-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

.brand-director {
	font-family: "Noto Serif JP"
}
@media (min-width:751px) {
	.instagram .insta-slider .slick-arrow {
		width: 52.5px;
		height: 52.5px
	}
	.instagram .insta-slider .slick-arrow:before {
		width: 28px;
		height: 2.1px
	}
	.instagram .insta-slider .slick-arrow:after {
		width: 16.8px;
		height: 16.8px
	}
	.instagram .insta-slider .slick-arrow.slick-next {
		right: 29.4px
	}
	.instagram .insta-slider .slick-arrow.slick-next:after {
		right: 12.6px
	}
	.instagram .insta-slider .slick-arrow.slick-prev {
		left: 29.4px
	}
	.instagram .insta-slider .slick-arrow.slick-prev:after {
		left: 12.6px
	}
	.brand-director {
		padding: 56px 29.4px 49px
	}
	.brand-director h3 {
		font-size: 31.5px;
		margin-bottom: 24.5px
	}
}
@media (max-width:750.98px) {
	.instagram .insta-slider .slick-arrow {
		width: 10vw;
		height: 10vw
	}
	.instagram .insta-slider .slick-arrow:before {
		width: 5.33333vw;
		height: .5vw
	}
	.instagram .insta-slider .slick-arrow:after {
		width: 3.2vw;
		height: 3.2vw
	}
	.instagram .insta-slider .slick-arrow.slick-next {
		right: 5.6vw
	}
	.instagram .insta-slider .slick-arrow.slick-next:after {
		right: 2.66667vw
	}
	.instagram .insta-slider .slick-arrow.slick-prev {
		left: 5.6vw
	}
	.instagram .insta-slider .slick-arrow.slick-prev:after {
		left: 2.66667vw
	}
	.brand-director {
		padding: 10.66667vw 5.6vw 9.33333vw
	}
}
.brand-director.sustainability {
	padding-top: 0
}
.brand-director h3 {
	font-weight: 500;
	line-height: 1.51111;
	text-align: center
}
@media (min-width:751px) {
	.brand-director p + h3 {
		margin-top: 59.5px
	}
}
@media (max-width:750.98px) {
	.brand-director h3 {
		font-size: 6vw;
		margin-bottom: 4.66667vw
	}
	.brand-director p + h3 {
		margin-top: 11.33333vw
	}
}
.brand-director .text-info {
	line-height: 1.86667;
	letter-spacing: -.1px;
	margin-bottom: 2em;
}
.brand-director .text-info h4 {
	line-height: 1.5
}
.brand-director .text-info .txt-info {
	font-family: "Noto Sans JP";
	line-height: 1.66667
}
@media (min-width:751px) {
	.brand-director .text-info {
		font-size: 21px;
		margin-top: 28px;
		padding: 0 23.8px
	}
	.brand-director .text-info h4 {
		font-size: 23.8px;
		margin-bottom: 14px
	}
	.brand-director .text-info p + h4 {
		margin-top: 42px
	}
	.brand-director .text-info .txt-info {
		font-size: 12.6px;
		margin-top: 42px
	}
}
@media (max-width:750.98px) {
	.brand-director .text-info {
		font-size: 4vw;
		margin-top: 5.33333vw;
		padding: 0 4.53333vw
	}
	.brand-director .text-info h4 {
		font-size: 4.53333vw;
		margin-bottom: 2.66667vw
	}
	.brand-director .text-info p + h4 {
		margin-top: 8vw
	}
	.brand-director .text-info .txt-info {
		font-size: 2.4vw;
		margin-top: 8vw
	}
}

.how-to-use h2 {
	font-family: "Noto Serif JP";
	font-weight: 500;
	line-height: 1.61905;
	text-align: center
}
@media (min-width:751px) {
	.how-to-use + .how-to-use {
		padding-top: 49px
	}
	.how-to-use h2 {
		font-size: 29.4px;
		margin-bottom: 24.5px;
		font-family: "Noto Serif JP";
	}
}
@media (max-width:750.98px) {
	.how-to-use + .how-to-use {
		padding-top: 9.33333vw
	}
	.how-to-use h2 {
		font-size: 5.6vw;
		margin-bottom: 4.66667vw
	}
}
.how-to-use .faqs {
	line-height: 1.86667
}
@media (min-width:751px) {
	.how-to-use .faqs {
		padding: 0 29.4px;
		font-size: 21px
	}
}
@media (max-width:750.98px) {
	.how-to-use .faqs {
		padding: 0 9.33333vw;
		font-size: 4vw
	}
}
.how-to-use .faqs .faq-item {
	border-bottom: 1px solid #5f5752
}
.how-to-use .faqs .faq-item .ic-close {
	background: #bfc0c0;
	right: 0
}
.how-to-use .faqs .faq-item .ic-close:after, .how-to-use .faqs .faq-item .ic-close:before {
	background: #fff
}
.how-to-use .faqs .faq-item .answer {
	display: none
}
@media (min-width:751px) {
	.how-to-use .faqs .faq-item {
		padding-bottom: 21px
	}
	.how-to-use .faqs .faq-item .question {
		padding-right: 35px
	}
	.how-to-use .faqs .faq-item .answer {
		margin-top: 7px
	}
	.how-to-use .faqs .faq-item:first-child .question {
		padding-left: 7px
	}
	.how-to-use .faqs .faq-item:first-child .question img {
		max-width: 308px
	}
}
@media (max-width:750.98px) {
	.how-to-use .faqs .faq-item {
		padding-bottom: 4vw
	}
	.how-to-use .faqs .faq-item .question {
		padding-right: 6.66667vw;
		letter-spacing: -.4vw
	}
	.how-to-use .faqs .faq-item .answer {
		margin-top: 1.33333vw;
		letter-spacing: -.33333vw
	}
	.how-to-use .faqs .faq-item:first-child .question {
		padding-left: 1.33333vw
	}
	.how-to-use .faqs .faq-item:first-child .question img {
		max-width: 58.66667vw
	}
}
@media (min-width:751px) {
	.how-to-use .faqs .faq-item:nth-child(2) .question {
		padding-left: 7px
	}
	.how-to-use .faqs .faq-item:nth-child(2) .question img {
		max-width: 284.2px
	}
}
@media (max-width:750.98px) {
	.how-to-use .faqs .faq-item:nth-child(2) .question {
		padding-left: 1.33333vw
	}
	.how-to-use .faqs .faq-item:nth-child(2) .question img {
		max-width: 54.13333vw
	}
}
@media (min-width:751px) {
	.how-to-use .faqs .faq-item:nth-child(3) .question img {
		max-width: 285.7px
	}
	.how-to-use .faqs .faq-item:not(:first-child) {
		padding-top: 21px
	}
	.how-to-use .faqs.faqs-txt .faq-item .question {
		padding-left: 31.5px !important
	}
}
@media (max-width:750.98px) {
	.how-to-use .faqs .faq-item:nth-child(3) .question img {
		max-width: 54.13333vw
	}
	.how-to-use .faqs .faq-item:not(:first-child) {
		padding-top: 4vw
	}
	.how-to-use .faqs.faqs-txt .faq-item .question {
		padding-left: 6vw !important
	}
}
.how-to-use .faqs.faqs-txt .faq-item .question .symbol {
	position: absolute;
	left: 0;
	top: 0
}
.how-to-use .faqs.faqs-txt .faq-item .answer {
	position: relative;
	background: #fbf9f6
}
.how-to-use .faqs.faqs-txt .faq-item .answer:after {
	content: '';
	position: absolute;
	bottom: 100%
}
@media (min-width:751px) {
	.how-to-use .faqs.faqs-txt .faq-item .answer {
		padding: 31.5px 21px;
		margin-top: 28px
	}
	.how-to-use .faqs.faqs-txt .faq-item .answer:after {
		border-left: 9.8px solid transparent;
		border-right: 9.8px solid transparent;
		border-bottom: 14.7px solid #fbf9f6;
		left: 14px
	}
}
@media (max-width:750.98px) {
	.how-to-use .faqs.faqs-txt .faq-item .answer {
		padding: 6vw 4vw;
		margin-top: 5.33333vw
	}
	.how-to-use .faqs.faqs-txt .faq-item .answer:after {
		border-left: 1.86667vw solid transparent;
		border-right: 1.86667vw solid transparent;
		border-bottom: 2.8vw solid #f6f2ee;
		left: 2.66667vw
	}
}

.item-information h2{
	margin-top: 2em;
	margin-bottom: 2em;
}
.item-information .answer-img{
	margin-top: 1em;
}

.super-script{
	font-size: 0.2em;
	display: inline-block;
}
.brand-director-photo{
	margin-top: 1em;
	float: right;
	width: 40%;
	padding-left: 1em;
}
.content-info sup{
	display: inline-block;
	font-size: .2em;
	-webkit-transform: translateY(-3em);
	-ms-transform: translateY(-3em);
	transform: translateY(-3em);
}

.text-info sup{
	display: inline-block;
	font-size: .2em;
	-webkit-transform: translateY(-3em);
	-ms-transform: translateY(-3em);
	transform: translateY(-3em);
}
.plus5-item sup{
	display: inline-block;
	font-size: .2em;
	-webkit-transform: translateY(-3em);
	-ms-transform: translateY(-3em);
	transform: translateY(-3em);
}
@media (max-width:750.98px) {
	.content-info sup{
	display: inline-block;
	font-size: .4em;
	-webkit-transform: translateY(-1.5em);
	-ms-transform: translateY(-1.5em);
	transform: translateY(-1.5em);
}

.text-info sup{
	display: inline-block;
	font-size: .4em;
	-webkit-transform: translateY(-1.5em);
	-ms-transform: translateY(-1.5em);
	transform: translateY(-1.5em);
}
.plus5-item sup{
	display: inline-block;
	font-size: .4em;
	-webkit-transform: translateY(-1.5em);
	-ms-transform: translateY(-1.5em);
	transform: translateY(-1.5em);
}
	
}
.btn {
	text-align: center;
	z-index: 100;
}
.btn.fixed-bottom {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 650px;
	height: auto;
}
@media (max-width: 768px) {
	.btn.fixed-bottom {
		width: 100vw;
	}
}
.btn.fixed-bottom p {
	margin-block-end: 0px;
	margin-bottom: -5px;
	text-align: center;
}
.btn.fixed-bottom p a {
	overflow: hidden;
	position: relative;
	display: inline-block;
	-webkit-animation: shiny 0.6s ease-in-out infinite alternate;
	-moz-animation: shiny 0.6s ease-in-out infinite alternate;
	-ms-animation: shiny 0.6s ease-in-out infinite alternate;
	-o-animation: shiny 0.6s ease-in-out infinite alternate;
	animation: shiny 0.6s ease-in-out infinite alternate;
}
.customer_satisfaction{
	margin-top: 45px;
	margin-bottom: -49px;
}
.customer_satisfaction .txt-info{
	text-align: center;
	color:#54483C;
	
}
.customer_satisfaction p{
	margin-bottom: 2em;
}
.customer_satisfaction p .font-bold{
	font-family: "Noto Serif JP";
	font-weight: 700;
}
.customer_satisfaction p .text-info{
	display: inline-block;
	margin-left: 3em;
}
.p_padding p{
	padding-bottom: 0.5em;
}