@charset "UTF-8";




/* CSS STYLE */

html {
	font-size: 2.666666vw;
}
body {
	background: #f7f6f2 url(../img/bg.png) left top;
	background-size: 42rem;
	min-width: 320px;
	font-size: 1.4rem;
	line-height: 1.7;
}

.spnone {
	display: none !important;
}




/* PARTS */

#contents {
	position: relative;
	width: 100%;
	overflow: hidden;
	z-index: 2;
}
.side-l,
.side-r {
	display: none;
}
.w-bg {
	position: relative;
	background-color: #fff;
	width: 100%;
}
.inner {
	position: relative;
	width: 100%;
	padding-left: 3rem;
	padding-right: 3rem;
}

.head1 {
	background-image: url(../img/dot_01.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 6.6rem;
	margin-top: 5rem;
	margin-bottom: 3rem;
	padding-bottom: 3rem;
	font-size: 2.2rem;
	font-weight: 500;
	line-height: 1.3;
	letter-spacing: 0;
	text-align: center;
}
.head1 img {
	display: block;
	margin: 0 auto 1.2rem auto;
}
.head2 {
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
}
.head3 {
}
.head4 {
}
.head5 {
}
.head6 {
}
.head1:first-child,
.head2:first-child,
.head3:first-child,
.head4:first-child,
.head5:first-child,
.head6:first-child {
	margin-top: 0;
}

.voice {
	position: relative;
	display: block;
	line-height: 1.4;
	letter-spacing: 0;
	text-align: center;
	color: #14a83b;
}
.voice:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -0.2rem;
	display: block;
	background: url(../img/icon-voice-l.svg) left bottom no-repeat;
	background-size: 1.8rem;
	width: 1.8rem;
	height: 1.8rem;
}
.voice:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: -0.2rem;
	display: block;
	background: url(../img/icon-voice-r.svg) right bottom no-repeat;
	background-size: 1.8rem;
	width: 1.8rem;
	height: 1.8rem;
}

.btn {
	text-align: center;
}
.btn a,
.btn button,
.btn input[type="submit"] {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 6rem;
	background-color: #14a83b;
	width: 100%;
	min-height: 5.4rem;
	padding: 1.4rem 3rem 1.4rem 1rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0;
	text-decoration: none;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
}
.btn a span,
.btn button span {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.btn a:before,
.btn button:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 1.3rem;
	background: url(../img/btn-ar.svg) center center no-repeat;
	background-size: cover;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
	z-index: 2;
}
.btn .cleaning {
	background-color: #e6c83c !important;
}
.btn .takuhai {
	background-color: #ef8bc2 !important;
}
.btn .hhc {
	background-color: #70b8eb !important;
}

.link {
	margin-top: 0.4rem;
}
.link a {
	position: relative;
	padding-left: 1.3rem;
	text-decoration: none;
	color: #4f4844 !important;
	font-size: 1.2rem;
}
.link a:before {
	content: "";
	position: absolute;
	top: 0.5rem;
	left: 0;
	display: block;
	border-radius: 1rem;
	background: url(../img/btn-ar3.svg) center center no-repeat;
	background-size: cover;
	width: 1rem;
	height: 1rem;
}

.img-box {
	position: relative;
	border-radius: 1.5rem;
	width: 100%;
	padding-top: 62%;
	font-size: 0;
	overflow: hidden;
}
.img-box.line {
	border: 1px dashed #ccc6b4;
	box-shadow: 0 0 0 0.5rem inset #fff;
}
.img-box img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
}
.img-box.line img {
	z-index: -1;
}

.column {
	position: relative;
	margin: 2rem 0;
	z-index: 1;
}
.column:first-child {
	margin-top: 0 !important;
}
.column:last-child {
	margin-bottom: 0 !important;
}
.column .box {
	display: block;
	margin-bottom: 2rem;
}
.column.list h2:first-child,
.column.list h3:first-child,
.column.list h4:first-child,
.column.list p:first-child,
.column.list ul:first-child,
.column.list ol:first-child,
.column.list dl:first-child,
.column.list dt:first-child {
	margin-top: 0 !important;
}
.column .box:last-child,
.column.list h2:last-child,
.column.list h3:last-child,
.column.list h4:last-child,
.column.list p:last-child,
.column.list ul:last-child,
.column.list ol:last-child,
.column.list dl:last-child,
.column.list dt:last-child {
	margin-bottom: 0 !important;
}

.big {
	font-size: 120%;
}
.sml {
	font-size: 80%;
}
.notes {
	font-size: 1.3rem;
	font-weight: 400;
	color: #888;
}

.blur {
	opacity: 0;
	-ms-filter: blur(10rem);
	filter: blur(10rem);
	-webkit-transition: 1s ease-out;
	transition: 1s ease-out;
}
.blur.active {
	-ms-filter: blur(0rem);
	filter: blur(0rem);
	opacity: 1;
}
.fade {
	opacity: 0;
	-webkit-transition: 0.8s linear;
	transition: 0.8s linear;
}
.fade.active {
	opacity: 1;
}
.fade-l {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(-2rem, 0);
	transform: translate(-2rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-l.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-r {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(2rem, 0);
	transform: translate(2rem, 0);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-r.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-t {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, -2rem);
	transform: translate(0, -2rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-t.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-b {
	position: relative;
	opacity: 0;
	-webkit-transform: translate(0, 2rem);
	transform: translate(0, 2rem);
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
}
.fade-b.active {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}
.fade-w {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(1.1,1.1);
	transform: scale(1.1,1.1);
	opacity: 0;
}
.fade-z {
	-webkit-transition: 0.8s ease-out;
	transition: 0.8s ease-out;
	-webkit-transform: scale(0.9,0.9);
	transform: scale(0.9,0.9);
	opacity: 0;
}
.fade-w.active,
.fade-z.active {
	-webkit-transform: scale(1,1);
	transform: scale(1,1);
	opacity: 1;
}




/* HEADER */

header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 5rem;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
	z-index: 10000;
}
header .logo {
	position: absolute;
	top: 1.7rem;
	left: 2rem;
	width: 12rem;
	height: 1.5rem;
}
header .logo a {
	display: block;
	background: url(../img/logo.png) left top no-repeat;
	background-size: 12rem 1.5rem;
	width: 12rem;
	height: 1.5rem;
	padding-top: 1.5rem;
	font-size: 0;
	overflow: hidden;
}

header .style1 {
	display: flex;
	position: absolute;
	top: 1.2rem;
	right: 1.2rem;
}
header .style2 {
	display: none;
}
header .login a {
	display: block;
	border-radius: 6rem;
	background: #14a83b url(../img/icon-login.svg) center center no-repeat;
	background-size: 3rem;
	width: 6rem;
	height: 6rem;
	padding-top: 6rem;
	font-size: 0;
	overflow: hidden;
}
header .cart {
	margin-left: 1.2rem;
}
header .cart a {
	display: block;
	border: 2px solid #14a83b;
	border-radius: 6rem;
	background: #fff url(../img/icon-cart.svg) center center no-repeat;
	background-size: 3rem;
	width: 6rem;
	height: 6rem;
	padding-top: calc(6rem - 4px);
	font-size: 0;
	overflow: hidden;
}




/* FOOTER */

footer {
	background: url(../img/fotter-line-sp.svg) center top repeat-x;
	background-size: 100%;
	padding: 7rem 3rem;
}
footer .footer-inner {
	width: 100%;
	line-height: 1;
}
footer .footer-inner ul a {
	display: block;
	padding: 1.4rem 0;
	font-size: 1.3rem;
	letter-spacing: 0.02em;
	text-decoration: none;
	text-align: center;
}
footer .footer-inner .copy {
	margin-top: 3rem;
	font-family: 'Jost';
	font-size: 1.1rem;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-align: center;
}




/* INDEX */

#index-main {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 5rem 2rem;
	z-index: 1;
}
#index-main .main-image {
	position: relative;
	border-radius: 1.5rem;
	background: url(../img/main-img-sp.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 1;
}
#index-main h1 {
	position: absolute;
	bottom: 8rem;
	left: 5rem;
	width: 20.5rem;
	z-index: 2;
}
#index-main .main-corner {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 1.5rem;
	background: #f7f6f2 url(../img/bg.png) left top;
	background-size: 42rem;
	width: 16rem;
	height: 9rem;
	z-index: 2;
}
#index-main .main-corner:before,
#index-main .main-corner:after {
	content: "";
	position: absolute;
	display: block;
	background: url(../img/main-corner.png) right top;
	background-size: 1.5rem;
	width: 1.5rem;
	height: 1.5rem;
}
#index-main .main-corner:before {
	top: 5rem;
	left: -1.5rem;
}
#index-main .main-corner:after {
	top: 9rem;
	right: 2rem;
}
#index-main .main-scroll {
	position: absolute;
	bottom: 1.5rem;
	left: 50%;
	width: 5rem;
	height: 5.5rem;
	margin-left: -2.5rem;
	z-index: 2;
}
#index-main .main-scroll div {
	position: relative;
	width: 5rem;
	height: 3.6rem;
	overflow: hidden;
}
#index-main .main-scroll div:before {
	animation: mainscroll 2s linear infinite;
	content: "";
	position: absolute;
	top: -100%;
	left: 50%;
	display: block;
	background-color: #14a83b;
	width: 1px;
	height: 3.6rem;
}
@keyframes mainscroll {
	0% {
		top: -100%;
	}
	80% {
		top: 100%;
	}
	100% {
		top: 100%;
	}
}
#index-main .main-scroll:after {
	content: "SCROLL";
	position: absolute;
	bottom: 0;
	left: 50%;
	display: block;
	width: 6rem;
	margin-left: -3rem;
	font-family: 'Jost';
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #14a83b;
	white-space: nowrap;
}

