@charset "UTF-8";

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* Box sizing */
*,*::before,*::after{box-sizing: inherit;}html{box-sizing: border-box;}

/*::::: COMMON :::::*/

/* Root */
:root {
	--base: #333;
	--blue: #006CB6;
	--light: #E9F5FA;
	--rgb-white: 255, 255, 255;
	--rgb-blue: 0, 108, 184;
	--rgb-light: 233, 245, 250;
	--en: 'Montserrat', sans-serif;
	
	--ribbon-white: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20202%2033%22%20fill%3D%22%23fff%22%20stroke%3D%22%23006CB6%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22m201%2C32h-32V10h32l-6%2C11%2C6%2C11Z%22%2F%3E%3Cpath%20d%3D%22m33%2C32H1l6-11L1%2C10h32v22Z%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%221%22%20width%3D%22168%22%20height%3D%2225%22%2F%3E%3C%2Fsvg%3E');
	--ribbon-blue: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20202%2033%22%20fill%3D%22%23006CB6%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221%22%3E%3Cpath%20d%3D%22m201%2C32h-32V10h32l-6%2C11%2C6%2C11Z%22%2F%3E%3Cpath%20d%3D%22m33%2C32H1l6-11L1%2C10h32v22Z%22%2F%3E%3Crect%20x%3D%2217%22%20y%3D%221%22%20width%3D%22168%22%20height%3D%2225%22%2F%3E%3C%2Fsvg%3E');
}
[data-bg="white"] {
	background: #fff;
}
[data-bg="light"] {
	background: var(--light);
}
[data-bg="blue"] {
	background: var(--blue);
	color: #fff;
}
[data-bg="alpha"] {
	background: rgba(var(--rgb-white),.5);
}

/* Fonts */
html {
	font-size: 10px;
}
body {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1.4rem;
	line-height: 1.8;
	color: var(--base);
}
@media (max-width: 375px) {
	body {
		font-size: 1.2rem;
	}
}
@media (min-width: 750px) {
	body {
		font-size: 1.6rem;
	}
}
@media (min-width: 1280px) {
	body {
		font-size: 1.8rem;
	}
}

/* Text */
.en {
	font-family: var(--en);
}
.caption {
	font-size: .8em;
}
.right {
	text-align: right;
}
.left {
	text-align: left;
}
.center {
	text-align: center;
}

/* Links */
a {
	color: var(--blue);
	transition: .2s linear;
}

