/*! Yaku Han JP (Gothic - All Include) v3.0.0 SIL by Qrac / Based on Noto Sans CJK JP */
@font-face {
	font-family: YakuHanJP;
	font-style: normal;
	font-weight: 100;
	src: url(../fonts/YakuHanJP/YakuHanJP-Thin.eot);
	src: url(../fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff")
}

@font-face {
	font-family: YakuHanJP;
	font-style: normal;
	font-weight: 200;
	src: url(../fonts/YakuHanJP/YakuHanJP-Light.eot);
	src: url(../fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff")
}

@font-face {
	font-family: YakuHanJP;
	font-style: normal;
	font-weight: 300;
	src: url(../fonts/YakuHanJP/YakuHanJP-DemiLight.eot);
	src: url(../fonts/YakuHanJP/YakuHanJP-DemiLight.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-DemiLight.woff) format("woff")
}

@font-face {
	font-family: YakuHanJP;
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/YakuHanJP/YakuHanJP-Regular.eot);
	src: url(../fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff")
}

@font-face {
	font-family: YakuHanJP;
	font-style: normal;
	font-weight: 500;
	src: url(../fonts/YakuHanJP/YakuHanJP-Medium.eot);
	src: url(../fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff")
}

@font-face {
	font-family: YakuHanJP;
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/YakuHanJP/YakuHanJP-Bold.eot);
	src: url(../fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff")
}

@font-face {
	font-family: YakuHanJP;
	font-style: normal;
	font-weight: 900;
	src: url(../fonts/YakuHanJP/YakuHanJP-Black.eot);
	src: url(../fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"), url(../fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff")
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-flex;
	display: flex;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	transition-property: transform, -webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
	touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
	touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	transform: scale(0.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	transform: scale(0.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: .2s top, .2s -webkit-transform;
	transition: .2s transform, .2s top;
	transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s left, .2s -webkit-transform;
	transition: .2s transform, .2s left;
	transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: .2s right, .2s -webkit-transform;
	transition: .2s transform, .2s right;
	transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 100;
	src: url("../fonts/notosans-cjk/NotoSansCJKjp-Thin.woff2") format("woff2"), url("../fonts/notosans-cjk/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/notosans-cjk/NotoSansCJKjp-Thin.ttf") format("truetype"), url("../fonts/notosans-cjk/NotoSansCJKjp-Thin.eot") format("embedded-opentype")
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 200;
	src: url("../fonts/notosans-cjk/NotoSansCJKjp-Light.woff2") format("woff2"), url("../fonts/notosans-cjk/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/notosans-cjk/NotoSansCJKjp-Light.ttf") format("truetype"), url("../fonts/notosans-cjk/NotoSansCJKjp-Light.eot") format("embedded-opentype")
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 300;
	src: url("../fonts/notosans-cjk/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("../fonts/notosans-cjk/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/notosans-cjk/NotoSansCJKjp-DemiLight.ttf") format("truetype"), url("../fonts/notosans-cjk/NotoSansCJKjp-DemiLight.eot") format("embedded-opentype")
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: url("../fonts/notosans-cjk/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/notosans-cjk/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/notosans-cjk/NotoSansCJKjp-Regular.ttf") format("truetype"), url("../fonts/notosans-cjk/NotoSansCJKjp-Regular.eot") format("embedded-opentype")
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 500;
	src: url("../fonts/notosans-cjk/NotoSansCJKjp-Medium.woff2") format("woff2"), url("../fonts/notosans-cjk/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/notosans-cjk/NotoSansCJKjp-Medium.ttf") format("truetype"), url("../fonts/notosans-cjk/NotoSansCJKjp-Medium.eot") format("embedded-opentype")
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: url("../fonts/notosans-cjk/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../fonts/notosans-cjk/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/notosans-cjk/NotoSansCJKjp-Bold.ttf") format("truetype"), url("../fonts/notosans-cjk/NotoSansCJKjp-Bold.eot") format("embedded-opentype")
}

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 900;
	src: url("../fonts/notosans-cjk/NotoSansCJKjp-Black.woff2") format("woff2"), url("../fonts/notosans-cjk/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/notosans-cjk/NotoSansCJKjp-Black.ttf") format("truetype"), url("../fonts/notosans-cjk/NotoSansCJKjp-Black.eot") format("embedded-opentype")
}

@-webkit-keyframes show {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes show {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes RightToLeft {
	0% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes RightToLeft {
	0% {
		-webkit-transform: translateX(50px);
		transform: translateX(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes BottomToTop {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@keyframes BottomToTop {
	0% {
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0
	}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1
	}
}

@-webkit-keyframes blink_effect {
	0% {
		visibility: hidden
	}

	50% {
		visibility: hidden
	}

	100% {
		visibility: visible
	}
}

@keyframes blink_effect {
	0% {
		visibility: hidden
	}

	50% {
		visibility: hidden
	}

	100% {
		visibility: visible
	}
}

@-webkit-keyframes blink_effect2 {
	0% {
		visibility: visible
	}

	50% {
		visibility: hidden
	}

	100% {
		visibility: hidden
	}
}

@keyframes blink_effect2 {
	0% {
		visibility: visible
	}

	50% {
		visibility: hidden
	}

	100% {
		visibility: hidden
	}
}

@-webkit-keyframes ArrowMove {
	0% {
		-webkit-transform: translate(10px, 10px);
		transform: translate(10px, 10px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

@keyframes ArrowMove {
	0% {
		-webkit-transform: translate(10px, 10px);
		transform: translate(10px, 10px)
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0)
	}
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
main,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote::before,
.top-hero__push-popup blockquote.close::after,
blockquote::after,
q::before,
.top-hero__push-popup q.close::after,
q::after {
	content: "";
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

* {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box
}

*::before,
.top-hero__push-popup *.close::after,
*::after {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	box-sizing: border-box
}

html {
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
	background-color: #fff;
	color: #1f1f1f;
	line-height: 1.71429;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	word-wrap: break-word
}

strong,
em {
	font-weight: 700
}

pre {
	white-space: pre-wrap
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

a {
	color: #0874dc;
	outline: none;
	text-decoration: none;
	transition: background-color 100ms, border-color 100ms, color 100ms, opacity 100ms;
	transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

a:hover {
	opacity: .6
}

img,
svg,
video {
	max-width: 100%;
	vertical-align: top
}

table {
	max-width: 100%;
	width: 100%
}

table th,
table td {
	word-break: break-all
}

input,
button,
select,
textarea {
	color: inherit;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	margin: 0;
	outline: none;
	padding: 0;
	vertical-align: middle
}

input::-moz-focus-inner,
button::-moz-focus-inner,
select::-moz-focus-inner,
textarea::-moz-focus-inner {
	border: 0
}

input,
button,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox
}

input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio
}

textarea {
	resize: none
}

input[type="button"],
input[type="submit"],
button {
	background: none;
	border: 0;
	cursor: pointer
}

button {
	overflow: visible
}

::selection {
	background: #06c;
	color: #fff
}

input::selection,
textarea::selection {
	background: #ddd;
	color: #1f1f1f
}

input::-moz-selection,
textarea::-moz-selection {
	background: #ddd;
	color: #1f1f1f
}

input::-ms-clear {
	display: none
}

picture {
	display: inline-block
}

.c-btn {
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all .5s;
	background: linear-gradient(to right, #98d102 0%, #34d36b 100%);
	box-shadow: 0px 5px 10px 0px rgba(86, 187, 119, 0.35);
	color: #fff;
	display: inline-block;
	text-align: center
}

.c-btn span::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	position: absolute;
	right: -18px;
	top: calc(50% - 4px);
	transition: all .3s;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 9.5px;
	width: 9.5px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@media all and (-ms-high-contrast: none),
print {
	.c-btn span::after {
		margin-bottom: 1px !important
	}
}

@media all and (-ms-high-contrast: none),
print {
	.c-btn span::after {
		top: calc(50% - 8px)
	}
}

@media all and (-ms-high-contrast: none),
print {
	.c-btn span {
		margin-top: 8px
	}
}

@media screen and (min-width: 768px),
print {
	.c-btn:hover {
		-webkit-filter: brightness(1.05) contrast(1.05);
		filter: brightness(1.05) contrast(1.05);
		opacity: 1
	}

	.c-btn:hover span::after {
		right: -30px
	}
}

.more-btn {
	border: 1px solid #2cb6d3;
	border-radius: 3px;
	color: #2cb6d3;
	margin-top: 30px;
	letter-spacing: 0;
	position: relative;
	text-align: center;
	text-indent: 2px;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	line-height: 2.03571
}

@media screen and (max-width: 767px) and (-ms-high-contrast: none) {
	.more-btn {
		padding-top: 6px
	}
}

.more-btn:after,
.more-btn:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: #2cb6d3;
	right: 19px;
	height: 1px;
	position: absolute;
	top: 16px;
	width: 10px
}

@media screen and (max-width: 767px) and (-ms-high-contrast: none) {

	.more-btn:after,
	.more-btn:before {
		top: 16px
	}
}

.more-btn::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.more-btn.close::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.bg-gradient1 .btn-wrapper__inner,
.bg-gradient1:before {
	background: linear-gradient(to right, #FF6347 0%, #ff7f50 100%)
}

.bg-gradient2 .btn-wrapper__inner,
.bg-gradient2:before {
	background-color: #fff;
}

.fancy-button {
	color: #ffffff;
	box-shadow: 0px 5px 10px 0px rgba(86, 187, 119, 0.35);
	display: inline-block;
	position: relative;
	transition: all .3s
}

.fancy-button:before {
	border-radius: 25px;
	bottom: -5px;
	content: '';
	display: inline-block;
	-webkit-filter: blur(20px) brightness(0.95);
	filter: blur(20px) brightness(0.95);
	height: 20px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all 0.3s ease-out;
	width: 180px;
	z-index: 9
}

.fancy-button i {
	font-size: 1.265em;
	margin-right: 20px;
	margin-top: -1px;
	vertical-align: middle
}

.fancy-button .btn-wrapper__inner {
	-webkit-align-items: center;
	align-items: center;
	border-radius: 50em;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transition: all 0.3s ease-out;
	height: 100%;
	width: 100%;
	will-change: transform, filter;
	z-index: 10
}

.fancy-button .btn-wrapper__inner-txt {
	display: inline-block;
	letter-spacing: 0.03em;
}

.fancy-button.fancy-button2 .btn-wrapper__inner-txt {
	color: #2cb6d3;
}

.fancy-button .btn-wrapper__inner-txt::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 10px;
	width: 10px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	content: "";
	right: -17px;
	position: absolute;
	top: calc(50% - 4px);
	transition: all .3s
}

.fancy-button.fancy-button2 .btn-wrapper__inner-txt::after {
	border-color: #2cb6d3;
}

@media all and (-ms-high-contrast: none),
print {
	.fancy-button .btn-wrapper__inner-txt::after {
		margin-bottom: 1px !important
	}
}

.fancy-button:focus,
.fancy-button:active {
	color: #ffffff
}

@media screen and (min-width: 768px),
print {
	.fancy-button:hover {
		color: #ffffff;
		opacity: 1;
		box-shadow: none
	}

	.fancy-button:hover .btn-wrapper__inner-txt::after {
		right: -27px
	}

	.fancy-button:hover .btn-wrapper__inner {
		-webkit-filter: brightness(1.05) contrast(1.05);
		filter: brightness(1.05) contrast(1.05);
		-webkit-transform: scale(0.95);
		transform: scale(0.95)
	}

	.fancy-button:hover:before {
		bottom: 0;
		-webkit-filter: blur(10px) brightness(0.95);
		filter: blur(10px) brightness(0.95)
	}
}

.fancy-button.pop-onhover:before {
	bottom: 10px;
	opacity: 0
}

@media screen and (min-width: 768px),
print {
	.fancy-button.pop-onhover:hover:before {
		bottom: 2px;
		-webkit-filter: blur(20px);
		filter: blur(20px);
		opacity: 1
	}

	.fancy-button.pop-onhover:hover .btn-wrapper__inner {
		-webkit-transform: scale(1.04);
		transform: scale(1.04)
	}

	.fancy-button.pop-onhover:hover:active .btn-wrapper__inner {
		-webkit-filter: brightness(1) contrast(1);
		filter: brightness(1) contrast(1)
	}

	.fancy-button.pop-onhover:hover:active:before {
		bottom: 0;
		-webkit-filter: blur(10px) brightness(0.95);
		filter: blur(10px) brightness(0.95);
		transition: all 0.2s ease-out
	}
}

input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 100px #fff inset !important
}

:placeholder-shown {
	color: #ccc
}

::-webkit-input-placeholder {
	color: #ccc
}

:-moz-placeholder {
	color: #ccc;
	opacity: 1
}

::-moz-placeholder {
	color: #ccc;
	opacity: 1
}

:-ms-input-placeholder {
	color: #ccc
}

.c-select.is-empty {
	color: #ccc
}

.c-required {
	color: #c00
}

.c-error {
	color: #c00
}

.is-show {
	-webkit-transform: translateY(0) !important;
	transform: translateY(0) !important
}

.bottom-to-top_slideIn {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-name: BottomToTop;
	animation-name: BottomToTop
}

.right-to-left_slideIn {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-name: RightToLeft;
	animation-name: RightToLeft
}

.fade_off {
	opacity: 0;
	transition: all 1s
}

.fade_on {
	opacity: 1;
	transition: all 1s
}

.fade_on_fast {
	opacity: 1;
	transition: all .3s
}

.top-hero__inner-image .image {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-name: BottomToTop;
	animation-name: BottomToTop
}

.top-hero__push-popup__new::before,
.top-hero__push-popup .top-hero__push-popup__new.close::after {
	-webkit-animation: 1.5s linear infinite blink_effect;
	animation: 1.5s linear infinite blink_effect
}

.top-hero__push-popup__new::after {
	-webkit-animation: 1.5s linear infinite blink_effect2;
	animation: 1.5s linear infinite blink_effect2
}

.top-hero__btn {
	width: 250px;
}

html {
	height: 100%
}

html.is-nav--active {
	overflow: hidden
}

body {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	font-family: "yakuhanjp", "Noto Sans Japanese", sans-serif;
	min-height: 100%;
	min-width: 1000px;
	position: relative
}

@media screen and (max-width: 767px) {
	body {
		min-width: 320px
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale
	}
}

.l-page {
	display: block;
	min-width: 1180px;
	position: relative
}

@media screen and (max-width: 767px) {
	.l-page {
		overflow: hidden
	}
}

.l-page__inner {
	background: linear-gradient(to right, #2cb6d3 50%, #e6ebed 50%)
}

@media screen and (max-width: 767px) {
	.l-page__inner {
		position: relative;
		z-index: 9
	}
}

.l-content {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	min-width: 0;
	position: relative;
	width: 100%
}

.l-container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 auto;
	position: relative;
	width: 1000px
}

@media all and (-ms-high-contrast: none),
print {
	.l-container {
		height: inherit !important
	}
}

@supports (-ms-ime-align: auto) {
	.l-container {
		height: inherit !important
	}
}

@media screen and (max-width: 767px) {
	.l-container {
		padding: 0 25px;
		width: 100%
	}

	.l-content>.l-container {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse
	}

	.l-content>.l-container .l-main {
		width: 100%
	}

	.l-content>.l-container .l-main.has-side {
		width: 100%
	}

	.l-content>.l-container .l-side {
		margin: 15px 0 0;
		width: 100%
	}
}

.l-example {
	background: #fff;
	box-shadow: 0 5px 10px 0 rgba(165, 179, 185, 0.25);
	margin: auto;
	margin-bottom: 40px;
	padding: 48px 60px;
	width: 1000px
}

.l-example__title {
	margin-bottom: 38px;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.53846
}

.l-example__contents {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.l-example__contents .image {
	width: 320px
}

.l-example__contents-profile {
	width: 512px
}

.l-example__contents-profile .title {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.85714
}

.l-example__contents-profile .title-img {
	margin-right: 20px;
	width: 160px
}

.l-example__contents-profile .title-txt {
	width: calc(100% - 180px)
}

.l-example__contents-profile .title-txt__campany {
	margin-bottom: 8px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.3
}

.l-example__contents-profile .title-txt__name {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.42857
}

.l-example__contents-profile .txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.85714
}

@media screen and (max-width: 767px) {
	.l-example__contents .desctxt {
		overflow-y: hidden
	}

	.l-example__contents .closeTxt {
		height: 70px
	}
}

@media screen and (max-width: 767px) {
	.l-lg {
		display: none !important
	}
}

@media screen and (min-width: 768px),
print {
	.l-sm {
		display: none !important
	}
}

@media screen and (max-width: 767px) {
	.l-page {
		background: none !important;
		display: block;
		min-width: 100%
	}

	.l-example {
		padding: 0;
		width: 100%
	}

	.l-example__contents {
		display: block
	}

	.l-example__title {
		white-space: pre-wrap;
		font-size: 18px;
		font-weight: 700;
		line-height: 1.38889
	}

	.l-container {
		display: block;
		padding: 0
	}

	.l-footer {
		margin-top: 0
	}
}

.l-footer {
	background-color: #484f52;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 0;
	padding-bottom: 40px;
	padding-top: 50px;
	position: relative
}

.l-footer__inner {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 1180px
}

@media screen and (max-width: 767px) {
	.l-footer {
		margin-top: -64px;
		padding-top: 48px;
		padding-bottom: 37px
	}

	.l-footer__inner {
		-webkit-flex-direction: column;
		flex-direction: column;
		padding: 0 25px;
		width: 100%
	}
}

.l-footer__nav {
	margin: auto;
	width: 450px
}

.l-footer__nav--list {
	display: block;
	margin-bottom: 80px
}

.l-footer__nav--list__sns {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	margin: auto
}

.l-footer__nav--list__sns li:first-of-type {
	margin-left: 5px
}

.l-footer__nav--list__sns li:not(:first-of-type) {
	margin-left: 76px
}

.l-footer__nav--list__sns--fb a {
	color: #9fa8ac;
	font-size: 21px
}

.l-footer__nav--list__sns--tw a {
	color: #9fa8ac;
	font-size: 21px
}

.l-footer__nav--list__sns--line a {
	color: #9fa8ac;
	font-size: 21px
}

.l-footer__nav--item:not(:first-of-type) {
	border-top: 0 !important
}

.l-footer__nav--item.js-accordion>ul {
	display: none
}

.l-footer__nav--item__linkList {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 60px
}

@media screen and (max-width: 767px) {
	.l-footer__nav--item__linkList {
		margin-top: 38px;
		padding-right: 20px
	}
}

@media screen and (max-width: 767px) {
	.l-footer__nav--item__linkList li {
		display: block;
		text-align: center
	}
}

.l-footer__nav--item__linkList li a::after {
	content: "";
	position: absolute;
	right: -18px;
	top: 9px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 8px;
	width: 8px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}

@media all and (-ms-high-contrast: none),
print {
	.l-footer__nav--item__linkList li a::after {
		top: 4px
	}
}

@media all and (-ms-high-contrast: none),
print {
	.l-footer__nav--item__linkList li a::after {
		margin-bottom: 1px !important
	}
}

@media screen and (max-width: 767px) {
	.l-footer__nav--item__linkList li a::after {
		right: -22px;
		top: 19px
	}
}

.l-footer__nav--item__linkList li:nth-child(2) a::after {
	right: -12px
}

@media screen and (max-width: 767px) {
	.l-footer__nav--item__linkList li:nth-child(2) a::after {
		right: -20px
	}
}

@media screen and (max-width: 767px) {
	.l-footer__nav--item__linkList li {
		margin-bottom: 13px
	}
}

@media screen and (max-width: 767px) {
	.l-footer__nav--item__linkList {
		display: block
	}
}

.l-footer__nav--link {
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
	display: -webkit-inline-flex;
	display: inline-flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	position: relative;
	width: 100%;
	font-size: 16px;
	font-weight: 400;
	line-height: 1
}

@media screen and (max-width: 767px) {
	.l-footer__nav--link {
		display: inline
	}
}

@media screen and (max-width: 767px) {
	.l-footer__nav {
		height: 100%;
		width: 100%
	}

	.l-footer__nav--list {
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-bottom: 67px;
		width: 100%
	}

	.l-footer__nav--list__sns--fb {
		margin: 0
	}

	.l-footer__nav--list__sns--fb a {
		font-size: 21px;
		font-weight: 400;
		line-height: 1
	}

	.l-footer__nav--list__sns--tw a {
		font-size: 21px;
		font-weight: 400;
		line-height: 1
	}

	.l-footer__nav--list__sns--line a {
		font-size: 21px;
		font-weight: 400;
		line-height: 1
	}

	.l-footer__nav--list__sns--line a:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-image: url(../images/top/ico-line.png);
		margin-top: -4px;
		height: 23.5px;
		width: 25px
	}

	.l-footer__nav--item {
		width: 100%
	}

	.l-footer__nav--item:not(:first-of-type) {
		border-top: 1px solid #eee
	}

	.l-footer__nav--item.js-accordion>.l-footer__nav--link {
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none
	}

	.l-footer__nav--item.js-accordion>.l-footer__nav--link:before,
	.l-footer__nav--item.js-accordion>.l-footer__nav--link:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #000;
		height: 2px;
		position: absolute;
		right: 0;
		top: calc(50% - 5px/ 2);
		transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
		width: 10px;
		will-change: transform
	}

	.l-footer__nav--item.js-accordion>.l-footer__nav--link:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.l-footer__nav--item.js-accordion>ul {
		background-color: #eee;
		display: none;
		padding-left: 25px;
		transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1)
	}

	.l-footer__nav--item.js-accordion.is-open>.l-footer__nav--link:after {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	.l-footer__nav--item.js-accordion.is-open>ul {
		-webkit-animation: show 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		animation: show 300ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
		display: block
	}

	.l-footer__nav--link {
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		padding: 10px 0
	}
}

.l-footer__copyright {
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	color: #9fa8ac;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	letter-spacing: 0px;
	text-align: center
}

@media screen and (max-width: 767px) {
	.l-footer__copyright {
		letter-spacing: 0;
		margin-left: 1px
	}
}

.l-header {
	display: -webkit-flex;
	display: flex;
	height: 102px;
	-webkit-justify-content: center;
	justify-content: center;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10
}

.is-nav-active .l-header {
	z-index: 9
}

@media screen and (max-width: 767px) {
	.l-header {
		display: none;
		height: 60px;
		width: 100%
	}
}

.l-header__inner {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
	width: 1366px
}

@media screen and (max-width: 767px) {
	.l-header__inner {
		padding: 0 25px;
		width: 100%
	}
}

.l-header.type2 {
	background-color: #2cb6d3;
	position: relative;
	height: 135px
}

.l-header.type2 .l-header__inner {
	padding-top: 6px;
	width: 1280px
}

.l-header.type2 .l-logo {
	margin-left: 2em;
	padding: 0
}

.l-header.type2 .l-logo__image {
	margin-left: 0.8em;
	height: auto;
	width: 14em
}

.l-logo__image-top {
	height: auto;
	width: 15em
}

.l-header.type2 .l-nav {
	padding: 0
}

@media screen and (max-width: 767px) {
	.l-header.type2 {
		display: block;
		height: 65px
	}

	.l-header.type2 .l-logo br {
		display: none
	}

	.l-header.type2 .l-logo__txt {
		font-size: 10px;
		line-height: 1;
		margin-left: -7em;
		margin-bottom: 0
	}

	.l-header.type2 .l-logo__image {
		margin-left: -3em;
		padding-top: 0.5em;
	}
}

.l-logo {
	height: 100%;
	padding-left: 20px;
	padding-top: 3px
}

.l-logo__txt {
	color: #fff;
	display: block;
	margin-bottom: 8px;
	margin-left: -1.5em;
	margin-top: 8px;
	font-size: 12px;
	font-weight: 500;
	line-height: 2.16667
}

@media screen and (min-width: 768px),
print {
	.l-logo__image {
		height: auto;
		width: 14em
	}
}

.l-nav {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	padding-top: 36px
}

.l-nav__list {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 557px
}

@media all and (-ms-high-contrast: none),
print {
	.l-nav__list {
		padding-top: 8px
	}
}

.l-nav__item {
	height: 100%
}

.l-nav__item:nth-child(2) {
	left: -1px;
	position: relative
}

.l-nav__item:nth-child(4) {
	left: 9px;
	position: relative
}

.l-nav__link {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.85714;
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
	display: -webkit-inline-flex;
	display: inline-flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	letter-spacing: .02em;
	position: relative;
	white-space: nowrap;
	width: 100%
}

.l-nav__link:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: #fff;
	bottom: -3px;
	height: 1px;
	opacity: 0;
	position: absolute;
	transition: all 300ms ease;
	visibility: hidden;
	width: 100%
}

.l-nav__link:hover,
.l-nav__link.is-active {
	opacity: 1
}

.l-nav__link:hover:before,
.l-nav__link.is-active:before {
	opacity: 1;
	visibility: visible
}

@media all and (-ms-high-contrast: none),
print {

	.l-nav__link:hover:before,
	.l-nav__link.is-active:before {
		opacity: 0;
		visibility: hidden
	}
}

.l-nav__btn {
	-webkit-align-items: center;
	align-items: center;
	border-radius: 25px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	height: 50px;
	width: 210px
}

.l-nav__btn span {
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	display: inline-block;
	margin-top: 0;
	margin-left: -9px;
	padding-bottom: 2px;
	position: relative
}

@media all and (-ms-high-contrast: none),
print {
	.l-nav__btn span {
		margin-top: 8px
	}
}

@media all and (-ms-high-contrast: none),
print {
	.l-nav .btn-wrapper__inner-txt:after {
		top: -1px
	}
}

@media screen and (max-width: 767px) {
	.l-nav {
		background-color: #f7f8f9;
		height: auto;
		left: 0;
		opacity: 0;
		padding: 0 25px;
		position: fixed;
		top: 60px;
		visibility: hidden;
		width: 100%;
		z-index: 99
	}

	.is-nav-active .l-nav {
		opacity: 1;
		visibility: visible
	}

	.l-nav__list {
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%
	}

	.l-nav__item {
		width: 100%
	}

	.l-nav__item:not(:first-of-type) {
		border-top: 1px solid #eee
	}

	.l-nav__link {
		padding: 10px
	}
}

.clone-nav {
	background: #fff;
	height: 90px;
	left: 0;
	min-width: 1180px;
	position: fixed;
	top: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	width: 100%;
	z-index: 100
}

@media screen and (max-width: 767px) {
	.clone-nav {
		background: rgba(255, 255, 255, 0.9);
		height: 65px;
		min-width: 100%
	}
}

.clone-nav .l-nav {
	padding-top: 0
}

@media screen and (max-width: 767px) {
	.clone-nav .l-nav {
		display: none
	}
}

.clone-nav .l-nav__link {
	color: #222
}

.clone-nav .l-nav__link:hover:before,
.clone-nav .l-nav__link.is-active:before {
	background: #222
}

.clone-nav .l-logo {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	padding-top: 0
}

@media screen and (max-width: 767px) {
	.clone-nav .l-logo {
		display: block;
		padding-left: 0
	}
}

.clone-nav .l-logo__txt {
	display: none
}

@media screen and (max-width: 767px) {
	.clone-nav .l-logo__txt {
		color: #2cb6d3;
		display: inline-block;
		margin-bottom: 0;
		margin-left: 0;
		margin-top: 0px;
		font-size: 10px;
		font-weight: 500;
		line-height: 1.95
	}
}

.clone-nav .l-logo__image {
	padding-top: 4px
}

@media screen and (max-width: 767px) {
	.clone-nav .l-logo__image {
		width: 85px
	}
}

@media screen and (max-width: 767px) {
	.clone-nav .l-header__inner {
		padding: 0;
		padding-left: 17px
	}
}

.clone-nav .l-header__inner .contact-btn {
	background: #fff;
	height: 65px;
	position: absolute;
	right: 0;
	top: 0;
	width: 65px
}

.clone-nav .l-header__inner .contact-btn span {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%
}

.clone-nav .l-header__inner .contact-btn span img {
	width: 44.5px
}

@media screen and (max-width: 767px) {
	.clone-nav .l-hmb {
		display: none
	}
}

.l-page-header {
	-webkit-align-items: center;
	align-items: center;
	background-color: #e6eef4;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 180px;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 20px;
	padding-top: 2px;
	position: relative;
	width: 100%
}

.l-page-header__inner {
	width: 1280px
}

.l-page-header__tit {
	font-size: 35px;
	font-weight: 700;
	line-height: 1
}

@media screen and (max-width: 767px) {
	.l-page-header {
		height: 110px
	}

	.l-page-header__inner {
		padding: 0 25px;
		width: 100%
	}

	.l-page-header__tit {
		font-size: 22.5px;
		line-height: 1
	}
}

.content-title {
	font-size: 45px;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: -.07em;
	position: relative;
	text-align: center
}

.content-title::before,
.top-hero__push-popup .content-title.close::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: #2cb6d3;
	height: 100px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 3px;
	top: -127px;
	width: 1px
}

.top-hero {
	background: linear-gradient(to right, #2cb6d3 1003px, #e6ebed 1003px);
	height: 1027px;
	margin: auto;
	padding-bottom: 223px;
	position: relative;
	width: 1180px
}

.top-hero__inner {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: auto;
	padding-top: 120px;
	position: relative;
	text-align: center;
	width: 1000px
}

.top-hero__inner-catch {
	margin-top: 28px;
	position: relative
}

@media screen and (min-width: 768px),
print {
	.top-hero__inner-catch .btn-wrapper {
		display: flex;
		justify-content: center;
		gap: 20px;
	}
}

@media screen and (min-width: 768px),
print {
	.top-hero__inner-catch {
		-webkit-flex-basis: 448.8px;
		flex-basis: 448.8px;
		left: -17px;
	}
}

.top-hero__inner-catch .l-logo__image {
	margin-left: -16px;
	height: 109px;
	width: 327px
}

.top-hero__inner-catch__txt {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 38px 0 55px
}

@media screen and (min-width: 768px),
print {
	.top-hero__inner-catch__txt {
		-webkit-align-items: center;
		align-items: center
	}
}

.top-hero__inner-catch__txt em {
	font-size: 50px;
	font-weight: 700;
	line-height: 1.2;
	display: inline-block;
	letter-spacing: 1.3px;
	margin-bottom: 22px;
	margin-left: 1px;
	padding: 0 4px 16px 0;
	text-indent: 4px
}

@media screen and (max-width: 767px) {
	br.pc {
		display: none;
	}
}

span.first {
	margin-left: -1.5em;
}

@media screen and (max-width: 767px) {
	span.first {
		margin-left: -2px;
	}
}

.top-hero__inner-catch__txt em span {
	font-size: 48px;
	font-weight: 700;
	display: inline-block;
}

.top-hero__inner-catch__txt>span {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.45455;
	display: inline-block;
	letter-spacing: .4px;
	margin-left: -12px;
	border-top: 3px solid;
	padding-top: 1em;
}

.top-hero__inner-catch .fancy-button .btn-wrapper__inner-txt {
	font-size: 18px;
	font-weight: 700;
	line-height: 1.63158;
	margin-left: 0;
	margin-top: 0
}

.top-hero__inner-catch .fancy-button.pop-onhover:hover::before,
.top-hero__inner-catch .top-hero__push-popup .fancy-button.pop-onhover.close:hover::after,
.top-hero__push-popup .top-hero__inner-catch .fancy-button.pop-onhover.close:hover::after {
	width: 280px;
	bottom: 4px;
	height: 30px
}

.top-hero__inner-image {
	margin-right: 50px;
	margin-top: 3px;
	position: relative;
	z-index: 3
}

@media screen and (min-width: 768px),
print {
	.top-hero__inner-image .image {
		height: 681px;
		width: 364px
	}
}

.top-hero__inner-image .push {
	bottom: 278px;
	position: absolute;
	right: 28px;
	transition: all .8s;
	z-index: 4
}

@media screen and (min-width: 768px),
print {
	.top-hero__inner-image .push {
		height: 78px;
		width: 171px
	}
}

.top-hero__btn {
	-webkit-align-items: center;
	align-items: center;
	border-radius: 30px;
	box-shadow: 0 5px 15px 0 rgba(7, 64, 70, 0.35);
	display: -webkit-flex;
	display: flex;
	height: 60px;
	-webkit-justify-content: center;
	justify-content: center;
	width: 280px;
	font-size: 19px;
	font-weight: 700;
	line-height: 1.63158
}

.top-hero__btn span {
	display: inline-block;
	letter-spacing: .5px;
	padding-bottom: 1px;
	position: relative
}

@media all and (-ms-high-contrast: none),
print {
	.top-hero__btn span {
		padding-top: 8px
	}
}

.top-hero__btn.fancy-button .btn-wrapper__inner-txt::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 2px 2px 0;
	vertical-align: middle;
	height: 11px;
	width: 11px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: -22px;
	top: 11px
}

.top-hero__btn.fancy-button2 .btn-wrapper__inner-txt::after {
	border-color: #2cb6d3;
}

@media all and (-ms-high-contrast: none),
print {
	.top-hero__btn.fancy-button .btn-wrapper__inner-txt::after {
		margin-bottom: 1px !important
	}
}

@media all and (-ms-high-contrast: none),
print {
	.top-hero__btn.fancy-button .btn-wrapper__inner-txt::after {
		top: 16px
	}
}

@media screen and (min-width: 768px),
print {
	.top-hero__btn:hover .btn-wrapper__inner-txt::after {
		right: -30px
	}
}

.top-hero__push-wrap {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 10px 0 rgba(101, 112, 117, 0.6);
	opacity: 0;
	position: absolute;
	right: calc(50% - (450px + 213px));
	top: 581px;
	width: 450px;
	z-index: 4
}

.top-hero__push-popup {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-flex;
	display: flex;
	padding: 31px 40px 29px 28px;
	position: relative
}

.top-hero__push-popup .close {
	height: 13px;
	position: absolute;
	right: 20px;
	top: 21px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 18px
}

.top-hero__push-popup .close::before,
.top-hero__push-popup .close::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-color: #a1a1a1;
	bottom: 0;
	height: 18px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px
}

.top-hero__push-popup .close::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}

.top-hero__push-popup .close:hover {
	cursor: pointer
}

.top-hero__push-popup__new {
	margin-right: 20px;
	position: relative;
	width: 92px
}

.top-hero__push-popup__new::before,
.top-hero__push-popup .top-hero__push-popup__new.close::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/top/ico-push-new-parts@2x.png");
	height: calc(39px / 2);
	position: absolute;
	right: -5px;
	top: -5px;
	width: calc(36px / 2)
}

.top-hero__push-popup__new::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url("../images/top/ico-push-new-parts02@2x.png");
	bottom: -5px;
	height: calc(30px / 2);
	left: -5px;
	position: absolute;
	width: calc(28px / 2)
}

.top-hero__push-popup__contents {
	color: #222;
	margin-top: 2px;
	width: 243px
}

.top-hero__push-popup__contents .title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	letter-spacing: -.2px;
	margin-bottom: 15px;
	padding: 0 8px
}

@media all and (-ms-high-contrast: none),
print {
	.top-hero__push-popup__contents .title {
		margin-top: -4px;
		padding-top: 4px
	}
}

.top-hero__push-popup__contents .txt {
	font-size: 15px;
	font-weight: 400;
	line-height: 1.73333;
	margin-left: 10px;
	margin-top: -2px
}

.top-main__push {
	background: #f1f5f7;
	position: relative
}

.top-main__push-overview {
	background: #f1f5f7
}

.top-main__push-overview-catch {
	margin: 191px auto 25px;
	width: 750px
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview-catch {
		margin-top: calc(191px - 90px);
		padding-top: 90px
	}
}

.top-main__push-overview-catch em {
	font-size: 55px;
	font-weight: 700;
	line-height: 1.14545;
	display: block;
	letter-spacing: -1.1px;
	padding-left: 2px;
	text-align: center
}

.top-main__push-overview-catch-txt {
	font-size: 16px;
	line-height: 1.625;
	color: #626262;
	display: inline-block;
	margin-top: 0;
	padding: 0 124px
}

.top-main__push-overview__desc {
	display: -webkit-flex;
	display: flex;
	margin-top: 45px
}

.top-main__push-overview__desc-inner {
	position: relative
}

.top-main__push-overview__desc-inner:first-child {
	margin-left: -65px;
	min-width: 686px;
	width: 686px
}

.top-main__push-overview__desc-inner:first-child .sm-push {
	bottom: 98px;
	left: 161px;
	position: absolute;
	z-index: 10
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
	.top-main__push-overview__desc-inner:first-child .sm-push {
		left: 164px
	}
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview__desc-inner:first-child .sm-push {
		height: 68px;
		width: 207px
	}
}

.top-main__push-overview__desc-inner:first-child .desktop-push {
	bottom: 144px;
	position: absolute;
	right: 30px;
	z-index: 10
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview__desc-inner:first-child .desktop-push {
		height: 81px;
		width: 241px
	}
}

.top-main__push-overview__desc-inner:nth-child(2) {
	letter-spacing: -1.1px;
	padding: 112px 0 0 58px;
	width: 380px
}

.top-main__push-overview__desc-inner .android {
	bottom: 0;
	left: 132px;
	position: absolute;
	z-index: 5
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview__desc-inner .android {
		height: 344px;
		width: 247px
	}
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview__desc-inner .imac {
		height: 513px;
		width: 686px
	}
}

.top-main__push-overview__desc-inner .title {
	font-size: 38px;
	font-weight: 700;
	line-height: .68421
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview__desc-inner .title {
		margin-top: -3px
	}
}

.top-main__push-overview__desc-inner .txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	color: #626262;
	letter-spacing: -.01em;
	margin: 25px 0 24px 3px
}

.top-main__push-overview__desc-inner .icon {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0 70px 19px 52px;
	width: 182px
}

.top-main__push-overview__desc-inner .icon-item {
	-webkit-align-items: flex-start;
	align-items: flex-start;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	height: 43px;
	width: 43px
}

.top-main__push-overview__desc-inner .icon-item:not(:first-of-type) {
	margin-left: 25px
}

.top-main__push-overview__desc-inner .icon-item:nth-of-type(3n+4) {
	margin-left: 0
}

.top-main__push-overview__desc-inner .icon-item:nth-of-type(n+4) {
	margin-top: 16px
}

.top-main__push-overview__desc-inner .icon-chrome img {
	height: 40px;
	width: 39px
}

.top-main__push-overview__desc-inner .icon-firefox img {
	height: 43px;
	width: 43px
}

.top-main__push-overview__desc-inner .icon-edge {
	margin-left: 26px !important
}

.top-main__push-overview__desc-inner .icon-edge img {
	height: 42px;
	width: 42px
}

.top-main__push-overview__desc-inner .icon-droid {
	margin-left: 0px !important
}

.top-main__push-overview__desc-inner .icon-droid img {
	height: 39px;
	width: 35px
}

.top-main__push-overview__desc-inner .icon-osx {
	margin-top: 12px !important;
	margin-left: 26px !important
}

.top-main__push-overview__desc-inner .icon-osx img {
	height: 43px;
	width: 43px
}

.top-main__push-overview__desc-inner .icon-windows {
	margin-top: 20px !important;
	margin-left: 26px !important
}

.top-main__push-overview__desc-inner .icon-windows img {
	height: 32px;
	width: 32px
}

.top-main__push-overview__desc-inner .example-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-left: 3px
}

.top-main__push-overview__desc-inner .example-list__title {
	background: #2cb6d3;
	border-radius: 3px;
	color: #fff;
	height: 26px;
	letter-spacing: .6px;
	margin-right: 16px;
	padding-left: 1px;
	padding-top: 1px;
	text-align: center;
	width: 81px;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.73333
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__push-overview__desc-inner .example-list__title {
		padding-top: 3px
	}
}

.top-main__push-overview__desc-inner .example-list__content {
	font-size: 15px;
	font-weight: 700;
	line-height: 1.73333;
	letter-spacing: -.3px;
	margin-top: 8px
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__push-overview__desc-inner .example-list__content {
		padding-top: 3px
	}
}

.top-main__push-overview__effect {
	position: relative
}

.top-main__push-overview__effect-bg {
	overflow: hidden
}

.top-main__push-overview__effect-bg__inner {
	background: #fff;
	box-shadow: 0 5px 10px 0 rgba(165, 179, 185, 0.25);
	height: 468px;
	position: relative;
	width: 100%;
	z-index: 8
}

.top-main__push-overview__effect-inner {
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10
}

.top-main__push-overview__effect-title {
	color: #2cb6d3;
	letter-spacing: -1.2px;
	margin: 42px auto 39px -4px;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	line-height: .86667
}

.top-main__push-overview__effect-list {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin: auto;
	width: calc(1000px - 2px)
}

.top-main__push-overview__effect-list__items {
	background: #2cb6d3;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(165, 179, 185, 0.51);
	color: #fff;
	-webkit-flex-basis: 320px;
	flex-basis: 320px;
	padding: 40px 20px 26px;
	position: relative;
	text-align: center;
	width: 320px
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__push-overview__effect-list__items {
		padding: 40px 0 26px
	}
}

.top-main__push-overview__effect-list__items .number {
	-webkit-align-items: center;
	align-items: center;
	background: #f2657f;
	border-radius: 50%;
	box-shadow: 0 2px 5px 0 rgba(20, 150, 164, 0.7);
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 48px;
	-webkit-justify-content: center;
	justify-content: center;
	left: 0;
	left: 13px;
	position: absolute;
	top: -10px;
	width: 48px
}

.top-main__push-overview__effect-list__items .number.num01 img {
	margin-left: -4px;
	height: 22px;
	width: 9px
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__push-overview__effect-list__items .number.num01 img {
		margin-left: -1px
	}
}

.top-main__push-overview__effect-list__items .number.num02 img {
	height: 22px;
	width: 13px
}

.top-main__push-overview__effect-list__items .number.num03 img {
	height: 22px;
	width: 13px
}

.top-main__push-overview__effect-list__items .title {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.45455;
	margin-bottom: 20px
}

.top-main__push-overview__effect-list__items .txt {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.44444;
	letter-spacing: .5px;
	margin-top: 20px
}

.top-main__push-overview__effect-list__items .image-wrap01 {
	margin-top: 25px;
	margin: 25px auto 0;
	width: 279.5px
}

.top-main__push-overview__effect-list__items .image-wrap01 img {
	margin-left: -8px
}

.top-main__push-overview__effect-list__items .image-wrap02 {
	margin: 21px auto 26px;
	width: 208px
}

.top-main__push-overview__effect-list__items .image-wrap02 img {
	margin-right: -10px
}

.top-main__push-overview__effect-list__items .image-wrap03 {
	margin-top: 23px;
	margin: 23px auto 0;
	width: 110px
}

.top-main__push-overview__effect-list__items .image-wrap03 img {
	margin-left: 18px
}

.top-main__push-overview__effect-ad {
	margin-top: 113px
}

.top-main__push-overview__effect-ad__inner {
	background: #e5ebee;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	padding: 0 174px 0 141px;
	position: relative
}

.top-main__push-overview__effect-ad__inner .device {
	margin-top: -40px;
	position: relative;
	width: 248px
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview__effect-ad__inner .device-bg {
		height: 281px;
		width: 248px
	}
}

.top-main__push-overview__effect-ad__inner .device-push {
	bottom: 0;
	left: 47px;
	position: absolute
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__push-overview__effect-ad__inner .device-push {
		bottom: 0
	}
}

@media screen and (min-width: 768px),
print {
	.top-main__push-overview__effect-ad__inner .device-push {
		height: 181px;
		width: 177px
	}
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__push-overview__effect-ad__inner .device img {
		margin-bottom: -6px
	}
}

.top-main__push-overview__effect-ad__contents {
	width: 380px
}

.top-main__push-overview__effect-ad__contents .title {
	font-size: 30px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 1.3px;
	margin-bottom: 20px;
	margin-top: 68px
}

.top-main__push-overview__effect-ad__contents .txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	color: #626262;
	margin-left: 3px
}

.top-main__push .l-example {
	left: 0;
	margin-bottom: 30px;
	padding: 42px 120px 62px;
	position: absolute;
	right: 0;
	top: -351px;
	width: 1180px;
	z-index: 2
}

.top-main__push .l-example__title {
	font-size: 26px;
	font-weight: 700;
	line-height: 1.57692;
	letter-spacing: .9px;
	margin-bottom: 35px
}

.top-main__push .l-example__title span {
	position: relative;
	top: -5px
}

.top-main__push .l-example__contents-profile {
	width: 563px
}

.top-main__push .l-example__contents-profile .title {
	-webkit-align-items: flex-start;
	align-items: flex-start
}

.top-main__push .l-example__contents-profile .title-txt {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin-bottom: 7px
}

.top-main__push .l-example__contents-profile .title-txt span:first-of-type {
	font-size: 20px;
	font-weight: 700;
	line-height: 1
}

.top-main__push .l-example__contents-profile .title-txt span:last-of-type {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	margin-top: 13px
}

.top-main__merit {
	background: linear-gradient(to right, #2cbbca 0%, #40a0c9 100%);
	padding-top: 96px;
	position: relative;
	z-index: 2
}

.top-main__merit .content-title {
	color: #fff;
	letter-spacing: -2.2px;
	margin-bottom: 42px;
	margin-left: 2px
}

.top-main__merit .content-title span {
	margin: 0 -4px
}

.top-main__merit .content-title::before,
.top-main__merit .top-hero__push-popup .content-title.close::after,
.top-hero__push-popup .top-main__merit .content-title.close::after {
	background: #fff
}

.top-main__merit .content-title::after {
	background: #2cb6d3;
	content: "";
	height: 31px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 3px;
	top: -127px;
	width: 1px
}

.top-main__merit-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.top-main__merit-list__items {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(27, 123, 163, 0.51);
	display: -webkit-flex;
	display: flex;
	-webkit-flex-basis: 320px;
	flex-basis: 320px;
	-webkit-flex-direction: column;
	flex-direction: column;
	height: 321px;
	margin-bottom: 30px;
	padding: 26px 30px 20px;
	width: 320px
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__merit-list__items {
		padding: 26px 0 20px
	}
}

.top-main__merit-list__items .title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.25;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	height: 59px;
	-webkit-justify-content: center;
	justify-content: center;
	letter-spacing: -1.4px;
	margin-bottom: 20px;
	text-align: center;
	text-indent: -8px
}

.top-main__merit-list__items .txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.42857
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__merit-list__items .txt {
		margin: 0 28px
	}
}

.top-main__merit-list__items .sub-txt {
	font-size: 11px;
	font-weight: 400;
	line-height: 1.81818;
	margin-top: 7px
}

.top-main__merit-list__items .sub-txt a {
	color: #0874dc
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__merit-list__items .sub-txt {
		margin: 7px 28px 0
	}
}

.top-main__merit-list__items img {
	display: block;
	margin: 0 auto
}

.top-main__merit-list__items .image-wrap {
	height: 104px
}

.top-main__merit-list__items .image-wrap.img01 {
	margin-bottom: 4px;
	margin-left: -11px;
	margin-top: -4px
}

.top-main__merit-list__items .image-wrap.img01 img {
	height: 87px;
	width: 111px
}

.top-main__merit-list__items .image-wrap.img02 {
	margin-bottom: 4px;
	margin-left: 32px;
	margin-top: -4px
}

.top-main__merit-list__items .image-wrap.img02 img {
	height: 87px;
	width: 119px
}

.top-main__merit-list__items .image-wrap.img03 {
	margin-bottom: 1px;
	margin-left: -2px;
	margin-top: -1px
}

.top-main__merit-list__items .image-wrap.img03 img {
	height: 84px;
	width: 84px
}

.top-main__merit-list__items .image-wrap.img04 {
	margin-bottom: 1px;
	margin-left: -1px;
	margin-top: -1px
}

.top-main__merit-list__items .image-wrap.img04 img {
	height: 97px;
	width: 103px
}

.top-main__merit-list__items .image-wrap.img05 {
	margin-bottom: -5px;
	margin-left: -2px;
	margin-top: 5px
}

.top-main__merit-list__items .image-wrap.img05 img {
	height: 83px;
	width: 97px
}

.top-main__merit-list__items .image-wrap.img06 {
	margin-bottom: -3px;
	margin-left: -2px;
	margin-top: 3px
}

.top-main__merit-list__items .image-wrap.img06 img {
	height: 91px;
	width: 101px
}

.top-main__merit-list__items:nth-child(n+4) .image-wrap {
	height: 124px
}

.top-main__merit-use__ico {
	margin: 39px 0 3px
}

.top-main__merit-use__ico img {
	display: block;
	height: 62px;
	margin: auto;
	width: 90px
}

.top-main__merit-use__catch {
	font-size: 30px;
	font-weight: 700;
	line-height: 2.1;
	color: #fff;
	margin-bottom: 44px;
	text-align: center;
	text-indent: 10px
}

.top-main__merit-use__info {
	border: 1px solid #fff;
	margin-bottom: 65px;
	padding: 0 33px 43px
}

.top-main__merit-use__info-title span {
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	border-radius: 5px;
	color: #2cb6d3;
	display: -webkit-flex;
	display: flex;
	height: 37px;
	-webkit-justify-content: center;
	justify-content: center;
	letter-spacing: 16px;
	margin: auto;
	margin-top: -19px;
	padding-left: 15px;
	width: 242px
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__merit-use__info-title span {
		padding-top: 10px
	}
}

.top-main__merit-use__info-txt {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.61111;
	color: #fff;
	padding: 25px 0 37px;
	text-align: center
}

.delivery .top-main__merit-use__info-txt {
	margin-top: 3px;
	padding-bottom: 33px
}

.top-main__merit-use__info-img {
	display: -webkit-flex;
	display: flex;
	margin-left: 6px
}

.top-main__merit-use__info-img .image-wrap01 {
	min-width: 260px;
	width: 260px
}

.top-main__merit-use__info-img .image-wrap02 {
	margin-left: -8px;
	min-width: 295px;
	width: 295px
}

.top-main__merit-use__info-img .image-wrap03 {
	margin-left: -9px;
	min-width: 383px;
	width: 383px
}

.top-main__merit-use__info-screen {
	display: -webkit-flex;
	display: flex
}

.top-main__merit-use__info-screen__img {
	position: relative;
	width: 420px
}

.top-main__merit-use__info-screen__img.message-input {
	margin-right: 62px
}

.top-main__merit-use__info-screen__img.message-input .images {
	background: url("../images/top/bg-message-input_lg@2x.jpg") no-repeat;
	background-size: cover;
	box-shadow: 0px 2px 5px 0px rgba(88, 96, 97, 0.7);
	height: 244px;
	margin-left: 1px;
	width: 428px
}

.top-main__merit-use__info-screen__img.analysis .images {
	background: url("../images/top/bg-analysis_lg@2x.jpg") no-repeat;
	background-size: cover;
	box-shadow: 0px 2px 5px 0px rgba(88, 96, 97, 0.7);
	height: 244px;
	width: 419px
}

.top-main__merit-use__info-screen__img .balloon {
	position: absolute
}

.top-main__merit-use__info-screen__img p {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.09091;
	color: #fff;
	margin-bottom: 21px;
	margin-left: 5px
}

.top-main__merit-use__info-screen .message-input .balloon {
	bottom: 7px;
	right: -30px
}

@media screen and (min-width: 768px),
print {
	.top-main__merit-use__info-screen .message-input .balloon {
		height: 248px;
		width: 282px
	}
}

.top-main__merit-use__info-screen .analysis .balloon {
	bottom: 29px;
	right: -29px
}

@media screen and (min-width: 768px),
print {
	.top-main__merit-use__info-screen .analysis .balloon {
		height: 198px;
		width: 322px
	}
}

.top-main__merit-use__info.delivery {
	margin-bottom: 97px;
	padding-bottom: 39px
}

.top-main__performance {
	background: #f1f5f7;
	padding-top: 96px
}

.top-main__performance-wrap {
	margin-bottom: 60px
}

.top-main__performance-txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	color: #626262;
	margin: 13px auto 41px;
	width: 750px
}

