@charset "UTF-8";

body,
input {
	background-color: #fff
}

.gnavi a,
.header__link a,
.menu a,
.selectTopContens nav a,
.wp-pagenavi a {
	text-decoration: none
}

*,
::after,
::before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

:where([hidden]:not([hidden=until-found])) {
	display: none !important
}

:where(html) {
	-webkit-text-size-adjust: none;
	color-scheme: dark light;
	-moz-tab-size: 2;
	-o-tab-size: 2;
	tab-size: 2
}

@media (prefers-reduced-motion:no-preference) {
	:where(html:focus-within) {
		scroll-behavior: smooth
	}
}

:where(body) {
	line-height: 1.5;
	font-family: system-ui, sans-serif;
	-webkit-font-smoothing: antialiased
}

:where(button) {
	all: unset
}

:where(input, button, textarea, select) {
	font: inherit;
	color: inherit
}

a,
body,
html,
input {
	font-family: "Noto Sans JP", "メイリオ", Meiryo, sans-serif
}

:where(textarea) {
	resize: vertical;
	resize: block
}

:where(button, label, select, summary, [role=button], [role=option]) {
	cursor: pointer
}

:where(:disabled),
:where(label:has(>input:disabled), label:has(+input:disabled)) {
	cursor: not-allowed
}

:where(a) {
	color: inherit;
	text-underline-offset: .2ex
}

:where(ul, ol) {
	list-style: none
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
	display: block
}

:where(img, picture, svg, video) {
	max-inline-size: 100%;
	block-size: auto
}

:where(p, h1, h2, h3, h4, h5, h6) {
	overflow-wrap: break-word
}

:where(h1, h2, h3) {
	line-height: calc(1em + .5rem);
	text-wrap: balance
}

:where(hr) {
	border: none;
	-webkit-border-before: 1px solid;
	border-block-start: 1px solid;
	color: inherit;
	block-size: 0;
	overflow: visible
}

:where(:focus-visible) {
	outline: CanvasText solid 3px;
	-webkit-box-shadow: 0 0 0 5px Canvas;
	box-shadow: 0 0 0 5px Canvas;
	outline-offset: 1px
}

:where(:focus-visible, :target) {
	scroll-margin-block: 8vh
}

:where(.visually-hidden:not(:focus-within, :active)) {
	-webkit-clip-path: inset(50%) !important;
	clip-path: inset(50%) !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden !important;
	position: absolute !important;
	white-space: nowrap !important;
	border: 0 !important
}

.menu-open,
.site {
	overflow: hidden
}

html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

body {
	font-size: 1.6rem;
	font-weight: 400;
	color: #333
}

a {
	-webkit-tap-highlight-color: transparent;
	cursor: pointer
}

p {
	line-height: 1.6;
	margin-bottom: 1em
}

p:last-child {
	margin-bottom: 0
}

a:hover {
	opacity: .8
}

input[type=submit] {
	-webkit-appearance: none;
	border-radius: 0;
	border: none;
	background: 0 0;
	padding: 0;
	margin: 0
}

.site {
	width: 100%
}


.wp-pagenavi {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px
}

.wp-pagenavi a,
.wp-pagenavi span {
	display: inline-block;
	padding: .6em 1em .4em;
	height: 40px;
	line-height: 20px;
	margin-left: .5em;
	margin-right: .5em;
	font-size: 1.6rem;
	border: none;
	border-radius: 50%
}

.wp-pagenavi .current {
	color: #fff
}

.wp-pagenavi a {
	background-color: #fff
}

.spbr {
	display: none
}

.nowrap {
	white-space: nowrap
}

.header {
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	box-shadow: 0 0 10px rgba(0, 0, 0, .2);
	position: sticky;
	top: 0;
	z-index: 999;
	background-color: #fff;
	padding: 15px 0;
	margin-bottom: 40px
}

@media screen and (max-width:1024px) {
	.header {
		padding: 12px 0;
		margin-bottom: 32px
	}
}

@media screen and (max-width:640px) {
	.spbr {
		display: inline
	}

	.header {
		margin-bottom: 0
	}
}

.header__inner {
	max-width: 100%;
	margin: 0 auto;
	width: 1280px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width:1280px) {
	.header__inner {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.header__logo {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
}

.header__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 16px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.header__logo .exseli-logo {
	width: 200px
}

@media screen and (max-width:1024px) {
	.header__logo .exseli-logo {
		width: 160px
	}
}

@media screen and (max-width:768px) {
	.header__logo .exseli-logo {
		width: 140px
	}
}

@media screen and (max-width:640px) {
	.header__inner {
		padding-left: 3%;
		padding-right: 3%
	}

	.header__logo {
		gap: 8px
	}

	.header__logo .exseli-logo {
		width: 120px
	}
}

.header__logo .jpx-logo {
	width: 35px;
	height: auto
}

@media screen and (max-width:640px) {
	.header__logo .jpx-logo {
		width: 20px
	}
}

.header__search {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 50px;
	margin-right: 20px;
	-ms-flex-item-align: end;
	align-self: flex-end
}

@media screen and (max-width:1280px) {
	.header__search {
		-webkit-box-ordinal-group: 5;
		-ms-flex-order: 4;
		order: 4;
		margin: 10px 0 0;
		width: 100%;
		-webkit-box-flex: unset;
		-ms-flex: unset;
		flex: unset
	}
}

.header__search form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.header__search input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding: 7px 12px 8px;
	display: block;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
	border: 1px solid #333;
	border-radius: 8px;
	font-size: 1.8rem;
	line-height: 1
}

.header__search input::-webkit-input-placeholder {
	color: #a6a6a6;
	font-size: 12px
}

.header__search input::-moz-placeholder {
	color: #a6a6a6;
	font-size: 12px
}

.header__search input::-ms-input-placeholder {
	color: #a6a6a6;
	font-size: 12px
}

.header__search input::placeholder {
	color: #a6a6a6;
	font-size: 12px
}

.header__search input:focus {
	outline: 0;
	border: 1px solid #333;
	padding: 7px 12px 8px;
	-webkit-box-shadow: unset;
	box-shadow: unset
}

.header__search button {
	width: 60px;
	text-align: center;
	background-color: #333;
	color: #fff;
	border: none;
	border-radius: 0 8px 8px 0;
	cursor: pointer;
	display: none
}

.header__search button:hover {
	background-color: #555
}

@media screen and (max-width:1024px) {
	.header__link {
		gap: 32px
	}
}

@media screen and (max-width:768px) {
	.header__link {
		gap: 10px
	}
}

.header__link a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 4px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content
}

@media screen and (max-width:640px) {
	.header__link {
		margin-left: auto;
		margin-right: 20px
	}

	.header__link a {
		display: none
	}

	.header__link a.contact,
	.header__link a.rental {
		display: block;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
		box-shadow: 0 0 3px rgba(0, 0, 0, .3);
		padding: 4px 8px;
		border-radius: 4px
	}
}

.header__link img {
	height: 32px;
	margin: 0 auto
}

.header__link span {
	font-size: 1.3rem;
	line-height: 1.2;
	display: block;
	text-align: center;
	letter-spacing: .08em
}

@media screen and (max-width:1024px) {
	.header__link img {
		height: 25.6px
	}

	.header__link span {
		font-size: 1rem;
		letter-spacing: 0
	}
}

.header .nav-icon {
	display: none
}

@media screen and (max-width:640px) {
	.header__link img {
		height: 16px;
		margin-bottom: 2px
	}

	.header .nav-icon {
		display: block;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 6px;
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
}

.header .nav-icon span {
	width: 30px;
	height: 4px;
	background-color: #333;
	border-radius: 8px;
	-webkit-transition: .3s;
	transition: .3s
}

.header .nav-icon.active span:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(7px, 7px);
	transform: rotate(45deg) translate(7px, 7px)
}

.header .nav-icon.active span:nth-child(2) {
	opacity: 0
}

.header .nav-icon.active span:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(7px, -7px);
	transform: rotate(-45deg) translate(7px, -7px)
}

.gnavi {
	max-width: 100%;
	margin: 0 auto;
	width: 1280px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	position: relative
}

@media screen and (max-width:1280px) {
	.gnavi {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%
	}
}

@media screen and (max-width:640px) {
	.gnavi {
		padding-left: 5%;
		padding-right: 5%;
		display: none
	}
}

.gnavi a:after,
.gnavi:before {
	display: block;
	height: 100%;
	background-color: #000;
	bottom: 0;
	-webkit-transition: .3s;
	transition: .3s;
	content: ""
}

.gnavi:before {
	width: 1.5px;
	position: absolute;
	left: 0
}

.gnavi a {
	width: 100%;
	padding: 2px 7px;
	position: relative;
	text-align: center;
	letter-spacing: .08em;
	font-size: 1.5rem
}

@media screen and (max-width:1280px) {
	.gnavi:before {
		left: 3%
	}

	.gnavi a {
		padding: 2px 8px;
		font-size: 1.4rem
	}

	.gnavi a span {
		display: block
	}
}

@media screen and (max-width:768px) {
	.gnavi a {
		font-size: 1.1rem;
		padding: 2px 8px
	}


}