/* Elements */
button {
	background: none;
	padding: 0;
	border: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	transition: .2s linear;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	transition: .2s linear;
}
svg:not(.feather) {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	fill: currentColor;
	transition: .2s linear;
}
ul, ol {
	list-style: none;
	padding: 0;
	margin: 1em 0;
}
figure {
	margin: 0;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

/*::::: LAYOUT :::::*/
.page-width {
	width: 100%;
	padding: 0 1.5rem;
}
@media (min-width: 560px) {
	.page-width {
		padding: 0 3rem;
	}
}
@media (min-width: 960px) {
	.page-width {
		padding: 0 5rem;
	}
}
.section {
	padding: 5rem 0;
}
@media (min-width: 750px) {
	.section {
		padding: 10rem 0;
	}
}
.is-mobile,
.is-desktop {
	display: none;
}
@media (max-width: 749px) {
	.is-mobile {
		display: block;
	}
}
@media (min-width: 750px) {
	.is-desktop {
		display: block;
	}
}
.mt2em {
	margin-top: 2em !important;
}
.mb2em {
	margin-bottom: 2em !important;
}
.section-block {
	margin: 2em 0;
}
.section-block:last-child {
	margin-bottom: 0;
}
@media (min-width: 750px) {
	.section-block {
		margin: 3em 0;
	}
}
.list-item {
	border-radius: 1em;
}
.list-item>* {
	margin: 0 auto !important;
}
@media (min-width: 750px) {
	[class$="-list"] {
		gap: 1.5em !important;
	}
	.list-item {
		padding-right: 2em !important;
		padding-left: 2em !important;
		border-radius: 1.5em;
	}
}

/*::::: HEADER :::::*/
.site-header {
	position: sticky;
	top: 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	background: rgba(var(--rgb-white),.8);
	padding: 1rem 1.5rem;
	backdrop-filter: blur(1rem);
	box-shadow: 0 0 1.5rem rgba(0,0,0,.1);
	z-index: 100;
}
@media (min-width: 750px) {
	.site-header {
		padding: 2rem 4rem;
	}
}

/* Logo */
.site-logo {
	line-height: 1;
	margin: 0;
}
.site-logo .logo-link {
	display: block;
	width: 9rem;
	color: var(--blue);
}
@media (min-width: 750px) {
	.site-logo .logo-link {
		width: 15rem;
	}
}
/* Navigation */
.site-nav .menu-button {
	position: relative;
	display: block;
	width: 2.5rem;
	height: 3rem;
	background: linear-gradient(var(--blue), var(--blue)) left top .7rem / 100% 2px no-repeat, linear-gradient(var(--blue), var(--blue)) right bottom .7rem / 100% 2px no-repeat;
}
.site-nav .menu-button::before,
.site-nav .menu-button::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	right: 0;
	left: 0;
	display: block;
	height: 2px;
	background: var(--blue);
	transition: .2s linear;
}
.site-nav .menu-button[aria-expanded="true"] {
	background-size: 0 2px, 0 2px; 
}
.site-nav .menu-button[aria-expanded="true"]::before {
	transform: rotate(45deg);
}
.site-nav .menu-button[aria-expanded="true"]::after {
	transform: rotate(-45deg);
}
.site-nav .menu-list {
	display: flex;
	margin: 0;
}
.site-nav .menu-item {
	flex: 1;
	text-align: center;
}
.site-nav .menu-link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .25em;
	text-decoration: none;
	color: var(--base);
	white-space: nowrap;
}
.site-nav .menu-icon {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 3rem;
	height: 3rem;
	color: var(--blue);
	padding: .5rem;
	border-radius: 50%;
	transition: .1s linear;
}
@media (max-width: 749px) {
	.site-nav .nav-menu {
		position: absolute;
		top: 100%;
		right: 0;
		left: 0;
		overflow: hidden;
		z-index: -1;
	}
	.site-nav .menu-list {
		background: var(--blue);
		transition: .1s linear;
	}
	.site-nav .nav-menu[aria-hidden="false"] {
		box-shadow: 0 0 1.5rem rgba(0,0,0,.1);
	}
	.site-nav .nav-menu[aria-hidden="true"] .menu-list {
		height: 0;
		padding: 0 1.5rem;
		opacity: 0;
	}
	.site-nav .nav-menu[aria-hidden="false"] .menu-list {
		height: 100%;
		padding: 1rem 1.5rem;
		opacity: 1;
	}
	
	.site-nav .menu-link {
		color: #fff;
		gap: .5em;
	}
	.site-nav .menu-icon {
		background: #fff;
	}
}
@media (min-width: 750px) {
	.site-nav .menu-button {
		display: none;
	}
	.site-nav .menu-list {
		justify-content: flex-end;
		align-items: center;
		height: 100%;
		gap: 2em;
	}
	.site-nav .menu-icon {
		background: radial-gradient(circle at center, var(--blue) 70.71%, transparent 70.71%) center center / 0 0 no-repeat;
	}
	.site-nav .menu-link:hover {
		color: var(--blue);
	}
	.site-nav .menu-link:hover .menu-icon {
		background-size: 100% 100%;
		color: #fff;
	}
	.site-nav .menu-link[aria-current="true"] .menu-icon {
		box-shadow: 0 0 0 1px var(--blue);
	}
}

