/*スライダーcss*/

.top-fast-view-slide {
	width: 100%;
	height: 46vw;
	overflow: hidden;
	position: relative;
}

.top-fast-view-item-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 46vw;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: 10;
	opacity: 0;
	animation-name: fade;
	animation-duration: 12s;
	animation-iteration-count: infinite;
}

@keyframes fade {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 1;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		z-index: 0;
	}
}


/* 1枚目のスライド */

.top-fast-view-item-slide1 {}


/* 2枚目のスライド */

.top-fast-view-item-slide2 {
	animation-delay: 6s;
}


/**/

.top-fast-view-container {
	position: relative;
	margin-bottom: 13.5vw;
	max-height: calc(100vh - 200px);
}

.fast-slick-cycle {
    position: absolute;
    top: calc(21vw + 72px);
    right: -10vw;
    left: 0;
    margin: auto;
    width: 72vw;
    max-width: 100%;
    max-height: 55vh;
    z-index: 11;
}
.top-fast-view-item {
	display: flex !important;
	position: relative;
	max-height: calc(100vh - 200px);
	overflow: hidden;
}

.top-fast-view-item-zoom {
	padding-bottom: 50%;
	background-position: center;
	background-size: cover;
	width: 100%;
}

.fast-view-text1 {
	width: 12vw;
	position: absolute;
	left: 3.5vw;
	top: 3vw;
	opacity: 0;
	transition: all;
}

.fast-view-text2 {
	width: 12vw;
	position: absolute;
	right: 3.5vw;
	top: 3vw;
	opacity: 0;
	transition: all;
}

.fast-view-text1,
.fast-view-text2 {
	animation-name: fadeInAnime;
	animation-fill-mode: forwards;
	animation-duration: 6s;
	animation-iteration-count: infinite;
	opacity: 0;
}

@keyframes fadeInAnime {
	0% {
		opacity: 0;
	}
	30% {
		opacity: 0;
	}
	80% {
		opacity: 1;
	}
	95% {
		opacity: 0.5;
	}
	100% {
		opacity: 0;
	}
}

.fast-view-app-content-application-qr {
	display: flex;
	justify-content: space-between;
}

.fast-view-app-content {
    text-align: center;
    display: flex;
    align-items: center;
    font-weight: 400;
    margin: 60px auto 64px;
    width: 1366px;
}

.fast-view-app-content-application-qr {
	width: 590px;
	max-width: 100%;
	margin-top: -30px;
	margin-left: 30px;
}

.fast-view-app-content-application-qr img:nth-of-type(1) {
	width: 254px;
	max-width: 100%;
	height: fit-content;
}

.fast-view-app-content-application-qr img:nth-of-type(2) {
	width: 282px;
	max-width: 100%;
	height: fit-content;
}

.install-label__box {
	width: 675px;
	max-width: 100%;
	position: relative;
}

.install-label__box img {
	margin-bottom: 5px;
}

.install-label__box::before {
	position: absolute;
	content: "";
	display: block;
	background-color: #EC1C24;
	height: 60.5px;
	width: 100vw;
	right: 674px;
	top: 0;
	margin: auto;
	padding-left: 100%;
	margin-left: -100%;
}

.just-one-smartphone {
	width: 1250px;
	max-width: 100%;
	margin: 0 auto 90px;
}

.just-one-smartphone,
.vertical-slider__container {
	display: flex;
	justify-content: space-between;
}

.just-one-smartphone>img:nth-of-type(1) {
	width: 160px;
	max-width: 100%;
	margin-left: 40px;
}

.just-one-smartphone>img:nth-of-type(2) {
	width: 305px;
	max-width: 100%;
}

.vertical-slider__container {
	background-color: #fff;
	width: 600px;
	height: 600px;
	position: relative;
}

.vertical-slider__container::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 80px;
	top: 0;
	left: 0;
	background-image: linear-gradient(180deg, #ffffff, transparent);
	z-index: 100;
}

.vertical-slider__container::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 80px;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(0deg, #ffffff, transparent);
	z-index: 100;
}

.vertical-slider01,
.vertical-slider02 {
	display: flex;
	flex-direction: column-reverse;
	overflow: hidden;
}

.vertical-slider-list {
	display: flex;
	flex-direction: column-reverse;
	margin: 0;
	padding: 0;
	align-items: center;
	animation: slideShow 13s infinite linear;
	list-style: none;
}

.vertical-slider-item {
    width: 280px;
    max-width: 100%;
    margin-bottom: 25px;
    pointer-events: none;
}

.vertical-slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.slider:hover .slider-list {
	animation-play-state: paused;
}

@keyframes slideShow {
	0% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(100%);
	}
}

.vertical-slider02 .vertical-slider-list {
	animation: slideShow02 13s infinite linear;
}

