@charset "UTF-8";

/* kv */
.area-kv {
	position: relative;
	background: #fff;
}

.area-kv__img {
	width: 100%;
	overflow: hidden;
}

.area-kv__img img {
	width: 100%;
}

.area-kv__catch--01 {
	letter-spacing: normal;
	line-height: 1.533;
}

.area-kv__catch--02 {
	color: #009ae0;
	font-weight: 700;
	font-style: italic;
	line-height: 1.2;
}

.area-kv__mail,
.area-kv__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
	border-radius: 3em;
    text-align: center;
	text-decoration: none;
}

.area-kv__mail {
    background: #db047a;
    color: #fff;
}

.area-kv__line {
    background: #3aaf78;
    color: #fff;
}

.area-kv__note {
	letter-spacing: normal;
}

/* intro */
.area-intro {
	background: -webkit-gradient(linear, left top, right top, from(#133891), to(#224fdc));
	background: linear-gradient(90deg, #133891 0%, #224fdc 100%);
	color: #fff;
	text-align: center;
}

.area-intro__catch {
	font-weight: 700;
	line-height: 1.4;
	text-align: center;
}

.area-intro__catch .sub {
	display: inline-block;
	font-size: 0.56em;
	letter-spacing: 0.05em;
}

.area-intro__catch .strong {
	position: relative;
}

.area-intro__catch .strong::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.1em;
	display: block;
	width: 100%;
	border-bottom: solid 5px #fff77c;
}

.area-intro__catch .strong.scroll-active::before {
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: left center;
	        transform-origin: left center;
	-webkit-transition: -webkit-transform .4s .3s;
	transition: -webkit-transform .4s .3s;
	transition: transform .4s .3s;
	transition: transform .4s .3s, -webkit-transform .4s .3s;
}

.area-intro__catch .strong.scroll-active.active::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}

.area-intro__cont {
	display: inline-block;
	width: 100%;
}

.area-intro__txt {
	line-height: 1.9;
}

/* reason */
.area-reason {
	background: #fff;
}

.reason-list {
	position: relative;
	font-size: 0.875em;
	letter-spacing: 0.05em;
	line-height: 2;
}

.reason-list::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	background: #e7eefd;
	width: 100%;
}

.reason-list__box {
	position: relative;
	border: solid #dfe6f4;
	background: #fff;
}

.reason-list__icon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 50%;
	border: solid #dfe6f4;
	background: #fff;
	color: #182986;
	margin: 0 auto;
}

.reason-list__ttl {
	color: #182986;
	line-height: 1.5;
	text-align: center;
}

.reason-list__ttl .sub {
	font-size: 0.6em;
	letter-spacing: 0.05em;
}

/* marker */
.area-maker {
	background: #0072be url("../image/top/bg_maker.jpg") 50% 50% no-repeat;
	background-size: cover;
	color: #fff;
}

.area-maker__lead {
	position: relative;
}

.maker-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

.maker-list__box {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	background: #fff;
	color: #111a24;
	text-decoration: none;
}

.maker-list__box::before {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 20px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	color: #182986;
}

.maker-caution {
    background: #fff;
    color: #333333;
	text-align: center;
}

.maker-caution__lb {
	position: relative;
	display: inline-block;
	padding-left: 1.5em;
	color: #182986;
	line-height: 1.4;
	text-align: left;
}

.maker-caution__lb i {
	position: absolute;
	left: 0;
	top: .2em;
}

/* price */
.area-price {
	background: #fff;
}

/* voice */
.area-voice {
	background: #f2f3f4;
}

.voice-list {
	line-height: 1.75;
}

.voice-list__box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	background: #fff;
}

.voice-list__ttl {
	position: relative;
	padding-left: 2.1em;
	color: #182986;
}

.voice-list__ttl::before {
	content: "\f086";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 0;
	font-size: 1.083em;
}

.voice-list__txt {
	margin-bottom: auto;
}

/* case */
.area-case {
	position: relative;
	background: #fff;
	color: #fff;
}