/*::::: FIRST VIEW :::::*/
.first-view {
	overflow: hidden;
}
.first-view .shop-images {
	position: relative;
}
.first-view .shop-images img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.first-view .shop-information {
	padding: 3rem 0 4rem;
}
.first-view .shop-title {
	color: var(--blue);
	margin: 0;
}
.first-view .shop-address {
	margin: 0 0 1rem;
}
.first-view .shop-tags {
	display: flex;
	gap: .5rem;
	margin: 0 0 1.5rem;
}
.first-view .shop-tags li {
	font-size: .9em;
	color: var(--blue);
	padding: 0 .7rem;
	border: 1px solid var(--blue);
	border-radius: 5px;
}
.first-view .shop-businessdays {
	margin: 0 0 1.5rem;
}
.first-view .shop-businessdays dt {
	font-size: 1.1em;
	font-weight: 700
}
.first-view .shop-businessdays dd {
	margin: 0;
}
.first-view .shop-businessdays table {
	border-collapse: collapse;
	line-height: 1.4
}
.first-view .shop-businessdays th {
	text-align: left;
	font-weight: 400;
	padding-right: 1em;
}
.first-view .shop-thumbnails {
	max-width: 100%;
}
.first-view .shop-thumbnails .swiper-slide {
	max-width: 10rem;
	cursor: pointer;
	transition: .2s linear;
}
.first-view .shop-thumbnails .swiper-slide:hover {
	opacity: .75;
}
.first-view .swiper-slide-thumb-active {
	background: var(--blue);
}
.first-view .swiper-slide-thumb-active img {
	opacity: .5;
}
.first-view .swiper-pagination-bullet-active {
	background: var(--blue);
}
@media (min-width: 960px) {
	.first-view {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.first-view>* {
		max-width: 50vw;
	}
	.first-view .shop-images {
		width: 100%;
		height: calc(100vh - 9rem);
		overflow: hidden;
	}
	.first-view .shop-information {
		display: flex;
		align-items: flex-end;
		padding: 5rem 0;
	}
}

/*::::: CONTENTS :::::*/

/* Title */
.sticky-title {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: center center / cover no-repeat;
	aspect-ratio: 16 / 9;
}
.sticky-title::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(var(--rgb-blue),.5);
	mix-blend-mode: multiply;
}
.sticky-title .title {
	color: #fff;
	font-size: 3em;
	line-height: 1.2;
	text-align: center;
	z-index: 1;
}
.sticky-title.bg-cleaning {
	background-image: url(../img/main3.jpg);
}
.sticky-title.bg-coinlaundry {
	background-image: url(../img/main4.jpg);
}
.section-title {
	display: grid;
	font-weight: 400;
	text-align: center;
	color: var(--blue);
	margin: 0 0 2em;
}
.section-title::before {
	content: attr(data-en);
	font-family: var(--en);
	font-size: 2em;
	font-weight: 700;
	line-height: 1;
}
.section-title strong {
	font-size: 1.8em;
	font-weight: 700;
	line-height: 1;
}
.heading {
	font-size: 1.2em;
	color: var(--blue);
	line-height: 1.4;
	text-align: center;
	margin: 0 0 1.5em;
}
.heading span {
	display: inline-block;
	padding: 0 1em;
	line-height: 1.6;
	background: #fff;
	box-shadow: 0 0 0 .06em var(--blue);
	border-radius: .8em;
}
.heading.under-line {
	font-size: 1.2em;
	padding-bottom: .5em;
	background: linear-gradient(var(--blue), var(--blue)) center bottom / 2.5em .1em no-repeat;
}
.ribbon-title {
	position: relative;
	display: block;
	width: 25rem;
	background: var(--ribbon-white) center top / contain no-repeat;
	font-size: 1.1em;
	text-align: center;
	color: var(--blue);
	padding-top: .3em;
	margin: 0 auto 1em !important;
	aspect-ratio: 202 / 33;
}
@media (min-width: 560px) {
	.ribbon-title {
		width: 28rem;
	}
}
@media (min-width: 960px) {
	.split-area {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
	}
	#Cleaning .content {
		order: 1;
	}
	#Cleaning .sticky-header {
		order: 2;
	}
	.sticky-title {
		position: sticky;
		top: 9rem;
		height: calc(100vh - 9rem);
		aspect-ratio: unset;
	}
	.ribbon-title {
		width: 34rem;
		font-size: 1.2em;
	}
}
@media (min-width: 1280px) {
	.sticky-title .title {
		font-size: 4em;
	}
}

/* Service */
.service-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
}
.service-list .list-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	font-size: .8em;
	line-height: 1.4;
	text-align: center;
	background: var(--light);
	padding: 1.5em;
}
.service-list .heading {
	font-size: 1.2em;
	color: var(--blue);
}
.service-list .image {
	width: auto;
	height: auto;
	max-width: 8em;
	max-height: 7em;
}
.service-list p {
	text-align: left;
}