@keyframes slideShow02 {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@media screen and (max-width: 700px) {
	.vertical-slider-list {
		animation: slideShow 7s infinite linear;
	}
	
	@keyframes slideShow {
		0% {
			transform: translateY(100%);
		}
		100% {
			transform: translateY(0%);
		}
	}
}


.onsite-buy-sell {
	text-align: center;
}

.onsite-buy-sell> h2 {
	width: 950px;
	max-width: 100%;
	margin: 0 auto 50px;
}


/*

.test-slick .slick-slide,
.test-slick__item{
    width: 218px;
}  */

.carousel {
    width: 100%;
    margin-bottom: 160px;
    height: 126px;
    overflow: hidden;
}

.carousel img {
	/* width: 218px;
    max-width: 100%; */
}

.carousel .slick-slide {
	/* max-width: 218px; */
	width: 250px !important;
	margin: 0 30px;
}



/* .slick-initialized .slick-slide {
    width: 218px;
} */


/* .slick-slide>div {
    width: 218px;
} */

.carousel-container {
	position: relative;
	/* width: 276px !important; */
	/* width: 24vw !important; */
}

.carousel .slick-slide img {
	display: block;
}


/* .slick-slide > div{
    margin: 0 20px;
} */

.carousel-container p {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	color: #003264;
	font-size: .17rem;
	font-weight: bold;
	height: max-content;
	width: max-content;
	text-align: center;
}

.top-merit {
	text-align: center;
	background: linear-gradient(90deg, #E2F3FF 0%, #E2F3FF 50%, #FEECEE 50%, #FEECEE 100%);
	padding-bottom: 60px;
	margin-bottom: 40px;
	position: relative;
	padding-top: 77px;
}

.top-merit>h2 {
	position: absolute;
	top: -35px;
	left: 0;
	right: 0;
	margin: auto;
}

.effect-rise-wrap {
	overflow: hidden;
	position: relative;
	z-index: 1000;
}

.effect-rise-wrap .effect-rise-img {
	transform: translateY(100%) translateZ(0);
	transition: transform 2s cubic-bezier(0.2, 0.5, 0.4, 1);
}

.inview.effect-rise-wrap .effect-rise-img {
	transform: none;
}

.merit-svg {
	width: 448px;
	max-width: 100%;
	/* margin-top: -40px;
    margin-bottom: 43px; */
}

.top-merit>.top-merit-container {
	display: flex;
	justify-content: space-between;
	width: 1150px;
	max-width: 100%;
	margin: 0 auto 95px;
	align-items: center;
}

.top-merit .top-merit__img {
	display: flex;
	justify-content: space-between;
	width: 1240px;
	max-width: 100%;
	margin: 0 auto;
	align-items: center;
	position: relative;
	padding-bottom: 10px;
}

.top-merit ul {
	text-align: left;
	font-size: .23rem;
	font-weight: bold;
}

.top-merit ul li {
	line-height: 1.8;
}

.top-merit__sell {
	display: flex;
	width: 530px;
	max-width: 100%;
	justify-content: space-between;
	align-items: flex-start
}

.top-merit__buy {
	display: flex;
	width: 497px;
	max-width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}

.top-merit__sell img {
	width: 124px;
	max-width: 100%;
	margin-top: -12px;
}

.top-merit__buy img {
	width: 113px;
	max-width: 100%;
	margin-top: -6px;
}

.top-merit__arrow {
	position: relative;
	background: linear-gradient(to right, #fff, #0098D8);
	/* width: 735px; */
	height: 47px;
	width: calc((50vw - (100% / 2)) + 810px);
	margin-left: calc((50vw - (100% / 2)) * -1);
	margin-top: 8px;
}

.top-merit__arrow::after {
	content: "";
	position: absolute;
	top: -29px;
	right: -48px;
	border-left: 50px solid #0098D8;
	border-top: 52px solid transparent;
	border-bottom: 52px solid transparent;
}

.top-merit__arrow p {
	color: #fff;
	font-size: .25rem;
	text-align: right;
	/* letter-spacing: -0.09em; */
	font-weight: 400;
	line-height: 1.6;
}

.top-merit__human-img {
	position: absolute;
	left: 57px;
	top: -40px;
}

.merit-human01 {
	margin-left: 5px;
}

.merit-human02 {
	margin-left: 35px;
}

.merit-human01 {
	transform: translateX(-500%);
	transition: all 3s;
}

.merit-human01.x-in {
	transform: translateX(0%);
}

.merit-human02 {
	transform: translateX(-500%);
	transition: all 3s 0.5s;
}

.merit-human02.x-in {
	transform: translateX(0%);
}

.merit-human03 {
	transform: translateX(-500%);
	transition: all 3s 1s;
}

.merit-human03.x-in {
	transform: translateX(0%);
}

.top-merit__human-img img {
	width: 117px;
	max-width: 100%;
}

.top-merit__logo-img {
	width: 334px;
	max-width: 100%;
}

.purchase-transaction__induction {
	text-align: center;
	margin-bottom: 25px;
}

.purchase-transaction__induction p {
	font-size: .30rem;
	color: #0098D8;
	text-align: center;
	font-weight: 500;
	margin-bottom: -12px;
}

.purchase-transaction__induction img {
	width: 50px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

.container {
	position: relative;
	width: 63px;
	height: 24px;
	margin: 0 auto 95px
}

.chevron {
	position: absolute;
	width: 60px;
	height: 17px;
	opacity: 0;
	transform: scale3d(0.5, 0.5, 0.5);
	animation: move 3s ease-out infinite;
}

.chevron:first-child {
	animation: move 3s ease-out 1s infinite;
}

.chevron:nth-child(2) {
	animation: move 3s ease-out 2s infinite;
}

.chevron:before,
.chevron:after {
	content: ' ';
	position: absolute;
	top: 0;
	height: 100%;
	width: 51%;
	background: #D9F2F2;
}

.chevron:before {
	left: 0;
	transform: skew(0deg, 30deg);
}

.chevron:after {
	right: 0;
	width: 50%;
	transform: skew(0deg, -30deg);
}

@keyframes move {
	25% {
		opacity: 1;
	}
	33% {
		opacity: 1;
		transform: translateY(30px);
	}
	67% {
		opacity: 1;
		transform: translateY(60px);
	}
	100% {
		opacity: 0;
		transform: translateY(75px) scale3d(0.5, 0.5, 0.5);
	}
}

.text {
	display: block;
	margin-top: 75px;
	margin-left: -30px;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	white-space: nowrap;
	opacity: .25;
	animation: pulse 2s linear alternate infinite;
}

@keyframes pulse {
	to {
		opacity: 1;
	}
}

.app-8features {
	background-image: url(../img/app-back.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	/* height: 100vw; */
	margin-bottom: 40px;
	padding-top: 52px;
	padding-bottom: 2px;
}

.app-8features h2 {
	text-align: center;
	margin-bottom: 57px;
}

.app-8features h2 img {
	width: 623px;
	max-width: 100%;
}

.app-8features__container {
	width: 1246px;
	max-width: 100%;
	margin: 0 auto;
}

.app-8features__heading p {
	font-size: .25rem;
	text-align: center;
	font-weight: 900;
	padding: 10px 0;
}

.app-8features__heading span {
	font-size: .31rem;
	color: #EC1C24;
}

.app-8features__list {
	background-color: #fff;
	border-radius: 10px;
	/* width: 31%; */
	width: 390px;
	max-width: 100%;
	margin-bottom: 60px;
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.35);
}

.app-8features__list.tab-only{
	display: none;
}
.app-8features__caption {
	position: relative;
}


/* .slider{
    width:90%;
    margin:0 auto;
  } */

.new-function {
	width: 60px;
	position: absolute;
	left: 0;
	top: 0;
	margin: auto;
}

.app-8features__caption {
	background: linear-gradient(242.7deg, rgba(0, 144, 213, 1) 0%, rgba(0, 145, 213, 1) 0.7%, rgba(0, 168, 225, 1) 26%, rgba(0, 171, 212, 1) 51.2%, rgba(0, 172, 206, 1) 76%, rgba(0, 172, 204, 1) 100%);
}

.sp-app-8features__contents {
	display: none;
}

.app-8features__text p {
	text-align: center;
	font-weight: 400;
	line-height: 1.7;
}

.app-8features__text {
	padding: 12px 0 12px;
}

.app-8features__box1,
.app-8features__box3 {
	display: flex;
	justify-content: space-between;
}

.app-8features__box2 {
	display: flex;
	justify-content: space-between;
	width: 820px;
	margin: 0 auto;
}

@media screen and (min-width:1001px) and (max-width:1300px) {
	.app-8features__box1, .app-8features__box3 {
		width: 940px;
		margin: 0 auto;
	}
	.app-8features__box2{
		display: none;
	}
	.app-8features__list.tab-only{
		display: block;
	}
	.install-label__box {
		width: 47%;
	}
	.install-label__box {
		width: 47%;
	}
	.fast-view-app-content-application-qr img:nth-of-type(1) {
		width: 43%;
	}
	.fast-view-app-content-application-qr img:nth-of-type(2) {
		width: 46%;
	}
}



/* こんな商品が出品されています */

.top-listing {
	/* margin-top: 133px; */
	padding-top: 67px;
	position: relative;
}

.top-listing h2 {
	width: 725px;
	max-width: 100%;
	margin: 0 auto 70px;
	display: block;
	position: relative;
}

.pr-own-company-slider {
	position: relative;
}

.hukidasi-box {
    position: absolute;
    top: -171px;
    left: -67px;
    margin: auto;
}

.listing-list-hukidasi {
    width:178px;
    height: 146px;
}

.top-listing-container {
	width: 1050px;
	max-width: 100%;
	margin: 0 auto 137px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
}

.pr-own-company-container>div {
    display: flex;
    justify-content: space-between;
    margin-bottom: 38px;
    flex-wrap: wrap;
}
.listing-list {
    width: 30.3%;
    max-width: 100%;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    margin-bottom: 35px;
    overflow: hidden;
}
.listing-list:hover {
	opacity:0.8;
}
.top-listing-item-img {
    height: auto;
    aspect-ratio: 1;
    width: 100%;
    object-fit: cover;
}
.listing-list a {
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    min-height: 127px;
}


.listing-list a:hover,
.listing-list a:hover img {
	opacity: 1;
}

.listing-list img {
	width: 40%;
	max-width: 100%;
    object-fit: cover;
}

.listing-list__caption {
	position: relative;
}

.listing-list__caption>p {
	font-weight: bold;
	font-size: .16rem;
	line-height: 1.5;
	margin-top: 7px;
	margin-right: 20px;
	color: #000;
	width: 162px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	text-align: left;
	max-width: 100%;
    overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.listing-list__caption>div {
	position: absolute;
	right: 5px;
	bottom: 8px;
	margin: auto;
}

.listing-price {
	font-size: .15rem;
	color: #E12027;
	font-weight: bold;
	line-height: 1;
}

.listing-company {
	font-size: .12rem;
	color: #9E9E9E;
	font-weight: 400;
}


/* 自社PR販売 */

.transaction-pr-sale-back {
	background: linear-gradient(242.7deg, rgba(0, 144, 213, 1) 0%, rgba(0, 145, 213, 1) 0.7%, rgba(0, 168, 225, 1) 26%, rgba(0, 171, 212, 1) 51.2%, rgba(0, 172, 206, 1) 76%, rgba(0, 172, 204, 1) 100%);
	padding: 70px 0 55px;
	margin-bottom: 135px;
}

.slider-container {
	display: flex !important;
}

.company-list {
    width: 316px;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 35px;
}
.company-list:hover {
	opacity:0.8;
}
.company-list-img {
    aspect-ratio: 2 / 1;
    width: 100%;
    object-fit: cover;
}
.transaction-slider {
	position: relative;
}

.pr-sale-hukidasi {
	width: 165px;
	position: absolute;
	right: -128px;
	top: -55px;
	margin: auto;
}

.pr-own-company-container {
	width: 1050px;
	max-width: 100%;
	margin: 0 auto 50px;
	justify-content: space-between;
	position: relative;
}

.transaction-pr-sale-back> h2 {
    width: 1147px;
	max-width: 92%;
    margin: 0 auto 80px;
    display: block;
}

.transaction-pr-sale-back .pr-sale02 {
	width: 1233px;
	display: block;
	margin: 0 auto;
}


/* .slick-list01{
    display: flex;
    margin: 0 auto;
}



.multiple { padding: 0;}
.multiple img { width: 100%;}
.multiple > div { 
    margin: 0 5px;
    width: 1050px;
    margin: 0 auto;
}
.multiple .slick-next { right: 17px; z-index: 100;}
.multiple .slick-prev { left: 23px; z-index: 100;} */

.transaction-slider {
	margin-bottom: 50px;
}

.list-logo {
    width: 35px;
    height: 35px;
    margin-right: 10px;
    margin-left: 10px;
    display: flex;
    align-items: center;
}

.pr-list-introduction {
    display: flex;
    align-items: flex-end;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 12px 10px 14px;
    min-height: 67px;
}

.list-logo__text {
    display: flex;
    flex-direction: column-reverse;
}

.catch-copy {
    font-weight: bold;
    font-size: .13rem;
    color: #2C6E8E;
    line-height: 1;
    margin-top: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    width: 260px;
    max-width: 100%;
    text-align: left;
}

.pr-list-company-name {
	color: #000;
	font-size: .16rem;
	font-weight: bold;
	line-height: 1;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: 255px;
	text-align: left;
}

.company-list a:hover,
.company-list a:hover img,
.pr-list-introduction:hover {
	opacity: 1;
}


/* 購入の流れ */

.transaction-flow-back h2 {
	font-size: .55rem;
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-weight: 400;
	margin-bottom: 58px;
	/* margin-top: -142px; */
	margin-top: -110px;
}

h2 p {
	font-size: .39rem;
}

.transaction-flow {
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	position: relative;
}

.transaction-flow__container {
	position: relative;
}

.transaction-flow__arrow01 {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 29.5%;
	background-color: #000;
	top: 63px;
	left: 0;
	right: 0;
	margin: auto;
}

.transaction-flow__arrow02 {
	content: "";
	display: block;
	position: absolute;
	width: 2px;
	height: 39.9%;
	background-color: #000;
	bottom: 177px;
	left: 0;
	right: 0;
	margin: auto;
}

.transaction-flow__arrow01::before,
.transaction-flow__arrow02::before {
	content: '';
	width: 23px;
	height: 23px;
	border-top: solid 2px #000;
	border-right: solid 2px #000;
	position: absolute;
	left: -10.5px;
	right: 0;
	bottom: 4px;
	margin: auto;
	transform: rotate(135deg);
}

.transaction-flow-back {
	padding: 91px 20px 87px;
	background: linear-gradient(90deg, #C4C8FF5e 0%, #C4C8FF5e 50%, #FFD3E05e 50%, #FFD3E05e 100%);
	margin-bottom: 110px;
}

.listing-purchase {
	width: 825px;
	max-width: 100%;
	margin: 0 auto 47px;
	display: flex;
	justify-content: space-between;
}

.seller,
.buyer {
	font-weight: bold;
	color: #fff;
	width: 338px;
	max-width: 100%;
	font-size: .26rem;
	text-align: center;
	line-height: 2.48;
}

.seller {
	background-color: #003264;
	box-shadow: 7px 8px 0px 0px rgba(0, 50, 100, 0.3);
}

.buyer {
	background-color: #EC1C24;
	box-shadow: 7px 8px 0px 0px rgba(236, 28, 36, 0.3);
}

.flow01 {
	width: 330px;
	max-width: 100%;
	display: block;
	margin: 0 auto 50px;
}

.flow02 {
	width: 48%;
	max-width: 100%;
	display: block;
	margin-left: 0;
}

.flow03 {
	width: 48%;
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-top: -98px;
}

.flow04 {
	width: 48%;
	max-width: 100%;
	display: block;
	margin-left: 0;
	margin-top: -37px;
}

.flow05 {
	width: 100%;
	max-width: 100%;
	margin-top: 18px;
}

.flow06 {
	width: 48%;
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-top: -33px;
}

.flow07 {
	width: 48%;
	max-width: 100%;
	display: block;
	margin-left: 0;
	margin-top: -39px;
}

.flow08 {
	width: 48%;
	max-width: 100%;
	display: block;
	margin-left: auto;
	margin-top: -24px;
}

.flow09 {
	width: 48%;
	max-width: 100%;
	display: block;
	margin-left: 0;
	margin-top: -83px;
}

.flow10 {
	width: 700px;
	max-width: 100%;
	display: block;
	margin: 57px auto 0;
}

.track-img {
	width: 80px;
	position: absolute;
	margin: auto;
	left: -8px;
	right: 0;
	bottom: 25%;
	z-index: 1;
}

.flow02,
.flow04,
.flow07,
.flow09 {
	position: relative;
}

.flow02::before,
.flow04::before,
.flow07::before,
.flow09::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: 0;
	margin: auto;
	right: -5.2%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #000;
}

.flow03,
.flow06,
.flow08 {
	position: relative;
}

.flow03::before,
.flow06::before,
.flow08::before {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	bottom: 0;
	margin: auto;
	left: -5.2%;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #000;
}

.flow03::before {
	top: -27px;
}

.flow09::before {
	top: 32px;
}

.app-install-content {
	/* width: 1012px;
    max-width: 100%;
    margin: 0 auto; */
	padding-bottom: 12px;
}

.app-install-content>img {
	width: 258px;
	max-width: 100%;
	display: block;
	margin: 0 auto 8px;
}

.app-install-content p {
	color: #E12027;
	font-size: .55rem;
	text-align: center;
	margin-bottom: 20px;
	font-weight: 400;
	/* letter-spacing: -0.03em; */
}

.app-install-content small {
	display: block;
	text-align: right;
	font-size: .14rem;
	margin-right: 11px;
	font-weight: 400;
}

.application-qr {
	width: 886px;
	max-width: 100%;
	margin: 40px auto 90px;
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.google-qr {
	width: 391px;
	max-width: 100%;
}

.apple-qr {
	width: 372px;
	max-width: 100%;
}

.qr-reminder {
	width: 984px;
	max-width: 100%;
	margin: 0 auto 40px;
}
.single-page .qr-reminder {
    width: 920px;
}
.app-install-content>img {
	/*デフォルトで透明度0に指定*/
	opacity: 0;
	transition: 2s;
}

.app-install-content>img.pop-img {
	opacity: 1;
}
@media screen and (max-width:767px) {
	.qr-reminder {
		margin: 0 auto 8px;
	}
}




.transaction-flow-heading {
	width: 404px;
	max-width: 100%;
	margin: 0 auto 32px;
}

@media screen and (min-width:1001px) and (max-width:1300px) {
	.fast-view-app-content {
		flex-wrap: wrap;
		width: 100%;
	}
	.fast-view-app-content-application-qr {
		margin-left: auto;
		margin-top: 10px;
		margin-right: 20px;
		margin: 0 auto 0;
	}
	.just-one-smartphone {
		width: 65%;
		padding: 0 30px;
		flex-wrap: wrap;
	}
	.vertical-slider__container {
		margin: 0 auto;
	}
	.just-one-smartphone>img:nth-of-type(2),
	.just-one-smartphone>img:nth-of-type(1) {
		margin-bottom: 50px;
	}
	.just-one-smartphone>img:nth-of-type(1) {
		margin-left: 0;
	}
	.top-merit__sell,
	.top-merit__buy {
		display: block;
	}
	.top-merit ul {
		width: fit-content;
		display: block;
		margin: 0 auto;
	}
	.top-merit .top-merit__img {
		padding: 0 20px;
	}
	.top-merit__human-img {
		position: absolute;
		left: 15px;
		top: -40px;
	}
	.top-merit__human-img img {
		width: 100px;
		max-width: 100%;
	}
	.top-merit__arrow {
		position: relative;
		margin-left: -90px;
	}
	.app-8features__box1,
	.app-8features__box3 {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.app-8features__box2 {
		width: 100%;
	}
	.app-8features__list {
		margin: 0 auto 60px;
	}
	.top-listing-container {
		padding: 0 20px;
		width: 1090px;
	}
	.transaction-pr-sale-back>.pc_only {
		width: 950px;
		max-width: 100%;
		margin: 0 auto 150px;
		display: block;
	}
	.pr-own-company-container {
		padding: 0 20px;
	}
	.pr-sale-hukidasi {
		width: 165px;
		position: absolute;
		right: -55px;
		top: -59px;
		margin: auto;
	}
	.transaction-pr-sale-back>.pr-sale02 {
		margin-bottom: 20px;
	}
	.qr-reminder {
		padding: 0 20px;
	}
}

@media screen and (max-width: 1280px) {
	.just-one-smartphone {
		width: 100%;
		padding: 0 30px;
		justify-content: space-between;
	}
	.fast-view-app-content-application-qr {
		margin: -34px auto 0;
	}
	.fast-view-app-content-application-qr {
		max-width: 47%;
	}
	.fast-view-app-content-application-qr img:nth-of-type(1) {
		max-width: 45%;
	}
	.fast-view-app-content-application-qr img:nth-of-type(1) {
		max-width: 48%;
	}
	.install-label__box {
		max-width: 48%;
	}
    .just-one-smartphone {
        width: 1250px;
        max-width: 100%;
        margin: 0 auto 60px;
    }
	.vertical-slider__container {
		max-width: 48%;
		height: 600px;
		margin: 0;
	}
	.hukidasi-box {
		top: -169px;
		left: -24px;
		width: 246px;
		height: 146px;
	}
	.just-one-smartphone>img:nth-of-type(1) {
		width: 160px;
		max-width: 13%;
		margin-left: 40px;
	}
	.just-one-smartphone>img:nth-of-type(1) {
		margin-right: -7px;
		margin-left: 20px;
	}
	.just-one-smartphone>img:nth-of-type(2) {
		width: 305px;
		max-width: 25%;
	}
}

@media screen and (max-width: 1000px) {
	.top-fast-view-slide {
		overflow: unset;
	}
	.top-fast-view-container {
		margin-bottom: 180px;
	}
	.onsite-buy-sell> h2{
		width: calc(100vw - 50px);
		max-width: 100%;
		display: block;
		margin: 0 auto 30px;
	}
    .vertical-slider--phon {
        width: 75%;
        margin: 0 auto;
    }
	.carousel {
		margin-bottom: 92px;
        max-height: 110px;
        overflow: hidden;
	}
	.carousel .slick-slide {
		/* max-width: 218px; */
		width: 190px !important;
		margin: 0 10px;
	}
	.carousel-container p {
        font-size: .13rem;
	}
    .top-merit {
        padding-bottom: 10px;
        margin-bottom: 127px;
        padding-top: 68px;
    }
	.just-one-smartphone h2 {
		width: 29%;
		margin: 23px auto 38px;
	}
	.vertical-slider__container {
		background-color: transparent;
	}
	.vertical-slider__container {
		width: 100%;
		max-width: 100%;
        height: auto;
	}
    .vertical-slider01 {
        position: absolute;
        /* top: 17.5vw; */
        top: 39px;
        right: 0;
        left: 0;
        width: 75%;
        height: 77vw;
        margin: auto;
        background-color: initial;
        padding: 0 21px;
    }
	.vertical-slider__container::after,
	.vertical-slider__container::before {
		display: none;
	}
	.vertical-slider-item {
		margin-bottom: 5px;
	}
	.just-one-smartphone {
		display: flex;
		justify-content: space-between;
		flex-direction: row;
		padding-left: 0;
		padding-right: 10%;
	}
	.top-merit>.top-merit-container {
		margin: 0 auto 5px;
		align-items: normal;
	}
	.top-merit>h2 {
		width: calc(100vw - 80px);
	}
	.sp-etc {
		margin-bottom: 86px;
	}
	.sp-etc p {
		text-align: center;
		font-size: .17rem;
		font-weight: 500;
		line-height: 1;
		margin-top: -8px;
	}
	.top-merit__sell,
	.top-merit__buy {
		display: block;
		margin-right: 0;
	}
	.top-merit__sell img {
		width: 92px;
		margin: 0 auto 20px;
	}
	.top-merit__buy img {
		width: 86px;
		margin: 4px auto 27px;
	}
	.top-merit__sell li,
	.top-merit__buy li {
		writing-mode: vertical-rl;
	}
	.top-merit ul {
		display: flex;
		justify-content: center;
		flex-direction: row-reverse;
		font-size: .21rem;
	}
	.top-merit__arrow {
		margin: 0;
		width: 143%;
		padding-left: 100%;
		margin-left: -100%;
		height: 54px;
	}
	.top-merit__arrow::after {
		top: -25px;
		right: -60px;
		border-left: 60px solid #0098D8;
		border-top: 54px solid transparent;
		border-bottom: 54px solid transparent;
	}
	.top-merit__human-img {
		position: absolute;
		left: 31px;
		top: 43px;
	}
	.top-merit__arrow p {
		font-size: .15rem;
		line-height: 3.6;
		position: absolute;
		width: 220px;
		z-index: 100;
		margin-left: -37px;
		letter-spacing: -0.05em;
	}
	.merit-human03 {
		display: none;
	}
	.top-merit__human-img img {
		width: 85px;
	}
	.merit-human01.x-in {
		transform: translateX(-80%);
	}
	.merit-human02.x-in {
		transform: translateX(-63%);
	}
	.top-merit .top-merit__img {
		padding: 0 20px;
	}
	.top-merit__logo-img {
		width: 113px;
	}
    .purchase-transaction__induction p {
        font-size: .23rem;
        line-height: 1.6;
        font-weight: bold;
    }
    .chevron {
        width: 51px;
        height: 13px;
    }
	.container {
		margin: 0 auto 80px;
	}
	.app-8features h2 {
		margin-bottom: 22px;
	}
	.app-8features h2 .sp_only {
		width: calc(100vw - 80px);
		display: block;
		margin: 0 auto;
	}
	.sp-app-8features__container01 {
		margin-bottom: 195px !important;
	}
	/* .app-8features__heading p {
        padding: 10px 0 6px;
    } */
	.sp-app-8features__container01 .slick-slide>div,
	.sp-app-8features__container02 .slick-slide>div {
		width: 325px;
		margin: 0 auto;
	}
	.app-8features__text p {
		font-size: .12rem;
	}
	.app-8features__heading p {
		font-size: .21rem;
	}
	.app-8features__heading span {
		font-size: .26rem;
	}
	.app-8features {
		padding-bottom: 170px;
		padding-top: 40px;
		margin-bottom: 48px;
	}
	.top-listing {
		margin-top: 0;
		padding-top: 0;
	}
	.sp-app-8features__contents {
		display: block;
	}
	.sp-app-8features__container01.slick-initialized .slick-slide {
		margin: 0 20px;
	}
	.sp-app-8features__container01 .slick-next,
	.sp-app-8features__container02 .slick-next {
		right: 6px;
		bottom: 0;
		top: -34px;
		margin: auto;
		background-image: url(../img/app-8features-right.svg);
		background-size: cover;
		background-repeat: no-repeat;
		width: 14px;
		height: 27px;
		z-index: 1;
	}
	.sp-app-8features__container01 .slick-prev,
	.sp-app-8features__container02 .slick-prev {
		left: 6px;
		bottom: 0;
		top: -34px;
		margin: auto;
		background-image: url(../img/app-8features-left.svg);
		background-size: cover;
		background-repeat: no-repeat;
		width: 14px;
		height: 27px;
		z-index: 1;
	}
	.sp-app-8features__container01 .slick-next:before,
	.sp-app-8features__container01 .slick-prev:before,
	.sp-app-8features__container02 .slick-next:before,
	.sp-app-8features__container02 .slick-prev:before {
		content: none;
	}
	.sp-app-8features__container01 .slick-next:hover,
	.sp-app-8features__container02 .slick-next:hover {
		color: initial;
		outline: initial;
		background-image: url(../img/app-8features-right.svg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.sp-app-8features__container01 .slick-prev:hover,
	.sp-app-8features__container02 .slick-prev:hover {
		color: initial;
		outline: initial;
		background-image: url(../img/app-8features-left.svg);
		background-size: cover;
		background-repeat: no-repeat;
	}
	.sp-app-8features__container01 .slick-dots li button,
	.sp-app-8features__container02 .slick-dots li button {
		/* width: 100%;
    padding: 0;
    height: auto; */
		display: none;
	}
	.slick-dots li button:before {
		display: none;
	}
	/*
    .sp-app-8features__container01 .slick-dots li:nth-of-type(2) button{
        background-image: url(../img/sp-app-8features_slick02.svg);
    }
    .sp-app-8features__container01 .slick-dots li:nth-of-type(3) button{
        background-image: url(../img/sp-app-8features_slick03.svg);
    }
    .sp-app-8features__container01 .slick-dots li:nth-of-type(4) button{
        background-image: url(../img/sp-app-8features_slick04.svg);
    }

    .sp-app-8features__container02 .slick-dots li:nth-of-type(1) button{
        background-image: url(../img/sp-app-8features_slick05.svg);
    }
    .sp-app-8features__container02 .slick-dots li:nth-of-type(2) button{
        background-image: url(../img/sp-app-8features_slick06.svg);
    }
    .sp-app-8features__container02 .slick-dots li:nth-of-type(3) button{
        background-image: url(../img/sp-app-8features_slick07.svg);
    }
    .sp-app-8features__container02 .slick-dots li:nth-of-type(4) button{
        background-image: url(../img/sp-app-8features_slick08.svg);
    } */
	.c5-dots__num {
		background-color: #fff;
		bottom: 70px;
		width: 280px;
		padding-left: 8px;
		margin: 0 auto;
		display: block;
		height: auto;
		background-color: #fff;
		margin-bottom: 13px;
		font-size: .18rem;
		font-weight: bold;
		box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.35);
	}
	.c5-dots__num span {
		color: #E12027;
	}
	.slick-dots li.slick-active .c5-dots__num p {
		opacity: 0.5;
	}
	.sp-app-8features__container01 .slick-dots li,
	.sp-app-8features__container02 .slick-dots li {
		width: 100%;
		margin: 0 auto;
		height: 0;
		background-color: #fff;
		margin-bottom: 49px;
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.35);
		text-align: left;
	}
	.sp-app-8features__container01 .slick-dots,
	.sp-app-8features__container02 .slick-dots {
		bottom: -150px;
	}
	.top-listing h2 {
		width: calc(100vw - 50px);
		margin: 0 auto 16px;
	}
    .top-listing-container {
        display: block;
        margin: 0 auto 60px;
    }
	.listing-list {
		width: calc(100vw - 50px);
		margin: 0 auto 15px;
	}
	.listing-list__caption>p {
		font-size: .15rem;
		-webkit-line-clamp: 2;
		display: -webkit-box;
		width: 100%;
	}
	.listing-list img {
		width: 26%;
		max-width: 100%;
	}
	.listing-list__caption {
		width: 70%;
	}
	.listing-list__caption>div {
		display: flex;
		width: 100%;
		justify-content: space-between;
		bottom: 0;
	}
	.list-logo__text {
		width: 77%;
	}
	.pr-list-company-name,
	.catch-copy {
		width: 100%;
	}
	.pr-own-company-container>div {
		display: block;
		margin-bottom: 0;
	}

	.transaction-pr-sale-back> h2 {
		width: calc(100vw - 50px);
		margin-bottom: 24px;
	}

	.listing-list__caption>div {
        bottom: 9px;
        right: 11px;
        justify-content: end;
    }
	.company-list {
		margin: 0 auto 13px;
		width: calc(100vw - 50px);
	}
	.company-list a {
		display: flex;
		min-height: auto;
	}
	.company-list a>img {
		aspect-ratio: 2 / 1;
		width: 100%;
		object-fit: cover;
	}
	.transaction-pr-sale-back>img {
		margin: 5px auto 18px;
		width: calc(100vw - 50px);
	}
	.transaction-pr-sale-back>.pc_only {
		display: none;
	}
	.pr-own-company-container {
		margin: 0 auto 28px;
	}
	.pr-sale-hukidasi {
		width: 115px;
		position: absolute;
		right: 4px;
		top: -92px;
		margin: auto;
	}
    .pr-list-introduction {
        width: 100%;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 0;
        padding: 17px 10px;
    }
	.transaction-flow-heading {
        width: calc(100vw - 80px);
	}
	.transaction-flow-back h2 img {
		width: 80%;
	}
	.transaction-pr-sale-back {
		padding: 32px 0 12px;
		margin-bottom: 92px;
	}
	.transaction-flow {
		width: 100%;
	}
	.seller,
	.buyer {
		width: 157px;
		max-width: 100%;
		font-size: .16rem;
	}
	.transaction-flow-back {
		padding: 14px 0 53px;
		margin-bottom: 57px;
	}
	.flow02::before,
	.flow04::before,
	.flow07::before,
	.flow09::before {
		right: -4.3vw;
	}
	.flow03::before,
	.flow06::before,
	.flow08::before {
		left: -4.3vw;
	}
	.transaction-flow-back h2 {
		margin-bottom: 46px;
		margin-top: -81px;
	}
	.listing-purchase {
		padding: 0 23px;
		margin: 0 auto 30px;
	}
	.flow01 {
		width: 58vw;
		margin: 0 auto 11vw;
	}
	.flow02 {
		width: 47vw;
	}
	.flow03 {
		width: 47vw;
		margin-top: -36vw;
	}
	.flow03::before {
		top: 31%;
	}
	.flow04 {
		width: 47vw;
		margin-top: -27vw;
	}
	.flow06::before {
		top: -46.5vw;
	}
	.flow05 {
		width: 92vw;
		margin: 8.7vw auto 0;
	}
	.flow06 {
		margin-top: 7vw;
		width: 47vw;
	}
	.flow07 {
		margin-top: -66vw;
		width: 47vw;
	}
	.flow08 {
		margin-top: 28vw;
		width: 47vw;
	}
	.flow09 {
		margin-top: -86vw;
		width: 47vw;
	}
	.flow09::before {
		top: -1vw;
	}
	.flow10 {
		width: 92vw;
		margin: 40vw auto 0;
	}
	.track-img {
		display: none;
	}
	.transaction-flow__arrow01 {
		height: 116.5vw;
		top: 11vw;
	}
	.transaction-flow__arrow02 {
		height: 170vw;
		bottom: 57.5vw;
	}
	.qr-reminder img {
		width: calc(100vw - 50px);
		margin: 0 auto 20px;
	}
	.app-install-content p {
		font-size: .30rem;
		padding: 0 20px;
		line-height: 1.4;
	}
	.application-qr {
		display: block;
		text-align: center;
	}
	.google-qr {
		width: 60%;
	}
	.apple-qr {
		width: 60%;
		margin-bottom: 30px;
	}
	.app-install-content small {
		font-size: .12rem;
	}
	.sp-application__fixed {
		background-color: #003264;
		display: flex;
		padding: 12px 14px;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		bottom: 0;
		right: 0;
		left: 0;
		z-index: 100000000;
		/* transform: translateY(70px); */
		opacity: 0;
		transition: all 1s;
	}


	.sp-application__fixed p {
		color: #fff;
		font-size: .12rem;
		font-weight: 500;
		line-height: 1.5;
	}
	.sp-application__fixed span {
		font-size: .14rem;
	}
	.sp-fixed-app {
		width: 103px;
		max-width: 100%;
		margin-left: 6px;
	}
	.sp-fixed-google {
		width: 123px;
		max-width: 100%;
	}
}

@media screen and (max-width: 700px) {
	.top-fast-view-item {
		flex-direction: column;
        max-height: none;
	}
	/*
    .fast-slick-cycle {
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: -30vw auto 55px;
        width: 86vw;
        max-width: 100%;
        max-height: 55vh;
        display: block;
    }
	*/
	.fast-slick-cycle {
		position: relative;
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: 9px auto 32px;
		width: 86vw;
		max-width: 100%;
		max-height: 55vh;
		display: block;
	}
    .top-fast-view-item-zoom {
        padding-bottom: 62%;
        border-radius: 10px;
        width: 93%;
        margin: 0 auto;
    }
	.top-fast-view-container {
		height: auto;
		max-height: none;
		margin-bottom: 0;
		height: 122vw;
	}
	.top-fast-view-item-1-l {
		background-image: url(../img/fast-slick01-a-sp.jpg) !important;
        border-radius: 0px 10px 10px 0px;
        margin-left: 0%;
	}
	.top-fast-view-item-1-r {
		background-image: url(../img/fast-slick01-b-sp.jpg) !important;
        margin-top: 4vw;
        border-radius: 10px 0px 0px 10px;
        margin-right: 0%;
	}
	.top-fast-view-item-2-l {
		background-image: url(../img/fast-slick02-a-sp.jpg) !important;
        border-radius: 0px 10px 10px 0px;
        margin-left: 0%;
	}
	.top-fast-view-item-2-r {
		background-image: url(../img/fast-slick02-b-sp.jpg) !important;
        margin-top: 4vw;
        border-radius: 10px 0px 0px 10px;
        margin-right: 0%;
	}
    .fast-view-text1 {
        width: 27vw;
        position: absolute;
        left: 2vw;
        top: 0vw;
        opacity: 0;
        transition: all;
    }
    .fast-view-text2 {
        width: 27vw;
        position: absolute;
        right: 2vw;
        top: 65vw;
        opacity: 0;
        transition: all;
    }

    .fast-view-text1 {
        animation-name: fadeInAnime;
        animation-fill-mode: forwards;
        animation-duration: 6s;
        animation-iteration-count: infinite;
        opacity: 1;
    }
    @keyframes fadeInAnime {
        0% {
            transform: translateX(-100px);
        }
        20% {
            transform: translateX(-100px);
        }
        50% {
            transform: translateX(0px);
        }
        95% {
            transform: translateX(0px);
        }
        100% {
            transform: translateX(0px);
        }
    }
    .fast-view-text2 {
        animation-name: fadeInAnime2;
        animation-fill-mode: forwards;
        animation-duration: 6s;
        animation-iteration-count: infinite;
        opacity: 1;
    }
    @keyframes fadeInAnime2 {
        0% {
            transform: translateX(100px);
        }
        20% {
            transform: translateX(100px);
        }
        50% {
            transform: translateX(0px);
        }
        95% {
            transform: translateX(0px);
        }
        100% {
            transform: translateX(0px);
        }
    }

    .fast-slick-cycle{
        opacity:0;
        transform: translateY(0px);
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        /*animation : yureru 6s linear 0s infinite normal,yureru2 1s linear 2.5s forwards normal;*/
    }
    @keyframes yureru {
        0% {
            transform: translateY(0px);
        }
        73% {
            transform: translateY(0px);
            filter: brightness(1);
        }
        77% {
            transform: translateY(-10px);
            filter: brightness(1.1);
        }
        81% {
            transform: translateY(0px);
            filter: brightness(1);
        }
        85% {
            transform: translateY(-10px);
            filter: brightness(1.1);
        }
        89% {
            transform: translateY(0px);
            filter: brightness(1);
        }
        90% {
            transform: translateY(0px);
        }
        100% {
            transform: translateY(0px);
        }
    }
    @keyframes yureru2 {
        0% {
            opacity:0;
            transform: translateY(-40px);
        }
        100% {
            opacity:1;
            transform: translateY(0px);
        }
    }
	.top-listing-container {
		overflow: scroll;
		height: 438px;
	}
	.home .simplebar-track.simplebar-vertical {
		top: 0;
		left: 11px;
		width: 8px;
	}
	.simplebar-scrollbar {
		height: 10px;
		background: #8b8b8b;
		border-radius: 5px;
		top: 0;
	}
	.simplebar-scrollbar:before {
		background: none !important;
	}
	.just-one-smartphone {
		margin: 0 auto 25px;
	}
	.just-one-smartphone {
		background: linear-gradient(242.7deg, rgba(0, 144, 213, 1) 0%, rgba(0, 145, 213, 1) 0.7%, rgba(0, 168, 225, 1) 26%, rgba(0, 171, 212, 1) 51.2%, rgba(0, 172, 206, 1) 76%, rgba(0, 172, 204, 1) 100%);
		padding: 20px 0 20px 10%;
	}
	.application-qr{
	    margin: 28px auto 37px;
	}
	.apple-qr {
		margin-bottom: 18px;
	}
	.listing-list__caption>div {
		bottom: 9px;
	}
	.listing-company {
		line-height: 1;
	}
	.company-list a {
        display: flex;
        min-height: auto;
        flex-direction: column;
        width: 100%;
	}
}