.area-case::before {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	background: -webkit-gradient(linear, left top, right top, from(#133891), to(#224fdc));
	background: linear-gradient(90deg, #133891 0%, #224fdc 100%);
	height: 680px;
}

.case-slider .slick-prev,
.case-slider .slick-next {
	position: absolute;
}

.case-slider .slick-prev {
	left: auto;
}

.case-slider .slick-list {
	padding-bottom: 10px;
	margin: 0 -7.6%;
}

@media screen and (min-width: 1400px) {
	.case-slider .slick-list {
		margin: 0 calc( (100vw - 1180px) / 2 * -1 );
	}
}

.case-slider .slick-slide {
	margin: 0 18px;
}

.case-slider__box {
	display: block;
	width: 100%;
	background: #fff;
	color: #111a24;
	text-decoration: none;
	overflow: hidden;
}

.case-slider__img {
	padding-top: 51.06%;
}

.case-slider__ttl {
	font-weight: 700;
	line-height: 1.4;
}

.case-slider__meta {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 0.875em;
	line-height: 1;
}

.case-slider__cat {
	margin-right: 1em;
}

.case-slider__cat > span {
	display: inline-block;
	padding: .5em .72em;
	background: #111a24;
	color: #fff;
	text-align: center;
}

.case-slider__price {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	border-top: solid 1px #cfd5d8;
	font-size: 0.875em;
	line-height: 1;
}

.case-slider__price::before {
	content: "\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 0;
	bottom: .25em;
	color: #182986;
}

.case-slider__price > dt {
	margin-right: .3em;
}

.case-slider__price > dd {
	color: #e63935;
}

.case-slider__price .num {
	font-size: 1.429em;
}

.area-case__link {
	text-align: center;
}

/* flow */
.area-flow {
	position: relative;
}

.flow-list {
	position: relative;
	z-index: 2;
}

.flow-list__box {
	background: #fff;
}

.flow-list__head {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

.flow-list__num {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding-top: .25em;
	border-radius: 50%;
	background: #182986;
	color: #fff;
	font-weight: 500;
	line-height: 1.1;
}

.flow-list__num .num {
	font-size: 1.833em;
	font-weight: 600;
}

.flow-list__ttl {
	text-align: center;
}

.flow-list__txt {
	line-height: 1.75;
}

/* child kyc */
.area-kyc {
	position: relative;
	background: #0072be url("../image/top/bg_flow.jpg") 50% 50% no-repeat;
	background-size: cover;
	color: #fff;
}

.area-kyc__ttl {
	text-align: center;
}

.area-kyc__ttl .strong {
	position: relative;
}

.area-kyc__ttl .strong::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -.25em;
	display: block;
	width: 100%;
	border-bottom: solid 3px #fff77c;
}

.area-kyc__ttl .strong.scroll-active::before {
	-webkit-transform: scale(0, 1);
	        transform: scale(0, 1);
	-webkit-transform-origin: left center;
	        transform-origin: left center;
	-webkit-transition: -webkit-transform .4s .3s;
	transition: -webkit-transform .4s .3s;
	transition: transform .4s .3s;
	transition: transform .4s .3s, -webkit-transform .4s .3s;
}

.area-kyc__ttl .strong.scroll-active.active::before {
	-webkit-transform: scale(1, 1);
	        transform: scale(1, 1);
}

.area-kyc__txt--02 {
    background: #fff;
    color: #111a24;
}

.area-kyc__txt--02 > dt {
	border-bottom: solid 1px #0072be;
	color: #182986;
	font-weight: 700;
	text-align: center;
}

.area-kyc__txt--02 > dd {
	position: relative;
	padding-left: 1.5em;
}

.area-kyc__txt--02 > dd::before {
	content: "\f058";
	font-family: "Font Awesome 6 Free";
	font-weight: 500;
	position: absolute;
	left: 0;
	top: 0;
	color: #182986;
}

.area-kyc__txt--03 {
	font-size: 0.875em;
	letter-spacing: 0.05em;
	line-height: 1.714;
}

/* faq */
.area-faq {
	background: #fff;
}


@media screen and (min-width: 1540px) {

	.area-kv {
		padding-left: 360px;
	}

}

@media screen and (min-width: 900px) {

	/* fix-cv */
	/*.fix-cv {
		transform: translate(0, 40px);
		transition: transform .4s;
	}

	.fix-cv.is-scroll {
		transform: translate(0, 0);
	}*/

	/* kv */
	.area-kv {
		padding-left: 240px;
	}

	.area-kv__img {
		height: 100vh;
		height: calc(100vh - 150px);
		min-height: 690px;
	}

	.area-kv__img img {
		height: 100%;
		-o-object-fit: cover;
		   object-fit: cover;
	}

	.area-kv__txt {
		position: absolute;
		left: 0;
		top: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		width: 100%;
		height: 100%;
		padding: 3.125% 0 0 5.625%;
	}
	
	.area-kv__txt::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		background: -webkit-gradient(linear, left top, right top, color-stop(55%, rgba(255,255,255,1)), to(rgba(255,255,255,0)));
		background: linear-gradient(90deg, rgba(255,255,255,1) 55%, rgba(255,255,255,0) 100%);
		width: 55.8%;
		height: 100%;
	}
	
	.area-kv__txt > * {
		position: relative;
	}

	.area-kv__logo {
		margin-bottom: 30px;
	}

	.area-kv__catch--01 {
		margin-bottom: 5px;
		font-size: 30px;
	}

	.area-kv__catch--02 {
		margin-bottom: 30px;
		font-size: 68px;
		letter-spacing: 0.05em;
	}

	.area-kv__cvlink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-bottom: 50px;
	}

	.area-kv__cvlink > li {
		margin-right: 20px;
	}

	.area-kv__line,
	.area-kv__mail {
		width: 228px;
		height: 67px;
		font-size: 20px;
		letter-spacing: 0.08em;
	}

	.area-kv__mail .m-icon,
	.area-kv__line .m-icon {
		margin-right: 10px;
	}

	.area-kv__mail .m-icon {
		font-size: 26px;
	}
	
	.area-kv__line {
		padding-right: 20px;
	}

	/* intro */
	.area-intro {
		padding: 50px 0 0;
	}

	.area-intro__catch {
		margin-bottom: 40px;
		font-size: 50px;
		letter-spacing: 0.05em;
	}

	.area-intro__cont {
		margin-bottom: -85px;
	}

	.area-intro__txt {
		margin-bottom: 20px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	/* reason */
	.area-reason {
		padding: 175px 0 100px;
	}

	.reason-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		padding: 0 0 40px;
	}

	.reason-list::before {
		top: 75px;
	}

	.reason-list__box {
		width: 270px;
		padding: 27px 27px 27px;
		margin: 0 7.5px;
		border-radius: 10px;
		border-width: 5px;
	}

	.reason-list__icon {
		width: 77px;
		height: 77px;
		margin-bottom: 10px;
		border-width: 3px;
		font-size: 32px;
	}

	.reason-list__ttl {
		margin-bottom: 10px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	/* marker */
	.area-maker {
		padding: 85px 0 100px;
	}

	.area-maker__pic01 {
		position: absolute;
		right: 25px;
		bottom: -20px;
	}

	.area-maker__pic02 {
		position: absolute;
		left: -5px;
		bottom: -195px;
	}

	.area-maker__pic01.scroll-active,
	.area-maker__pic02.scroll-active {
		-webkit-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		opacity: 0;
		-webkit-transition: .8s;
		transition: .8s;
	}

	.area-maker__pic01.scroll-active.active,
	.area-maker__pic02.scroll-active.active {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
		opacity: 1;
	}

	.maker-list {
		margin-bottom: 30px;
	}

	.maker-list > li {
		width: 31.0833%;
		margin-bottom: 30px;
	}

	.maker-list__box {
		height: 110px;
		padding: 10px 0 0 20px;
		border-radius: 5px;
	}

	.maker-caution {
		padding: 28px 12px 18px;
		border-radius: 10px;
	}

	.maker-caution__lb {
		margin-bottom: 13px;
		font-size: 26px;
		letter-spacing: 0.05em;
	}

	.maker-caution__lb i {
		margin-right: 10px;
	}

	/* price */
	.area-price {
		padding: 85px 0 100px;
	}

	/* voice */
	.area-voice {
		padding: 85px 0 45px;
	}

	.voice-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}

	.voice-list > li {
		width: 47.916%;
		margin-bottom: 40px;
	}

	.voice-list__box {
		padding: 30px 40px 25px 27px;
		-webkit-box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		        box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		border-radius: 10px;
	}

	.voice-list__ttl {
		margin-bottom: 15px;
		font-size: 24px;
		letter-spacing: 0.05em;
	}

	.voice-list__author {
		margin-top: 7px;
	}

	/* case */
	.area-case {
		padding: 185px 0 100px;
	}

	.area-case::before {
		right: 82px;
		top: 100px;
	}

	.area-case__pic {
		position: absolute;
		left: -28px;
		top: -120px;
	}

	.area-case__pic.scroll-active {
		-webkit-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		opacity: 0;
		-webkit-transition: .8s;
		transition: .8s;
	}

	.area-case__pic.scroll-active.active {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
		opacity: 1;
	}

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

	.case-slider .slick-prev,
	.case-slider .slick-next {
		top: -107px;
	}

	.case-slider .slick-prev {
		right: 55px;
	}

	.case-slider .slick-next {
		right: 0;
	}

	.case-slider__box {
		-webkit-box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		        box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		border-radius: 10px;
	}

	.case-slider__txt {
		padding: 30px 30px 18px;
	}

	.case-slider__ttl {
		margin-bottom: 15px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	.case-slider__price {
		padding-top: 20px;
		margin-top: 45px;
	}

	.case-slider__price::before {
		font-size: 16px;
	}

	/* flow */
	.area-flow {
		padding: 85px 0 0;
	}

	.area-flow::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		bottom: 142px;
		display: block;
		width: 100%;
		background: #f7f7f7;
	}
	
	.area-flow::after {
		content: "";
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		bottom: -380px;
		display: block;
		width: 40px;
		background: #f7f7f7;
	}
	
	.area-flow > .m-inner {
		z-index: 1;
	}

	.area-flow__pic {
		position: absolute;
		right: 15px;
		top: -120px;
	}

	.area-flow__pic.scroll-active {
		-webkit-transform: translate(0, 50%);
		        transform: translate(0, 50%);
		opacity: 0;
		-webkit-transition: .8s;
		transition: .8s;
	}

	.area-flow__pic.scroll-active.active {
		-webkit-transform: translate(0, 0);
		        transform: translate(0, 0);
		opacity: 1;
	}

	.flow-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.flow-list > li {
		width: 30.66%;
		margin-top: 30px;
	}

	.flow-list__box {
		border-radius: 10px;
		-webkit-box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		        box-shadow: 5px 5px 5px rgba(34,34,34,.05);
	}

	.flow-list__head {
		height: 100px;
	}

	.flow-list__num {
		left: 15px;
		top: -32px;
		width: 65px;
		height: 65px;
		font-size: 12px;
	}

	.flow-list__ttl {
		padding-top: 20px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	.flow-list__txt {
		padding: 25px 20px;
	}

	/* kyc */
	.area-kyc {
		padding: 65px 0 95px;
	}

	.area-kyc::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 40px;
		height: 100%;
		background: #fff;
	}

	.area-kyc__ttl {
		margin-bottom: 30px;
		font-size: 32px;
		letter-spacing: 0.05em;
	}

	.area-kyc__txt--01 {
		margin-bottom: 35px;
	}

	.area-kyc__txt--02 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding: 23px 50px 33px;
		margin-bottom: 15px;
		border-radius: 10px;
	}

	.area-kyc__txt--02 > dt {
		width: 100%;
		padding-bottom: 8px;
		margin-bottom: 20px;
		font-size: 26px;
		letter-spacing: 0.05em;
	}

	.area-kyc__txt--02 > dd {
		width: 46.428%;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	/* faq */
	.area-faq {
		padding: 95px 0 145px;
	}

}


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

	/* kv */
	.area-kv__img {
		position: relative;
		margin-left: 25px;
	}

	.area-kv__img::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		background: -webkit-gradient(linear, left bottom, left top, from(rgba(255,255,255,1)), to(rgba(255,255,255,0)));
		background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		width: 100%;
		height: 120px;
	}

	.area-kv__txt {
		position: relative;
		margin: -20px auto 15px;
		text-align: center;
	}

	.area-kv__logo {
		margin-bottom: 15px;
	}

	.area-kv__logo img {
		max-width: 203px;
		max-width: 54.13vw;
	}

	.area-kv__catch--01 {
		margin-bottom: 5px;
		font-size: 15px;
		font-size: 4vw;
	}

	.area-kv__catch--02 {
		margin-bottom: 20px;
		font-size: 29px;
		font-size: 7.73vw;
		letter-spacing: 0.05em;
	}

	.area-kv__cvlink {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 10px;
	}

	.area-kv__cvlink > li {
		margin: 0 6px;
	}

	.area-kv__line,
	.area-kv__mail {
		max-width: 100%;
		width: 143px;
		width: 38.13vw;
		height: 42px;
		height: 11.2vw;
		font-size: 12.5px;
		font-size: 3.33vw;
		letter-spacing: 0.08em;
	}

	.area-kv__mail .m-icon,
	.area-kv__line .m-icon {
		margin-right: 5px;
		margin-right: 1.33vw;
	}

	.area-kv__mail .m-icon {
		font-size: 16px;
		font-size: 4.27vw;
	}
	
	.area-kv__line {
		padding-right: 10px;
		padding-right: 2.67vw;
	}

	.area-kv__line .m-icon {
		width: 20px;
		width: 5.33vw;
	}

	.area-kv__note {
		font-size: 10px;
		font-size: 2.67vw;
		line-height: 1.4;
	}

	/* intro */
	.area-intro {
		padding: 40px 0 0;
	}

	.area-intro__catch {
		margin-bottom: 50px;
		font-size: 24px;
		font-size: 6.4vw;
		letter-spacing: 0.05em;
	}

	.area-intro__cont {
		margin-bottom: -60px;
	}

	.area-intro__txt {
		margin-bottom: 20px;
		font-size: 16px;
		letter-spacing: 0.05em;
	}

	/* reason */
	.area-reason {
		padding: 115px 0 50px;
	}

	.reason-list {
		padding: 0 0 5px;
	}

	.reason-list::before {
		top: 75px;
	}

	.reason-list__box {
		width: 270px;
		padding: 27px 27px 27px;
		margin: 0 auto 25px;
		border-radius: 10px;
		border-width: 3px;
	}

	.reason-list__icon {
		width: 77px;
		height: 77px;
		margin-bottom: 10px;
		border-width: 3px;
		font-size: 32px;
	}

	.reason-list__ttl {
		margin-bottom: 10px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	/* marker */
	.area-maker {
		padding: 40px 0 50px;
	}

	.area-maker__pic01 {
		position: absolute;
		right: -22px;
		bottom: -30px;
		-webkit-transform: scale(.4);
		        transform: scale(.4);
		-webkit-transform-origin: right bottom;
		        transform-origin: right bottom;
	}

	.area-maker__pic02 {
		position: absolute;
		left: -5px;
		bottom: -85px;
		-webkit-transform: scale(.4);
		        transform: scale(.4);
		-webkit-transform-origin: left bottom;
		        transform-origin: left bottom;
	}

	.area-maker__pic01.scroll-active,
	.area-maker__pic02.scroll-active {
		-webkit-transform: translate(0, 50%) scale(.4);
		        transform: translate(0, 50%) scale(.4);
		opacity: 0;
		-webkit-transition: .8s;
		transition: .8s;
	}

	.area-maker__pic01.scroll-active.active,
	.area-maker__pic02.scroll-active.active {
		-webkit-transform: translate(0, 0) scale(.4);
		        transform: translate(0, 0) scale(.4);
		opacity: 1;
	}

	.maker-list {
		max-width: 92%;
		margin: 0 auto 20px;
	}

	.maker-list > li {
		width: 100%;
		margin-bottom: 15px;
	}

	.maker-list__box {
		height: 96px;
		padding: 10px 0 0 15px;
		border-radius: 5px;
	}

	.maker-list__logo {
		max-width: 84%;
	}

	.maker-caution {
		padding: 23px 6% 18px;
		border-radius: 7px;
	}

	.maker-caution__lb {
		margin-bottom: 13px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	.maker-caution__lb i {
		margin-right: 5px;
	}

	.maker-caution__txt {
		text-align: left;
	}

	/* price */
	.area-price {
		padding: 40px 0 50px;
	}

	/* voice */
	.area-voice {
		padding: 40px 0 35px;
	}

	.voice-list > li {
		margin-bottom: 25px;
	}

	.voice-list__box {
		padding: 25px 15px 20px 22px;
		-webkit-box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		        box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		border-radius: 7px;
	}

	.voice-list__ttl {
		margin-bottom: 15px;
		font-size: 20px;
		font-size: min(5.33vw, 24px);
		letter-spacing: 0.05em;
	}

	.voice-list__author {
		margin-top: 7px;
	}

	/* case */
	.area-case {
		padding: 125px 0 50px;
	}

	.area-case::before {
		right: 0;
		top: 50px;
	}

	.area-case__pic {
		position: absolute;
		left: -7%;
		top: -100px;
		-webkit-transform: scale(.4);
		        transform: scale(.4);
		-webkit-transform-origin: left top;
		        transform-origin: left top;
	}

	.area-case__pic.scroll-active {
		-webkit-transform: translate(0, 50%) scale(.4);
		        transform: translate(0, 50%) scale(.4);
		opacity: 0;
		-webkit-transition: .8s;
		transition: .8s;
	}

	.area-case__pic.scroll-active.active {
		-webkit-transform: translate(0, 0) scale(.4);
		        transform: translate(0, 0) scale(.4);
		opacity: 1;
	}

	.case-slider {
		padding-top: 60px;
		margin-bottom: 50px;
	}

	.case-slider .slick-prev,
	.case-slider .slick-next {
		top: 0;
	}

	.case-slider .slick-prev,
	.case-slider .slick-next {
		right: 50%;
	}

	.case-slider .slick-next {
		margin-right: -39px;
	}

	.case-slider__box {
		-webkit-box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		        box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		border-radius: 7px;
	}

	.case-slider__txt {
		padding: 30px 30px 18px;
	}

	.case-slider__ttl {
		margin-bottom: 15px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	.case-slider__price {
		padding-top: 20px;
		margin-top: 45px;
	}

	.case-slider__price::before {
		font-size: 16px;
	}

	/* flow */
	.area-flow {
		padding: 40px 0 50px;
		background: #f7f7f7;
	}

	.area-flow::after {
		content: "";
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		bottom: -380px;
		display: block;
		width: 3%;
		background: #f7f7f7;
	}

	.area-flow__pic {
		position: absolute;
		right: 0;
		top: -55px;
		-webkit-transform: scale(.4);
		        transform: scale(.4);
		-webkit-transform-origin: right top;
		        transform-origin: right top;
	}

	.area-flow__pic.scroll-active {
		-webkit-transform: translate(0, 50%) scale(.4);
		        transform: translate(0, 50%) scale(.4);
		opacity: 0;
		-webkit-transition: .8s;
		transition: .8s;
	}

	.area-flow__pic.scroll-active.active {
		-webkit-transform: translate(0, 0) scale(.4);
		        transform: translate(0, 0) scale(.4);
		opacity: 1;
	}

	.flow-list {
		max-width: 368px;
		margin: 0 auto;
	}

	.flow-list > li {
		margin-top: 60px;
	}

	.flow-list__box {
		border-radius: 7px;
		-webkit-box-shadow: 5px 5px 5px rgba(34,34,34,.05);
		        box-shadow: 5px 5px 5px rgba(34,34,34,.05);
	}

	.flow-list__head {
		height: 100px;
	}

	.flow-list__num {
		left: 15px;
		top: -32px;
		width: 65px;
		height: 65px;
		font-size: 12px;
	}

	.flow-list__ttl {
		padding-top: 20px;
		font-size: 20px;
		letter-spacing: 0.05em;
	}

	.flow-list__txt {
		padding: 25px 20px;
	}

	/* kyc */
	.area-kyc {
		padding: 40px 0 50px;
	}

	.area-kyc::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 3%;
		height: 100%;
		background: #fff;
	}

	.area-kyc__ttl {
		margin-bottom: 20px;
		font-size: 24px;
		font-size: min(6.4vw, 32px);
		letter-spacing: 0.05em;
		line-height: 1.8;
	}

	.area-kyc__ttl .strong {
		display: inline-block;
		margin-bottom: .4em;
	}

	.area-kyc__txt--01 {
		margin-bottom: 25px;
	}

	.area-kyc__txt--02 {
		padding: 23px 8% 28px;
		margin-bottom: 15px;
		border-radius: 7px;
	}

	.area-kyc__txt--02 > dt {
		width: 100%;
		padding-bottom: 8px;
		margin-bottom: 20px;
		font-size: 22px;
		letter-spacing: 0.05em;
		line-height: 1.5;
	}

	.area-kyc__txt--02 > dd {
		font-size: 16px;
		letter-spacing: 0.05em;
	}

	/* faq */
	.area-faq {
		padding: 40px 0 60px;
	}

}