.gnavi a:after {
	width: 1.5px;
	position: absolute;
	left: 100%
}



.page-main__header {
	padding: 60px 0;
	text-align: center
}

.page-main__header h1 {
	font-size: 4rem
}

.page-main__inner {
	max-width: 100%;
	width: 1280px;
	margin: 0 auto;
	padding: 100px 0
}

@media screen and (max-width:1280px) {
	.page-main__inner {
		padding-right: 3%;
		padding-left: 3%
	}
}

:where(.post),
:where(.post) * {
	position: relative
}

:where(.post) h2 {
	font-size: 3rem;
	margin-bottom: 1em
}

@media screen and (max-width:640px) {
	.page-main__inner {
		padding: 50px 5%
	}

	:where(.post) h2 {
		font-size: 2rem
	}
}

:where(.post) h3 {
	font-size: 2.4rem;
	margin-bottom: 1em
}

@media screen and (max-width:640px) {
	:where(.post) h3 {
		font-size: 1.8rem
	}
}

:where(.post) p {
	font-size: 1.6rem
}

:where(.post) ul {
	padding: 20px;
	margin: 0 auto 1em
}

:where(.post) *+h2 {
	margin-top: 12rem
}

@media screen and (max-width:640px) {
	:where(.post) p {
		font-size: 1.4rem
	}

	:where(.post) *+h2 {
		margin-top: 6rem
	}
}

:where(.post) *+h3 {
	margin-top: 8rem
}

:where(.post) table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid;
	margin-bottom: 1em
}

:where(.post) table td,
:where(.post) table th {
	border: 1px solid;
	padding: 10px
}

.menu {
	min-height: 100vh;
	opacity: 1;
	width: 100%;
	z-index: 998;
	-webkit-transition: .5s;
	transition: .5s;
	right: 0;
	position: fixed;
	background-color: #333;
	color: #fff;
	display: none;
	top: calc(var(--headerHeight)+24px)
}

@media screen and (max-width:640px) {
	:where(.post) *+h3 {
		margin-top: 4rem
	}

	:where(.post) table td,
	:where(.post) table th {
		font-size: 1.3rem
	}

	.menu {
		display: block
	}
}

.menu.close {
	top: -100vh
}

.menu a {
	color: #fff;
	padding: 1rem 2rem 1rem 4rem;
	border-bottom: 1px solid #fff;
	display: block;
	font-size: 1.4rem;
	position: relative
}

.menu a::before {
	content: "";
	position: absolute;
	font-weight: 700;
	left: 2rem;
	-webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
	clip-path: polygon(100% 50%, 0 0, 0 100%);
	background-color: #fff;
	width: .6rem;
	height: .84rem;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	top: 50%
}

.menu__sub-list {
	margin-left: 4rem
}

.menu__sub-list a {
	border-bottom: 1px solid #fff
}

.menu-open::after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0, 0, 0, .5);
	z-index: 99
}

[class*=js-fade] {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
	transition: opacity 1s, visibility 1s, -webkit-transform 1s;
	transition: opacity 1s, visibility 1s, transform 1s;
	transition: opacity 1s, visibility 1s, transform 1s, -webkit-transform 1s;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

[class*=inview-fade] {
	opacity: 1;
	visibility: visible
}

.js-fade-up {
	-webkit-transform: translateY(50px);
	transform: translateY(50px)
}

.inview-fade-up {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.js-fade-down {
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px)
}

.inview-fade-down {
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.js-fade-left {
	-webkit-transform: translateX(-50px);
	transform: translateX(-50px)
}

.inview-fade-left {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

.js-fade-right {
	-webkit-transform: translateX(50px);
	transform: translateX(50px)
}

.inview-fade-right {
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

body,
html {
	position: relative;
	width: 100%;
	scroll-behavior: auto
}

a:focus {
	outline: 0
}

.selectTopHeader {
	width: 1280px;
	max-width: 94%;
	margin: 0 auto
}

.selectTopHeader__heading1 {
	margin-bottom: 4rem;
	text-wrap: unset;
	font-weight: 900
}

@media screen and (max-width:640px) {
	.menu a {
		padding: .7rem 2rem .7rem 4rem
	}

	.selectTopHeader__heading1 {
		font-size: 6vw;
		margin-bottom: 6vw
	}
}

.selectTopHeader__description {
	padding: 0 2rem
}

@media screen and (max-width:640px) {
	.selectTopHeader__description {
		padding: 0
	}
}

.selectTopHeader__description span,
.result__lead span {
	color: red
}

.result__lead a {
	color: #7BC4C4;
}

.selectTopHeader__links {
	margin-bottom: 80px
}

.selectTopHeader__links p {
	text-align: right;
	margin-bottom: 0
}

.selectTopHeader__links a {
	color: #7BC4C4
}

.selectTopContens {
	background-color: #F0F0F0;
	padding: 8rem 0
}

.selectTopContens.middle {
	background-color: #E7E7E7
}

.selectTopContens h2 {
	text-align: center;
	font-size: 3rem;
	margin-bottom: 6rem
}

@media screen and (max-width:640px) {
	.selectTopContens {
		padding: 4rem 0
	}

	.selectTopContens h2 {
		font-size: 5.6vw;
		margin-bottom: 3rem
	}
}

.selectTopContens__inner {
	width: 1280px;
	max-width: 94%;
	margin: 0 auto
}

.selectTopContens nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 4px solid #7BC4C4;
	margin-bottom: 4rem
}

.selectTopContens nav a {
	width: 50%;
	padding: 1rem 2rem;
	margin-right: 1rem;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	border-radius: 10px 10px 0 0;
	font-size: 2.2rem;
	font-weight: 700
}

.selectTopContens nav a.active {
	background-color: #7BC4C4;
	color: #fff
}

.makers-list {
	display: none
}

.makers-list.active {
	display: block
}

.makers1 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(425px, 1fr));
	gap: 10px;
	margin-bottom: 20px
}

@media screen and (max-width:640px) {
	.selectTopContens nav a {
		font-size: 3.6vw;
		padding: .5rem 1rem
	}

	.selectTopContens nav a[data-id=accessory] {
		padding-top: 1.8rem
	}

	.makers1 {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
	}
}

.makers1 li {
	display: grid;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 2rem 2.5rem;
	grid-template: "p . h" auto "p . t" 1fr "p . a" auto/100px 20px 1fr
}

.makers1 li picture {
	width: 110px;
	grid-area: p;
	-ms-flex-item-align: center;
	align-self: center
}

.makers1 li span {
	font-size: 2rem;
	margin-bottom: 1rem;
	color: #7BC4C4;
	grid-area: h;
	font-weight: 900
}

@media screen and (max-width:640px) {
	.makers1 li {
		grid-template: "p . h" auto "t t t" 1fr "a a a" auto/100px 20px 1fr
	}

	.makers1 li span {
		text-align: left;
		-ms-flex-item-align: center;
		align-self: center;
		margin: 0
	}

	.makers1 li span small {
		display: block
	}
}

.anotherSearch__heading a,
.searchBoxSelect__heading a {
	-ms-flex-item-align: end;
	align-self: flex-end;
	border-radius: 99px;
	text-decoration: none
}

.makers1 li p {
	font-size: 1.4rem;
	grid-area: t;
	line-height: 1.4
}

.makers1 li a {
	grid-area: a;
	display: block;
	background-color: #333;
	color: #fff;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: .5rem 3rem .7rem 2.5rem;
	border-radius: 99px;
	line-height: 1;
	text-decoration: none;
	font-size: 1.4rem;
	position: relative;
	margin-left: auto
}

@media screen and (max-width:640px) {
	.makers1 li a {
		margin: 0 auto;
		font-size: 1.3rem
	}
}

.makers1 li a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

.makers2,
.makers3 {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
	gap: 10px
}

.anotherSearch__list,
.types-list {
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr))
}

.makers2 li,
.makers3 li {
	text-align: center;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 1rem 1.5rem
}

.makers2 a,
.makers3 a {
	text-decoration: none
}

.makers2 picture,
.makers3 picture {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 1rem
}

.makers2 span,
.makers3 span {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: #7BC4C4;
	font-weight: 900;
	line-height: 1.1;
	display: block
}

.makers2 span small,
.makers3 span small {
	display: block
}

.makers2 span.listentechnologies,
.makers2 span.smartwave,
.makers3 span.listentechnologies,
.makers3 span.smartwave {
	font-size: 1.5rem
}

.select-nav-btm {
	display: block;
	background-color: #333;
	color: #fff;
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: .5rem 3rem .7rem 2.5rem;
	border-radius: 99px;
	line-height: 1;
	text-decoration: none;
	font-size: 1.4rem;
	position: relative;
	margin-left: auto;
	margin-top: 2rem
}

.select-nav-btm::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	right: 1.5rem;
	top: calc(50% + 2px);
	-webkit-transform: translateY(-50%) rotate(-135deg);
	transform: translateY(-50%) rotate(-135deg)
}

.distanceFeatureItem__q.modaalTitle br,
.selectAppeal .topAppeal__links .lease::before,
.selectAppeal .topAppeal__links .rental::before {
	display: none
}