.index-contents {
	position: relative;
	background-color: #fff;
	background-image: url(../img/index-bg-sp.png);
	background-repeat: no-repeat;
	background-position: center 100%;
	background-size: 100%;
	margin-top: 5rem;
	padding: 5rem 0 7rem 0;
}
.index-contents:before {
	content: "";
	position: absolute;
	top: -5rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background: #fff url(../img/logo-inner.png) center 3.5rem no-repeat;
	background-size: 5.4rem;
	width: 28rem;
	height: 14rem;
	margin-left: -14rem;
	z-index: 1;
}
.index-contents .inner {
	z-index: 2;
}

.index-menu a {
	position: relative;
	display: block;
	margin-bottom: 2.5rem;
	text-decoration: none;
}
.index-menu a:last-child {
	margin-bottom: 0;
}
.index-menu .menu1:before {
	content: "";
	position: absolute;
	top: -2.8rem;
	left: -2.8rem;
	display: block;
	background: url(../img/index-point.svg) left top no-repeat;
	background-size: 5rem;
	width: 5rem;
	height: 5rem;
}
.index-menu .img-box {
	z-index: 1;
}
.index-menu .menu1 .img-box {
	padding-top: 78%;
}
.index-menu .menu2 .img-box,
.index-menu .menu3 .img-box {
	padding-top: 66.87%;
}
.index-menu .sub-img {
	position: absolute;
	z-index: 2;
}
.index-menu .menu1 .sub-img {
	top: 16.3rem;
	right: -3rem;
	width: 10rem;
}
.index-menu .menu2 .sub-img {
	top: 8.7rem;
	right: -3rem;
	width: 10.4rem;
}
.index-menu .menu3 .sub-img {
	top: 10rem;
	right: -2.6rem;
	width: 12.5rem;
}
.index-menu p {
	border-bottom: 1px dashed #ccc5b4;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 3rem;
	padding: 2.2rem 0;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.index-menu .menu1 p {
	background-image: url(../img/link-ar_02.svg);
}
.index-menu .menu2 p {
	background-image: url(../img/link-ar_01.svg);
}
.index-menu .menu3 p {
	background-image: url(../img/link-ar_03.svg);
}

.index-about {
	background: url(../img/dot_01.png) center top no-repeat;
	background-size: 7.6rem;
	margin-top: 6rem;
	padding-top: 4rem;
}
.index-about p {
	margin-bottom: 1.2rem;
	font-size: 1.4rem;
	letter-spacing: 0.1em;
	line-height: 2.6;
	text-align: center;
	white-space: nowrap;
}
.index-about .btn {
	margin: 3.5rem 0 0 0;
}




/* CATEGORY */

.category-top {
	position: relative;
	background: url(../img/header-line-sp.svg) center bottom repeat-x;
	background-size: 100%;
	width: 100%;
	padding: 5rem 2rem 6rem 2rem;
	z-index: 1;
}
.category-top .category-image {
	position: relative;
	border-radius: 1.5rem;
	width: 100%;
	padding-top: 56.25%;
	overflow: hidden;
	z-index: 1;
}
.category-top .category-image img {
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	max-width: none;
	width: 100%;
	height: 100%;
}
.category-top .category-title {
	width: 100%;
	margin-top: 1.5rem;
	padding: 0 1rem;
	z-index: 2;
}
.category-top .category-title h1 {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	color: #14a83b;
}




/* Cleaning */

.cleaning-menu {
	position: relative;
	background-color: #fff;
	padding: 2rem 0 10rem 0;
}
.cleaning-menu .column.align.c2 .box:first-child {
	margin-bottom: 1.5rem;
}
.cleaning-menu .column-img .read {
	margin-top: 1.5rem;
}

.cleaning-popular {
	position: relative;
	background: url(../img/header-line-sp.svg) center bottom repeat-x;
	background-size: 100%;
	padding: 1px 0 8rem 0;
	z-index: 2;
}
.cleaning-popular:before {
	content: "";
	position: absolute;
	top: -5rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background: #f7f6f2 url(../img/bg.png) left top;
	background-size: 42rem;
	width: 28rem;
	height: 14rem;
	margin-left: -14rem;
	z-index: -1;
}
.cleaning-popular .head1 {
	margin-top: -2rem !important;
}
.cleaning-popular .img-box {
	margin-bottom: 1.2rem;
}
.cleaning-popular h3 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
}
.cleaning-popular h3 span {
	border-radius: 1rem;
	background-color: #14a83b;
	margin-right: 0.6rem;
	padding: 0.3rem 1rem 0.4rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	line-height: 1;
	color: #fff;
}
.cleaning-popular .price {
	margin-top: 0.8rem;
	font-family: 'Jost', 'Kiwi Maru', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
}
.cleaning-popular .price span {
	font-size: 1rem;
}

.cleaning-flow {
	position: relative;
	background-color: #fff;
	padding: 1px 0 6rem 0;
	z-index: 2;
}
.cleaning-flow.line {
	background: #fff url(../img/flow-title-line-sp.svg) center top repeat-x;
	background-size: 100%;
	margin-top: -4rem;
	padding: 1px 0 6rem 0;
}
.cleaning-flow h2 {
	background: url(../img/cleaning/cleaning-flow-title.png) center bottom no-repeat;
	background-size: 100%;
	width: 100%;
	height: 7.8rem;
	margin: -3.1rem auto 2rem auto;
	padding-top: 5.2rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	color: #14a83b;
}
.cleaning-flow h2.mini {
	background: url(../img/cleaning/cleaning-flow-title2.png) center bottom no-repeat;
	background-size: 100%;
	width: 60%;
	height: 8.4rem;
	padding-top: 5.4rem;
	font-size: 1.7rem;
}
.cleaning-flow.line h2,
.cleaning-flow.line h2.mini {
	margin: 0 auto 2rem auto;
}
.cleaning-flow.line h2 {
	margin: -0.2rem auto 2rem auto;
}
.cleaning-flow h2 + p {
	font-size: 1.4rem;
	letter-spacing: 0.05em;
}
.cleaning-flow .flow {
	margin: 3rem 0;
	padding: 0 5%;
}
.cleaning-flow .flow li {
	position: relative;
	margin-bottom: 2rem;
}
.cleaning-flow .flow img {
	display: block;
	margin-top: 0.8rem;
}
.cleaning-flow .flow .voice {
	display: table;
	margin: 0 auto;
	font-size: 1.6rem;
}
.cleaning-flow .flow .voice .sml {
	font-size: 70%;
}
.cleaning-flow .voice:before {
	left: -2rem;
}
.cleaning-flow .voice:after {
	right: -2rem;
}
.cleaning-flow .flow li:nth-of-type(2n-1) {
	padding-right: 20%;
}
.cleaning-flow .flow li:nth-of-type(2n-1):after {
	content: "";
	position: absolute;
	bottom: 0.5rem;
	right: 5.5rem;
	display: block;
	background: url(../img/icon-ar1.svg) center center no-repeat;
	background-size: 2rem;
	width: 2rem;
	height: 2rem;
	-webkit-transition: rotate(90deg);
	transform: rotate(90deg);
}
.cleaning-flow .flow li:nth-of-type(2n) {
	padding-left: 20%;
}
.cleaning-flow .flow li:nth-of-type(2n):after {
	content: "";
	position: absolute;
	bottom: 0.5rem;
	left: 5.5rem;
	display: block;
	background: url(../img/icon-ar2.svg) center center no-repeat;
	background-size: 2rem;
	width: 2rem;
	height: 2rem;
	-webkit-transition: rotate(90deg);
	transform: rotate(90deg);
}
.cleaning-flow .flow li:last-child {
	margin-bottom: 0;
}
.cleaning-flow .flow li:last-child:after {
	display: none;
}

