@charset "UTF-8";
body {
	counter-reset: number 0;
}
.service {
	width: 100%;
	padding-bottom: 6.25rem;
	overflow: hidden;
}
#merit, #feature, #flow, #option, #price {
	line-height: 2.0625rem;
}
.service .contents-heading {
	max-width: 72.75rem;
	margin: 0 auto 13.125rem;
	padding: 13.125rem 2rem 0;
}
body.windows .container h2, body.android .container h2 {
	font-weight: 900;
}
/*merit*/

.container-first {
	margin-top: 0;
}
.row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 2.5rem 0;
	gap: clamp(1rem, -2.453rem + 6.6165vw, 3.75rem);
	;
}
.service-img {
	width: clamp(21.25rem, -6.3208rem + 52.8302vw, 30rem);
}
.text h3 {
	font-size: 1.5625rem;
	font-weight: 700;
}
.text p {
	margin-top: clamp(0.625rem, -0.8048rem + 2.7397vw, 1.25rem);
	font-weight: 500;
	line-height: clamp(1.8rem, 1.1995rem + 1.1507vw, 2.0625rem);
}
/*feature*/

.section-copy {
	margin-bottom: 1.25rem;
	text-align: center;
	font-size: 1.5625rem;
}
.feature-list-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
	gap: clamp(2rem, -3.4332rem + 10.411vw, 4.375rem);
}
.list-item {
	width: 48%;
	margin-top: 2.5rem;
	padding-left: 1.2rem;
	position: relative;
}
.list-item::before {
	position: absolute;
	top: 1rem;
	left: 0;
	transform: rotate(45deg);
	width: .5rem;
	height: .5rem;
	background-color: var(--mark);
	content: "";
}
.list-item-title {
	font-size: 1.5625rem;
	line-height: normal;
}
.list-item-par {
	margin-top: 1.5vh;
	width: 90%;
	font-weight: 500;
}
.line-horizontal, .line-diagonal {
	position: absolute;
	background: #fff;
	height: .8px;
}
#feature .line-horizontal {
	top: 1.2rem;
	right: 1.4rem;
	width: clamp(5rem, -8.726rem + 26.3014vw, 11rem);
}
#feature .line-diagonal {
	transform: rotate(60deg);
	top: 2rem;
	right: 0rem;
	width: 30px;
}
#feature .line-vertical {
	position: absolute;
	background: linear-gradient(to bottom, transparent, #fff 0, #fff 50%, transparent);
	top: 45px;
	right: 7px;
	width: .8px;
	height: 75%;
}
#feature .line-vertical-short {
	height: 55%;
}
#feature .line-vertical-long {
	height: 90%;
}
#feature .line-vertical-middle {
	height: 80%;
}
/*flow*/