.top-main__performance-count {
	font-size: 30px;
	font-weight: 700;
	line-height: 2.1;
	margin-bottom: 17px;
	text-align: center
}

.top-main__performance .content-title {
	letter-spacing: -.6px;
	text-indent: 3px
}

.top-main__performance .content-title::after {
	background: #fff;
	content: "";
	height: 31px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 3px;
	top: -127px;
	width: 1px;
	z-index: 3
}

.top-main__performance .l-example {
	margin-bottom: 41px;
	padding-top: 43px
}

.top-main__performance .l-example__title {
	margin-bottom: 30px
}

@media screen and (min-width: 768px),
print {
	.top-main__performance .l-example .title-img {
		height: 50px;
		text-align: center
	}

	.top-main__performance .l-example .title-img img {
		height: 100%;
		width: auto
	}
}

.top-main__performance .js-slider {
	height: 96px;
	width: 100%
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__performance .js-slider {
		-webkit-align-items: center;
		align-items: center;
		background: #fff;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin: auto
	}
}

.top-main__performance .js-slider .slick {
	width: 100%
}

.top-main__performance .js-slider .slick-list {
	width: 100%
}

.top-main__performance .js-slider .slick-track {
	display: -webkit-flex !important;
	display: flex !important;
	height: 100%;
	width: 100%
}