.cleaning-benefit {
	background: url(../img/fotter-line-sp.svg) center top repeat-x;
	background-size: 100%;
	padding: 6rem 0 6rem 0;
}
.cleaning-benefit.details {
	background: #fff;
	padding: 2rem 0 8rem 0;
}
.cleaning-benefit .column.c2 {
	margin-top: 5rem;
}
.cleaning-benefit h2 .b1 {
	font-size: 3rem;
	color: #14a83b;
}
.cleaning-benefit h2 .b2 {
	background: url(../img/cleaning/cleaning-line_01.png) left bottom no-repeat;
	background-size: 100%;
	font-size: 3rem;
	color: #e7cb48;
}
.cleaning-benefit h2 .b3 {
	background: url(../img/cleaning/cleaning-line_02.png) left bottom no-repeat;
	background-size: 100%;
	font-size: 3rem;
	color: #ef8bc2;
}
.cleaning-benefit .btn {
	margin-top: 3rem;
}
.benefit-box {
	position: relative;
	border: 1px dashed #d4cbb1;
	border-radius: 1.5rem;
	box-shadow: 0 0 0 5px inset #fdf7e0;
	background-color: #fff;
	width: 100%;
	margin-bottom: 2rem;
	padding: 2rem;
}
.benefit-box .box-left {
}
.benefit-box .box-right {
	letter-spacing: -0.02em;
}
.benefit-box .head2 {
	position: relative;
	margin-top: 1.5rem;
	padding-left: 4.4rem;
}
.benefit-box .head2 span {
	position: absolute;
	top: 50%;
	left: 0;
	background: url(../img/point-bg_01.png) center center no-repeat;
	background-size: 3.8rem;
	width: 3.8rem;
	height: 3.8rem;
	margin-top: -1.9rem;
	font-family: 'Jost', 'Kiwi Maru', sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
	line-height: 3.8rem;
	color: #fff;
	overflow: hidden;
}
.benefit-box ul li {
	position: relative;
	padding-left: 2rem;
}
.benefit-box ul li:before {
	content: "";
	position: absolute;
	top: 0.6rem;
	left: 0.5rem;
	display: block;
	border-right: 2px solid #ead15d;
	border-bottom: 2px solid #ead15d;
	width: 0.6rem;
	height: 1rem;
	-webkit-transition: rotate(45deg);
	transform: rotate(45deg);
}

.benefit-box.about .icon {
	display: none;
}
.benefit-box h3.about {
	position: relative;
	margin-bottom: 1.2rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
}
.benefit-box h3.about span {
	display: inline-block;
	position: relative;
	z-index: 1;
}
.benefit-box h3.about span:after {
	content: "";
	position: absolute;
	left: -0.4rem;
	bottom: -0.3rem;
	display: block;
	border-radius: 1rem;
	background-color: #fcf7dd;
	width: calc(100% + 0.8rem);
	height: 1.1rem;
	z-index: -1;
}
.benefit-box.ok,
.benefit-box.ng {
	margin-top: 4rem;
}
.benefit-box.ok:before,
.benefit-box.ng:before {
	content: "";
	position: absolute;
	top: -3rem;
	left: 50%;
	display: block;
	border: 1px dashed #d4cbb1;
	border-radius: 50%;
	background-color: #fdf7e0;
	width: 14.4rem;
	height: 13rem;
	margin-left: -7.2rem;
	z-index: -1;
}
.benefit-box.ok:after,
.benefit-box.ng:after {
	content: "";
	position: absolute;
	top: -2.5rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background-color: #fff;
	width: 13.4rem;
	height: 12rem;
	margin-left: -6.7rem;
	z-index: 1;
}
.benefit-box.ok .icon,
.benefit-box.ng .icon {
	position: relative;
	display: block;
	width: 2.4rem;
	margin: -3rem auto 1rem auto;
	z-index: 2;
}
.benefit-box.ok h3.about,
.benefit-box.ng h3.about {
	text-align: center;
	z-index: 2;
}
.benefit-box.ok h3.about span:after {
	background-color: #fce8f2;
}
.benefit-box.ng h3.about span:after {
	background-color: #eff6fa;
}
.benefit-box.ok p,
.benefit-box.ng p,
.benefit-box.ok ul,
.benefit-box.ng ul {
	position: relative;
	z-index: 2;
}

.cleaning-fixation {
	background-color: #fff;
	padding: 4rem 0 6rem 0;
}
.cleaning-fixation .head1 + p {
	margin-top: -1rem;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}
.cleaning-fixation .btn {
	margin-top: 3rem;
}
.cleaning-fixation .btn:first-child {
	margin-top: 0;
}
.cleaning-fixation .column.c2 .box {
	border-bottom: 1px dashed #ccc5b4;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}
.cleaning-fixation h3 {
	margin-bottom: 1rem;
	font-size: 1.6rem;
	line-height: 1.3;
}
.cleaning-fixation h3 span {
	background: -moz-linear-gradient(top,  rgba(248,233,163,0) 0%, rgba(248,233,163,0) 60%, rgba(248,233,163,1) 61%, rgba(248,233,163,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(248,233,163,0) 0%,rgba(248,233,163,0) 60%,rgba(248,233,163,1) 61%,rgba(248,233,163,1) 100%);
	background: linear-gradient(to bottom,  rgba(248,233,163,0) 0%,rgba(248,233,163,0) 60%,rgba(248,233,163,1) 61%,rgba(248,233,163,1) 100%);
}
.cleaning-fixation .img-box {
	border: 5px solid #f8f7f4;
	margin-bottom: 1.3rem;
}


/* Cleaning page */

.cleaning-top {
	position: relative;
	background: url(../img/header-line-sp.svg) center bottom repeat-x;
	background-size: 100%;
	width: 100%;
	padding: 5rem 0 6rem 0;
	z-index: 1;
}
.cleaning-top .image {
	width: 100%;
	margin-bottom: 1.6rem;
}
.cleaning-top .read {
	width: 100%;
}
.cleaning-top h1 {
	display: table;
	position: relative;
	background: url(../img/dot-line2.svg) left bottom repeat-x;
	background-size: 35rem;
	margin-bottom: 1.8rem;
	padding-right: 0.5rem;
	padding-bottom: 1.4rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	color: #e6c83c !important;
}
.cleaning-top dt {
	margin-bottom: 0.8rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
}
.cleaning-top ul {
	margin-top: 2rem;
}
.cleaning-top ul li {
	position: relative;
	width: 100%;
	padding: 1rem 0.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
}
.cleaning-top ul li br {
	display: none;
}
.cleaning-top ul li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-top: 5px solid #f8e9a3;
	border-left: 5px solid #f8e9a3;
	width: 3rem;
	height: 2rem;
}
.cleaning-top ul li:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	border-bottom: 5px solid #f8e9a3;
	border-right: 5px solid #f8e9a3;
	width: 3rem;
	height: 2rem;
}
.cleaning-top ul span {
	position: relative;
	z-index: 1;
}
.cleaning-top ul span:after {
	content: "";
	position: absolute;
	left: -5%;
	bottom: -0.2rem;
	display: block;
	border-radius: 1.1rem;
	background-color: #f8e9a3;
	width: 110%;
	height: 1rem;
	z-index: -1;
}
.cleaning-top ul span.sml:after {
	display: none;
}

.cleaning-older-menu {
	position: relative;
	background-color: #fff;
	padding: 2rem 0 10rem 0;
}
.cleaning-older-menu .head1 {
	background-image: url(../img/dot_01.png) !important;
}
.cleaning-older-menu .head1 + p {
	margin-top: -1rem;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}