/* Benefits */
.benefits-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
	counter-reset: benefits;
}
.benefits-list .list-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	font-size: .8em;
	line-height: 1.4;
	text-align: center;
	background: #fff;
	padding: 4.5em 1em 1.5em;
	overflow: hidden;
}
.benefits-list .list-item::before {
	counter-increment: benefits;
    content: '特典' counter(benefits);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: var(--blue);
	color: #fff;
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
	padding: .5em;
}
.benefits-list .image {
	width: auto;
	height: auto;
	max-width: 6em;
	max-height: 6em;
}
.benefits-list .heading {
	font-size: 1.2em;
	color: var(--blue);
}
.benefits-list .heading small {
	display: block;
}
.benefits-list .price {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: inherit;
}
.benefits-list .regular-price {
	font-size: 1.2em;
}
.benefits-list .discount-price {
	font-size: 2.4em;
	color: var(--blue);
}
.benefits-list .feather {
	color: var(--blue);
}

/* Price */
.price-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 2em;
}
.price-table th,
.price-table td {
	line-height: 1.4;
	padding: .5em 1em;
}
.price-table thead {
	font-size: .9em;
}
.price-table thead th {
	color: var(--blue);
}
.price-table thead span {
	display: block;
	font-weight: 400;
	color: var(--base);
	padding: .25em .5em;
	box-shadow: 0 0 0 1px var(--base) inset;
}
.price-table thead strong {
	display: block;
	color: #fff;
	background: var(--blue);
	padding: .25em .5em;
}
[data-bg="white"] .price-table tbody tr:nth-child(odd) {
	background: var(--light);
}
[data-bg="light"] .price-table tbody tr:nth-child(odd) {
	background: rgba(var(--rgb-white),.5);
}
.price-table tbody th {
	text-align: left;
}
.price-table tbody th small {
	display: block;
	font-weight: 400;
}
.price-table tbody td {
	font-family: var(--en);
	text-align: center;
}
.price-table tbody td strong {
	color: var(--blue);
}
.price-table.is-right td {
	text-align: right;
}
.border-box {
	text-align: center;
	color: var(--blue);
	padding: 1.5em;
	border: 1px solid var(--blue);
	border-radius: 1em;
}
@media (min-width: 750px) {
	.border-box {
		border-width: 2px;
	}
}

/* Course */
.course-list {
	display: grid;
	gap: 1em;
}
.course-list .list-item {
	background: #fff;
	padding: 2em 1.5em 1.5em;
}
.course-list .list-item {
	font-size: .9em;
}
.course-list .list-item:nth-child(even) .ribbon-title {
	background-image: var(--ribbon-blue);
	color: #fff;
}

/* Point */
.point-list {
	display: grid;
	gap: 1em;
}
.point-list .list-item {
	display: grid;
	gap: .5em;
	text-align: center;
	padding: 2em 1.5em 1.5em;
}
.point-list .list-item img {
	max-width: 20rem;
}
.point-list .list-item[data-bg="white"] {
	border: 1px solid var(--blue);
}

/* Registration */
.step-list {
	display: grid;
	gap: 1em;
	counter-reset: step;
}
.step-list .list-item {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	font-size: .8em;
	line-height: 1.4;
	text-align: center;
	background: #fff;
	padding: 4.5em 1em 1.5em;
	overflow: hidden;
}
.step-list .list-item::before {
	counter-increment: step;
    content: 'STEP' counter(step);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: var(--blue);
	color: #fff;
	font-family: var(--en);
	font-size: 1.4em;
	font-weight: 700;
	text-align: center;
	padding: .5em;
}
.step-list .image {
	width: auto;
	height: auto;
	max-width: 6em;
	max-height: 6em;
}
.step-list .heading {
	font-size: 1.2em;
	color: var(--blue);
}
.alpha-box {
	text-align: center;
	padding: 2em 1.5em;
	border-radius: 1em;
}
.app-download {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1em;
}
.app-download .search-box {
	text-align: left;
	font-size: .8em;
}
.app-download .search-box .input-field {
	position: relative;
}
.app-download .search-box input {
	height: 4rem;
	background: #fff;
	padding: 0 3em 0 1em;
	border: none;
	border-radius: 2rem;
	outline: none;
}
.app-download .search-box button {
	position: absolute;
	top: 50%;
	right: 1em;
	color: var(--blue);
	transform: translateY(-50%);
	cursor: unset;
}
.app-download .en {
	color: var(--blue);
}
@media (min-width: 750px) {
	.step-list img {
		max-width: unset;
		max-height: unset;
		min-width: 10rem;
		height: 10rem;
	}
	.app-download .app-icon,
	.app-download .qr-code {
		width: 8rem;
		height: 8rem;
	}
	.app-download img {
		width: 100%;
	}
}