.top-main__performance .js-slider .slick-slide {
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	display: -webkit-flex;
	display: flex;
	height: 96px;
	width: 270px
}

.top-main__performance .js-slider .slick-slide>div {
	width: 270px
}

.top-main__performance .js-slider .slick-slide>div>div {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex !important;
	display: flex !important;
	height: 96px;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%
}

.top-main__performance .js-slider__under {
	margin-top: -1px
}

.top-main__performance .js-slider__wrap {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin-bottom: 82px;
	overflow: hidden
}

@media screen and (min-width: 768px),
print {
	.top-main__performance .js-slider__wrap .j-stream {
		height: 70px
	}

	.top-main__performance .js-slider__wrap .cobird {
		height: 80px
	}

	.top-main__performance .js-slider__wrap .daiei {
		height: 67px;
		position: relative;
		top: -5px
	}

	.top-main__performance .js-slider__wrap .asahi {
		height: 70px
	}

	.top-main__performance .js-slider__wrap .wowow {
		height: 75px
	}

	.top-main__performance .js-slider__wrap .istyle {
		height: 64px
	}

	.top-main__performance .js-slider__wrap .recochoku {
		height: 72px
	}

	.top-main__performance .js-slider__wrap .summy {
		height: 90px
	}
}

.top-main__performance .js-slider__wrap img {
	height: 70px
}