.older-menu {
	margin-top: 3rem !important;
}
.older-menu .box {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
	margin-bottom: 1rem;
	border: 1px dashed #14a83b;
	border-radius: 1.5rem;
	box-shadow: 0 0 0 5px inset #d9f3df;
	padding: 2.4rem 2rem 2rem 2rem;
}
.older-menu .box:first-child:before {
	content: "";
	position: absolute;
	top: -2.8rem;
	left: -2.8rem;
	display: block;
	background: url(../img/index-point.svg) left top no-repeat;
	background-size: 5rem;
	width: 5rem;
	height: 5rem;
}
.older-menu .box:last-child:after {
	content: "";
	position: absolute;
	bottom: -2.8rem;
	right: -2.8rem;
	display: block;
	background: url(../img/index-point.svg) left top no-repeat;
	background-size: 5rem;
	width: 5rem;
	height: 5rem;
	-webkit-transition: rotate(180deg);
	transform: rotate(180deg);
}
.older-menu h3 {
	width: 100%;
	margin-bottom: 1.2rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
	color: #14a83b;
}
.older-menu .img-box {
	border-radius: 1rem;
	margin-bottom: 1.2rem;
	padding-top: 62%;
}
.older-menu .btn {
	width: 11rem;
	height: 3.4rem;
}
.older-menu .btn a {
	min-width: 11rem;
	width: 11rem;
	min-height: 3.4rem;
	height: 3.4rem;
	padding: 0 1rem 0.2rem 0;
	font-size: 1.4rem;
	line-height: 1;
}
.older-menu .btn a:before {
	right: 1.1rem;
	width: 1.2rem;
	height: 1.2rem;
	margin-top: -0.6rem;
}
.older-menu .btn a:hover:before {
	right: 0.7rem;
}
.older-menu .btn a:after {
	border-radius: 4rem;
	width: 102%;
	height: 3.4rem;
}
.older-menu .price {
	margin-bottom: 0.2rem;
	font-family: 'Jost', 'Kiwi Maru', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
}
.older-menu .price span {
	font-size: 1rem;
}

.cleaning-option {
	position: relative;
	background: #fef8e6 url(../img/header-line-sp.svg) center bottom repeat-x;
	background-size: 100%;
	padding: 1px 0 8rem 0;
	z-index: 1;
}
.cleaning-option.details {
	background: #fef8e6;
	padding: 1px 0 4rem 0;
}
.cleaning-option:before {
	content: "";
	position: absolute;
	top: -5rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background-color: #fef8e6;
	width: 28rem;
	height: 14rem;
	margin-left: -14rem;
	z-index: -1;
}
.cleaning-option .head1 {
	margin-top: -3rem !important;
}
.cleaning-option .head1 + p {
	margin-top: -1rem;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}
.option-area {
	border-top: 1px dashed #ccc5b4;
	width: 100%;
	margin: 3rem 0;
}
.option-area:last-child {
	margin-bottom: 0;
}
.option-area .area {
	border-bottom: 1px dashed #ccc5b4;
	padding: 2rem 0;
}
.option-area .box {
	position: relative;
	border: 4px solid #eedf97;
	border-radius: 0 1.5rem 0 1.5rem;
	background-color: #fff;
	padding: 1.5rem 2rem 2rem 2rem;
	font-size: 1.4rem;
	font-weight: 500;
}
.option-area .box .icon {
	position: absolute;
	top: -4px;
	left: 2rem;
	width: 4rem;
}
.option-area h3 {
	position: relative;
	display: table;
	margin-left: 5.5rem;
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	line-height: 1.3;
	z-index: 1;
}
.option-area h3:after {
	content: "";
	position: absolute;
	left: -2%;
	bottom: -0.1rem;
	display: block;
	border-radius: 1.1rem;
	background-color: #f8e9a3;
	width: 104%;
	height: 1.1rem;
	z-index: -1;
}
.option-area .image {
	width: calc(100% + 2rem);
	max-width: 92rem;
	margin: 1.5rem -1rem 0 -1rem;
}

.page-prev {
	background: #eaf8ee url(../img/page-prev-bg.jpg) center center no-repeat;
	background-size: cover;
	border-radius: 1.5rem;
	margin-top: 6rem;
	padding: 1.5rem;
}
.page-prev li {
	margin: 0.5rem 0 !important;
	text-align: center;
}
.page-prev .btn a {
	border: 2px solid #14a83b;
	background-color: #fff;
	height: 8rem;
	color: #14a83b;
}
.page-prev .btn a:before {
	background-image: url(../img/btn-ar3.svg);
}
.page-prev .btn a img {
	width: 3rem;
	margin-right: 1rem;
}
.page-prev .btn a:after {
	background-color: #f8e9a3;
}

.cap {
	position: relative;
	margin-top: 1rem !important;
	padding-left: 1.2em;
	font-size: 1.2rem;
	line-height: 1.5;
}
.column-img .cap {
	margin-top: -0.5rem !important;
	margin-bottom: 1.2rem;
}
.cap:before {
	content: "\25B2";
	position: absolute;
	top: 0;
	left: 0;
	color: #e6c83c;
}




/* Takuhai */

.takuhai-menu {
	position: relative;
	background-color: #fff;
	padding: 2rem 0 10rem 0;
}
.takuhai-menu .area-service {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.05em;
	color: #14a83b;
}
.takuhai-menu .area-service:before {
	content: "";
	display: block;
	background: url(../img/takuhai/takuhai-hokkaido.png) center center no-repeat;
	background-size: 5rem;
	width: 5rem;
	height: 4.7rem;
	margin-right: 1rem;
}
.takuhai-menu .area-service:after {
	content: "";
	display: block;
	background: url(../img/icon-voice-r.svg) center center no-repeat;
	background-size: 2rem;
	width: 2rem;
	height: 2rem;
}
.takuhai-menu .service-area {
	border: 1px dashed #ccc6b4;
	box-shadow: 0 0 0 5px inset #fff;
	border-radius: 1.5rem;
	background-color: #f8f7f4;
	width: 100%;
	margin: 0 auto;
	padding: 2rem;
	line-height: 1.4;
}
.takuhai-menu .service-area .txt {
	width: 100%;
	margin-bottom: 1.5rem;
	text-align: center;
}
.takuhai-menu .service-area .select {
	position: relative;
	border: 1px solid #e1dbc9;
	border-radius: 0 0.5rem 0.5rem 0;
	background-color: #fff;
	width: 100%;
	height: 4rem;
	margin-right: 1.6rem;
}
.takuhai-menu .service-area .select:before {
	content: "";
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	border-radius: 0 0.5rem 0.5rem 0;
	background: #14a83b url(../img/btn-ar2.svg) center center no-repeat;
	background-size: 4rem;
	width: 4rem;
	height: 4rem;
	z-index: 1;
}
.takuhai-menu .service-area select {
	vertical-align: middle;
	position: relative;
	border: none;
	border-radius: 0 0.5rem 0.5rem 0;
	background-color: transparent;
	width: 100%;
	height: calc(4rem - 2px);
	padding-right: 3.8rem;
	text-align: center;
	cursor: pointer;
	z-index: 2;
}
.takuhai-menu .service-area .btn {
	margin-top: 1.5rem;
}
.takuhai-menu .service-area .btn button {
	height: 4rem;
	padding: 0 1rem 0 0;
}
.takuhai-menu .service-area div.area-box{
	width: 100%;
    margin-top: 2rem;
    text-align: center;
    line-height: 1.8;
    word-break: keep-all;
}
.takuhai-menu .bnr {
	width: 100%;
	margin: 2rem auto 4rem auto;
}
.takuhai-menu .column.c3 a {
	text-decoration: none;
}
.takuhai-menu .column.c3 a p {
	position: relative;
	margin-top: 1.2rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
}
.takuhai-menu .column.c3 a p span {
	margin-left: 1.2rem;
	font-family: 'Jost', 'Kiwi Maru', sans-serif;
	font-size: 1rem;
}
.takuhai-menu .column.c3 a p:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	border-radius: 50%;
	background: #f7f6f2 url(../img/link-ar_01.svg) center center no-repeat;
	background-size: 2.4rem;
	width: 2.4rem;
	height: 2.4rem;
	margin-top: -1.2rem;
}