.flow-list-item {
	width: 39.375rem;
	margin-top: 2.5rem;
}
.flow-list-item .list-style-number {
	position: relative;
	padding-top: 1rem;
}
.flow-list-item .list-style-number::before {
	position: absolute;
	top: -1rem;
	font-family: 'Gill Sans', 'Gill Sans MT', "Staatliches", "Nunito Sans", 'Trebuchet MS', sans-serif;
	font-weight: normal;
	counter-increment: number 1;
	content: counter(number) " ";
	font-size: 5rem;
	line-height: normal;
}
.flow-list-item h3 {
	margin-left: 4rem;
	line-height: 4rem;
}
.flow-list-item p {
	margin: 0 0 0 4rem;
	width: 82%;
}
.list-2 {
	width: clamp(39.375rem, 26.2209rem + 25.2055vw, 45.125rem);
}
.list-2 p {
	width: 87%;
}
.list-3 {
	width: clamp(39.375rem, 12.7808rem + 50.9589vw, 51rem);
}
.list-4 {
	width: clamp(39.375rem, -0.3733rem + 76.1644vw, 56.75rem);
}
.list-4 p {
	width: 88%;
}
.list-5 {
	width: clamp(39.375rem, -13.8134rem + 101.9178vw, 62.625rem);
}
.list-5 p {
	width: 88%;
}
.list-6 {
	width: clamp(39.375rem, -27.8253rem + 128.7671vw, 68.75rem);
}
.list-6 p {
	width: 86%;
}
.list-padding-2 {
	padding-left: clamp(0rem, -15.7277rem + 30.137vw, 6.875rem);
}
.list-padding-3 {
	padding-left: clamp(0rem, -28.3099rem + 54.2466vw, 12.375rem);
}
.list-padding-4 {
	padding-left: clamp(0rem, -41.464rem + 79.4521vw, 18.125rem);
}
.list-padding-5 {
	padding-left: clamp(0rem, -54.7611rem + 104.9315vw, 23.9375rem);
}
.list-padding-6 {
	padding-left: clamp(0rem, -67.9152rem + 130.137vw, 29.6875rem);
}
.line {
	width: 100%;
	height: 2px;
	margin-top: 1rem;
	background: linear-gradient(to right, #fff 0%, #fff 80%, #4C5C71 100%);
}
/* option */

#option h2 {
	margin-bottom: 0;
}
.option-row {
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.option-row .list-item {
	width: 100%;
}
/*price*/

#price {
	padding: 0;
}
#price .section-name {
	padding-left: 2rem;
}
.service .under {
	margin: 3.75rem auto 0;
}
.service .common-button {
	position: relative;
	display: flex;
	justify-content: center;
	gap: 1.5625rem;
}
.service .under:hover {
	background-color: var(--black);
}
.service .under:hover .common-button {
	background-color: #A0A0A0;
}
.service .under:hover .submit-text {
	color: var(--black);
}
.service .under:hover .arrow {
	background-color: var(--black);
}
.service .under:hover .arrow::after {
	border-left-color: var(--black);
}
@media (max-width:834px) {
	.service {
		padding-bottom: 2.5rem;
	}
	#merit, #feature, #flow, #option, #price {
		line-height: 1.875rem;
	}
	.service .contents-heading {
		margin-bottom: 4.375rem;
		padding: 4.375rem 2rem 0;
	}
	.row {
		flex-direction: column;
		margin: clamp(1.25rem, 0.6373rem + 2.6144vw, 2rem) 0 0;
		gap: 0;
	}
	/*ページ見出し*/
	.section-name {
		padding: 0;
	}
	/*スマホでの表示設定*/
	.PC-none h3 {
		margin-bottom: 0.9375rem;
		font-size: clamp(0.9375rem, 0.4779rem + 1.9608vw, 1.5rem);
	}
	.service-img {
		width: 100%;
	}
	/*paragraph*/
	.text p {
		margin-top: 0;
		letter-spacing: .5px;
	}
	/*表示順設定*/
	.order-3 {
		order: 3;
		padding-top: 0.9375rem;
	}
	/*feature*/
	.section-copy {
		font-size: clamp(0.9375rem, 0.3668rem + 2.1739vw, 1.5rem);
		margin: 4% 0 clamp(1.5rem, -0.0217rem + 5.7971vw, 3rem);
		;
	}
	.feature-list {
		display: flex;
		flex-direction: column;
		gap: clamp(1.25rem, -0.5254rem + 6.7633vw, 3rem);
	}
	.feature-list-row {
		flex-direction: column;
		gap: clamp(1.25rem, -0.5254rem + 6.7633vw, 3rem);
	}
	.list-item {
		width: 100%;
		margin: 0;
		padding-left: 1rem;
	}
	.list-item::before {
		top: clamp(0.65rem, 0.2949rem + 1.3527vw, 1rem);
		width: .3em;
		height: .3em;
	}
	.list-item-title {
		font-size: clamp(0.9375rem, 0.3668rem + 2.1739vw, 1.5rem);
	}
	.list-item-par {
		width: clamp(90%, 5vw + 90%, 95%);
		margin-top: clamp(0.3125rem, -0.3216rem + 2.4155vw, 0.9375rem);
		padding-right: .5rem;
		text-align: justify;
	}
	#feature .line-horizontal {
		top: .8rem;
		width: clamp(8rem, -8.2319rem + 61.8357vw, 24rem);
	}
	#feature .line-diagonal {
		top: 1.6rem;
	}
	#feature .line-vertical {
		top: 2.375rem;
		height: 80%;
	}
	#feature .line-vertical-short {
		height: 80%;
	}
	#feature .line-vertical-long {
		height: 80%;
	}
	.feature .line-horizontal {
		top: 13px;
		right: 30px;
		width: 130px;
	}
	.feature .line-diagonal {
		top: 25px;
		right: 0;
		width: 35px;
	}
	.feature .line-vertical {
		top: 38px;
		right: 5px;
	}
	/*flow*/
	.flow-list-item {
		width: 100%;
		margin-top: 3vh;
	}
	.flow-list-item .list-style-number {
		padding-top: 0;
	}
	.list-padding-2, .list-padding-3, .list-padding-4, .list-padding-5, .list-padding-6 {
		padding-left: 0;
	}
	.flow-list-item .list-style-number::before {
		top: clamp(-1rem, -2.0145rem + 3.8647vw, 0rem);
		font-size: clamp(2.5rem, 1.2319rem + 4.8309vw, 3.75rem);
	}
	.flow-list-item h3 {
		margin-left: clamp(2.0625rem, 0.8578rem + 4.5894vw, 3.25rem);
		line-height: clamp(2rem, -2.058rem + 15.4589vw, 6rem);
	}
	.flow-list-item p {
		width: 90%;
		margin-left: clamp(2.0625rem, 0.8578rem + 4.5894vw, 3.25rem);
	}
	.line {
		margin-top: 2%;
		position: relative;
		left: -10%;
		width: 110%;
		height: 1px;
	}
	/*option*/
	.option .list-item-title {
		margin-top: .8rem;
	}
	.option .list-item::before {
		top: 1.6rem;
	}
	.option .list-item {
		margin-bottom: 2vh;
	}
	.option-list {
		margin-top: 4%;
		display: flex;
		flex-direction: column;
		gap: 1.25rem;
	}
	/*price*/
	#price .section-name {
		padding-left: 1.5rem;
	}
	/*contact*/
	.service .under {
		margin: 1.25rem auto 0;
	}
	.service .common-button {
		gap: 0.625rem;
	}
	.service .common-button {
		gap: 0.625rem;
	}
}