.top-main__function {
	background: #fff;
	padding-bottom: 100px;
	padding-top: 97px
}

.top-main__function-desc {
	border-bottom: 1px solid #dbe3e7;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 65px;
	margin-top: 45px;
	padding-bottom: 63px
}

.top-main__function-desc__content {
	width: 520px
}

.top-main__function-desc__content-title {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	margin-bottom: 15px;
	margin-left: 1px
}

.top-main__function-desc__content-title .new {
	height: 60px;
	width: 61px
}

.top-main__function-desc__content-title span {
	font-size: 32px;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .1px;
	margin-left: 13px
}

.top-main__function-desc__content-catch {
	border: 1px solid #2cb6d3;
	color: #2cb6d3;
	margin-bottom: 23px;
	padding: 18px 58px 19px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.33333
}

.top-main__function-desc__content-txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.8125;
	margin-bottom: 0
}

.top-main__function-desc__content .dmp {
	margin-top: 12px;
	margin-left: 4px;
	height: 70px;
	width: auto
}

.top-main__function-desc__content-supple {
	font-size: 12px;
	font-weight: 400;
	line-height: 3.33333
}

.top-main__function-desc__image {
	height: 305px;
	margin-top: 21px;
	margin-right: 1px;
	position: relative;
	width: 436px
}

.top-main__function-desc__image .ico-arrow__wrap {
	bottom: 117px;
	left: 160px;
	position: absolute;
	width: 68px
}

.top-main__function-list {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap
}

.top-main__function-list__items {
	-webkit-flex-basis: 300px;
	flex-basis: 300px;
	margin-bottom: 47px
}

.top-main__function-list__items-title {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.66667;
	margin-bottom: 11px;
	padding-left: 17px;
	position: relative
}

.top-main__function-list__items-title::before,
.top-hero__push-popup .top-main__function-list__items-title.close::after {
	background: #2cb6d3;
	content: "";
	height: 24px;
	left: 0;
	position: absolute;
	top: 9px;
	width: 4px
}

.top-main__function-list__items-txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.85714
}

.top-main__function-list__items:nth-child(3n+2) {
	margin: 0 50px
}

.top-main__function-list__items:nth-child(n+7) {
	margin-bottom: 26px
}

.top-main__function-supple {
	font-size: 12px;
	font-weight: 400;
	line-height: 1.58333;
	color: #777
}

.top-main__function .content-title {
	letter-spacing: 0
}

.top-main__function .content-title::before,
.top-main__function .top-hero__push-popup .content-title.close::after,
.top-hero__push-popup .top-main__function .content-title.close::after {
	top: -127px
}

.top-main__qa {
	background: #f1f5f7;
	padding-bottom: 68px;
	padding-top: 96px
}

.top-main__qa .content-title::before,
.top-main__qa .top-hero__push-popup .content-title.close::after,
.top-hero__push-popup .top-main__qa .content-title.close::after {
	content: "";
	top: -126px
}

.top-main__qa-content {
	margin-top: 40px
}

.top-main__qa-content__list-items {
	display: -webkit-flex;
	display: flex;
	height: 70px;
	-webkit-justify-content: space-between;
	justify-content: space-between
}

.top-main__qa-content__list-items .inner {
	display: -webkit-flex;
	display: flex
}

.top-main__qa-content__list-items.question {
	-webkit-align-items: center;
	align-items: center;
	background: #fff;
	box-shadow: 0 1px 10px 0 rgba(165, 179, 185, 0.1);
	-webkit-flex-basis: 920px;
	flex-basis: 920px;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-left: auto;
	position: relative;
	width: 920px
}

.top-main__qa-content__list-items.question .ico {
	background: #2cb6d3;
	box-shadow: 0 5px 10px 0 rgba(165, 179, 185, 0.25);
	left: -80px;
	position: absolute;
	top: 0
}

.top-main__qa-content__list-items.question .ico img {
	margin-left: 8px
}

@media screen and (min-width: 768px),
print {
	.top-main__qa-content__list-items.question .ico img {
		height: 34px;
		width: 38px
	}
}

.top-main__qa-content__list-items.question .txt {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.44444;
	margin-top: -4px
}

.top-main__qa-content__list-items.answer {
	background: #e6ebee;
	box-shadow: 0 5px 10px 0 rgba(165, 179, 185, 0.25);
	height: auto;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	margin-bottom: 40px;
	margin-left: auto;
	width: 920px
}

.top-main__qa-content__list-items.answer .ico {
	background: #d6dee3
}

.top-main__qa-content__list-items.answer .ico img {
	margin-left: 3px
}

@media screen and (min-width: 768px),
print {
	.top-main__qa-content__list-items.answer .ico img {
		height: 31px;
		width: 39px
	}
}

.top-main__qa-content__list-items.answer .txt {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.61111;
	-webkit-flex-basis: 850px;
	flex-basis: 850px;
	padding-bottom: 20px;
	padding-top: 20px
}

.top-main__qa-content__list-items.answer.into-img {
	display: block;
	height: auto
}

.top-main__qa-content__list-items.answer.into-img .image {
	margin-left: 109px;
	margin-top: 2px;
	padding-bottom: 35px
}

@media screen and (min-width: 768px),
print {
	.top-main__qa-content__list-items.answer.into-img .image img {
		height: 173px;
		width: 348px
	}
}

.top-main__qa-content__list-items .ico {
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 70px;
	-webkit-justify-content: center;
	justify-content: center;
	width: 70px;
	font-size: 45px;
	font-weight: 700;
	line-height: .64444
}