.takuhai-popular {
	position: relative;
	padding: 1px 0 6rem 0;
	z-index: 2;
}
.takuhai-popular:before {
	content: "";
	position: absolute;
	top: -5rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background: #f7f6f2 url(../img/bg.png) left top;
	background-size: 42rem;
	width: 28rem;
	height: 14rem;
	margin-left: -14rem;
	z-index: -1;
}
.takuhai-popular .head1 {
	margin-top: -2rem !important;
}
.takuhai-popular .img-box {
	margin-bottom: 1.2rem;
}
.takuhai-popular h3 {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
}
.takuhai-popular h3 span {
	border-radius: 1rem;
	background-color: #14a83b;
	margin-right: 0.6rem;
	padding: 0.3rem 1rem 0.4rem 1rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
	line-height: 1;
	color: #fff;
}
.takuhai-popular .price {
	margin-top: 0.8rem;
	font-family: 'Jost', 'Kiwi Maru', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
}
.takuhai-popular .price span {
	font-size: 1rem;
}

.takuhai-category {
	position: relative;
	background-color: #fff;
	padding: 4rem 0 6rem 0;
}
.category-area {
	position: relative;
	border-bottom: 1px dashed #ccc6b4;
	margin-bottom: 3rem;
	padding-bottom: 3rem;
}
.category-area:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.category-area .column.c2 {
	margin-bottom: 3rem;
}
.category-area .column.c2 .img-box {
	margin-bottom: 2rem;
}
.category-area .link {
	margin-top: 1rem;
	text-align: center;
}
.category-area .link a {
	position: relative;
	padding-right: 3.5rem;
	text-decoration: none;
}
.category-area .link a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	border-radius: 50%;
	background: #f7f6f2 url(../img/link-ar_01.svg) center center no-repeat;
	background-size: 2.4rem;
	width: 2.4rem;
	height: 2.4rem;
	margin-top: -1.2rem;
}
.category-area h3 {
	margin-bottom: 1.2rem;
	font-size: 2.4rem;
	font-weight: 500;
	text-align: center;
	line-height: 1;
	letter-spacing: 0.2em;
}
.category-area h4 {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.3;
}
.category-area .column.c4 .img-box {
	margin-bottom: 1rem;
}
.category-area .price {
	margin-top: 0.8rem;
	font-family: 'Jost', 'Kiwi Maru', sans-serif;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1;
}
.category-area .price span {
	font-size: 1rem;
}
.category-area .btn {
	margin-top: 3rem;
}




/* HHC */

.hhc-menu {
	position: relative;
	background-color: #fff;
	padding: 2rem 0 6rem 0;
}
.hhc-area {
	border: 1px dashed #ccc6b4;
	box-shadow: 0 0 0 5px inset #fff;
	border-radius: 1.5rem;
	background-color: #f8f7f4;
	width: 100%;
	margin: 0 auto;
	padding: 2rem;
}
.hhc-area dl {
	border-bottom: 1px dashed #ccc6b4;
	margin-bottom: 1.2rem;
	padding-bottom: 1.2rem;
}
.hhc-area dt {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	color: #14a83b;
}
.hhc-area dt:before {
	content: "";
	display: block;
	background: url(../img/icon-voice-l.svg) center center no-repeat;
	background-size: 2rem;
	width: 2rem;
	height: 2rem;
}
.hhc-area dt:after {
	content: "";
	display: block;
	background: url(../img/icon-voice-r.svg) center center no-repeat;
	background-size: 2rem;
	width: 2rem;
	height: 2rem;
}
.hhc-menu .menu-list {
	position: relative;
	border-top: 1px dashed #ccc6b4;
	width: 100%;
}
.hhc-menu .menu-list .box {
	position: relative;
	border-bottom: 1px dashed #ccc6b4;
	width: 100%;
	padding: 2rem 0;
	z-index: 1;
}
.hhc-menu .menu-list .image {
	margin-bottom: 1.5rem;
}

.hhc-omakase {
	background: url(../img/fotter-line-sp.svg) center top repeat-x;
	background-size: 100%;
	padding: 6rem 0 6rem 0;
}
.omakase-area {
	position: relative;
	border-radius: 0 1.5rem 0 1.5rem;
	background-color: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 2rem;
}
.omakase-area:before {
	content: "";
	position: absolute;
	top: -2rem;
	left: -2rem;
	border-top: 1rem solid #d5ebfa;
	border-left: 1rem solid #d5ebfa;
	width: 8rem;
	height: 11.2rem;
}
.omakase-area:after {
	content: "";
	position: absolute;
	bottom: -2rem;
	right: -2rem;
	border-bottom: 1rem solid #d5ebfa;
	border-right: 1rem solid #d5ebfa;
	width: 8rem;
	height: 11.2rem;
}
.omakase-area .image {
	margin-bottom: 1.4rem;
}
.omakase-area h2 {
	margin-bottom: 0.8rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	color: #70b8eb;
}
.omakase-area ul {
	position: relative;
	width: 100%;
	margin-top: 2rem;
	z-index: 1;
}
.omakase-area ul li {
	position: relative;
	border: 1px dashed #70b8eb;
	border-radius: 10rem;
	width: 100%;
	margin-top: 1rem;
	padding: 1rem 0.5rem 1.2rem 0.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
}
.omakase-area ul li:before {
	content: "";
	position: absolute;
	top: -0.4rem;
	left: -0.4rem;
	display: block;
	border-radius: 10rem;
	background-color: #ecf4f9;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.omakase-area ul li span {
	color: #70b8eb;
}

.hhc-healthcare {
	background-color: #fff;
	padding: 4rem 0 6rem 0;
}
.healthcare-area {
	border-bottom: 1px dashed #ccc6b4;
	width: 100%;
	margin-top: 6rem;
	padding-bottom: 3rem;
}
.healthcare-area .box {
	position: relative;
	border-radius: 1rem;
	background-color: #eff6fa;
	width: 100%;
	margin: 5rem 0 0 0;
	padding: 1px 2rem 2rem 2rem;
	z-index: 1;
}
.healthcare-area .box:before {
	content: "";
	display: block;
	position: absolute;
	top: -4rem;
	left: 50%;
	border-radius: 50%;
	background-color: #eff6fa;
	width: 14rem;
	height: 13rem;
	margin-left: -7rem;
	z-index: -1;
}
.healthcare-area .box:after {
	content: "";
	position: absolute;
	bottom: 1.2rem;
	right: 1.2rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 1rem 1rem;
	border-color: transparent transparent #70b8eb transparent;
}
.healthcare-area .box h3 {
	margin-top: -2rem;
	margin-bottom: 1rem;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.08em;
	color: #70b8eb;
}
.healthcare-area .box h3 img {
	display: block;
	width: 5rem;
	margin: 0 auto 1.2rem auto;
}
.healthcare-btn {
	margin-top: 3rem;
	width: 100%;
}
.healthcare-btn li {
	margin-top: 1rem;
}
.healthcare-btn li.btn a {
	height: 6.4rem;
	font-size: 1.4rem;
}
.healthcare-btn li.btn a span {
	position: relative;
	display: inline-block;
	padding-left: 4rem;
	text-align: left;
}
.healthcare-btn li.btn a span img {
	position: absolute;
	top: 50%;
	left: 0;
	width: 3rem;
	height: 3rem;
	margin-top: -1.5rem;
}




/* details */

.details-top {
	position: relative;
	background: url(../img/header-line-sp.svg) center bottom repeat-x;
	background-size: 100%;
	width: 100%;
	padding: 5rem 0 6rem 0;
	z-index: 1;
}
.details-top .image {
	width: 100%;
	margin-bottom: 1.6rem;
}
.details-top .read {
	width: 100%;
}
.details-top h1 {
	display: table;
	position: relative;
	background: url(../img/dot-line.svg) left bottom repeat-x;
	background-size: 64rem;
	margin-bottom: 1.8rem;
	padding-right: 0.5rem;
	padding-bottom: 1.4rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.3;
	color: #14a83b !important;
}
.details-top dt {
	margin-bottom: 0.8rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
}