.selectAppeal .topAppeal__links {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.selectAppeal .topAppeal__links a {
	margin-bottom: 2.5rem
}

.selectAppeal .topAppeal__links .lease,
.selectAppeal .topAppeal__links .rental {
	padding-left: 0;
	padding-right: 0;
	font-size: 2.2rem;
	position: relative
}

.selectAppeal .topAppeal__links .lease::after,
.selectAppeal .topAppeal__links .rental::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	position: absolute;
	right: 2.5rem;
	top: calc(50% + 2px);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

.searchBoxSelect {
	max-width: 94%;
	margin: 0 auto
}

.searchBoxSelect__heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 32px;
	padding-right: 32px;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-bottom: 90px
}

@media screen and (max-width:640px) {

	.selectAppeal .topAppeal__links .lease,
	.selectAppeal .topAppeal__links .rental {
		font-size: 1.6rem
	}

	.searchBoxSelect__heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		padding-right: 0
	}

	.searchBoxSelect__heading h2 {
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 5px
	}
}

.searchBoxSelect__heading small {
	font-size: 1.8rem;
	color: #7BC4C4;
	display: block
}

@media screen and (max-width:640px) {
	.searchBoxSelect__heading small {
		font-size: 1.4rem;
		line-height: 1;
		margin-bottom: 4px
	}
}

.searchBoxSelect__heading span {
	font-size: 3.2rem;
	font-weight: 700
}

@media screen and (max-width:640px) {
	.searchBoxSelect__heading span {
		font-size: 2rem;
		line-height: 1;
		display: block
	}
}

.searchBoxSelect__heading a {
	background-color: #333;
	color: #fff;
	padding: 4px 30px;
	display: block;
	font-size: 1.5rem;
	position: relative;
	border: 1px solid #333
}

.searchBoxSelect__heading a:hover {
	background-color: #fff;
	color: #333;
	-webkit-transition: all .3s;
	transition: all .3s
}

.searchBoxSelect__heading a:hover::after {
	border-color: #333
}

.searchBoxSelect__heading a::after {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	right: 14px;
	top: calc(50% + 0px);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

@media screen and (max-width:640px) {
	.searchBoxSelect__heading a {
		font-size: 1.2rem;
		padding: 4px 26px 4px 16px;
		line-height: 1;
		margin-left: auto;
		margin-right: 0
	}

	.safari .searchBoxSelect__heading a {
		padding-bottom: 6px
	}

	.searchBoxSelect__heading {
		margin-bottom: 20px
	}
}

.anotherSearch {
	max-width: 94%;
	margin: 160px auto 100px
}

@media screen and (max-width:640px) {
	.anotherSearch {
		margin-top: 80px;
		margin-bottom: 60px
	}
}

.anotherSearch__heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 32px;
	padding-right: 32px;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-bottom: 90px
}

.anotherSearch__heading small {
	font-size: 1.8rem;
	color: #7BC4C4;
	display: block
}

@media screen and (max-width:640px) {
	.anotherSearch__heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		padding-right: 0
	}

	.anotherSearch__heading h2 {
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 5px
	}

	.anotherSearch__heading small {
		font-size: 1.4rem;
		line-height: 1;
		margin-bottom: 4px
	}
}

.anotherSearch__heading span {
	font-size: 3.2rem;
	font-weight: 700
}

@media screen and (max-width:640px) {
	.anotherSearch__heading span {
		font-size: 2rem;
		line-height: 1;
		display: block
	}
}

.anotherSearch__heading a {
	background-color: #333;
	color: #fff;
	padding: 4px 30px;
	display: block;
	font-size: 1.5rem;
	position: relative;
	border: 1px solid #333
}

.anotherSearch__heading a:hover {
	background-color: #fff;
	color: #333;
	-webkit-transition: all .3s;
	transition: all .3s
}

.anotherSearch__heading a:hover::after {
	border-color: #333
}