.top-main__qa-content__list-items .txt {
	padding-left: 40px;
	padding-right: 50px
}

.top-main__contact {
	background: linear-gradient(to right, #2cb6d3 50%, #e6ebed 50%);
	height: 580px
}

.top-main__contact-inner {
	background: linear-gradient(to right, #2cb6d3 1003px, #e6ebed 1003px);
	margin: auto;
	width: 1180px
}

.top-main__contact-inner .l-container {
	-webkit-flex-direction: row;
	flex-direction: row
}

.top-main__contact-inner__catch {
	margin-left: 7px;
	padding-top: 112px;
	text-align: center
}

@media screen and (min-width: 768px),
print {
	.top-main__contact-inner__catch .btn-wrapper {
		display: flex;
		justify-content: center;
		gap: 20px;
	}
}

.top-main__contact-inner__catch .btn-wrapper .fancy-button.pop-onhover:hover:before {
	width: 375px
}

.top-main__contact-inner__catch .btn-wrapper__inner {
	padding: 19px 0 19px
}

.top-main__contact-inner__catch .btn-wrapper__inner-txt::after {
	right: -36px;
	top: 12px
}

@media screen and (min-width: 768px),
print {
	.top-main__contact-inner__catch .btn-wrapper__inner-txt::after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 15px;
		width: 15px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}
}

@media print {
	.top-main__contact-inner__catch .btn-wrapper__inner-txt::after {
		margin-bottom: 1px !important
	}
}

.top-main__contact-inner__catch img {
	height: auto;
	width: 30em;
	margin: 4px;
}

.top-main__contact-inner__catch-txt {
	color: #fff;
	margin: 38px 0 42px;
	text-align: center
}

.top-main__contact-inner__catch-txt em {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.04;
	border-bottom: 3px solid #fff;
	display: inline-block;
	letter-spacing: -.4px;
	margin-bottom: 24px;
	padding-bottom: 13px
}

.top-main__contact-inner__catch-txt span {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5
}

.top-main__contact-inner__image {
	margin-left: auto;
	margin-right: 50px;
	margin-top: -22px
}

@media screen and (min-width: 768px),
print {
	.top-main__contact-inner__image .image {
		height: 681px;
		width: 364px
	}
}

.top-main__contact-btn {
	border-radius: 40px;
	box-shadow: 0 5px 10px 0 rgba(7, 64, 70, 0.35);
	margin-left: 3px;
	padding: 0;
	height: 100%;
	width: 338px
}

.top-main__contact-btn span {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.64;
	display: inline-block;
	letter-spacing: .8px;
	position: relative
}

.top-main__contact-btn span::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 3px 3px 0;
	vertical-align: middle;
	height: 15px;
	width: 15px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 80px;
	top: 16px
}

@media all and (-ms-high-contrast: none),
print {
	.top-main__contact-btn span::after {
		margin-bottom: 1px !important
	}
}

@media screen and (min-width: 768px),
print {
	.top-main__contact-btn:hover .btn-wrapper__inner-txt::after {
		right: -50px
	}
}

.top-main__contact-btn .btn-wrapper__inner-txt {
	margin-left: 0;
	padding-bottom: 1px
}

.top-customer {
	position: relative
}

.top-customer__header {
	margin-bottom: 22px;
	text-align: center
}

.top-customer__title {
	font-size: 30px;
	line-height: 1.2
}

.top-customer-slider {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: 1px solid #e0e5eb;
	border-width: 1px 0;
	display: -webkit-flex;
	display: flex
}

.top-customer-slider+.top-customer-slider {
	margin-top: -1px
}

.top-customer-slider__item {
	border: 1px solid #e0e5eb;
	border-width: 0 1px 0 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
	height: 78px;
	width: 249px
}

.top-customer-slider__item img {
	display: block;
	width: 100%
}

@media screen and (max-width: 767px) {
	.content-title {
		font-size: 32.5px;
		font-weight: 700;
		line-height: .96923
	}

	.content-title::before,
	.top-hero__push-popup .content-title.close::after {
		height: 80px
	}

	.top-hero {
		background: #2cb6d3 url("../images/top/img-android.png") no-repeat;
		background-position: top -18px right 16px;
		background-size: 64%;
		height: auto;
		padding-bottom: 0;
		width: 100%
	}

	.top-hero__inner {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding-top: 0;
		position: relative;
		width: 100%
	}

	.top-hero__inner #topHeroImagePushSp {
		position: absolute;
		top: 40vw;
		right: calc(50vw - 41%);
		height: auto;
		width: 30vw
	}
}

@media screen and (max-width: 767px) and (min-width: 400px) {
	.top-hero__inner #topHeroImagePushSp {
		display: none
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-hero__inner #topHeroImagePushSp {
		right: calc(50vw - 40%)
	}
}