.details-top .cart-area {
	border: 4px solid #d4cbb1;
	border-radius: 2rem;
	background-color: #fff;
	width: 100%;
	margin-top: 2rem;
	padding: 0.5rem;
}
.details-top .cart-area .cart-area-inner {
	position: relative;
	border: 1px dashed #d4cbb1;
	width: 100%;
	border-radius: 1.4rem;
	padding: 2rem;
}
.details-top .cart-area .cart-area-data {
	width: 100%;
}
.cart-area .cart-area-price {
	width: 100%;
	margin-bottom: 2rem;
}
.cart-area .item-price-wrap {
	margin-bottom: 1rem;
	font-family: 'Jost', 'Kiwi Maru', sans-serif;
	font-size: 3.2rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}
.cart-area .item-price-wrap .item-tax {
	font-size: 1.4rem;
	font-weight: 500;
}
.cart-area .item-quantity {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #4f4844;
	padding: 0 0.5rem 0.5rem 0.5rem;
	width: 100%;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	white-space: nowrap;
}
.cart-area .item-quantity input {
	border: 1px solid #ccc6b4;
	border-radius: 0.4rem;
	width: 7rem;
	height: 3rem;
	font-family: 'Jost', sans-serif !important;
	font-size: 1.8rem;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	opacity: 1;
}
.cart-area .cart-area-option {
	margin-bottom: 2rem;
}
.cart-area .makeshop-option-wrap {
	margin-top: 0.8rem;
}
.cart-area .makeshop-option-wrap p {
	position: relative;
	align-self: center;
	padding-left: 1.6rem;
	letter-spacing: 0;
}
.cart-area .makeshop-option-wrap p:before {
	content: "";
	position: absolute;
	top: 0.7rem;
	left: 0;
	background: url(../img/terms/terms-num.png) center center no-repeat;
	background-size: 1.2rem;
	width: 1.2rem;
	height: 1.2rem;
}
.cart-area .makeshop-option-wrap label {
	position: relative;
	width: 100%;
}
.cart-area .makeshop-option-wrap label:after {
	content: "";
	position: absolute;
	top: 1rem;
	right: 0.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8rem 0.4rem 0 0.4rem;
	border-color: #84746b transparent transparent transparent;
}
.cart-area .makeshop-option-wrap select {
	border-bottom: 1px solid #e9e5d8;
	width: 100%;
	height: 3rem;
	padding: 0 2.5rem 0 1.5rem;
	font-size: 1.5rem;
	font-weight: 500;
	letter-spacing: 0;
}
.details-top .cart-area .modal-open {
	width: 100%;
	display: block;
}
.details-top .cart-area .modal-open .favorite {
	margin-top: 1rem;
	text-align: center;
}
.details-top .cart-area .modal-open .favorite a {
	position: relative;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #e9e5d8;
	border-radius: 4.6rem;
	background-color: #fff;
	width: 16rem;
	height: 4.6rem;
	font-size: 1.3rem;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	letter-spacing: 0;
	white-space: nowrap;
}
.details-top .cart-area .modal-open .favorite a:before {
	content: "";
	display: block;
	background: url(../img/icon-star.svg) center center no-repeat;
	background-size: 1.2rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: 0.3rem;
}
.details-top .cart-area .modal-open p.btn {
	margin-top: 1rem;
}
.details-top .cart-area .modal-open .outstock {
	display: block;
	border-radius: 7rem;
	background-color: #e9e5d8;
	width: 100%;
	height: 6rem;
	margin-top: 1rem;
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
	line-height: 6rem;
}
.details-top .cart-area .modal-open .outstock.off {
	display: none;
}




/* Normal page */

#contents.normal {
	padding-top: 6.5rem;
}

.normal-area {
	position: relative;
	background-color: #fff;
	width: 100%;
	padding-bottom: 5rem;
	z-index: 1;
}
.normal-area:before {
	content: "";
	position: absolute;
	top: -4.5rem;
	left: 0;
	display: block;
	background: url(../img/normal-area-sp.svg) center top repeat-x;
	background-size: 100%;
	width: 100%;
	height: 4.5rem;
}
.normal-area-in {
	position: relative;
	background: #f7f6f2 url(../img/normal-area-in-sp.svg) center top repeat-x;
	background-size: 100%;
	width: 100%;
	padding: 5rem 0;
	z-index: 1;
}

.normal-top {
	width: 100%;
	padding: 4rem 3rem;
}
.normal-top h1 {
	background: url(../img/logo-inner.png) center top no-repeat;
	background-size: 7.2rem;
	width: 100%;
	padding-top: 5.2rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}
.normal-top h1 span {
	display: block;
	margin-top: 1rem;
	font-family: 'Jost', sans-serif;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #14a83b;
}




/* Terms */

.terms-menu {
	width: 100%;
}
.terms-menu li {
	display: flex;
	border-radius: 1.4rem;
	width: 100%;
	margin-bottom: 1rem;
	padding: 0.4rem;
}
.terms-menu li:last-child {
	margin-bottom: 0;
}
.terms-menu li a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px dashed #d4cbb1;
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	min-height: 8rem;
	padding: 1rem;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.6;
	text-decoration: none;
	text-align: center;
}
.terms-menu li a:before {
	content: "";
	position: absolute;
	top: 50%;
	left: -2rem;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}
.terms-menu li a:after {
	content: "";
	position: absolute;
	right: 1.8rem;
	top: 50%;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 2rem;
	width: 2rem;
	height: 2rem;
	margin-top: -1rem;
}
.terms-menu li:nth-of-type(1) {
	background-color: #fdf7e0;
}
.terms-menu li:nth-of-type(1) a:before {
	background-image: url(../img/terms/terms-icon_01.png);
	background-size: 6rem;
	width: 6rem;
	height: 6.8rem;
	margin-top: -3.4rem;
}
.terms-menu li:nth-of-type(1) a:after {
	background-image: url(../img/btn-ar4.svg);
}
.terms-menu li:nth-of-type(2) {
	background-color: #fce7f1;
}
.terms-menu li:nth-of-type(2) a:before {
	background-image: url(../img/terms/terms-icon_02.png);
	background-size: 7.8rem;
	width: 7.8rem;
	height: 5.8rem;
	margin-top: -2.9rem;
}
.terms-menu li:nth-of-type(2) a:after {
	background-image: url(../img/btn-ar5.svg);
}
.terms-menu li:nth-of-type(3) {
	background-color: #deeef9;
}
.terms-menu li:nth-of-type(3) a:before {
	background-image: url(../img/terms/terms-icon_03.png);
	background-size: 8rem;
	width: 8rem;
	height: 7.6rem;
	margin-top: -3.8rem;
}
.terms-menu li:nth-of-type(3) a:after {
	background-image: url(../img/btn-ar6.svg);
}

.terms-pdf {
	position: relative;
	border: 0.5rem solid #f1eee7;
	border-radius: 1.5rem;
	background-color: #f8f7f4;
	width: 100%;
	margin: 6rem 0 5rem 0;
	padding: 1.5rem;
}
.terms-pdf:before {
	content: "";
	position: absolute;
	top: -4rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background-color: #f1eee7;
	width: 14.4rem;
	height: 13rem;
	margin-left: -7.2rem;
	z-index: -1;
}
.terms-pdf:after {
	content: "";
	position: absolute;
	top: -3.5rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background-color: #f8f7f4;
	width: 13.4rem;
	height: 12rem;
	margin-left: -6.7rem;
	z-index: 1;
}
.terms-pdf h2 {
	display: table;
	position: relative;
	background: url(../img/terms/terms-icon_04.svg) center top no-repeat;
	background-size: 3rem;
	margin: -4rem auto 1.5rem auto;
	padding: 4rem 0.5rem 0.5rem 0.5rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	z-index: 2;
}
.terms-pdf h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 2rem;
	background-color: #f6d5e6;
	display: block;
	width: 100%;
	height: 1rem;
	z-index: -1;
}
.terms-pdf div {
	position: relative;
	border: 1px dashed #d4cbb1;
	border-radius: 1rem;
	background-color: #fff;
	padding: 1.5rem;
	z-index: 2;
}
.terms-pdf h3 {
	display: table;
	position: relative;
	margin: 0 auto 1.5rem auto;
	padding: 0 3rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
}
.terms-pdf h3:before,
.terms-pdf h3:after {
	content: "";
	position: absolute;
	top: 50%;
	display: block;
	background-color: #4f4844;
	width: 2rem;
	height: 1px;
}
.terms-pdf h3:before {
	left: 0;
}
.terms-pdf h3:after {
	right: 0
}
.terms-pdf ul {
	width: 100%;
}
.terms-pdf ul li {
	width: 100%;
	margin-top: 0.5rem;
}
.terms-pdf a {
	display: flex;
	align-items: center;
	border: 0.3rem solid #f8f7f4;
	border-radius: 0.8rem;
	background: #fff url(../img/terms/terms-pdf.svg) 2rem center no-repeat;
	background-size: 2rem;
	width: 100%;
	padding-left: 6rem;
	padding-bottom: 0.2rem;
	min-height: 6rem;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.3;
	text-decoration: none;
}
.terms-pdf a:before {
	content: "";
	position: absolute;
	right: 0.5rem;
	bottom: 0.5rem;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 0.6rem 0.6rem;
	border-color: transparent transparent #d4cbb1 transparent;
}