.anotherSearch__heading a::after {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	right: 14px;
	top: calc(50% + 0px);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

@media screen and (max-width:640px) {
	.anotherSearch__heading a {
		font-size: 1.2rem;
		padding: 4px 26px 4px 16px;
		line-height: 1;
		margin-left: auto;
		margin-right: 0
	}

	.safari .anotherSearch__heading a {
		padding-bottom: 6px
	}

	.anotherSearch__heading {
		margin-bottom: 20px
	}
}

.anotherSearch__list {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-width: 94%;
	display: grid;
	gap: 20px
}

.anotherSearch__list li {
	border: 2px solid;
	border-radius: 8px;
	background-image: url(https://www.exseli.com/img/search2.svg);
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-color: #FFFFF2;
	position: relative
}

.anotherSearch__list li::after {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-right: 2px solid #7BC4C4;
	border-bottom: 2px solid #7BC4C4;
	right: 2rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

.anotherSearch__list a {
	display: block;
	text-decoration: none;
	padding: 2rem 0 2rem 5rem
}

@media screen and (max-width:640px) {
	.anotherSearch__list {
		gap: 10px
	}

	.anotherSearch__list li {
		background-size: 20px;
		border-radius: 4px
	}

	.anotherSearch__list li::after {
		width: 8px;
		height: 8px
	}

	.anotherSearch__list a {
		padding: 1rem 0 1rem 3.5rem;
		font-size: 1.4rem
	}
}

.types-list {
	display: grid;
	gap: 10px
}

.types-list li {
	background-color: #fff;
	border: 1px solid #ccc;
	background-image: linear-gradient(90deg, #7BC4C4 10px, #fff 10px, #fff 100%)
}

.types-list a {
	height: 4em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	line-height: 1.2;
	padding-left: 2.5rem;
	padding-right: 3.5rem;
	position: relative
}

.distanceContent__links a::after,
.rankingItem__estimate a::after,
.types-list a::after {
	content: "";
	height: 12px;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

.types-list a::after {
	display: block;
	width: 12px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	position: absolute;
	right: 1.5rem
}

@media screen and (max-width:1280px) {
	.types-list a {
		padding-right: 3rem
	}

	.types-list a br {
		display: none
	}
}

@media screen and (max-width:640px) {
	.types-list a::after {
		width: 8px;
		height: 8px
	}

	.types-list a {
		font-size: 1.3rem;
		height: 3em
	}

	.types-list a br {
		display: none
	}
}

.distanceContent {
	width: 1180px;
	display: grid;
	max-width: 94%;
	margin: 0 auto;
	grid-template: "te te" auto "im in" 1fr "ra ra" auto "li li" auto/360px 1fr
}

.distanceContent__text {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 1.6;
	grid-area: te
}

.distanceContent__image {
	grid-area: im
}

.distanceContent__image picture {
	display: block;
	width: 100%
}

@media screen and (max-width:1024px) {
	.distanceContent {
		grid-template: "te " auto "im " auto "in " auto "ra " auto "li " auto/auto
	}

	.distanceContent__image picture {
		max-width: 220px;
		margin: 1rem auto 3rem
	}
}

.distanceContent__image picture img {
	width: 100%
}

.distanceContent__info {
	grid-area: in;
	padding-left: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.distanceContent__info dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem
}

.distanceContent__info dl:last-child {
	margin-bottom: 0
}

.distanceContent__info dt {
	font-size: 1.8rem;
	background-color: #333;
	color: #fff;
	border-radius: 99px;
	display: block;
	padding: .5rem 3rem .7rem 2.5rem;
	line-height: 1
}

@media screen and (max-width:640px) {
	.distanceContent__info {
		gap: 1rem
	}

	.distanceContent__info dt {
		font-size: 1.4rem;
		padding: .5rem 2rem .7rem;
		-ms-flex-item-align: start;
		align-self: flex-start
	}
}

.distanceContent__info dd {
	font-size: 1.8rem
}

@media screen and (max-width:640px) {
	.distanceContent__info dd {
		font-size: 1.5rem;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

.distanceContent__ranking {
	grid-area: ra;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 4rem;
	gap: 2rem;
	margin-bottom: 8rem
}

@media screen and (max-width:1024px) {
	.distanceContent__ranking {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 1rem
	}
}

.distanceContent__links {
	grid-area: li
}

.distanceContent__links a {
	display: block;
	padding: 1rem 2rem;
	width: 600px;
	border: 1px solid #333;
	margin: 0 auto 2rem;
	text-align: center;
	text-decoration: none;
	position: relative
}

@media screen and (max-width:640px) {
	.distanceContent__links a {
		width: 94%;
		font-size: 1.4rem
	}
}

.distanceContent__links a::after {
	display: block;
	width: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	right: 1.5rem
}

@media screen and (max-width:640px) {
	.distanceContent__links a::after {
		width: 8px;
		height: 8px;
		right: 1rem
	}
}

.distanceContent__links a.link1::after {
	border-color: #333
}

.distanceContent__links a.link2 {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406));
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	border: none
}

.rankingItem {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
	padding: 2rem 1.5rem;
	display: grid;
	grid-template: "im no" auto "im es" auto "na na" auto "te te" 1fr/180px 1fr
}

.rankingItem__image {
	grid-area: im
}

.rankingItem__image picture {
	display: block;
	width: 100%
}

.rankingItem__image picture img {
	width: 100%
}

.rankingItem__no {
	grid-area: no;
	padding-top: 20px;
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 60px;
	margin-bottom: 1rem;
	-ms-flex-item-align: start;
	align-self: flex-start
}

.rankingItem__no.no1 {
	background-image: url(https://www.exseli.com/img/rental-item-no1.jpg.webp)
}

.rankingItem__no.no2 {
	background-image: url(https://www.exseli.com/img/rental-item-no2.jpg.webp)
}

.rankingItem__no.no3 {
	background-image: url(https://www.exseli.com/img/rental-item-no3.jpg.webp)
}

.rankingItem__no small {
	display: block;
	font-weight: 700;
	color: #7BC4C4;
	line-height: 1
}

.rankingItem__no span {
	font-weight: 900;
	font-size: 2.4rem
}

@media screen and (max-width:640px) {
	.rankingItem {
		grid-template: "im . no" auto "im . es" auto "na na na" auto "te te te" 1fr/100px 10px 1fr
	}

	.rankingItem__no {
		padding-left: 50px;
		background-size: contain;
		padding-top: 0
	}

	.rankingItem__no span {
		font-size: 1.8rem
	}
}

.rankingItem__estimate {
	grid-area: es
}

.rankingItem__estimate a {
	padding: 1rem 2rem;
	background-color: #E79A47;
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 8px;
	line-height: 1.2;
	position: relative
}

@media screen and (max-width:640px) {
	.rankingItem__estimate a {
		padding: .8rem 1rem;
		font-size: 1.4rem
	}

	.rankingItem__estimate a br {
		display: none
	}
}

.rankingItem__estimate a::after {
	display: block;
	width: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	right: 1.5rem
}

.rankingItem__name {
	grid-area: na;
	color: #7BC4C4;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 2rem
}

@media screen and (max-width:640px) {
	.rankingItem__estimate a::after {
		width: 8px;
		height: 8px;
		right: 1rem
	}

	.rankingItem__name {
		font-size: 1.8rem;
		margin-bottom: 1rem
	}

	.rankingItem__text {
		font-size: 1.4rem
	}
}

.rankingItem__text {
	grid-area: te;
	margin: 0
}

.distanceFeature__inner {
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative
}

@media screen and (max-width:1280px) {
	.distanceFeature__inner {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%
	}
}

@media screen and (max-width:640px) {
	.distanceFeature__inner {
		padding-left: 5%;
		padding-right: 5%
	}
}

.distanceFeature__heading {
	margin-bottom: 4rem
}

.distanceFeature__items {
	padding-left: 4rem;
	padding-right: 4rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px
}

@media screen and (max-width:768px) {
	.distanceFeature__inner {
		padding-top: 3rem
	}

	.distanceFeature__items {
		display: block;
		padding-left: 0;
		padding-right: 0
	}
}

.distanceFeatureItem {
	border: 1px solid #333;
	border-radius: 4px;
	padding: 20px
}

@media screen and (max-width:768px) {
	.distanceFeatureItem {
		padding: 4vw;
		margin-bottom: 2rem
	}
}

.distanceFeatureItem__q {
	font-weight: 900;
	position: relative;
	font-size: 2.4rem;
	line-height: 1.2;
	margin-bottom: 3rem;
	text-align: center
}

.distanceFeatureItem__q.modaalTitle {
	text-wrap: unset;
	padding: 2rem 0 0 1rem
}

@media screen and (max-width:768px) {
	.distanceFeatureItem__q {
		padding-left: 0;
		font-size: 1.8rem;
		margin-bottom: 4vw
	}
}

@media screen and (max-width:640px) {
	.distanceFeatureItem__q span {
		display: inline;
		position: relative
	}

	.distanceFeatureItem__q span::before {
		content: "Q";
		display: block;
		position: absolute;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-weight: 900;
		color: #7BC4C4;
		top: -.1em;
		left: -1.2em;
		-webkit-transform: none;
		transform: none;
		font-size: 5vw
	}
}

.distanceFeatureItem__q::before {
	content: "Q";
	display: block;
	position: absolute;
	left: -5px;
	top: calc(50% - 5px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 3.6rem;
	font-weight: 900;
	color: #7BC4C4
}

@media screen and (max-width:768px) {
	.distanceFeatureItem__q::before {
		top: -.3em;
		left: 0;
		-webkit-transform: none;
		transform: none;
		font-size: 5vw;
		display: none
	}
}

.distanceFeatureItem__push a {
	position: relative;
	display: block;
	font-size: 2rem;
	background-color: #7BC4C4;
	color: #fff;
	font-weight: 900;
	text-align: center;
	line-height: 1;
	margin: 0 auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 40px;
	border-radius: 4px;
	text-decoration: none
}

.distanceFeatureItem__a {
	line-height: 1.8;
	font-size: 1.7rem
}

.distanceFeatureItem__a.modaalContent {
	padding: 0 0 1rem 1rem
}

.distanceFeatureItem__a a {
	color: #7BC4C4
}

.performanceList {
	padding-bottom: 80px
}

.performanceList ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 10px 10px
}

@media screen and (max-width:640px) {
	.performanceList ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px 10px
	}
}

.performanceList li {
	background-color: #fff;
	border: 1px solid #333
}

.performanceList a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	text-decoration: none;
	gap: 10px;
	padding-right: 2.5rem
}

.performanceList a img {
	width: 80px;
	aspect-ratio: 1
}

.performanceList a .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.performanceList a .text.min p {
	font-size: 1.2rem
}

.performanceList a p {
	font-size: 1.4rem;
	line-height: 1.2
}

@media screen and (max-width:640px) {
	.performanceList a img {
		width: 60px
	}

	.performanceList a p {
		font-size: 1.3rem
	}
}

.performanceList a p span {
	display: inline-block
}

.performanceList a::after,
.performanceList a::before {
	content: "";
	display: block;
	position: absolute
}

.performanceList a::after {
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg)
}

@media screen and (max-width:640px) {
	.performanceList a::after {
		width: 8px;
		height: 8px;
		right: 1rem
	}
}

.performanceList a::before {
	width: 4px;
	height: 100%;
	right: 0;
	background-color: #7BC4C4
}

.useSceneChildDescription a {
	color: #7BC4C4
}

.useSceneChildCpation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 6.5rem 2rem 4rem
}

@media screen and (max-width:640px) {
	.performanceList a::before {
		width: 2px
	}

	.useSceneChildCpation {
		margin: 0 0 2rem
	}

	.useSceneChildCpation img {
		display: none
	}
}

.useSceneChildCpation img {
	width: 72px
}

.useSceneChildCpation p {
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 1rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.useSceneChildContents {
	background-color: #fff;
	width: 1180px;
	max-width: 100%;
	margin: 0 auto 4rem
}

.useSceneChildContents__heading2 h2 {
	text-align: left;
	position: relative
}

@media screen and (max-width:640px) {
	.useSceneChildCpation p {
		font-size: 1.4rem;
		line-height: 1.4;
		padding: .8rem
	}

	.useSceneChildContents {
		margin: 0 auto 2rem
	}

	.useSceneChildContents__heading2 h2 {
		text-wrap: unset
	}
}

.useSceneChildContents__heading2 h2::before {
	content: "Let’s choice!";
	position: absolute;
	left: .2rem;
	top: -1.8em;
	font-size: 1.6rem;
	color: #7BC4C4
}

.useSceneChildContent {
	background-color: #FFFFF2;
	border: 2px solid #333;
	border-radius: 99px;
	position: relative;
	margin-bottom: 4rem
}

@media screen and (max-width:640px) {
	.useSceneChildContent {
		margin-bottom: 2rem;
		border: 1px solid #333
	}
}

.useSceneChildContent:last-child {
	margin-bottom: 0
}

.useSceneChildContent.open {
	border-radius: 20px;
	padding: 2rem 2.5rem
}

.useSceneChildContent.open .useSceneChildContent__heading {
	padding: 0
}

@media screen and (max-width:640px) {
	.useSceneChildContent.open {
		border-radius: 10px;
		padding-top: 1rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem
	}
}

.useSceneChildContent__heading {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
	padding: 2rem 2.5rem;
	cursor: pointer
}

.useSceneChildContent__body {
	height: 0;
	overflow: clip;
	position: relative;
	-webkit-transition: 0 ease-out;
	transition: 0 ease-out
}

@media screen and (max-width:640px) {
	.useSceneChildContent__heading {
		font-size: 1.6rem;
		padding: 1rem 1.5rem
	}

	.useSceneChildContent__body {
		font-size: 1.4rem
	}
}

.useSceneChildContent__body.open {
	height: auto;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 2px solid;
	margin-bottom: 6rem;
	-webkit-transition: .3s linear;
	transition: .3s linear
}

.useSceneChildContent__btn {
	position: absolute;
	right: 2rem;
	height: 4rem;
	width: 4rem;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	background-color: #7BC4C4;
	cursor: pointer
}

@media screen and (max-width:640px) {
	.useSceneChildContent__body.open {
		margin-top: 1rem;
		padding-top: 1rem;
		margin-bottom: 3rem;
		border-width: 1px
	}

	.useSceneChildContent__btn {
		right: 1rem;
		width: 2.5rem;
		height: 2.5rem
	}
}

.useSceneChildContent__btn::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	left: 50%;
	top: calc(50% - 2px);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
	transform: translateY(-50%) translateX(-50%) rotate(45deg)
}

.useSceneChildRecommend__heading span,
.useSceneChildRelated__heading span {
	display: inline-block
}

@media screen and (max-width:640px) {
	.useSceneChildContent__btn::before {
		width: 8px;
		height: 8px;
		top: calc(50% - 1px)
	}
}

.useSceneChildContent__btn.open {
	top: calc(100% - 4rem)
}

@media screen and (max-width:640px) {
	.useSceneChildContent__btn.open {
		top: calc(100% - 2rem)
	}
}

.useSceneChildContent__btn.open::before {
	top: calc(50% + 2px);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
	transform: translateY(-50%) translateX(-50%) rotate(-135deg)
}

.useSceneChildRelated {
	background-color: #F0F0F0;
	padding-top: 100px;
	padding-bottom: 50px
}

.useSceneChildRelated__inner {
	width: 1280px;
	max-width: 94%;
	margin: 0 auto
}

.useSceneChildRelated__heading {
	text-align: center
}

.useSceneChildRelated__heading h2 {
	font-size: 3rem;
	margin-bottom: 3rem
}

@media screen and (max-width:640px) {
	.useSceneChildRelated {
		padding-top: 50px;
		padding-bottom: 0
	}

	.useSceneChildRelated__heading h2 {
		text-wrap: unset;
		font-size: 5.6vw;
		margin-bottom: 3rem
	}

	.useSceneChildRelated__heading span {
		font-size: 4.6vw
	}
}

.useSceneChildRecommend {
	background-color: #F0F0F0;
	padding-bottom: 100px;
}

@media screen and (max-width:640px) {
	.useSceneChildRecommend {
		padding-bottom: 50px;
		margin-bottom: 0
	}
}

.useSceneChildRecommend__inner {
	width: 1280px;
	max-width: 94%;
	margin: 0 auto
}

.useSceneChildRecommend__heading {
	text-align: center
}

.useSceneChildRecommend__heading h2 {
	font-size: 3rem;
	margin-bottom: 3rem
}

@media screen and (max-width:640px) {
	.useSceneChildRecommend__heading h2 {
		text-wrap: unset;
		font-size: 5.6vw;
		margin-bottom: 3rem
	}

	.useSceneChildRecommend__heading span {
		font-size: 4.6vw
	}
}

.useSceneChildRecommend__heading small {
	font-size: 2rem;
	display: block
}

.useSceneChildVoice {
	max-width: 94%;
	margin: 6rem auto 16rem;
	width: 1280px
}

.useSceneChildVoice .detailsVoice__list {
	height: calc(var(--detailsVoiceBoxHeight) + 20px);
	overflow: clip
}

.useSceneChildVoice .detailsVoice__list.open {
	height: auto;
	overflow: visible
}

.useSceneChildVoice .detailsVoice__img {
	margin-top: 3rem
}

.useSceneChildVoice .voiceArrow {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 2rem auto 0;
	background-color: #fff
}

.useSceneChildVoice .voiceArrow span {
	border: 1px solid #333;
	display: block;
	width: 200px;
	text-align: center;
	border-radius: 4px;
	margin: 0 auto;
	color: #333;
	cursor: pointer;
	padding: 9px 12px 9px 0;
	position: relative
}

.useSceneChildVoice .voiceArrow span::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	position: absolute;
	right: 10%;
	top: calc(50% - .1em);
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

.useSceneChildVoice .voiceArrow span.close-arrow::after,
.useSceneChildVoice .voiceArrow span.open::after {
	top: 58%;
	-webkit-transform: translate(-50%, -50%) rotate(-135deg);
	transform: translate(-50%, -50%) rotate(-135deg)
}

.accessoryContents {
	width: 1180px;
	max-width: 94%;
	margin: 0 auto 8rem
}

.accessoryContents__heading {
	margin-bottom: 2rem
}

.accessoryContents__heading h2 {
	text-align: left;
	position: relative
}

.accessoryContents__heading h2::before {
	content: "Accessory";
	position: absolute;
	left: .2rem;
	top: -1.8em;
	font-size: 1.6rem;
	color: #7BC4C4
}

.accessoryContents__text {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-bottom: 6rem
}

.accessoryContents__btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 50px
}

@media screen and (max-width:640px) {
	.useSceneChildRecommend__heading small {
		font-size: 1.6rem
	}

	.accessoryContents__btns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 20px
	}
}

.accessoryContents__btn {
	text-align: center;
	width: 500px;
	max-width: 100%
}

.accessoryContents__btn small {
	display: block;
	margin-bottom: .5rem
}

.accessoryContents__btn small span {
	display: inline-block
}

.accessoryContents__btn a {
	border: 1px solid #333;
	text-decoration: none;
	padding: 1rem 0;
	display: block;
	font-size: 1.3rem;
	line-height: 1;
	position: relative
}

.accessoryContents__btn a span {
	margin-top: .3rem;
	display: block;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1;
	color: #7BC4C4
}

.accessoryContents__btn a::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-right: 2px solid #333;
	border-top: 2px solid #333;
	position: absolute;
	right: 10%;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

.accessoryTopContents {
	margin-bottom: 3rem
}

.accessoryList {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	gap: 20px
}

.accessoryList__item {
	border: 1px solid #333;
	text-decoration: none;
	background-color: #fff;
	padding: 1rem 1rem 2rem;
	position: relative
}

@media screen and (max-width:640px) {
	.accessoryList {
		gap: 10px
	}

	.accessoryList__item {
		display: grid;
		grid-template: "i . n" auto "i . t" 1fr/75px 10px 1fr;
		padding: .5rem .5rem 1rem
	}
}

.accessoryList__item::after {
	content: "";
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
	clip-path: polygon(100% 0, 0 100%, 100% 100%);
	background-color: #7BC4C4
}

.accessoryList__name {
	font-size: 1.6rem;
	font-weight: 700;
	text-align: center;
	margin-top: 1rem;
	margin-bottom: 1rem
}

@media screen and (max-width:640px) {
	.accessoryList__name {
		grid-area: n;
		font-size: 1.5rem;
		margin-bottom: .5rem;
		margin-top: .5rem;
		text-align: left
	}
}

.accessoryList__img {
	display: block;
	width: 30%;
	margin: 0 auto 1rem
}

.accessoryList__text {
	font-size: 1.4rem
}

@media screen and (max-width:640px) {
	.accessoryList__img {
		grid-area: i;
		width: 100%;
		-ms-flex-item-align: center;
		align-self: center;
		margin-bottom: 0
	}

	.accessoryList__text {
		grid-area: t;
		font-size: 1.3rem
	}
}

.accessoryList__text p {
	line-height: 1.2
}

.usedMainVisual {
	margin-top: 3rem;
	background-image: url(/img/used-main-visual.jpg.webp);
	background-size: contain;
	background-position: right bottom;
	background-repeat: no-repeat;
	position: relative;
	z-index: 0;
	padding-bottom: 6rem
}

.usedMainVisual::after,
.usedMainVisual::before {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	content: ""
}

.usedMainVisual::before {
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, rgba(255, 255, 255, 0)), color-stop(50%, #fff));
	background-image: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, #fff 50%);
	right: 0
}

@media screen and (max-width:640px) {
	.accessoryList__img {
		grid-area: i;
		width: 100%;
		-ms-flex-item-align: center;
		align-self: center;
		margin-bottom: 0
	}

	.accessoryList__text {
		grid-area: t;
		font-size: 1.3rem
	}

	.usedMainVisual {
		background-size: cover;
		background-position: right bottom;
		padding-bottom: 2rem
	}

	.usedMainVisual::before {
		background-color: rgba(255, 255, 255, .9);
		background-image: none
	}

}

.usedMainVisual::after {
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fff), to(rgba(255, 255, 255, 0)));
	background-image: linear-gradient(180deg, #fff 5%, rgba(255, 255, 255, 0) 100%);
	left: 0
}

.usedMainVisual__inner {
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 4rem;
	z-index: 1;
	position: relative
}

@media screen and (max-width:1280px) {
	.usedMainVisual__inner {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%
	}
}

.usedMainVisual h1 {
	margin-bottom: 3rem;
	font-weight: 900;
	text-wrap: unset
}

@media screen and (max-width:640px) {
	.usedMainVisual__inner {
		padding-left: 5%;
		padding-right: 5%
	}

	.usedMainVisual h1 {
		font-size: 5.6vw;
		margin-bottom: 3rem
	}
}

.usedMainVisual__musen-ousama {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 20px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 60px;
	margin-left: 20px
}

.usedMainVisual__musen-ousama img {
	width: 280px
}

.usedMainVisual__musen-ousama p {
	padding-top: 10px;
	font-weight: 700
}

@media screen and (max-width:640px) {
	.usedMainVisual__musen-ousama {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 5px;
		margin-bottom: 30px
	}

	.usedMainVisual__musen-ousama img {
		width: 50%
	}

	.usedMainVisual__musen-ousama p {
		text-align: center
	}
}

.usedMainVisual__about {
	width: 680px;
	margin-left: 20px;
	margin-right: auto;
	border-bottom: 1px solid #333;
	padding-bottom: 1rem;
	margin-bottom: 4rem
}

@media screen and (max-width:1280px) {
	.usedMainVisual__about {
		margin-right: 0
	}
}

@media screen and (max-width:1024px) {
	.usedMainVisual__about {
		width: 100%
	}
}

@media screen and (max-width:640px) {
	.usedMainVisual__about {
		margin: 0 auto 4rem
	}
}

.usedMainVisual__aboutHeading {
	font-weight: 900;
	font-size: 2.4rem;
	text-align: center;
	position: relative;
	margin-bottom: 2rem
}

@media screen and (max-width:640px) {
	.usedMainVisual__aboutHeading {
		font-size: 4.6vw;
		padding: 0;
		text-align: center
	}
}

.usedMainVisual__aboutHeading span {
	display: block
}

.usedMainVisual__aboutHeading span::after,
.usedMainVisual__aboutHeading span:before {
	position: absolute;
	content: "";
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 1px;
	background-color: #333
}

.usedMainVisual__aboutHeading span:before {
	width: calc((100% - 15em)/ 2 - 3rem);
	left: 0
}

.usedMainVisual__aboutHeading span::after {
	width: calc((100% - 15em)/ 2 - 3rem);
	right: 0
}

.usedMainVisual__aboutList {
	list-style: none;
	padding-left: 3rem
}

.usedMainVisual__aboutList li {
	font-size: 1.6rem;
	margin-bottom: .5rem;
	padding-bottom: 3px;
	position: relative
}

.usedMainVisual__aboutList li::before {
	position: absolute;
	content: "・";
	font-size: 1.6rem;
	left: -1.5rem
}

.usedMainVisual__links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	gap: 10px;
	width: 680px;
	margin-left: 20px;
	max-width: 100%
}