/* 24h OK! */
.or-boxes {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
	margin: 1em 0 2em;
}
.or-boxes .box {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	text-align: center;
	font-weight: 700;
	background: var(--light);
	padding: 1.5em;
	border-radius: 1em;
}
.or-boxes .box .heading {
	font-size: .9em;
	line-height: 1.4;
}
.or-boxes .box img {
	min-width: 50%;
}
.movie {
	max-width: 100%;
	border: 1px solid #eee;
	border-radius: 1em;
	overflow: hidden;
}

/* Smart laundry */
.laundry-image img {
	width: 100%;
}
.number-list {
	display: grid;
	gap: 1.5em;
	counter-reset: number;
	margin-bottom: 2em;
}
.number-list .list-item {
	position: relative;
	display: grid;
	gap: 1em;
	padding: 1.5em;
	border: 1px solid var(--blue);
}
.number-list .list-item::before {
	counter-increment: number;
    content: counter(number);
    position: absolute;
    top: -.5em;
    left: -.5em;
    display: grid;
    place-content: center;
    width: 2em;
    height: 2em;
    background: var(--blue);
    color: #fff;
    font-family: var(--en);
    font-size: 1.2em;
    font-weight: 700;
    border-radius: 50%;
}
.number-list h5 {
	font-size: 1.1em;
}

/* Omakase */
.light-bg[data-bg="light"] {
	background: url(../img/bg-omakase.png) center top / 100% auto no-repeat var(--light);
	padding-top: 5em;
}
.omakase-image {
	padding: 0 10%;
	margin-bottom: 2em;
}
.omakase-image img {
	width: 100%;
}
.circle-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
	margin-bottom: 2em;
}
.circle-list li {
	display: grid;
	place-content: center;
	background: #fff;
	text-align: center;
	font-size: 1.1em;
	font-weight: 700;
	color: var(--blue);
	aspect-ratio: 1;
	border-radius: 50%;
}
.cleaning-bags {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1em;
}
.cleaning-bags .bag-image {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1em;
	text-align: center;
	margin-bottom: 1em;
}
.cleaning-bags .bag-label {
	font-size: 1.1em;
	line-height: 1.2;
}
.cleaning-bags .bag-label small {
	display: block;
}
.balloon-list {
	position: relative;
	background: #fff;
	padding: 1em 1em 1em 2em;
	margin-top: 2em;
	border-radius: 1em;
}
.balloon-list::before {
	content: "";
	position: absolute;
	top: -1em;
	left: calc(50% - 1em);
	display: block;
	width: 2em;
	height: 1em;
	background: #fff;
	clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.balloon-list li::before {
	content: "・";
	display: inline-block;
	color: var(--blue);
	width: 1em;
	margin-left: -1em;
}

/*::::: FOOTER :::::*/
.site-footer {
	text-align: center;
}
.site-footer p {
	margin: 0;
}
.site-footer .section-block {
	margin: 3em 0;
}
.site-footer .footer-logo {
	margin-bottom: 2em;
}
.site-footer .footer-logo img {
	width: 60%;
	max-width: 30rem;
}
.site-footer .company-label {
	font-size: 1em;
	text-align: center;
}
.site-footer .company-label span {
	display: inline-block;
	padding: .25em 1em;
	border: 1px solid #fff;
	border-radius: .5em;
}
.site-footer .company-name {
	font-size: 1.1em;
	font-weight: 700;
}
/* Go top */
.gotop {
	position: fixed;
	right: 1em;
	bottom: 1em;
	width: 3em;
	height: 3em;
	background: rgba(var(--rgb-white),.75);
	backdrop-filter: blur(1rem);
	color: var(--blue);
	border: 1px solid var(--blue);
	border-radius: 50%;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
	z-index: 100;
	transition: .2s linear;
}
.gotop[data-hide="true"] {
	opacity: 0;
	transform: translateY(100%);
}
.gotop[data-hide="false"] {
	opacity: 1;
	transform: translateY(0);
}
.gotop .icon {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media (min-width: 960px) {
	.gotop {
		right: auto;
		left: calc(50% - 1.5em);
	}
	.gotop:hover {
		transform: scale(1.1);
	}
}