.terms-count {
	width: 100%;
}
.terms-count .box {
	width: 100%;
	margin-top: 2rem;
}
.terms-count .image {
	background-color: #fff;
	margin-bottom: 1.2rem;
	padding: 0.6rem;
	font-size: 0;
	box-shadow: 0 0 0.8rem rgba(99,94,50,0.13);
}
.terms-count h3 {
	margin-bottom: 1rem;
	font-size: 2rem;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	color: #14a83b;
}
.terms-count h3 span {
	display: block;
	margin-top: 0.6rem;
	font-family: 'Jost', sans-serif;
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #14a83b;
}

.terms-caution {
	counter-reset: terms;
	border-top: 1px dashed #d4cbb1;
}
.terms-caution dt {
	position: relative;
	margin-bottom: 1rem;
	padding-top: 1.8rem;
	padding-left: 3.8rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.06em;
}
.terms-caution dt:before {
	position: absolute;
	top: 1.5rem;
	left: 0;
	counter-increment: terms;
	content: counter(terms, decimal-leading-zero);
	background: url(../img/terms/terms-num.png) center center no-repeat;
	background-size: cover;
	width: 3rem;
	height: 3rem;
	font-family: 'Jost', sans-serif;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 3rem;
	text-align: center;
	color: #fff;
}
.terms-caution dd {
	border-bottom: 1px dashed #d4cbb1;
	padding-left: 3.8rem;
	padding-bottom: 1.8rem;
}
.terms-caution dd em {
	font-style: normal;
	color: #7bb8e3;
}
.terms-caution + p {
	margin-top: 1.2rem;
}

.terms-delivery {
	font-weight: 500;
}
.terms-delivery span {
	background: -moz-linear-gradient(top,  rgba(222,238,249,0) 0%, rgba(222,238,249,0) 60%, rgba(222,238,249,1) 61%, rgba(222,238,249,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(222,238,249,0) 0%,rgba(222,238,249,0) 60%,rgba(222,238,249,1) 61%,rgba(222,238,249,1) 100%);
	background: linear-gradient(to bottom,  rgba(222,238,249,0) 0%,rgba(222,238,249,0) 60%,rgba(222,238,249,1) 61%,rgba(222,238,249,1) 100%);  
}




/* Guide */

.guide-read {
	align-items: center;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
}
.guide-read span {
	position: relative;
	display: inline-block;
	height: 3.2rem;
	margin: 0.8rem 0.3rem;
	padding: 0 1.5rem;
	font-size: 2rem;
	line-height: 3.2rem;
	white-space: nowrap;
	color: #14a83b;
}
.guide-read span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	border-top: 4px solid #c4ecce;
	border-left: 4px solid #c4ecce;
	width: 1.2rem;
	height: 1.8rem;
}
.guide-read span:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	display: block;
	border-right: 4px solid #c4ecce;
	border-bottom: 4px solid #c4ecce;
	width: 1.4rem;
	height: 2rem;
}
.guide-main {
	width: 100%;
	margin: 1rem auto 3rem auto;
}
.guide-pack {
	position: relative;
	border-radius: 2rem;
	box-shadow: 0 0 0 0.4rem inset #c4ecce;
	background-color: #fff;
	width: 100%;
	margin: 5rem 0 6rem 0;
	padding: 3rem 1.5rem;
}
.guide-pack:last-child {
	margin-bottom: 0;
}
.guide-pack:before {
	content: "";
	position: absolute;
	top: -5rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background-color: #c4ecce;
	width: 24rem;
	height: 18rem;
	margin-left: -12rem;
	z-index: -1;
}
.guide-pack:after {
	content: "";
	display: block;
	position: absolute;
	top: -4.6rem;
	left: 50%;
	display: block;
	border-radius: 50%;
	background-color: #fff;
	width: 23.2rem;
	height: 17.2rem;
	margin-left: -11.6rem;
	z-index: 1;
}
.guide-pack h2 {
	position: relative;
	display: table;
	margin: -6rem auto 1.5rem auto;
	padding: 0 1rem 0.5rem 0.7rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1;
	z-index: 2;
}
.guide-pack h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	border-radius: 2rem;
	background-color: #c4ecce;
	display: block;
	width: 100%;
	height: 1rem;
	z-index: -1;
}
.guide-pack h2 span {
	display: table;
	border-radius: 2rem;
	background-color: #14a83b;
	margin: 0 auto 0.6rem auto;
	padding: 0.3rem 0.8rem;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	color: #fff;
}
.guide-pack img {
	position: relative;
	z-index: 2;
}




/* Storage Service  */

.storage-menu {
	border-top: 1px dashed #ccc6b4;
	width: 100%;
	margin: 1rem 0 4rem 0;
}
.storage-menu li {
	border-bottom: 1px dashed #ccc6b4;
	width: 100%;
}
.storage-menu a {
	position: relative;
	display: flex;
	width: 100%;
	padding: 1.5rem 2.5rem 1.5rem 0;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0;
	text-decoration: none;
	color: #4f4844;
}
.storage-menu a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0.4rem;
	display: block;
	background: url(../img/storage/storage-ar.svg) center center no-repeat;
	background-size: 1.6rem;
	width: 1.6rem;
	height: 1.6rem;
	margin-top: -0.8rem;
}
.storage-menu a br {
	display: none;
}
.storage-menu a div {
	position: relative;
	padding-left: 4.5rem;
	text-align: left;
}
.storage-menu a div:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 3.6rem;
	display: block;
	width: 3.6rem;
	height: 2.8rem;
	margin-top: -1.4rem;
}
.storage-menu a[href="#storage1"] div:before {
	background-image: url(../img/storage/storage-icon_01.png);
}
.storage-menu a[href="#storage2"] div:before {
	background-image: url(../img/storage/storage-icon_02.png);
}
.storage-menu a[href="#storage3"] div:before {
	background-image: url(../img/storage/storage-icon_03.png);
}
.storage-menu a[href="#storage4"] div:before {
	background-image: url(../img/storage/storage-icon_04.png);
}
.storage-menu a[href="#storage5"] div:before {
	background-image: url(../img/storage/storage-icon_05.png);
}
.storage-menu a[href="#storage6"] div:before {
	background-image: url(../img/storage/storage-icon_06.png);
}
.storage-menu a[href="#storage7"] div:before {
	background-image: url(../img/storage/storage-icon_07.png);
}
.storage-menu a[href="#storage8"] div:before {
	background-image: url(../img/storage/storage-icon_08.png);
}

.storage-list {
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	margin-top: 1rem;
	padding: 0 1.5rem;
}
.storage-list dt {
	position: relative;
	padding: 1.5rem 2.5rem 1.5rem 4rem;
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.4;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}
.storage-list dt:hover {
	color: #14a83b;
}
.storage-list dd {
	display: none;
	border-top: 1px dashed #ccc6b4;
	position: relative;
	padding: 1.5rem 0 1.5rem 4rem;
	font-size: 1.4rem;
}
.storage-list dt:before,
.storage-list dd:before {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 3rem;
	width: 3rem;
	height: 3rem;
}
.storage-list dt:before {
	top: 50%;
	background-image: url(../img/storage/storage-q.png);
	margin-top: -1.5rem;
}
.storage-list dd:before {
	top: 1.2rem;
	background-image: url(../img/storage/storage-a.png);
}
.storage-list dt:after {
	content: "\FF0B";
	position: absolute;
	top: 50%;
	right: -0.5rem;
	margin-top: -1.5rem;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1;
	color: #14a83b;
}
.storage-list dt.active:after {
	content: "\FF0D";
}
.storage-list a {
	color: #f3aacf;
}
.storage-list + .head1 {
	margin-top: 8rem;
}