@media screen and (max-width:640px) {
	.usedMainVisual__aboutList {
		padding-left: 1rem
	}

	.usedMainVisual__aboutList li {
		line-height: 1.4
	}

	.usedMainVisual__links {
		margin-left: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}
}

.usedMainVisual__links a {
	border: 1px solid #333;
	width: 100%;
	padding: 10px;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 10px
}

@media screen and (max-width:640px) {
	.usedMainVisual__links a:nth-child(1) {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		padding-bottom: 1.5rem
	}

	.usedMainVisual__links a:nth-child(1) span {
		margin-top: .5em;
		font-size: 1.6rem
	}

	.usedMainVisual__links a:nth-child(1) span::after {
		right: -2rem
	}

	.usedMainVisual__links a:nth-child(2),
	.usedMainVisual__links a:nth-child(3) {
		width: 48%
	}
}

.usedMainVisual__links a img {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: auto
}

.usedMainVisual__links a img.used-ousama-img {
	margin: 2rem auto
}

@media screen and (max-width:640px) {
	.usedMainVisual__links a img {
		-webkit-box-flex: unset;
		-ms-flex: unset;
		flex: unset
	}

	.usedMainVisual__links a img.used-ousama-img {
		margin: 0;
		width: 50%;
		height: auto
	}
}