@media screen and (max-width: 767px) {
	.top-hero__inner-catch {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		margin: 224px auto 0;
		padding: 0;
		z-index: 1
	}

	.top-hero__inner-catch .l-logo__image {
		margin: 4px;
		height: auto;
		width: 22em
	}

	.top-hero__inner-catch__txt {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		margin-bottom: 36px;
		margin-top: 24px
	}

	.top-hero__inner-catch__txt em {
		font-size: 26px;
		font-weight: 700;
		line-height: .76087;
		border-width: 2px;
		letter-spacing: .6px;
		margin-bottom: 20px;
		padding: 0;
		padding-bottom: 12px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-hero__inner-catch__txt em {
		font-size: 24px;
		line-height: 1;
		letter-spacing: 0px;
		margin-bottom: 10px
	}
}

@media screen and (max-width: 767px) {
	.top-hero__inner-catch__txt em span {
		font-size: 23px;
		font-weight: 700;
		line-height: .76087
	}

	.top-hero__inner-catch__txt>span {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		display: block;
		letter-spacing: .3px;
		margin-left: 5px;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-hero__inner-catch__txt>span {
		letter-spacing: 0px;
		margin-left: 0
	}
}

@media screen and (max-width: 767px) {
	.top-hero__inner-image {
		margin-right: 0
	}

	.top-hero__inner-image .image {
		width: 38%
	}

	.top-hero__inner-image .push {
		width: 100%
	}

	.top-hero__push-wrap {
		display: none;
		width: 100%
	}

	.top-hero .btn-wrapper {
		transition: none !important;
		max-width: 302px;
		width: 302px;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}

	.top-hero__btn {
		font-size: 21px;
		font-weight: 700;
		line-height: 1.7381;
		margin: auto;
		max-width: 302px;
		width: 302px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.top-hero__btn span {
		padding-top: 19px;
		height: 100%
	}
}

@media screen and (max-width: 767px) {
	.top-hero__btn .btn-wrapper__inner {
		transition: none !important
	}

	.top-hero__btn.fancy-button .btn-wrapper__inner-txt::after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 13px;
		width: 13px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: calc(50% - 6px);
		transition: none !important;
		right: -54px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.top-hero__btn.fancy-button {
		top: calc(50% - 6px)
	}
}

@media screen and (max-width: 767px) {
	.top-main__push {
		background: linear-gradient(to bottom, #2cb6d3 78%, #f1f5f7 78%);
		padding: 46px 25px 0
	}

	.top-main__push .l-example {
		background-color: #fff;
		box-shadow: 0px 10px 20px 0px rgba(165, 179, 185, 0.25);
		margin-bottom: 0;
		padding: 35px 30px 25px;
		position: relative;
		top: 0;
		width: 100%
	}

	.top-main__push .l-example:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #2cb6d3;
		bottom: -55px;
		left: 50%;
		position: absolute;
		height: 55px;
		width: 1px
	}

	.top-main__push .l-example__inner {
		background: #fff;
		box-shadow: 0 10px 20px 0 rgba(165, 179, 185, 0.25);
		margin: auto;
		padding: 40px 30px;
		position: relative;
		width: calc(100% - 50px)
	}

	.top-main__push .l-example__inner::after {
		background: #2cb6d3;
		bottom: -50px;
		content: "";
		height: 50px;
		left: 0;
		margin: auto;
		position: absolute;
		right: 0;
		width: 1px
	}

	.top-main__push .l-example__inner .desctxt {
		font-size: 16px;
		font-weight: 400;
		line-height: 1.67857;
		overflow-y: hidden
	}

	.top-main__push .l-example__inner .desctxt.closeTxt {
		height: 70px
	}

	.top-main__push .l-example__contents {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 10px
	}

	.top-main__push .l-example__contents .image {
		min-width: 130px;
		width: 130px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__push .l-example__contents .image {
		min-width: 100px;
		width: 100px
	}
}

@media screen and (max-width: 767px) {
	.top-main__push .l-example__contents-profile {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%
	}

	.top-main__push .l-example__contents-profile .title {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.33333;
		display: block;
		margin-bottom: 0;
		width: calc(100% - 130px)
	}

	.top-main__push .l-example__contents-profile .title span {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.14286
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__push .l-example__contents-profile .title {
		width: calc(100% - 100px)
	}
}

@media screen and (max-width: 767px) {
	.top-main__push .l-example__contents-profile .title-img {
		margin-right: 0;
		margin-left: 4px;
		height: 25px;
		width: 100%
	}

	.top-main__push .l-example__contents-profile .title-img img {
		height: 100%;
		width: auto
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__push .l-example__contents-profile .title-img {
		margin-left: 10px
	}
}

@media screen and (max-width: 767px) {
	.top-main__push .l-example__contents-profile .title-txt {
		margin-left: 16px;
		margin-top: 10px;
		margin-bottom: 0;
		width: auto
	}

	.top-main__push .l-example__contents-profile .title-txt span:first-of-type {
		font-size: 16px;
		line-height: 1;
		display: block
	}

	.top-main__push .l-example__contents-profile .title-txt span:last-of-type {
		font-size: 12px;
		font-weight: 400;
		line-height: 1.33333;
		margin-top: 8px
	}

	.top-main__push .l-example__contents-profile .title-txt span:last-of-type span {
		display: block;
		font-weight: 400 !important
	}

	.top-main__push .l-example__contents-profile .title-txt span:last-of-type span:last-of-type {
		margin-top: 3px
	}

	.top-main__push .l-example__contents-profile .desctxt {
		margin-top: 22px
	}

	.top-main__push .l-example__contents-profile .more-btn {
		margin-top: 27px;
		padding-bottom: 1px
	}

	.top-main__push .l-example__title {
		font-size: 18px;
		font-weight: 700;
		line-height: 1.38889;
		margin-bottom: 20px
	}

	.top-main__push .l-example__title br {
		display: none
	}

	.top-main__push-overview {
		padding: 0 25px
	}

	.top-main__push-overview .pagelink-list {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: -16px;
		padding-top: 99px
	}

	.top-main__push-overview .pagelink-item {
		border: 1px solid #2cb6d3;
		border-radius: 3px;
		color: #2cb6d3;
		display: inline-block;
		margin-bottom: 16px;
		position: relative;
		text-align: center;
		height: 35px;
		width: calc(50% - 8px)
	}

	.top-main__push-overview .pagelink-item a {
		-webkit-align-items: center;
		align-items: center;
		color: #2cb6d3;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		padding: 0;
		height: 100%;
		width: 100%;
		font-size: 13px;
		font-weight: 500;
		line-height: 2.19231
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.top-main__push-overview .pagelink-item a {
		padding-top: 6px
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview .pagelink-item::after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 1px 1px 0;
		vertical-align: middle;
		height: 8px;
		width: 8px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		bottom: 0;
		margin: auto;
		position: absolute;
		right: 12px;
		top: -4px
	}

	.top-main__push-overview-catch {
		margin: 60px auto 0;
		width: 100%
	}

	.top-main__push-overview-catch-txt {
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6;
		padding: 0
	}

	.top-main__push-overview-catch em {
		font-size: 30px;
		font-weight: 700;
		line-height: 1.16667;
		margin-bottom: 32px
	}

	.top-main__push-overview__desc {
		display: block;
		margin-top: 46px
	}

	.top-main__push-overview__desc-inner .title {
		margin-top: 40px !important;
		: 28px;
		font-weight: 700;
		line-height: .92857
	}

	.top-main__push-overview__desc-inner .txt {
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6;
		margin: 10px 0 25px
	}

	.top-main__push-overview__desc-inner .example-list {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin: auto;
		font-size: 16.5px;
		font-weight: 700;
		line-height: 1.72727
	}

	.top-main__push-overview__desc-inner .example-list__title {
		margin-top: 15px;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
		width: 89px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.top-main__push-overview__desc-inner .example-list__title {
		padding-top: 4px
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview__desc-inner .example-list__content {
		margin-bottom: -56px;
		letter-spacing: 1px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.top-main__push-overview__desc-inner .example-list__content {
		margin-top: 12px
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview__desc-inner .imac {
		display: block;
		margin: auto;
		height: 265.5px;
		width: 333px
	}

	.top-main__push-overview__desc-inner .imac img {
		margin-left: -4px;
		height: 100%;
		width: 100%
	}

	.top-main__push-overview__desc-inner .android {
		bottom: -6px;
		left: calc(50% - 138px);
		width: 120px
	}

	.top-main__push-overview__desc-inner:first-child {
		margin-bottom: 47px;
		margin-left: 0;
		min-width: 100%;
		width: 100%
	}

	.top-main__push-overview__desc-inner:first-child .sm-push {
		bottom: 104px;
		left: calc(50% - 125px);
		width: 101px
	}

	.top-main__push-overview__desc-inner:first-child .desktop-push {
		bottom: 88px;
		right: calc(50% - 152px);
		width: 117.5px
	}

	.top-main__push-overview__desc-inner:nth-child(2) {
		margin-bottom: 60px;
		padding: 0;
		text-align: center;
		width: 100%
	}

	.top-main__push-overview__desc-inner .icon {
		margin: 0 auto 10px;
		padding-left: 9px;
		width: 200px
	}

	.top-main__push-overview__effect-title {
		font-size: 22.5px;
		font-weight: 700;
		line-height: 1.22222;
		margin-left: 3px;
		margin-bottom: 30px;
		padding-left: 0;
		padding-top: 26px
	}

	.top-main__push-overview__effect-inner {
		position: relative
	}

	.top-main__push-overview__effect-inner:before {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		background-color: #fff;
		box-shadow: 0px 3px 3px 0px rgba(165, 179, 185, 0.2);
		position: absolute;
		right: -25px;
		top: 0;
		height: 100%;
		width: calc(100% + 50px);
		z-index: -1
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__push-overview__effect-inner:before {
		right: -25px;
		width: calc(100% + 50px)
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview__effect-list {
		display: block;
		padding-bottom: 51px;
		width: 100%
	}

	.top-main__push-overview__effect-list__items {
		margin: 0 auto 42px;
		width: 100%
	}

	.top-main__push-overview__effect-list__items:last-of-type {
		margin-bottom: 0
	}

	.top-main__push-overview__effect-list__items .number {
		left: 15px
	}

	.top-main__push-overview__effect-list__items .number.num01 {
		padding-right: 4px
	}

	.top-main__push-overview__effect-list__items .number.num01 img {
		height: 21px;
		width: 8.5px
	}

	.top-main__push-overview__effect-list__items .number.num02 {
		padding-right: 0
	}

	.top-main__push-overview__effect-list__items .number.num02 img {
		height: 21.5px;
		width: 13px
	}

	.top-main__push-overview__effect-list__items .number.num03 {
		padding-right: 0
	}

	.top-main__push-overview__effect-list__items .number.num03 img {
		height: 21.5px;
		width: 16px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__push-overview__effect-list__items .image-wrap01 {
		height: 100%;
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview__effect-list__items .image-wrap01 img {
		margin-left: -2px
	}

	.top-main__push-overview__effect-list__items .title {
		font-size: 21px;
		font-weight: 700;
		line-height: 1.52381
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__push-overview__effect-list__items .title br {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview__effect-list__items .txt {
		font-size: 18px;
		font-weight: 400;
		line-height: 1.44444;
		margin-top: 23px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__push-overview__effect-list__items .txt br {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview__effect-ad {
		margin-top: 50px;
		padding-bottom: 90px
	}

	.top-main__push-overview__effect-ad__inner {
		display: block;
		padding: 0;
		padding-bottom: 36px;
		padding-top: 36px;
		width: 100%
	}

	.top-main__push-overview__effect-ad__inner .device {
		margin: 0 auto 9px;
		width: 120px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.top-main__push-overview__effect-ad__inner .device {
		height: 242px
	}
}

@media screen and (max-width: 767px) {
	.top-main__push-overview__effect-ad__inner .device-bg {
		object-fit: cover;
		font-family: "object-fit: cover";
		margin-left: -6px;
		height: 242px;
		width: 126px
	}

	.top-main__push-overview__effect-ad__inner .device-bg img,
	.top-main__push-overview__effect-ad__inner .device-bg source {
		object-fit: cover;
		font-family: "object-fit: cover";
		height: 100%;
		width: 100%
	}

	.top-main__push-overview__effect-ad__inner .device-push {
		left: 0;
		margin: auto;
		right: -7px;
		top: 50px;
		width: 90px
	}

	.top-main__push-overview__effect-ad__contents {
		width: 100%
	}

	.top-main__push-overview__effect-ad__contents .title {
		font-size: 21px;
		font-weight: 700;
		line-height: .71429;
		margin-bottom: 30px;
		margin-top: 0;
		text-align: center
	}

	.top-main__push-overview__effect-ad__contents .txt {
		letter-spacing: -.3px;
		margin-left: 0;
		padding: 0 30px;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6
	}

	.top-main__push-overview__effect-bg__inner {
		display: none
	}

	.top-main__merit {
		padding: 106px 25px 85px
	}

	.top-main__merit .content-title {
		font-size: 32.5px;
		font-weight: 700;
		line-height: .96923;
		letter-spacing: -1.4px
	}

	.top-main__merit .content-title:before {
		top: -112px;
		height: 60px
	}

	.top-main__merit .content-title::after {
		top: -131px;
		height: 25px
	}

	.top-main__merit .swiper-container {
		height: auto;
		padding-bottom: 26px
	}

	.top-main__merit-use__info {
		margin-bottom: 43px;
		padding: 0 0 27px
	}

	.top-main__merit-use__info-title span {
		font-size: 19px;
		font-weight: 700;
		line-height: 1;
		box-shadow: 0px 2px 5px 0px rgba(20, 150, 164, 0.7);
		border-radius: 2.5px;
		height: 33px;
		width: 218px
	}

	.top-main__merit-use__info-txt {
		margin-top: 19px;
		padding: 0 25px;
		text-align: left;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6
	}

	.delivery .top-main__merit-use__info-txt {
		font-size: 13px;
		font-weight: 400;
		line-height: 1.76923;
		margin-top: 19px;
		margin-bottom: 0;
		padding: 0 29px;
		padding-bottom: 0
	}

	.top-main__merit-use__info-img {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		margin-top: 20px;
		margin-left: 0
	}

	.top-main__merit-use__info-img img {
		height: 100%;
		width: 100%
	}

	.top-main__merit-use__info-img .image-wrap01 {
		margin-bottom: 10px;
		padding-left: 0;
		height: 143px;
		min-width: 264px;
		width: 264px
	}

	.top-main__merit-use__info-img .image-wrap02 {
		margin-bottom: 10px;
		margin-left: 3px;
		padding-left: 0;
		height: 141px;
		min-width: 263.5px;
		width: 263.5px
	}

	.top-main__merit-use__info-img .image-wrap03 {
		left: 0;
		margin-left: 0px;
		height: 111.5px;
		min-width: 263.5px;
		width: 263.5px
	}

	.top-main__merit-use__info-screen {
		display: block;
		padding: 0 29px
	}

	.top-main__merit-use__info-screen__img {
		width: 100%
	}

	.top-main__merit-use__info-screen__img.message-input {
		margin-top: 28px;
		margin-bottom: 28px
	}

	.top-main__merit-use__info-screen__img.message-input p {
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 16px
	}

	.top-main__merit-use__info-screen__img.message-input .images {
		background: url("../images/top/bg-message-input_sm.png") no-repeat;
		background-size: 100%;
		box-shadow: 0px 2px 2px 0px rgba(88, 96, 97, 0.4);
		margin-left: 0;
		padding-top: 53.58%;
		height: 0;
		width: 100%
	}

	.top-main__merit-use__info-screen__img.message-input .balloon {
		bottom: 0px;
		right: -4px;
		width: 169.5px
	}

	.top-main__merit-use__info-screen__img.analysis p {
		font-size: 16px;
		font-weight: 700;
		line-height: 1;
		margin-bottom: 16px
	}

	.top-main__merit-use__info-screen__img.analysis .images {
		background: url("../images/top/bg-analysis_sm.png") no-repeat;
		background-size: 100%;
		box-shadow: 0px 2px 2px 0px rgba(88, 96, 97, 0.4);
		padding-top: 53.58%;
		height: 0;
		width: 100%
	}

	.top-main__merit-use__info-screen__img.analysis .balloon {
		bottom: 15px;
		right: -4px;
		width: 194px
	}

	.top-main__merit-use__info.delivery {
		margin-bottom: 0;
		margin-top: 50px;
		padding-bottom: 32px
	}

	.top-main__merit-use__ico {
		margin: 80px auto 16px;
		height: 43.5px;
		width: 63px
	}

	.top-main__merit-use__catch {
		font-size: 19px;
		font-weight: 700;
		line-height: 1.44737;
		margin-bottom: 37px
	}

	.top-main__merit .swiper-container {
		overflow: visible
	}

	.top-main__merit .swiper-pagination {
		bottom: -22px;
		margin-left: 2px
	}

	.top-main__merit .swiper-pagination-bullet {
		margin: 0px 8.8px !important
	}

	.top-main__merit-list {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap
	}

	.top-main__merit-list__items {
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-basis: auto;
		flex-basis: auto;
		height: 324px;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		margin-bottom: 0;
		padding: 27px 30px 0;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 369px) {
	.top-main__merit-list__items {
		padding: 27px 20px 0
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__merit-list__items {
		padding: 20px 20px 0
	}
}

@media screen and (max-width: 767px) {
	.top-main__merit-list__items .title {
		font-size: 24.5px;
		font-weight: 700;
		line-height: 1.22449;
		display: block;
		letter-spacing: 0;
		text-indent: 0
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__merit-list__items .title {
		font-size: 20px;
		line-height: 1.25;
		margin-bottom: 10px
	}
}

@media screen and (max-width: 767px) {
	.top-main__merit-list__items .txt {
		font-size: 14.5px;
		font-weight: 400;
		line-height: 1.34483;
		margin: 20px 0 0;
		width: 100%
	}

	.top-main__merit-list__items .sub-txt {
		font-size: 11px;
		font-weight: 400;
		line-height: 1.81818;
		margin-top: 8px;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__merit-list__items .sub-txt {
		font-size: 11px;
		line-height: 1.36364;
		margin-top: 5px;
		padding-left: 11px;
		text-indent: -11px
	}
}

@media screen and (max-width: 767px) {
	.top-main__merit-list__items img {
		width: auto !important
	}

	.top-main__merit-list__items .image-wrap {
		height: 88px !important;
		width: 112px
	}

	.top-main__merit-list__items .image-wrap img {
		object-fit: contain;
		font-family: "object-fit: contain";
		height: 100%;
		width: 100%
	}

	.top-main__merit-list__items:nth-of-type(2) .image-wrap {
		margin-left: 16px
	}

	.top-main__merit-list__items:nth-of-type(3) .image-wrap {
		margin-left: 8px
	}

	.top-main__merit-list__items:nth-of-type(4) .image-wrap {
		margin-left: 6px
	}

	.top-main__merit-list__items:nth-of-type(5) .image-wrap {
		margin-left: 10px
	}

	.top-main__performance {
		padding-top: 104px;
		padding-bottom: 66px;
		padding-left: 25px;
		padding-right: 25px
	}

	.top-main__performance .content-title:before {
		height: 65px;
		top: -104px
	}

	.top-main__performance .content-title:after {
		height: 25px;
		top: -129px
	}

	.top-main__performance-txt {
		margin: 35px auto 30px;
		width: 100%;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6
	}

	.top-main__performance-count {
		font-size: 19px;
		font-weight: 700;
		line-height: 1.65789;
		margin-bottom: 0
	}

	.top-main__performance-wrap {
		margin-bottom: -25px
	}

	.top-main__performance-wrap .l-example {
		margin-bottom: 25px;
		padding: 35px 30px
	}

	.top-main__performance-wrap .l-example__contents .image {
		width: 130px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__performance-wrap .l-example__contents .image {
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.top-main__performance-wrap .l-example__contents-profile {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		width: 100%
	}

	.top-main__performance-wrap .l-example__contents-profile .title {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.25;
		-webkit-align-items: flex-start;
		align-items: flex-start;
		-webkit-flex-direction: column;
		flex-direction: column;
		margin-left: 15px;
		width: calc(100% - (130px + 15px))
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__performance-wrap .l-example__contents-profile .title {
		margin-top: 10px;
		margin-left: 0;
		margin-bottom: 15px;
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.top-main__performance-wrap .l-example__contents-profile .title-txt {
		width: 100%
	}

	.top-main__performance-wrap .l-example__contents-profile .title-txt__campany {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.14286;
		margin-bottom: 6px
	}

	.top-main__performance-wrap .l-example__contents-profile .title-txt__name {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.25
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__performance-wrap .l-example__contents-profile .title-txt__name {
		font-size: 11px;
		font-weight: 500;
		line-height: 1.27273
	}

	.top-main__performance-wrap .l-example__contents-profile .title-txt__name br {
		margin-left: 10px
	}
}

@media screen and (max-width: 767px) {
	.top-main__performance-wrap .l-example__contents-profile .title-img {
		margin-right: 0;
		margin-bottom: 10px;
		height: 25px;
		width: 90px
	}

	.top-main__performance-wrap .l-example__contents-profile .title-img img {
		object-fit: contain;
		font-family: "object-fit: contain";
		height: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__performance-wrap .l-example__contents-profile .title-img {
		margin-bottom: 5px
	}
}

@media screen and (max-width: 767px) {
	.top-main__performance-wrap .l-example__contents-profile .txt {
		height: 75px;
		overflow: hidden
	}

	.top-main__performance-wrap .l-example__contents-profile .txt.is-open {
		height: auto
	}

	.top-main__performance-wrap .l-example__contents-profile .more-btn {
		margin-top: 25px
	}

	.top-main__performance-wrap .l-example__title {
		margin-bottom: 23px
	}

	.top-main__performance .js-slider {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%
	}

	.top-main__performance .js-slider__wrap {
		background: #fff;
		border: 1px solid #d6dde1;
		margin-top: 20px;
		margin-bottom: 33px;
		padding: 34px 30px 27px
	}

	.top-main__performance .js-slider__upper {
		margin-bottom: -10px
	}

	.top-main__performance .js-slider div {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		margin-bottom: 10px;
		overflow: hidden;
		height: 45px;
		width: calc(50% - 15px)
	}

	.top-main__performance .js-slider div img {
		object-fit: contain;
		font-family: "object-fit: contain";
		height: 100%;
		width: auto
	}

	.top-main__function {
		padding-bottom: 77px;
		padding: 93px 25px 74px
	}

	.top-main__function .content-title:before {
		top: -117px
	}

	.top-main__function-desc {
		border-top: 1px solid #dbe3e7;
		display: block;
		margin: 42px -25px -4px;
		overflow-y: hidden;
		padding: 0 25px 35px
	}

	.top-main__function-desc.close {
		height: 86px
	}

	.top-main__function-desc__content {
		width: 100%
	}

	.top-main__function-desc__content-catch {
		font-size: 17px;
		font-weight: 700;
		line-height: 1.29412;
		letter-spacing: -.06em;
		padding: 16px 18px 16px
	}
}

@media screen and (max-width: 767px) and (min-width: 400px) {
	.top-main__function-desc__content-catch br {
		display: none
	}
}

@media screen and (max-width: 767px) and (max-width: 369px) {
	.top-main__function-desc__content-catch br {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.top-main__function-desc__content-title {
		margin-bottom: 17px;
		margin-top: 22px;
		position: relative
	}

	.close .top-main__function-desc__content-title {
		margin-bottom: 30px
	}

	.top-main__function-desc__content-title span {
		font-size: 20px;
		font-weight: 700;
		line-height: 2;
		margin-left: 0
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__function-desc__content-title span {
		font-size: 19px;
		line-height: 1.26316;
		padding-right: 30px
	}
}

@media screen and (max-width: 767px) {
	.top-main__function-desc__content-title span.open-close {
		padding: 0
	}

	.top-main__function-desc__content-title .new {
		margin-right: 5px;
		height: calc(56px / 2);
		width: calc(57px / 2)
	}

	.top-main__function-desc__content-txt {
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6
	}

	.top-main__function-desc__content .dmp {
		margin: 15px auto;
		height: 70px;
		width: auto;
		display: flex;
		justify-content: center;
	}

	.top-main__function-desc__content-supple {
		line-height: 1;
		margin-top: 16px
	}

	.top-main__function-desc__image {
		margin: 26px auto 0;
		height: inherit;
		width: 325px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__function-desc__image {
		width: 100%
	}
}

@media screen and (max-width: 767px) {
	.top-main__function-desc__image .ico-arrow__wrap {
		bottom: 86px;
		left: 137px;
		width: 50px
	}

	.top-main__function-supple {
		margin-top: 15px
	}

	.top-main__function-supple li {
		padding-left: 12px;
		text-indent: -12px
	}

	.top-main__function-supple li:not(:first-of-type) {
		margin-top: 3px
	}

	.top-main__function-list {
		display: block;
		margin: 0 -25px -4px
	}

	.top-main__function-list__items {
		border-bottom: 1px solid #dbe3e7;
		cursor: pointer;
		margin-bottom: 0;
		overflow-y: hidden;
		padding: 23px 25px 0
	}

	.top-main__function-list__items-title {
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.top-main__function-list__items-title:before {
		top: 5px
	}
}

@media screen and (max-width: 767px) {
	.close .top-main__function-list__items-title {
		margin-bottom: 30px
	}

	.top-main__function-list__items.close {
		height: 84px
	}

	.top-main__function-list__items:nth-child(3n+2) {
		margin: 0
	}

	.top-main__function-list__items:nth-child(n+7) {
		margin-bottom: 0
	}

	.top-main__function-list__items-title {
		font-size: 20px;
		font-weight: 700;
		line-height: 2;
		position: relative
	}

	.top-main__function-list__items.question .txt {
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6
	}

	.top-main__function-list__items-txt {
		padding-bottom: 26px
	}

	.top-main__qa {
		padding-bottom: 35px;
		padding-top: 98px
	}

	.top-main__qa .content-title:before {
		top: -121px
	}

	.top-main__qa-content {
		padding: 0 25px
	}

	.top-main__qa-content__list-items {
		height: auto;
		-webkit-justify-content: flex-start;
		justify-content: flex-start
	}

	.top-main__qa-content__list-items .txt {
		padding: 12px 17px 10px
	}

	.top-main__qa-content__list-items .ico img {
		width: 26px
	}

	.top-main__qa-content__list-items.question {
		-webkit-align-items: center;
		align-items: center;
		cursor: pointer;
		width: 100%
	}

	.top-main__qa-content__list-items.question.close .open-close:after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.top-main__qa-content__list-items.question.close.active .open-close:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.top-main__qa-content__list-items.question:not(:first-of-type) {
		margin-top: 20px
	}

	.top-main__qa-content__list-items.question .txt {
		font-size: 15px;
		font-weight: 500;
		line-height: 1.6;
		padding: 16px 45px 8px 58px;
		width: 100%
	}

	.top-main__qa-content__list-items.question .ico {
		box-shadow: none;
		height: 42px;
		left: 0;
		top: 0;
		min-width: 42px;
		width: 42px
	}

	.top-main__qa-content__list-items.question .ico img {
		margin-left: 5px
	}

	.top-main__qa-content__list-items.question .open-close {
		right: 10px
	}

	.top-main__qa-content__list-items.answer {
		height: auto;
		margin-bottom: 0;
		overflow-y: hidden;
		width: 100%
	}

	.top-main__qa-content__list-items.answer.close {
		height: 0;
		margin-bottom: 1px
	}

	.top-main__qa-content__list-items.answer .ico {
		height: 42px;
		min-width: 42px;
		width: 42px
	}

	.top-main__qa-content__list-items.answer .ico img {
		margin-left: 5px
	}

	.top-main__qa-content__list-items.answer.into-img .image {
		display: block;
		margin: auto;
		padding-bottom: 30px;
		width: 265px
	}

	.top-main__qa-content__list-items.answer .txt {
		padding-top: 13px;
		width: 283px;
		font-size: 15px;
		font-weight: 400;
		line-height: 1.6
	}

	.top-main__contact {
		height: auto
	}

	.top-main__contact-inner {
		width: 100%
	}

	.top-main__contact-inner__catch {
		margin-left: 0;
		padding-top: 65px
	}

	.top-main__contact-inner__catch .logo {
		height: auto;
		width: 22em;
		margin: 4px
	}

	.top-main__contact-inner__catch-txt {
		margin-top: 32px;
		margin-bottom: 33px
	}

	.top-main__contact-inner__catch-txt em {
		border-bottom: 0;
		margin-bottom: 0;
		padding-bottom: 0
	}

	.top-main__contact-inner__catch-txt em span {
		font-size: 25px;
		font-weight: 700;
		line-height: 1;
		border-bottom: 2px solid #fff;
		display: inline-block;
		padding-bottom: 2px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__contact-inner__catch-txt em span {
		font-size: 20px;
		line-height: 1
	}
}

@media screen and (max-width: 767px) {
	.top-main__contact-inner__catch-txt em span:first-of-type {
		padding-bottom: 6px
	}

	.top-main__contact-inner__catch-txt em span:last-of-type {
		margin-top: 10px;
		padding-bottom: 8px
	}

	.top-main__contact-inner__catch-txt>span {
		font-size: 18px;
		font-weight: 500;
		line-height: 1.5;
		display: inline-block;
		margin-top: 20px
	}
}

@media screen and (max-width: 767px) and (max-width: 330px) {
	.top-main__contact-inner__catch-txt>span {
		font-size: 16px;
		line-height: 1.5625
	}
}

@media screen and (max-width: 767px) {
	.top-main__contact-inner__catch .btn-wrapper {
		height: 150px;
		width: 100%;
		margin-left: 0;

		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 20px;
	}

	.top-main__contact-inner__catch .btn-wrapper__inner {
		padding: 0
	}

	.top-main__contact-inner__catch .btn-wrapper__inner-txt {
		font-size: 17.5px;
		font-weight: 700;
		line-height: 1;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex
	}

	.top-main__contact-inner__catch .btn-wrapper__inner-txt::after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 11px;
		width: 11px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: -44px;
		top: 9px
	}

	.top-main__contact-inner__image {
		margin: auto;
		margin-top: -25px;
		width: 199px
	}

	.top-main__contact-btn {
		margin: auto;
		padding: 0;
		width: 302px
	}

	.top-main__contact-btn span {
		font-size: 21px;
		font-weight: 700;
		line-height: 1.7381;
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		padding-bottom: 2px;
		height: 30px
	}

	.top-main__contact-btn span:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 13px;
		width: 13px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 39px;
		top: calc(50% - 6px)
	}

	.top-customer {
		margin: 0 25px;
		padding-top: 30px
	}

	.top-customer__header {
		margin-bottom: 11px
	}

	.top-customer__title {
		font-size: 16px;
		font-weight: 700;
		line-height: 1.3125
	}

	.top-customer__content {
		display: -webkit-flex;
		display: flex;
		margin-right: -1px
	}

	.top-customer-slider {
		border-width: 1px 1px 0 1px;
		display: block;
		opacity: 1;
		width: 50%
	}

	.top-customer-slider+.top-customer-slider {
		margin: 0 0 0 -1px
	}

	.top-customer-slider__item {
		border-width: 0 0 1px;
		height: auto;
		width: auto
	}

	.open-close {
		border: 1px solid #2cb6d3;
		border-radius: 50%;
		bottom: 0;
		display: inline-block;
		height: 25px;
		margin: auto;
		padding: 0;
		position: absolute;
		right: 0;
		top: 0;
		max-width: 25px;
		width: 25px
	}

	.open-close.active::after {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.open-close::after {
		background: #2cb6d3;
		content: "";
		height: 1px;
		position: absolute;
		right: 6px;
		top: 11px;
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
		width: 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.open-close::after {
		width: 11px
	}
}

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

	.open-close::before,
	.top-hero__push-popup .open-close.close::after {
		background: #2cb6d3;
		content: "";
		height: 1px;
		position: absolute;
		right: 6px;
		top: 11px;
		width: 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {

	.open-close::before,
	.top-hero__push-popup .open-close.close::after {
		width: 11px
	}
}

.inquiry-wrap {
	background-color: #f4f7fa;
	padding-bottom: 100px
}

.inquiry-wrap__formarea {
	margin: 60px auto 0;
	width: 1000px
}

.inquiry-wrap__formarea--txt {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	letter-spacing: .2px;
	margin-left: 2px
}

.inquiry-wrap__formarea--form {
	margin-top: 29px
}

.inquiry-wrap__formarea--form dl {
	background-color: #fff;
	display: -webkit-flex;
	display: flex
}

.inquiry-wrap__formarea--form dl:not(:first-of-type) {
	border-top: 1px solid #c6d4de
}

.inquiry-wrap__formarea--form dl dt {
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	background-color: #e6eef4;
	display: -webkit-flex;
	display: flex;
	padding-left: 29px;
	position: relative;
	min-width: 251px;
	width: 251px
}

@media screen and (max-width: 767px) and (-ms-high-contrast: none) {
	.inquiry-wrap__formarea--form dl dt {
		padding-top: 7px
	}
}

.inquiry-wrap__formarea--form dl dt.required:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	background-color: #f2657f;
	content: "必須";
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	letter-spacing: 4px;
	padding-left: 4px;
	position: absolute;
	right: 20px;
	top: calc(50% - 11px);
	height: 22px;
	width: 47px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dt.required:after {
		padding-top: 5px
	}
}

.inquiry-wrap__formarea--form dl dt.optional:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	background-color: #1e90ff;
	content: "任意";
	color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	letter-spacing: 4px;
	padding-left: 4px;
	position: absolute;
	right: 20px;
	top: calc(50% - 11px);
	height: 22px;
	width: 47px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dt.optional:after {
		padding-top: 5px
	}
}

.inquiry-wrap__formarea--form dl dd {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 20px 30px;
	width: 100%
}

.inquiry-wrap__formarea--form dl dd input,
.inquiry-wrap__formarea--form dl dd button,
.inquiry-wrap__formarea--form dl dd textarea {
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.selectbox {
    display: inline-flex;
    align-items: center;
    position: relative;
}

.selectbox::after {
    position: absolute;
    right: 30px;
    width: 10px;
    height: 7px;
    background-color: #535353;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.selectbox select {
    appearance: none;
    min-width: 230px;
    height: 2.8em;
    padding: .4em calc(.8em + 30px) .4em .8em;
    border: 1px solid #cccccc;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1em;
    cursor: pointer;
}

.inquiry-wrap__formarea--form dl dd select::-ms-expand {
	display: none
}

.inquiry-wrap__formarea--form dl dd.adjust {
	padding-top: 30px;
	padding-bottom: 30px
}

.inquiry-wrap__formarea--form dl dd .width100 {
	width: 100%
}

.inquiry-wrap__formarea--form dl dd input[type="text"],
.inquiry-wrap__formarea--form dl dd input[type="email"],
.inquiry-wrap__formarea--form dl dd input[type="tel"] {
	font-size: 16px;
	line-height: 1;
	border: 1px solid #c6d4de;
	padding: 0 23px;
	height: 43px;
	width: 100%
}

.inquiry-wrap__formarea--form dl dd input[type="text"]:placeholder-shown {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dd input[type="text"]:placeholder-shown {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="email"]:placeholder-shown {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dd input[type="email"]:placeholder-shown {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="tel"]:placeholder-shown {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dd input[type="tel"]:placeholder-shown {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="text"]::-webkit-input-placeholder {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dd input[type="text"]::-webkit-input-placeholder {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="email"]::-webkit-input-placeholder {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dd input[type="email"]::-webkit-input-placeholder {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="tel"]::-webkit-input-placeholder {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dd input[type="tel"]::-webkit-input-placeholder {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="text"],
.inquiry-wrap__formarea--form dl dd input[type="email"],
.inquiry-wrap__formarea--form dl dd input[type="tel"]:-moz-placeholder {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"]:-moz-placeholder {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="text"],
.inquiry-wrap__formarea--form dl dd input[type="email"],
.inquiry-wrap__formarea--form dl dd input[type="tel"]::-moz-placeholder {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"]::-moz-placeholder {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="text"],
.inquiry-wrap__formarea--form dl dd input[type="email"],
.inquiry-wrap__formarea--form dl dd input[type="tel"]:-ms-input-placeholder {
	color: #adc0ce;
	padding-bottom: 1px
}

@media all and (-ms-high-contrast: none),
print {

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"]:-ms-input-placeholder {
		padding-top: 8px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="checkbox"] {
	margin-right: 19px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--form dl dd input[type="checkbox"] {
		margin-top: -4px
	}
}

.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:before,
.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:before {
	border: 1px solid #c6d4de;
	height: 20px;
	width: 20px
}

.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:after {
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	content: '\f00c';
	color: #2cb6d3;
	font-family: "Font Awesome 5 FREE";
	left: 4px;
	opacity: 0;
	position: absolute;
	top: 5px;
	visibility: hidden
}

.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:checked:before {
	border-color: #2cb6d3
}

.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:checked:after {
	opacity: 1;
	visibility: visible
}

.inquiry-wrap__formarea--form dl dd label {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	position: relative;
	width: 250px
}

.inquiry-wrap__formarea--form dl dd label:nth-of-type(n+3) {
	margin-top: 16px
}

.inquiry-wrap__formarea--form dl dd textarea {
	border: 1px solid #c6d4de;
	margin: 9px 0 10px;
	padding: 15px 20px;
	height: 160px;
	width: 100%
}

.inquiry-wrap__formarea--privacy {
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: center;
	justify-content: center;
	margin-top: 50px
}

.inquiry-wrap__formarea--privacy input,
.inquiry-wrap__formarea--privacy button,
.inquiry-wrap__formarea--privacy textarea,
.inquiry-wrap__formarea--privacy select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.inquiry-wrap__formarea--privacy select::-ms-expand {
	display: none
}

.inquiry-wrap__formarea--privacy-textarea {
	background-color: #fff;
	border: 1px solid #c6d4de;
	overflow-x: hidden;
	overflow-y: scroll;
	padding: 16px 30px;
	height: 130px;
	width: 100%
}

.inquiry-wrap__formarea--privacy input[type="checkbox"] {
	margin-top: 1px;
	margin-right: 23px
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--privacy input[type="checkbox"] {
		margin-top: -6px
	}
}

.inquiry-wrap__formarea--privacy input[type="checkbox"]:before,
.inquiry-wrap__formarea--privacy input[type="checkbox"]:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1)
}

.inquiry-wrap__formarea--privacy input[type="checkbox"]:before {
	border: 1px solid #c6d4de;
	background-color: #fff;
	height: 20px;
	width: 20px
}

.inquiry-wrap__formarea--privacy input[type="checkbox"]:after {
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	content: '\f00c';
	color: #2cb6d3;
	font-family: "Font Awesome 5 FREE";
	left: 4px;
	opacity: 0;
	position: absolute;
	top: 5px;
	visibility: hidden
}

.inquiry-wrap__formarea--privacy input[type="checkbox"]:checked:before {
	border-color: #2cb6d3
}

.inquiry-wrap__formarea--privacy input[type="checkbox"]:checked:after {
	opacity: 1;
	visibility: visible
}

.inquiry-wrap__formarea--privacy label {
	font-size: 16px;
	font-weight: 400;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	margin-top: 41px;
	margin-left: 4px;
	position: relative
}

.inquiry-wrap__formarea--btnarea {
	-webkit-align-items: center;
	align-items: center;
	margin: 50px auto 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center
}

.inquiry-wrap__formarea--btnarea .btn-wrapper__inner {
	height: 70px
}

.inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn input {
	margin: auto
}

@media screen and (min-width: 768px),
print {

	.inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn .btn:hover::before,
	.inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn .top-hero__push-popup .btn.close:hover::after,
	.top-hero__push-popup .inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn .btn.close:hover::after {
		bottom: 2px
	}

	.inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn .btn:hover:after {
		right: 48px
	}
}

.inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn .btn:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 3px 3px 0;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 6px);
	z-index: 10;
	transition: all .3s
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn .btn:after {
		margin-bottom: 1px !important
	}
}

.inquiry-wrap__formarea--btnarea.adjust {
	margin-top: 30px
}

.inquiry-wrap__formarea--btnarea .btn {
	border-radius: 35px;
	box-shadow: none;
	height: 70px;
	padding-bottom: 2px;
	position: relative;
	width: 379px;
	margin-right: 0;
	transition: all .3s
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .btn {
		overflow: hidden
	}
}

.confirm .inquiry-wrap__formarea--btnarea .btn {
	padding-right: 0;
	width: 320px
}

.confirm .inquiry-wrap__formarea--btnarea .btn:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 3px 3px 0;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	border-color: #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	position: absolute
}

@media all and (-ms-high-contrast: none),
print {
	.confirm .inquiry-wrap__formarea--btnarea .btn:after {
		margin-bottom: 1px !important
	}
}

.inquiry-wrap__formarea--btnarea .btn:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 3px 3px 0;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	right: 62px;
	top: calc(50% - 7px);
	z-index: 10;
	transition: all .3s
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .btn:after {
		margin-bottom: 1px !important
	}
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .btn:after {
		top: calc(50% - 8px)
	}
}

.inquiry-wrap__formarea--btnarea .btn input,
.inquiry-wrap__formarea--btnarea .btn a {
	font-size: 22px;
	font-weight: 700;
	line-height: 1;
	-webkit-align-items: center;
	align-items: center;
	color: #fff;
	display: -webkit-flex;
	display: flex;
	height: 100%;
	-webkit-justify-content: center;
	justify-content: center;
	letter-spacing: .9px;
	width: 100%
}

@media all and (-ms-high-contrast: none),
print {

	.inquiry-wrap__formarea--btnarea .btn input,
	.inquiry-wrap__formarea--btnarea .btn a {
		padding-top: 10px
	}
}

.inquiry-wrap__formarea--btnarea .btn input::after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 3px 3px 0;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	border-color: #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 6px);
	z-index: 10
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .btn input::after {
		margin-bottom: 1px !important
	}
}

.inquiry-wrap__formarea--btnarea .btn::before,
.inquiry-wrap__formarea--btnarea .top-hero__push-popup .btn.close::after,
.top-hero__push-popup .inquiry-wrap__formarea--btnarea .btn.close::after {
	width: 300px;
	height: 12px
}

@media screen and (min-width: 768px),
print {

	.inquiry-wrap__formarea--btnarea .btn:hover::before,
	.inquiry-wrap__formarea--btnarea .top-hero__push-popup .btn.close:hover::after,
	.top-hero__push-popup .inquiry-wrap__formarea--btnarea .btn.close:hover::after {
		bottom: -5px
	}

	.inquiry-wrap__formarea--btnarea .btn:hover::after {
		right: 50px;
		transition: all .3s
	}

	.inquiry-wrap__formarea--btnarea .btn:hover .inquiry-wrap__formarea--btnarea .btn:after {
		right: 46px
	}
}

.inquiry-wrap__formarea--btnarea .back {
	transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	background: none;
	background-color: #a7bccd;
	margin-right: 40px;
	padding-right: 0
}

.inquiry-wrap__formarea--btnarea .back:hover {
	opacity: .8
}

.inquiry-wrap__formarea--btnarea .back:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 3px 3px 0;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	border-color: #000;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 64px;
	right: inherit
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .back:after {
		margin-bottom: 1px !important
	}
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .back:after {
		top: calc(50% - 6px)
	}
}

.inquiry-wrap__formarea--btnarea .back input {
	width: 100%
}

@media screen and (min-width: 768px),
print {
	.inquiry-wrap__formarea--btnarea .back input {
		padding-left: 50px
	}
}

.inquiry-wrap__formarea--btnarea .back-top {
	transition: opacity 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
	background: none;
	background-color: #a7bccd;
	margin-right: 0;
	padding-right: 0;
	padding-left: 30px
}

.inquiry-wrap__formarea--btnarea .back-top:hover {
	opacity: .8
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .back-top {
		padding-top: 2px
	}
}

.inquiry-wrap__formarea--btnarea .back-top:after {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	content: "";
	display: inline-block;
	vertical-align: middle;
	border-style: solid;
	border-width: 0 3px 3px 0;
	vertical-align: middle;
	height: 13px;
	width: 13px;
	border-color: #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	left: 43px;
	right: inherit
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .back-top:after {
		margin-bottom: 1px !important
	}
}

@media all and (-ms-high-contrast: none),
print {
	.inquiry-wrap__formarea--btnarea .back-top:after {
		top: calc(50% - 6px)
	}
}

.inquiry-wrap__formarea .error {
	font-size: 13px;
	font-weight: 700;
	line-height: 1;
	color: #ff627f;
	margin-top: 10px
}

.inquiry-wrap__formarea .finish-wrap {
	-webkit-align-items: center;
	align-items: center;
	background-color: #fff;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 70px;
	padding: 60px 50px
}

.inquiry-wrap__formarea .finish-wrap__tit {
	font-size: 20px;
	font-weight: 700;
	line-height: 1
}

.inquiry-wrap__formarea .finish-wrap__txt {
	margin-top: 30px;
	width: 100%
}

.inquiry-wrap__formarea .finish-wrap__txt p:not(:first-of-type) {
	margin-top: 8px
}

.inquiry-wrap__formarea .finish-btn {
	margin-top: 40px
}

@media screen and (max-width: 767px) {
	.inquiry-wrap__formarea {
		margin: 34px auto 0;
		padding: 0 21px 10px;
		width: 100%
	}

	.inquiry-wrap__formarea--txt {
		font-size: 12px;
		line-height: 1.625;
		letter-spacing: .2px;
		margin-left: 2px
	}

	.inquiry-wrap__formarea--form {
		margin-top: 32px
	}

	.inquiry-wrap__formarea--form dl {
		-webkit-flex-direction: column;
		flex-direction: column
	}

	.inquiry-wrap__formarea--form dl dt {
		font-size: 15px;
		line-height: 1;
		padding-left: 21px;
		height: 50px;
		min-width: 100%;
		width: 100%
	}

	.inquiry-wrap__formarea--form dl dt.required:after {
		font-size: 12px;
		line-height: 1;
		letter-spacing: 4px;
		padding-left: 4px;
		right: 19px;
		top: calc(50% - 11px);
		height: 21.5px;
		width: 46px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.inquiry-wrap__formarea--form dl dt.required:after {
		padding-top: 5px
	}
}

@media screen and (max-width: 767px) {
	.inquiry-wrap__formarea--form dl dd {
		padding: 20px 19px
	}

	.inquiry-wrap__formarea--form dl dd.adjust {
		padding-top: 20px;
		padding-bottom: 20px
	}

	.inquiry-wrap__formarea--form dl dd.adjust-sp {
		padding-top: 12px;
		padding-bottom: 12px
	}

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"] {
		font-size: 16px;
		line-height: 1;
		padding: 0 23px
	}

	.inquiry-wrap__formarea--form dl dd input[type="text"]:placeholder-shown {
		padding-top: 2px
	}

	.inquiry-wrap__formarea--form dl dd input[type="email"]:placeholder-shown {
		padding-top: 2px
	}

	.inquiry-wrap__formarea--form dl dd input[type="tel"]:placeholder-shown {
		padding-top: 2px
	}

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"]::-webkit-input-placeholder {
		padding-top: 2px
	}

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"]:-moz-placeholder {
		padding-top: 2px
	}

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"]::-moz-placeholder {
		padding-top: 2px
	}

	.inquiry-wrap__formarea--form dl dd input[type="text"],
	.inquiry-wrap__formarea--form dl dd input[type="email"],
	.inquiry-wrap__formarea--form dl dd input[type="tel"]:-ms-input-placeholder {
		padding-top: 2px
	}

	.inquiry-wrap__formarea--form dl dd input[type="checkbox"] {
		margin-right: 10px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.inquiry-wrap__formarea--form dl dd input[type="checkbox"] {
		margin-top: -7px
	}
}

@media screen and (max-width: 767px) {
	.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:before {
		margin-top: -1px;
		margin-right: 0;
		height: 20px;
		width: 20px
	}

	.inquiry-wrap__formarea--form dl dd input[type="checkbox"]:after {
		font-size: 12px;
		line-height: 1;
		left: 5px;
		top: 4px
	}

	.inquiry-wrap__formarea--form dl dd label {
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		width: 100%
	}

	.inquiry-wrap__formarea--form dl dd label:nth-of-type(n+2) {
		margin-top: 16px
	}

	.inquiry-wrap__formarea--form dl dd textarea {
		margin: 9px 0 10px;
		padding: 15px 20px;
		height: 125px;
		width: 100%
	}

	.inquiry-wrap__formarea--privacy {
		margin-top: 23px
	}

	.inquiry-wrap__formarea--privacy-textarea {
		-webkit-overflow-scrolling: touch;
		padding: 16px 30px;
		height: 140px
	}

	.inquiry-wrap__formarea--privacy input[type="checkbox"] {
		margin-top: -2px;
		margin-right: 13px
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.inquiry-wrap__formarea--privacy input[type="checkbox"] {
		margin-top: -7px
	}
}

@media screen and (max-width: 767px) {
	.inquiry-wrap__formarea--privacy input[type="checkbox"]:before {
		margin-right: 0;
		height: 20px;
		width: 20px
	}

	.inquiry-wrap__formarea--privacy input[type="checkbox"]:after {
		font-size: 12px;
		line-height: 1;
		left: 5px;
		top: 4px
	}

	.inquiry-wrap__formarea--privacy label {
		font-size: 16px;
		font-weight: 400;
		line-height: 1;
		margin-top: 23px;
		margin-left: 2px
	}

	.inquiry-wrap__formarea--btnarea {
		-webkit-flex-direction: column-reverse;
		flex-direction: column-reverse;
		margin: 50px auto 0
	}

	.inquiry-wrap__formarea--btnarea.adjust {
		margin-top: 30px
	}

	.inquiry-wrap__formarea--btnarea .btn {
		border-radius: 35px;
		padding-right: 0;
		padding-bottom: 2px;
		height: 55px;
		width: 295px
	}

	.confirm .inquiry-wrap__formarea--btnarea .btn {
		padding-right: 0;
		width: 295px;
		padding-top: 0;
		height: 55px
	}

	.inquiry-wrap__formarea--btnarea .btn:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 10px;
		width: 10px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 47px;
		top: calc(50% - 6px)
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {
	.inquiry-wrap__formarea--btnarea .btn:after {
		top: calc(50% - 6px)
	}
}

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

	.inquiry-wrap__formarea--btnarea .btn input,
	.inquiry-wrap__formarea--btnarea .btn a {
		font-size: 17.5px;
		line-height: 1;
		letter-spacing: .9px;
		width: 100%
	}
}

@media screen and (max-width: 767px) and (max-width: 767px) and (-ms-high-contrast: none) {

	.inquiry-wrap__formarea--btnarea .btn input,
	.inquiry-wrap__formarea--btnarea .btn a {
		padding-top: 9px
	}
}

@media screen and (max-width: 767px) {
	.inquiry-wrap__formarea--btnarea .back {
		margin-top: 30px;
		margin-right: 0;
		padding-right: 0;
		padding-left: 26px
	}

	.inquiry-wrap__formarea--btnarea .back:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 10px;
		width: 10px;
		border-color: #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		left: 47px;
		top: calc(50% - 5px)
	}

	.confirm .inquiry-wrap__formarea--btnarea .back:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 10px;
		width: 10px;
		border-color: #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg)
	}

	.inquiry-wrap__formarea--btnarea .back-top:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 10px;
		width: 10px;
		border-color: #fff;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
		left: 43px
	}

	.inquiry-wrap__formarea--btnarea.finish-btn .btn:after {
		top: calc(50% - 5px)
	}

	.inquiry-wrap__formarea--btnarea .btn-wrapper.send-btn .btn:after {
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		content: "";
		display: inline-block;
		vertical-align: middle;
		border-style: solid;
		border-width: 0 3px 3px 0;
		vertical-align: middle;
		height: 10px;
		width: 10px;
		border-color: #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		right: 47px
	}

	.inquiry-wrap__formarea--btnarea .btn-wrapper__inner {
		-webkit-align-items: center;
		align-items: center;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		height: 55px
	}

	.inquiry-wrap__formarea .error {
		font-size: 11px;
		font-weight: 700;
		line-height: 1;
		margin-top: 10px
	}

	.inquiry-wrap__formarea .finish-wrap {
		margin: 0;
		padding: 30px 30px
	}

	.inquiry-wrap__formarea .finish-wrap__tit {
		font-size: 16px;
		line-height: 1.5
	}

	.inquiry-wrap__formarea .finish-wrap__txt {
		margin-top: 20px
	}

	.inquiry-wrap__formarea .finish-wrap__txt p:not(:first-of-type) {
		margin-top: 8px
	}

/* 追加項目（日程調整アポ）ここから*/
	.inquiry-wrap__formarea .finish-wrap__txt iframe {
		max-width: 100%;
	}
/* 追加項目（日程調整アポ）ここまで */

	.inquiry-wrap__formarea .finish-btn {
		margin-top: 30px
	}
}

.sticky:before,
.sticky:after {
	content: "";
	display: table
}

.swiper-container {
	height: 300px;
	width: 600px
}

.swiper-container img {
	height: 100%;
	object-fit: cover;
	width: 100%
}

@media screen and (max-width: 767px) {
	.swiper-container {
		width: 100%
	}
}

.swiper-pagination-bullet-active {
	background: #fff !important;
	opacity: 1 !important
}

.swiper-pagination-bullet {
	background: none;
	border: 1px solid #fff;
	height: 12px;
	opacity: .8;
	width: 12px
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 8px
}

/* トップページ アイコンの並び */
.icon {
	display: flex;
	flex-wrap: wrap;
}

.icon-row {
	margin-left: -50px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}

.icon-row:last-of-type {
	margin-right: 0;
}

.icon-item {
	margin: 0 10px;
}

.icon-item:first-of-type {
	margin-left: 0;
}

.icon-item:last-of-type {
	margin-right: 0;
}

.icon-safari {
	margin-left: 25px !important;
	margin-bottom: 18px;
}

.icon-droid {
	margin-top: 13px;
}

.icon-apple {
	margin-left: 23px !important;
	margin-top: 5px !important;
}

.title-top-page {
	margin-top: -110px !important;
}

.head-btn {
	margin-left: 53px;
	margin-right: 30px;
}

@media screen and (min-width: 768px),
print {
	.footer-img {
		margin-left: -60px;
	}
}

.inquiry-wrap__formarea--special-offer {
	margin-bottom: 20px;
	border-radius: 10px;
	padding: 15px;
	text-align: center;
	border: 2px solid #2cb6d3;
}

@media screen and (min-width: 768px),
print {
	.inquiry-wrap__formarea--special-offer {
		margin-bottom: 48px;
		border: 3px solid #2cb6d3;
	}
}

.inquiry-wrap__formarea--special-offer > h3 {
	font-size: 16px;
	font-weight: 700;
	color: #2cb6d3;
	margin-bottom: 10px;
}

@media screen and (min-width: 768px),
print {
	.inquiry-wrap__formarea--special-offer > h3 {
		font-size: 20px;
	}
}

.inquiry-wrap__formarea--special-offer > p {
	font-size: 15px;
}

@media screen and (min-width: 768px),
print {
	.inquiry-wrap__formarea--special-offer > p {
		font-size: 16px;
	}
}

.inquiry-wrap__formarea--special-offer > p + p {
	margin-top: 10px;
}

@media screen and (min-width: 768px),
print {
	.inquiry-wrap__formarea--special-offer > p + p {
		margin-top: 0px;
	}
}