/* Policy */

.policy {
	position: relative;
}
.policy h3 {
	position: relative;
	margin: 3rem 0 1.5rem 0;
	padding-left: 3.5rem;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.2;
}
.policy h3 span {
	position: absolute;
	top: 0;
	left: 0;
	color: #14a83b;
}
.policy h4 {
	margin: 1.5rem 0 1rem 0;
}
.policy p {
	margin: 0.5rem 0;
}
.policy h3:last-child,
.policy h4:last-child,
.policy p:last-child {
	margin-bottom: 0;
}
.policy ul > li {
	position: relative;
	padding-left: 1.4rem;
}
.policy ul > li:before {
	content: "";
	position: absolute;
	top: 1rem;
	left: 0.4rem;
	display: block;
	border-radius: 0.5rem;
	background-color: #a3d2f3;
	width: 0.5rem;
	height: 0.5rem;
}
.policy .caution {
	margin-top: 0.5rem;
	font-size: 1.2rem;
}
.policy ul.caution > li {
	padding-left: 1.4rem;
}
.policy ul.caution > li:before {
	content: "※";
	top: 0;
	left: 0;
	display: inline;
	border-radius: initial;
	background-color: initial;
	width: initial;
	height: initial;
}
.policy ol {
	counter-reset: item;
}
.policy ol > li {
	position: relative;
	padding-left: 1.6rem;
}
.policy ol > li:before {
	position: absolute;
	top: 0;
	left: 0;
	counter-increment: item;
	content: counter(item);
}
.policy ol.type2 > li {
	padding-left: 2.6rem;
}
.policy ol.type2 > li:before {
	content: "("counter(item)")";
}
.policy .change {
	margin-top: 3rem;
	text-align: right;
}




/* Contract */

.contract {
	width: 100%;
}
.contract dt {
	width: 100%;
	margin-bottom: 0.5rem;
	font-weight: 500;
	color: #14a83b;
}
.contract dd {
	border-bottom: 1px dashed #ccc6b4;
	width: 100%;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}
.contract ul > li {
	position: relative;
	padding-left: 1.6rem;
}
.contract ul > li:before {
	content: "";
	position: absolute;
	top: 0.8rem;
	left: 0.2em;
	display: block;
	border-radius: 0.8rem;
	background-color: #a3d2f3;
	width: 0.8rem;
	height: 0.8rem;
}
.contract.about {
	margin-top: 2rem;
}
.contract.about dt {
	color: #4f4844;
}




/* Cart */

.cart-list {
	border: 4px solid #d4cbb1;
	border-radius: 1rem;
	background-color: #fff;
	width: 100%;
	padding-bottom: 1.5rem;
}
.cart-list-table,
.cart-list-table tbody {
	display: block;
	width: 100%;
}
.cart-list-table thead {
	display: none;
}
.cart-list-table tr {
	border-bottom: 1px dashed #ccc6b4;
	display: block;
	width: 100%;
	padding: 2rem 2rem 1.6rem 2rem;
	font-size: 1.3rem;
}

.item-cart-data {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 1rem;
}
.item-cart-data .cart-image {
	width: 47.5%;
}
.item-cart-data .cart-title {
	width: 47.5%;
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.4;
	color: #14a83b;
}
.item-cart-data dl {
	width: 100%;
	margin-top: 1rem;
	line-height: 1.4;
}
.item-cart-data dl dt {
	font-weight: 500;
}
.item-cart-data dl dd {
	position: relative;
	margin-top: 0.4rem;
	padding-left: 1.3rem;
}
.item-cart-data dl dd:before {
	content: "";
	position: absolute;
	top: 0.6rem;
	left: 0.1rem;
	display: block;
	border-radius: 0.8rem;
	background-color: #cbc0b4;
	width: 0.8rem;
	height: 0.8rem;
}
.item-cart-price,
.item-cart-subtotal,
.item-cart-quantity {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 1px solid #e1dbc9;
	width: 60%;
	margin-right: 40%;
	height: 3.5rem;
	margin-top: 0.5rem;
	padding: 0.5rem 0;
	line-height: 1;
}
.item-cart-price:before,
.item-cart-subtotal:before,
.item-cart-quantity:before {
	display: block;
}
.item-cart-price:before {
	content: "\4FA1\683C\a0(\7A0E\8FBC)";
}
.item-cart-quantity:before {
	content: "\6570\91CF";
}
.item-cart-subtotal:before {
	content: "\5C0F\8A08";
}
.item-cart-price span,
.item-cart-subtotal span {
	font-family: 'Jost', sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0;
}
.item-cart-quantity input {
	vertical-align: bottom;
	border: 1px solid #ccc6b4;
	border-radius: 0.4rem;
	width: 3.8rem;
	height: 2.5rem;
	font-family: 'Jost', sans-serif !important;
	font-size: 1.5rem;
	font-weight: 400;
	letter-spacing: 0;
	text-align: center;
}
.item-cart-quantity a {
	vertical-align: bottom;
	display: inline-block;
	border-radius: 0.4rem;
	background-color: #f1f1ea;
	height: 2.5rem;
	margin-left: 2px;
	padding: 0 0.5rem;
	font-size: 1.1rem;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 2.5rem;
	text-decoration: none;
}
.item-cart-delete {
	display: block;
	width: 100%;
	margin-top: 1rem;
	text-align: center;
}
.item-cart-delete a {
	display: inline-flex;
	align-items: center;
	font-size: 1.3rem;
	line-height: 1;
	text-decoration: none;
}
.item-cart-delete a:before {
	content: "\524A\9664";
}
.item-cart-delete a span {
	margin-left: 0.8rem;
	font-size: 3.2rem;
	font-weight: 500;
	letter-spacing: 0;
	text-decoration: none;
}
.item-cart-sp {
	display: block;
	border-bottom: none !important;
	height: 1.5rem;
	padding: 0 !important;
}
.item-cart-sp td {
	display: block;
	padding: 0 !important;
}
.cart-list-table tr.item-cart-total {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: none !important;
	border-radius: 0.8rem;
	background-color: #f1f1ea;
	width: calc(100% - 4rem);
	margin: 0 2rem;
	padding: 1.3rem 1.5rem;
	line-height: 1;
}
.item-cart-total td {
	display: block;
}
.item-cart-total td:last-child {
	display: none;
}
.item-cart-total .total-title {
	display: block;
	font-size: 1.4rem;
	font-weight: 500;
}
.item-cart-total .total-price {
	display: block;
	font-family: 'Jost', sans-serif;
	font-size: 1.8rem;
	font-weight: 500;
	letter-spacing: 0;
}

.cart-button {
	width: 100%;
	margin-top: 4rem;
}
.cart-button.btn .sub {
	border-top: 1px dashed #ccc6b4;
	margin-top: 4rem;
	padding-top: 2rem;
}
.cart-button.btn .sub li {
	margin-top: 2rem;
}
.cart-button.btn .sub a {
	border: 2px solid #14a83b;
	background-color: #fff;
	color: #14a83b;
}
.cart-button.btn .sub a:before {
	background-image: url(../img/btn-ar3.svg);
}

.incart-total-item {
	font-size: 1.8rem;
	font-weight: 500;
	text-align: center;
}




/* Font color */

.cleaning .head1 {
	background-image: url(../img/dot_02.png);
}
.cleaning .column.popular h3 span {
	background-color: #e6c83c;
}
.cleaning .head2,
.cleaning .category-top .category-title h1,
.cleaning .column.popular h3 {
	color: #e6c83c !important;
}

.takuhai .head1 {
	background-image: url(../img/dot_03.png);
}
.takuhai .head2,
.takuhai .category-top .category-title h1,
.takuhai .column.popular h3 {
	color: #ef8bc2 !important;
}

.hhc .head1 {
	background-image: url(../img/dot_04.png);
}
.hhc .head2,
.hhc .category-top .category-title h1,
.hhc .column.popular h3 {
	color: #70b8eb !important;
}


/*  デラックスクリーニング追記 */

.dx-bg {
    background-image: url(https://gigaplus.makeshop.jp/empire1912ec/assets/img/cleaning/cleaning-dx-bg_dxlead_sp.png);
	background-size: 90%;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 22%;
}

.dx-lead {
    text-align: left !important;
}