.usedMainVisual__links a img.used-accessory-img,
.usedMainVisual__links a img.used-musen-img {
	width: 50%;
	margin: 0 auto;
	height: auto
}

@media screen and (max-width:640px) {

	.usedMainVisual__links a img.used-accessory-img,
	.usedMainVisual__links a img.used-musen-img {
		width: 40px;
		height: auto;
		margin: 0 auto
	}
}

.usedMainVisual__links a span {
	line-height: 1.2;
	display: block;
	font-size: 1.4rem;
	text-align: center;
	margin-top: auto;
	position: relative
}

.usedMainVisual__links a span::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 1px solid #333;
	border-top: 1px solid #333;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

@media screen and (max-width:640px) {
	.usedMainVisual__links a span {
		margin: 0
	}

	.usedMainVisual__links a span::after {
		right: 0
	}
}

.usedLinkbtn {
	text-align: center
}

.usedLinkbtn a {
	margin: 60px auto 0;
	border-radius: 99px;
	width: 400px;
	background-color: #333;
	padding: 1rem 0;
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	max-width: 90%
}

.usedLinkbtn a::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	position: absolute;
	right: 10%;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg)
}

.selectAppeal .topAppeal__links .ousama {
	width: 95%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 10px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 2.2rem;
	position: relative;
}

.selectAppeal .topAppeal__links .ousama::before {
	display: none;
}

.selectAppeal .topAppeal__links .ousama::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid;
	border-bottom: 2px solid;
	position: absolute;
	right: 2.5rem;
	top: calc(50% + 2px);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

.selectAppeal .topAppeal__links .ousama img {
	width: 200px;
	padding-bottom: 10px;
}

.searchBoxSelect {
	margin-top: 100px;
	max-width: 94%;
	margin: 0 auto;
}

.searchBoxSelect__heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 56px;
	padding-left: 32px;
	padding-right: 32px;
	margin-bottom: 60px;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-bottom: 90px;
}

@media screen and (max-width: 640px) {
	.searchBoxSelect__heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 640px) {
	.searchBoxSelect__heading h2 {
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 5px;
	}
}

.searchBoxSelect__heading small {
	font-size: 1.8rem;
	color: #7BC4C4;
	display: block;
}

@media screen and (max-width: 640px) {
	.searchBoxSelect__heading small {
		font-size: 1.4rem;
		line-height: 1;
		margin-bottom: 4px;
	}
}

.searchBoxSelect__heading span {
	font-size: 3.2rem;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.searchBoxSelect__heading span {
		font-size: 2rem;
		line-height: 1;
		display: block;
	}
}

.searchBoxSelect__heading a {
	background-color: #333;
	color: #fff;
	text-decoration: none;
	padding: 4px 30px;
	display: block;
	border-radius: 99px;
	font-size: 1.5rem;
	position: relative;
	border: 1px solid #333;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

@media screen and (max-width: 640px) {
	.searchBoxSelect__heading a {
		font-size: 1.2rem;
		padding: 4px 26px 4px 16px;
		line-height: 1;
	}

	.safari .searchBoxSelect__heading a {
		padding-bottom: 6px;
	}
}

.searchBoxSelect__heading a:hover {
	background-color: #fff;
	color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.searchBoxSelect__heading a:hover::after {
	border-color: #333;
}

@media screen and (max-width: 640px) {
	.searchBoxSelect__heading a {
		margin-left: auto;
		margin-right: 0;
	}
}

.searchBoxSelect__heading a::after {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	right: 14px;
	top: calc(50% + 0px);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 640px) {
	.searchBoxSelect__heading {
		margin-bottom: 20px;
	}
}

.anotherSearch {
	max-width: 94%;
	margin: 0 auto;
	margin-top: 160px;
	margin-bottom: 100px;
}

@media screen and (max-width: 640px) {
	.anotherSearch {
		margin-top: 80px;
		margin-bottom: 60px;
	}
}

.anotherSearch__heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 56px;
	padding-left: 32px;
	padding-right: 32px;
	margin-bottom: 40px;
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	margin-bottom: 90px;
}

@media screen and (max-width: 640px) {
	.anotherSearch__heading {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 640px) {
	.anotherSearch__heading h2 {
		margin-left: 0;
		margin-right: auto;
		margin-bottom: 5px;
	}
}

.anotherSearch__heading small {
	font-size: 1.8rem;
	color: #7BC4C4;
	display: block;
}

@media screen and (max-width: 640px) {
	.anotherSearch__heading small {
		font-size: 1.4rem;
		line-height: 1;
		margin-bottom: 4px;
	}
}

.anotherSearch__heading span {
	font-size: 3.2rem;
	font-weight: bold;
}

@media screen and (max-width: 640px) {
	.anotherSearch__heading span {
		font-size: 2rem;
		line-height: 1;
		display: block;
	}
}

.anotherSearch__heading a {
	background-color: #333;
	color: #fff;
	text-decoration: none;
	padding: 4px 30px;
	display: block;
	border-radius: 99px;
	font-size: 1.5rem;
	position: relative;
	border: 1px solid #333;
	-ms-flex-item-align: end;
	align-self: flex-end;
}

@media screen and (max-width: 640px) {
	.anotherSearch__heading a {
		font-size: 1.2rem;
		padding: 4px 26px 4px 16px;
		line-height: 1;
	}

	.safari .anotherSearch__heading a {
		padding-bottom: 6px;
	}
}

.anotherSearch__heading a:hover {
	background-color: #fff;
	color: #333;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.anotherSearch__heading a:hover::after {
	border-color: #333;
}

@media screen and (max-width: 640px) {
	.anotherSearch__heading a {
		margin-left: auto;
		margin-right: 0;
	}
}

.anotherSearch__heading a::after {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	right: 14px;
	top: calc(50% + 0px);
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 640px) {
	.anotherSearch__heading {
		margin-bottom: 20px;
	}
}

.anotherSearch__list {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
	max-width: 94%;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 20px;
}

@media screen and (max-width: 640px) {
	.anotherSearch__list {
		gap: 10px;
	}
}

.anotherSearch__list li {
	border: 2px solid;
	border-radius: 8px;
	background-image: url("https://www.exseli.com/img/search2.svg");
	background-size: 30px;
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-color: #FFFFF2;
	position: relative;
}

@media screen and (max-width: 640px) {
	.anotherSearch__list li {
		background-size: 20px;
		border-radius: 4px;
	}
}

.anotherSearch__list li::after {
	content: "";
	display: block;
	position: absolute;
	width: 16px;
	height: 16px;
	border-right: 2px solid #7BC4C4;
	border-bottom: 2px solid #7BC4C4;
	right: 2rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 640px) {
	.anotherSearch__list li::after {
		width: 8px;
		height: 8px;
	}
}

.anotherSearch__list a {
	display: block;
	text-decoration: none;
	padding: 2rem 0 2rem 5rem;
}

@media screen and (max-width: 640px) {
	.anotherSearch__list a {
		padding: 1rem 0 1rem 3.5rem;
		font-size: 1.4rem;
	}
}

.types-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 10px;
}

.types-list li {
	background-color: #fff;
	border: 1px solid #ccc;
	background-image: linear-gradient(90deg, #7BC4C4 10px, #fff 10px, #fff 100%);
}

.types-list a {
	height: 4em;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none;
	line-height: 1.2;
	padding-left: 2.5rem;
	position: relative;
}

.types-list a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 640px) {
	.types-list a::after {
		width: 8px;
		height: 8px;
	}
}

@media screen and (max-width: 1280px) {
	.types-list a {
		padding-right: 3rem;
	}

	.types-list a br {
		display: none;
	}
}

@media screen and (max-width: 640px) {
	.types-list a {
		font-size: 1.3rem;
		height: 3em;
	}

	.types-list a br {
		display: none;
	}
}

.distanceContent {
	width: 1180px;
	display: grid;
	max-width: 94%;
	margin: 0 auto;
	grid-template: "te te" auto "im in" 1fr "ra ra" auto "li li" auto/360px 1fr;
}

@media screen and (max-width: 1024px) {
	.distanceContent {
		grid-template: "te " auto "im " auto "in " auto "ra " auto "li " auto/auto;
	}
}

.distanceContent__text {
	margin-bottom: 2rem;
	font-size: 1.6rem;
	line-height: 1.6;
	grid-area: te;
}

.distanceContent__image {
	grid-area: im;
}

.distanceContent__image picture {
	display: block;
	width: 100%;
}

@media screen and (max-width: 1024px) {
	.distanceContent__image picture {
		max-width: 220px;
		margin: 1rem auto 3rem;
	}
}

.distanceContent__image picture img {
	width: 100%;
}

.distanceContent__info {
	grid-area: in;
	padding-left: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: 2rem;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media screen and (max-width: 640px) {
	.distanceContent__info {
		gap: 1rem;
	}
}

.distanceContent__info dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 1rem;
}

.distanceContent__info dl:last-child {
	margin-bottom: 0;
}

.distanceContent__info dt {
	font-size: 1.8rem;
	background-color: #333;
	color: #fff;
	border-radius: 99px;
	display: block;
	padding: 0.5rem 3rem 0.7rem 2.5rem;
	line-height: 1;
}

@media screen and (max-width: 640px) {
	.distanceContent__info dt {
		font-size: 1.4rem;
		padding: 0.5rem 2rem 0.7rem;
		-ms-flex-item-align: start;
		align-self: flex-start;
	}
}

.distanceContent__info dd {
	font-size: 1.8rem;
}

@media screen and (max-width: 640px) {
	.distanceContent__info dd {
		font-size: 1.5rem;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}
}

.distanceContent__ranking {
	grid-area: ra;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 4rem;
	gap: 2rem;
	margin-bottom: 8rem;
}

@media screen and (max-width: 1024px) {
	.distanceContent__ranking {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 1rem;
	}
}

.distanceContent__links {
	grid-area: li;
}

.distanceContent__links a {
	display: block;
	padding: 1rem 2rem;
	width: 600px;
	border: 1px solid #333;
	margin: 0 auto 2rem;
	text-align: center;
	text-decoration: none;
	position: relative;
}

@media screen and (max-width: 640px) {
	.distanceContent__links a {
		width: 94%;
		font-size: 1.4rem;
	}
}

.distanceContent__links a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 640px) {
	.distanceContent__links a::after {
		width: 8px;
		height: 8px;
		right: 1rem;
	}
}

.distanceContent__links a.link1::after {
	border-color: #333;
}

.distanceContent__links a.link2 {
	color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fbb450), to(#f89406));
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	border: none;
}

.rankingItem {
	background-color: #fff;
	border: 1px solid #ccc;
	width: 100%;
	padding: 2rem 1.5rem;
	display: grid;
	grid-template: "im no" auto "im es" auto "na na" auto "te te" 1fr/180px 1fr;
}

@media screen and (max-width: 640px) {
	.rankingItem {
		grid-template: "im . no" auto "im . es" auto "na na na" auto "te te te" 1fr/100px 10px 1fr;
	}
}

.rankingItem__image {
	grid-area: im;
}

.rankingItem__image picture {
	display: block;
	width: 100%;
}

.rankingItem__image picture img {
	width: 100%;
}

.rankingItem__no {
	grid-area: no;
	padding-top: 20px;
	background-size: 50px;
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-left: 60px;
	margin-bottom: 1rem;
	-ms-flex-item-align: start;
	align-self: flex-start;
}

@media screen and (max-width: 640px) {
	.rankingItem__no {
		padding-left: 50px;
		background-size: contain;
		padding-top: 0;
	}
}

.rankingItem__no.no1 {
	background-image: url("https://www.exseli.com/img/rental-item-no1.jpg.webp");
}

.rankingItem__no.no2 {
	background-image: url("https://www.exseli.com/img/rental-item-no2.jpg.webp");
}

.rankingItem__no.no3 {
	background-image: url("https://www.exseli.com/img/rental-item-no3.jpg.webp");
}

.rankingItem__no small {
	display: block;
	font-weight: bold;
	color: #7BC4C4;
	line-height: 1;
}

.rankingItem__no span {
	font-weight: 900;
	font-size: 2.4rem;
}

@media screen and (max-width: 640px) {
	.rankingItem__no span {
		font-size: 1.8rem;
	}
}

.rankingItem__estimate {
	grid-area: es;
}

.rankingItem__estimate a {
	padding: 1rem 2rem;
	background-color: #E79A47;
	color: #fff;
	text-decoration: none;
	display: block;
	border-radius: 8px;
	line-height: 1.2;
	position: relative;
}

@media screen and (max-width: 640px) {
	.rankingItem__estimate a {
		padding: 0.8rem 1rem;
		font-size: 1.4rem;
	}

	.rankingItem__estimate a br {
		display: none;
	}
}

.rankingItem__estimate a::after {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 640px) {
	.rankingItem__estimate a::after {
		width: 8px;
		height: 8px;
		right: 1rem;
	}
}

.rankingItem__name {
	grid-area: na;
	color: #7BC4C4;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

@media screen and (max-width: 640px) {
	.rankingItem__name {
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}
}

.rankingItem__text {
	grid-area: te;
	margin: 0;
}

@media screen and (max-width: 640px) {
	.rankingItem__text {
		font-size: 1.4rem;
	}
}

.distanceFeature__inner {
	width: 1280px;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 6rem;
	padding-bottom: 6rem;
	position: relative;
}

@media screen and (max-width: 1280px) {
	.distanceFeature__inner {
		width: 100%;
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media screen and (max-width: 640px) {
	.distanceFeature__inner {
		padding-left: 5%;
		padding-right: 5%;
	}
}

@media screen and (max-width: 768px) {
	.distanceFeature__inner {
		padding-top: 3rem;
	}
}

.distanceFeature__heading {
	margin-bottom: 4rem;
}

.distanceFeature__items {
	padding-left: 4rem;
	padding-right: 4rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}

@media screen and (max-width: 768px) {
	.distanceFeature__items {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
}

.distanceFeatureItem {
	border: 1px solid #333;
	border-radius: 4px;
	padding: 20px;
}

@media screen and (max-width: 768px) {
	.distanceFeatureItem {
		padding: 4vw;
		margin-bottom: 2rem;
	}
}

.distanceFeatureItem__q {
	font-weight: 900;
	position: relative;
	font-size: 2.4rem;
	line-height: 1.2;
	margin-bottom: 3rem;
	text-align: center;
}

.distanceFeatureItem__q.modaalTitle {
	text-wrap: unset;
	padding: 2rem 0 0rem 1rem;
}

.distanceFeatureItem__q.modaalTitle br {
	display: none;
}

@media screen and (max-width: 768px) {
	.distanceFeatureItem__q {
		padding-left: 0vw;
		font-size: 1.8rem;
		margin-bottom: 4vw;
	}
}

@media screen and (max-width: 640px) {
	.distanceFeatureItem__q span {
		display: inline;
		position: relative;
	}
}

@media screen and (max-width: 640px) {
	.distanceFeatureItem__q span::before {
		content: "Q";
		display: block;
		position: absolute;
		left: -5px;
		top: calc(50% - 5px);
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 3.6rem;
		font-weight: 900;
		color: #7BC4C4;
		top: -0.1em;
		left: -1.2em;
		-webkit-transform: none;
		transform: none;
		font-size: 5vw;
	}
}

.distanceFeatureItem__q::before {
	content: "Q";
	display: block;
	position: absolute;
	left: -5px;
	top: calc(50% - 5px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 3.6rem;
	font-weight: 900;
	color: #7BC4C4;
}

@media screen and (max-width: 768px) {
	.distanceFeatureItem__q::before {
		top: -0.3em;
		left: 0em;
		-webkit-transform: none;
		transform: none;
		font-size: 5vw;
		display: none;
	}
}

.distanceFeatureItem__push a {
	position: relative;
	display: block;
	font-size: 2rem;
	background-color: #7BC4C4;
	color: #fff;
	font-weight: 900;
	text-align: center;
	line-height: 1;
	margin: 0 auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 10px 40px;
	border-radius: 4px;
	text-decoration: none;
}

.distanceFeatureItem__a {
	line-height: 1.8;
	font-size: 1.7rem;
}

.distanceFeatureItem__a.modaalContent {
	padding: 0rem 0 1rem 1rem;
}

.distanceFeatureItem__a a {
	color: #7BC4C4;
}

.performanceList {
	padding-bottom: 80px;
}

.performanceList ul {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
	gap: 10px 10px;
}

@media screen and (max-width: 640px) {
	.performanceList ul {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px 10px;
	}
}

.performanceList li {
	background-color: #fff;
	border: 1px solid #333;
}

.performanceList a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	text-decoration: none;
	gap: 10px;
	padding-right: 2.5rem;
}

.performanceList a img {
	width: 80px;
	aspect-ratio: 1;
}

@media screen and (max-width: 640px) {
	.performanceList a img {
		width: 60px;
	}
}

.performanceList a .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.performanceList a .text.min p {
	font-size: 1.2rem;
}

.performanceList a p {
	font-size: 1.4rem;
	line-height: 1.2;
}

@media screen and (max-width: 640px) {
	.performanceList a p {
		font-size: 1.3rem;
	}
}

.performanceList a p span {
	display: inline-block;
}

.performanceList a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #333;
	border-bottom: 2px solid #333;
	position: absolute;
	right: 1.5rem;
	top: 50%;
	-webkit-transform: translateY(-50%) rotate(-45deg);
	transform: translateY(-50%) rotate(-45deg);
}

@media screen and (max-width: 640px) {
	.performanceList a::after {
		width: 8px;
		height: 8px;
		right: 1rem;
	}
}

.performanceList a::before {
	content: "";
	display: block;
	width: 4px;
	height: 100%;
	position: absolute;
	right: 0;
	background-color: #7BC4C4;
}

@media screen and (max-width: 640px) {
	.performanceList a::before {
		width: 2px;
	}
}

.useSceneChildDescription a {
	color: #7BC4C4;
}

.useSceneChildCpation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 6.5rem 2rem 4rem;
}

@media screen and (max-width: 640px) {
	.useSceneChildCpation {
		margin: 0 0 2rem;
	}
}

.useSceneChildCpation img {
	width: 72px;
}

@media screen and (max-width: 640px) {
	.useSceneChildCpation img {
		display: none;
	}
}

.useSceneChildCpation p {
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 1rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

@media screen and (max-width: 640px) {
	.useSceneChildCpation p {
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 0.8rem;
	}
}

.useSceneChildContents {
	background-color: #fff;
	width: 1180px;
	max-width: 100%;
	margin: 0 auto 4rem;
}

@media screen and (max-width: 640px) {
	.useSceneChildContents {
		margin: 0 auto 2rem;
	}
}

.useSceneChildContents__heading2 h2 {
	text-align: left;
	position: relative;
}

@media screen and (max-width: 640px) {
	.useSceneChildContents__heading2 h2 {
		text-wrap: unset;
	}
}

.useSceneChildContents__heading2 h2::before {
	content: "Let’s choice!";
	position: absolute;
	left: 0.2rem;
	top: -1.8em;
	font-size: 1.6rem;
	color: #7BC4C4;
}

.useSceneChildContent {
	background-color: #FFFFF2;
	border: 2px solid #333;
	border-radius: 99px;
	position: relative;
	margin-bottom: 4rem;
}

@media screen and (max-width: 640px) {
	.useSceneChildContent {
		margin-bottom: 2rem;
		border: 1px solid #333;
	}
}

.useSceneChildContent:last-child {
	margin-bottom: 0;
}

.useSceneChildContent.open {
	border-radius: 20px;
	padding: 2rem 2.5rem;
}

.useSceneChildContent.open .useSceneChildContent__heading {
	padding: 0;
}

@media screen and (max-width: 640px) {
	.useSceneChildContent.open {
		border-radius: 10px;
		padding-top: 1rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}
}

.useSceneChildContent__heading {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	padding: 2rem 2.5rem;
	cursor: pointer;
}

@media screen and (max-width: 640px) {
	.useSceneChildContent__heading {
		font-size: 1.6rem;
		padding: 1rem 1.5rem;
	}
}

.useSceneChildContent__body {
	height: 0;
	overflow: clip;
	position: relative;
	-webkit-transition: 0 ease-out;
	transition: 0 ease-out;
}

@media screen and (max-width: 640px) {
	.useSceneChildContent__body {
		font-size: 1.4rem;
	}
}

.useSceneChildContent__body.open {
	height: auto;
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 2px solid;
	margin-bottom: 6rem;
	-webkit-transition: 0.3s linear;
	transition: 0.3s linear;
}

@media screen and (max-width: 640px) {
	.useSceneChildContent__body.open {
		margin-top: 1rem;
		padding-top: 1rem;
		margin-bottom: 3rem;
		border-width: 1px;
	}
}

.useSceneChildContent__btn {
	position: absolute;
	right: 2rem;
	background-color: #333;
	height: 4rem;
	width: 4rem;
	border-radius: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	background-color: #7BC4C4;
	cursor: pointer;
}

@media screen and (max-width: 640px) {
	.useSceneChildContent__btn {
		right: 1rem;
		width: 2.5rem;
		height: 2.5rem;
	}
}

.useSceneChildContent__btn::before {
	content: "";
	display: block;
	width: 12px;
	height: 12px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	position: absolute;
	left: 50%;
	top: calc(50% - 2px);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(45deg);
	transform: translateY(-50%) translateX(-50%) rotate(45deg);
}

@media screen and (max-width: 640px) {
	.useSceneChildContent__btn::before {
		width: 8px;
		height: 8px;
		top: calc(50% - 1px);
	}
}

.useSceneChildContent__btn.open {
	top: calc(100% - 4rem);
}

@media screen and (max-width: 640px) {
	.useSceneChildContent__btn.open {
		top: calc(100% - 2rem);
	}
}

.useSceneChildContent__btn.open::before {
	top: calc(50% + 2px);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(-135deg);
	transform: translateY(-50%) translateX(-50%) rotate(-135deg);
}

.useSceneChildRelated {
	background-color: #F0F0F0;
	padding-top: 100px;
	padding-bottom: 50px;
}

@media screen and (max-width: 640px) {
	.useSceneChildRelated {
		padding-top: 50px;
		padding-bottom: 0px;
	}
}

.useSceneChildRelated__inner {
	width: 1280px;
	max-width: 94%;
	margin: 0 auto;
}

.useSceneChildRelated__heading {
	text-align: center;
}

.useSceneChildRelated__heading h2 {
	font-size: 3rem;
	margin-bottom: 3rem;
}

@media screen and (max-width: 640px) {
	.useSceneChildRelated__heading h2 {
		text-wrap: unset;
		font-size: 5.6vw;
		margin-bottom: 3rem;
	}
}

.useSceneChildRelated__heading span {
	display: inline-block;
}

@media screen and (max-width: 640px) {
	.useSceneChildRelated__heading span {
		font-size: 4.6vw;
	}
}

@media screen and (max-width: 640px) {
	.usedTopAppeal .topAppeal__links a {
		margin-bottom: 0;
	}
}

@media screen and (max-width: 640px) {
	.usedTopAppeal .topAppeal__links .ousama {
		font-size: 1.6rem;
		width: 100%;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		display: block;
		height: auto;
		padding: 5px 0;
	}
}

@media screen and (max-width: 640px) {
	.usedTopAppeal .topAppeal__links .ousama span {
		bottom: 1.5rem;
		position: relative;
	}
}

@media screen and (max-width: 640px) {
	.usedTopAppeal .topAppeal__links .ousama img {
		width: 150px;
		margin: 5px 10px 5px 5px;
		padding: 0;
		display: inline-block;
	}
}