@charset "UTF-8";

/* 共通 */
#wrapper {
	background: #fff;
}
main {
	padding: 3.8em 0 0;
	transition: 0.2s linear;
	&.dark {
		background: #222222;
	}
}

.mt0 {margin:0 auto}
.mt10 {margin:3% auto 0}
.mt20 {margin:3% auto 0}
.mt25 {margin:3% auto 0}
.mt30 {margin:5% auto 0}
.mt35 {margin:5% auto 0}
.mt40 {margin:5% auto 0}
.mt45 {margin:5% auto 0}
.mt50 {margin:5% auto 0}
.mt60 {margin:5% auto 0}
.mt70 {margin:10% auto 0}
.mt75 {margin:10% auto 0}
.mt80 {margin:13% auto 0}
.mt90 {margin:15% auto 0}
.mt100 {margin:15% auto 0}
.mt110 {margin:20% auto 0}
.mt120 {margin:20% auto 0}
.mt140 {margin:20% auto 0}
.mt150 {margin:20% auto 0}

/* パンくず */
#breadcrumb {
	margin: 1em 0 0;
	padding: 0;
	font-size: 3.4vw;
	line-height: 180%;
	text-align: right;
	a {
		color: #202020;
		text-decoration: none;
	}
}
main.dark {
	#breadcrumb {
		color: #fff;
		a {
			color: #fff;
		}
	}
}

/* 仮コンテンツ */
div.provisional_cont {
	margin: 0 auto;
	padding: 10% 3% 20%;
	p {
		margin: 2em auto 0;
		font-size: 4.4vw;
		line-height: 200%;
	}
}

/* KV */
#sub_kv {
	margin: 0 auto;
	padding: 1.0em 0 0;
	div.kv_in {
		margin: 0 auto;
		padding: 0 3.5%;
		h2 {
			margin: 0;
			padding: 0;
			text-align: left;
			span {
				display: inline-block;
				margin: 0;
				padding: 0;
				font-size: 10.4vw;
				line-height: 130%;
				font-weight: var(--weight-nomal);
				font-family: var(--font-rock-salt);
				white-space: nowrap;
			}
		}
	}
}
main.dark {
	#sub_kv {
		div.kv_in {
			h2 {
				span {
					color: #fff;
				}
			}
		}
	}
}


/* Member */
#member_read {
	margin: 0 auto;
	padding: 5em 3.5%;
	font-size: 4.2vw;
	line-height: 180%;
	text-align: left;
	font-weight: var(--weight-nomal);
}
div.member_cont {
	margin: 0 auto;
	padding: 10% 3.5% 10%;
	border-top: 1px solid #eee;
	position: relative;
	&:before {
		position: absolute;
		content: '';
		display: block;
		width: 1.5em;
		height: 1px;
		margin: 0;
		padding: 0;
		background: #222;
		top: -1px;
		left: 3.5%;
	}
	div.member_in {
		margin: 0 auto;
		padding: 0;
		h3 {
			margin: 0;
			padding: 0;
			font-size: 5.0vw;
			line-height: 160%;
			font-weight: var(--weight-extrabold1);
			font-family: var(--font-montserrat);
			text-align: left;
		}
		ul {
			margin: 0;
			padding: 0;
			list-style: none;
			display: flex;
			flex-wrap: wrap;
			li {
				width: 48%;
				margin: 5% 0 0 4%;
				cursor: pointer;
				&:nth-of-type(odd) {
					margin-left: 0;
				}
				&:nth-of-type(n + 3) {
					margin-top: 10%;
				}
				.img {
					width: 100%;
					img {
						width: 100%;
						border-radius: 0.5em;
					}
				}
				.prof {
					margin: 0.5em 0 0;
					padding: 0;
					text-align: left;
					h5 {
						margin: 0;
						padding: 0;
						font-size: 3.2vw;
						line-height: 150%;
						font-weight: var(--weight-nomal);
					}
					h4 {
						margin: 0.4em 0 0;
						padding: 0;
						font-size: 4.2vw;
						line-height: 160%;
						font-weight: var(--weight-bold2);
					}
					p {
						width: 90%;
						margin: 0.5em 0 0;
						padding: 0;
						font-size: 3.2vw;
						line-height: 160%;
						font-weight: var(--weight-nomal);
					}
				}
			}
		}
	}
}

/* ===== オーバーレイ ===== */
.overlay {
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	visibility: hidden;
	transition: 0.2s linear;
	z-index: 98;
}

.overlay.active {
	opacity: 1;
	visibility: visible;
}

/* ===== ドロワー ===== */
div.drawer {
	position: fixed;
	width: 100%;
	height: calc(100vh - 3.8em);
	min-height: 0;
	margin: 0;
	padding: 10% 3% 15%;
	background: #EEEEEE;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	top: 3.8em;
	right: -100%;
	transition: right 0.2s ease;
	z-index: 99;
	#drawerBody {
		width: 80%;
		margin: 0;
		padding: 0;
		overflow-y: auto;
		min-height: 0;
		-ms-overflow-style: none;
		scrollbar-width: none;
		&:-webkit-scrollbar {
			display: none;
		}
		.mamber_box {
			opacity: 0;
			transform: translateY(20px);
			margin: 0;
			padding: 0;
			.img {
				width: 70%;
				margin: 0 auto;
				padding: 0;
				position: relative;
				z-index: 1;
				&:before {
					position: absolute;
					content: '';
					display: block;
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 0;
					background: #F0FE07;
					border-radius: 0.5em;
					top: 5px;
					left: 5px;
					z-index: -1;
				}
				img {
					display: block;
					width: 100%;
					height: 100%;
					margin: 0;
					padding: 0;
					border-radius: 0.5em;
					object-fit: cover;
				}
			}
			.prof {
				width: 100%;
				margin: 10% auto 0;
				padding: 0;
				text-align: left;
				h5 {
					margin: 0;
					padding: 0;
					font-size: 3.8vw;
					line-height: 150%;
					font-weight: var(--weight-nomal);
				}
				h4 {
					margin: 0.5em 0 0;
					padding: 0;
					font-size: 4.6vw;
					line-height: 160%;
					font-weight: var(--weight-bold2);
				}
				h6 {
					margin: 0.5em 0 0;
					padding: 0;
					font-size: 3.6lvw;
					line-height: 160%;
					font-weight: var(--weight-nomal);
					white-space: nowrap;
				}
				p {
					margin: 2em 0 0;
					padding: 0;
					font-size: 3.8vw;
					line-height: 200%;
				}
			}
		}
	}
	.drawer-nav {
		width: 15%;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		bottom: 5%;
		right: 3%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		button {
			width: 80%;
			height: 11vw;
			margin: 5px 0;
			padding: 0;
			border: none;
			background: #fff;
			border-radius: 50%;
			cursor: pointer;
			img {
				width: 100%;
				height: auto;
			}
		}
	}

	.close {
		position: absolute;
		display: inline-block;
		width: 10%;
		height: 10vw;
		margin: 0;
		padding: 0;
		border: none;
		background: #fff;
		border-radius: 50%;
		border: none;
		top: 2%;
		right: 3%;
		cursor: pointer;
		img {
			width: 100%;
			height: auto;
		}
	}
	&.active {
		right: 0;
		.mamber_box {
			animation: contentFade 0.6s ease 0.4s forwards;
		}
	}
}
@keyframes contentFade {
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
div.top_service_btn.cont_btn {
	margin: 0 auto;
	padding-bottom: 20%;
	display: flex;
	justify-content: center;
}


/* Service */
#service_read {
	margin: 0 auto;
	padding: 10% 3% 15%;
	text-align: left;
	div.txt {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		h3 {
			margin: 0;
			padding: 0;
			font-size: 5.8vw;
			line-height: 200%;
			font-weight: var(--weight-bold1);
			color: #F0FE06;
		}
		p {
			margin: 2em 0 0;
			padding: 0;
			font-size: 3.8vw;
			line-height: 200%;
			&:nth-of-type(n+2) {
				margin-top: 1em;
			}
		}
	}
	div.img {
		width: 100%;
		height: 15em;
		margin: 10% auto 0;
		padding: 0;
		background: url(../images/sub/service_approach_w.png) center / auto 100% no-repeat;
		position: relative;
		transition: 0.2s linear;
		span {
			position: absolute;
			width: 7em;
			height: 7em;
			margin: 0;
			padding: 0;
			font-size: 3.6vw;
			line-height: 160%;
			font-weight: var(--weight-bold1);
			text-align: center;
			color: #fff;
			background: #222222;
			border-radius: 50%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			small {
				position: absolute;
				margin: 0;
				padding: 0;
				font-size: 9.8vw;
				line-height: 160%;
				font-weight: var(--weight-extrabold1);
				font-family: var(--font-montserrat);
				font-style: italic;
				color: #666666;
			}
			&.circle1 {
				top: -1.5em;
				left: 45%;
				small {
					top: -0.5em;
					right: -0.2em;
				}
			}
			&.circle2 {
				top: 0.3em;
				left: 2%;
				small {
					top: -0.5em;
					left: -0.2em;
				}
			}
			&.circle3 {
				top: 10em;
				left: 5%;
				small {
					bottom: -0.5em;
					left: -0.2em;
				}
			}
			&.circle4 {
				top: 4.5em;
				left: 75%;
				small {
					top: -0.7em;
					right: 0.4em;
				}
			}
			&.circle5 {
				top: 12em;
				left: 48%;
				small {
					bottom: -0.5em;
					right: -0.2em;
				}
			}
			
		}
	}
}
main.dark {
	#service_read {
		div.txt {
			h3 {
				color: #F0FE06;
			}
			p {
				color: #fff;
			}
		}
		div.img {
			background: url(../images/sub/service_approach_g.png) center / auto 100% no-repeat ,url(../images/sub/service_approach_w.png) center / auto 100% no-repeat;
			span {
				color: #212121;
				background: #fff;
				border-radius: 50%;
			}
		}
	}
}
#service_benefit {
	margin: 0 auto;
	padding: 20% 3% 20%;
	.benefit_ttl {
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: flex-end;
		position: relative;
		h3 {
			margin: 0;
			padding: 0;
			font-size: 7.4vw;
			line-height: 200%;
			font-weight: var(--weight-bold1);
			text-align: right;
			strong {
				margin: 0;
				padding: 0;
				font-size: 18vw;
				line-height: 100%;
				font-weight: var(--weight-extrabold1);
				font-family: var(--font-montserrat);
				font-style: italic;
			}
		}
		h4 {
			position: absolute;
			display: inline-block;
			margin: 0;
			padding: 0;
			font-size: 26vw;
			line-height: 100%;
			font-weight: var(--weight-extrabold1);
			font-family: var(--font-montserrat);
			color: rgba(33,33,33,0.03);
			top: 0.2em;
			right: -10%;
		}
	}
	.service_cont {
		margin: 10% auto 0;
		padding: 0;
		&:nth-of-type(n+3) {
			margin-top: 15%;
		}
		h4 {
			margin: 0;
			padding: 0;
			font-size: 6.4vw;
			line-height: 140%;
			font-weight: var(--weight-nomal);
			display: flex;
			align-items: center;
			position: relative;
			span {
				margin: 0 0.5em 0 0;
				padding: 0;
				font-size: 12.2vw;
				line-height: 100%;
				font-weight: var(--weight-extrabold1);
				font-family: var(--font-montserrat);
				font-style: italic;
			}
			&:before {
				position: absolute;
				content: '';
				display: block;
				margin: 0;
				padding: 0;
				width: 110%;
				height: 1px;
				background: #222222;
				bottom: 0.2em;
				left: 0;
			}
		}
		.service_cont_in {
			margin: 8% auto 0;
			padding: 0;
			.txt_img {
				width: 100%;
				margin: 0 auto;
				padding: 0;
				text-align: left;
				h5 {
					margin: 0;
					padding: 0;
					font-size: 5.6vw;
					line-height: 200%;
					font-weight: var(--weight-bold1);
					strong {
						display: inline;
						margin: 0;
						padding: 0 0.2em;
						font-weight: var(--weight-bold1);
						background: linear-gradient(transparent 55%, #F0FE07 55%, #F0FE07 100%, transparent 100%);
					}
				}
				.img {
					margin: 5% 0 0;
					padding: 0;
					img {
						width: 100%;
						height: auto;
						border-radius: 0.5em;
					}
				}
			}
			ul {
				width: 100%;
				margin: 8% auto 0;
				padding: 0;
				text-align: left;
				list-style: none;
				li {
					width: 100%;
					margin: 2em 0 0;
					padding: 0;
					&:first-of-type {
						margin-top: 0;
					}
					.ttl {
						display: inline-block;
						margin: 0;
						padding: 0;
						h6 {
							height: 2em;
							margin: 0;
							padding: 0.1em 1em 0;
							font-size: 4.4vw;
							line-height: 160%;
							font-weight: var(--weight-bold1);
							color: #fff;
							display: flex;
							justify-content: center;
							align-items: center;
							position: relative;
							z-index: 1;
							&:before {
								position: absolute;
								content: '';
								display: block;
								margin: 0;
								padding: 0;
								background: #222222;
								top: 0;
								left: 0;
								right: 0;
								bottom: 0;
								border-radius: 0.2em;
								transform: skewX(-10deg);
								z-index: -1;
							}
						}
					}
					p {
						margin: 1em 0 0;
						padding: 0 0 0 1em;
						font-size: 3.6vw;
						line-height: 200%;
					}
				}
			}
		}
		&.rev {
			h4 {
				justify-content: flex-end;
				&:before {
					left: auto;
					right: 0;
				}
			}
		}
	}
}
main.dark #service_benefit {
	.benefit_ttl {
		h3 {
			color: #fff;
			strong {
				color: #fff;
			}
		}
	}
	.service_cont {
		h4 {
			color: #fff;
			span {
				color: #fff;
			}
			&:before {
				background: #fff;
			}
		}
		.service_cont_in {
			color: #fff;
		}
	}
}


/* About Us */
#about_read {
	margin: 0 auto;
	padding: 10% 3% 15%;
	div.txt {
		margin: 0 auto;
		padding: 0;
		text-align: left;
		p {
			margin: 1em 0 0;
			padding: 0;
			font-size: 3.8vw;
			line-height: 200%;
			font-family: var(--font-Shippori-min);
			&:first-of-type {
				margin-top: 0;
			}
		}
	}
	div.img {
		width: 70%;
		margin: 8% auto 0;
		padding: 0;
		img {
			width: 100%;
			height: auto;
			border-radius: 0.5em;
		}
	}
	.get_activated {
		width: 100%;
		margin: 15% auto 0;
		padding: 0;
		h4 {
			margin: 0 auto;
			padding: 0 0 0.2em;
			font-size: 9.6vw;
			line-height: 150%;
			font-weight: var(--weight-bold1);
			font-family: var(--font-rock-salt);
		}
		h3 {
			margin: 0 auto;
			padding: 0;
			p {
				margin: 0.8em auto 0;
				padding: 0;
				font-size: 6.6vw;
				line-height: 200%;
				font-weight: var(--weight-bold1);
				font-style: italic;
			}
		}
	}
}
main.dark {
	#about_read {
		div.txt {
			p {
				color: #fff;
			}
		}
	}
	.get_activated {
		h4 {
			color: #F0FE06;
		}
		h3 {
			p {
				color: #fff;
			}
		}
	}

}
div.about_cont1 {
	margin: 0 auto;
	padding: 0 0 15%;
	border-top: 1px solid #eee;
	position: relative;
	&:before {
		position: absolute;
		content: '';
		display: block;
		width: 1.5em;
		height: 1px;
		margin: 0;
		padding: 0;
		background: #222;
		top: -1px;
		left: 3.5%;
	}
	&:first-of-type {
		margin-top: 10%;
	}
}
div.about_cont2 {
	margin: 0 auto;
	padding: 8% 0 20%;
	&.bg {
		padding-bottom: 15%;
		background: #EEEEEE;
	}
}
div.about_cont_in {
	margin: 0 auto;
	padding: 0 3%;
	text-align: left;
	h3 {
		margin: 0;
		padding: 2em 0 0;
		font-size: 5.6vw;
		line-height: 200%;
		font-weight: var(--weight-bold1);
		position: relative;
		&:before {
			position: absolute;
			content: '';
			display: block;
			margin: 0;
			padding: 0;
			width: 105%;
			height: 1px;
			background: #222222;
			bottom: -0.5em;
			left: 0;
		}
		span {
			display: block;
			margin: 0.2em 0 0;
			padding: 0;
			font-size: 4.4vw;
			line-height: 100%;
			font-weight: var(--weight-extrabold1);
			font-family: var(--font-montserrat);
		}
	}
	dl {
		margin: 1em auto 0;
		padding: 0;
		text-align: left;
		border-bottom: 1px solid #EEEEEE;
		h4 {
			width: 100%;
			margin: 0;
			padding: 2em 0.5em 1em;
			font-size: 4.2vw;
			line-height: 180%;
			font-weight: var(--weight-bold2);
			border-top: 1px solid #EEEEEE;
			&:first-of-type {
				border-top: none;
			}
			&:nth-of-type(2) {
				padding-top: 3em;
			}
		}
		dt {
			width: 100%;
			margin: 0;
			padding: 1em 0.5em 0.2em 1em;
			font-size: 3.6vw;
			line-height: 180%;
			font-weight: var(--weight-bold2);
			border-top: 1px solid #EEEEEE;
		}
		dd {
			width: 100%;
			margin: 0;
			padding: 0.2em 0.5em 1em 1em;
			font-size: 3.6vw;
			line-height: 180%;
			p {
				margin: 10px 0 0;
				&:first-of-type {
					margin-top: 0;
				}
			}
		}
	}
	ul.office_img {
		margin: 10% auto 0;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		li {
			width: 48%;
			margin: 0;
			padding: 0;
			&:nth-of-type(even) {
				margin-left: 4%;
			}
			&:nth-of-type(n+3) {
				margin-top: 5%;
			}
			img {
				width: 100%;
				height: 7em;
				border-radius: 0.5em;
				object-fit: cover;
			}
		}
	}
	.map_cont {
		margin: 0 auto;
		text-align: left;
		p {
			margin: 3.5em 0 0;
			font-size: 3.6vw;
			line-height: 180%;
		}
		.gmap {
			width: 100%;
			height: 25em;
			margin: 1em 0 2em;
			padding: 0;
			position: relative;
			iframe {
				position: absolute;
				width: 100%;
				height: 100%;
				margin: 0;
				padding: 0;
				top: 0;
				left: 0;
			}
		}
		&:last-of-type {
			.gmap {
				margin-bottom: 0;
			}
		}
	}
	.terms_box {
		margin: 3.5em auto 0;
		font-size: 3.5vw;
		line-height: 180%;
		text-align: left;
		strong {
			display: block;
			margin: 2em 0 0;
			padding: 0;
		}
		p {
			margin: 1em 0 0;
			padding: 0;
			span {
				display: block;
				margin: 0;
				padding: 0 0 0 1em;
				text-indent: -1em;
			}
			a {
				overflow-wrap: anywhere;
			}
			&.sign {
				text-align: right;
			}
		}
		ul {
			margin: 0;
			padding: 1em 0 0;
			list-style: none;
			li {
				margin: 0.6em 0 0;
				padding: 0 0 0 1.2em;
				text-indent: -1.2em;
			}
		}
	}
}
main.dark {
	div.about_cont_in {
		h3 {
			color: #fff;
			&:before {
				background: #fff;
			}
		}
		dl {
			color: #fff;
		}
		.map_cont {
			color: #fff;
		}
	}
}


/* Contact */
#contact_read {
	margin: 0 auto;
	padding: 10% 3% 15%;
	font-size: 3.6vw;
	line-height: 200%;
	text-align: left;
	.txt {
		width: 100%;
		margin: 0 ;
		padding: 5% 3% 5% 0;
		background: #EEEEEE;
		border-radius: 0 0.5em 0.5em 0;
		position: relative;
		&:before {
			position: absolute;
			content: '';
			display: block;
			width: 10%;
			height: 100%;
			margin: 0;
			padding: 0;
			background: #EEEEEE;
			top: 0;
			left: -10%;
		}
		strong {
			display: block;
			margin: 1em 0 0;
			padding: 0;
			&:first-of-type {
				margin-top: 0;
			}
		}
	}
	div.cont_tbl {
		width: 100%;
		margin: 15% auto 0;
		padding: 0;
		&.frame {
			margin-top: 0;
		}
		p.form_top {
			margin: 0;
			padding: 0;
			font-size: 3.6vw;
			font-weight: var(--weight-bold1);
			text-align: left;
			span {
				margin: 0 0.5em 0 0;
				padding: 0;
				color: #FF3F00;
			}
		}
		div.form_cont {
			width: 100%;
			margin: 5% auto 0;
			padding: 0;
			dl {
				width: 100%;
				margin: 0;
				padding: 0;
				font-size: 3.8vw;
				line-height: 180%;
				font-weight: var(--weight-bold1);
				text-align: left;
				dt {
					width: 100%;
					margin: 0 ;
					padding: 0.8em 0 0.3em;
					font-weight: var(--weight-bold1);
					span {
						margin: 0 0 0 0.5em;
						font-size: 3.4vw;
						color: #FF3F00;
					}
				}
				dd {
					width: 100%;
					margin: 0;
					padding: 0.3em 0 0.8em;
					input[type=text],
					input[type=tel],
					input[type=email],
					select {
						width: 100%;
						height: 3.5em;
						padding: 0.5em 1em;
						font-size: 3.8vw;
						line-height: 180%;
						font-weight: var(--weight-noaml);
						font-family	: inherit;
						border: none;
						background: #EEEEEE;
						border-radius: 0.2em;
					}
					textarea {
						width: 100%;
						height: 15em;
						padding: 0.5em 1em;
						font-size: 3.8vw;
						line-height: 180%;
						font-weight: var(--weight-noaml);
						font-family	: inherit;
						background: #EEEEEE;
						border: none;
						border-radius: 0.2em;
					}
					input[type=checkbox],
					input[type=radio] {
						margin: 0 0.8em 0 0;
						width: 1.2em;
						height: 1.2em;
						vertical-align: -0.2em;
					}
					div.privacy_box {
						width: 100%;
						margin: 0;
						padding: 1em 3%;
						font-size: 3.4vw;
						line-height: 200%;
						background: #EEEEEE;
						border-radius: 5px;
						.box {
							padding: 0 0.5em 0 0;
							height: 15em;
							overflow-y: auto;
							scrollbar-color: #222222 #EEEEEE;
							scrollbar-width: thin;
							strong {
								display: block;
								margin: 1.5em 0 0;
								padding: 0;
								font-size: 3.6vw;
								line-height: 200%;
								font-weight: var(--weight-bold1);
							}
							p {
								margin: 1em 0 0;
								padding: 0;
								span {
									display: block;
									margin: 0;
									padding: 0 0 0 1em;
									text-indent: -1em;
								}
								a {
									overflow-wrap: anywhere;
								}
								&.sign {
									text-align: right;
								}
							}
							ul {
								margin: 0;
								padding: 25px 0 0;
								list-style: none;
								li {
									margin: 10px 0 0;
									padding: 0 0 0 1.2em;
									text-indent: -1.2em;
								}
							}
						}
					}
					div.privacy_link {
						margin: 0.5em auto 0;
						padding: 0;
						font-size: 3.6vw;
						line-height: 180%;
						text-align: center;
					}
						div.cont_tbl div.privacy_link label {
							display: inline-block;
							margin: 0 auto;
							padding: 0;
						}
				}
			}
			#contact_btn {
				width: 100%;
				margin: 0 auto;
				padding: 10% 0 0;
				text-align: center;
				div.form_btn1,
				div.form_btn2 {
					display: inline-block;
					width: 80%;
					height: 3.5em;
					margin: 0.5em auto;
					position: relative;
					z-index: 1;
				}
				div.form_btn1 {
					&:before {
						position: absolute;
						content: '';
						display: block;
						margin: 0;
						padding: 0;
						border: 2px solid #999999;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						border-radius: 0.5em;
						transform: skewX(-10deg);
						z-index: -2;
						overflow: hidden;
					}
					span {
						position: absolute;
						display: block;
						width: 1.6em;
						height: 1.2em;
						margin: 0;
						padding: 0;
						background: url(../images/icon/arrow_ico_b.png) center / contain no-repeat;
						transition: 0.2s linear;
						top: calc(50% - 0.6em);
						right: 8%;
						z-index: 1;
					}
					button {
						display: block;
						width: 100%;
						height: 3.5em;
						font-size: 4.0vw;
						line-height: 180%;
						margin: 0 auto;
						padding: 0 0 0.2em;
						font-family	: inherit;
						color: #1F1F1F;
						font-weight: var(--main-font-bold1);
						background: none;
						cursor: pointer;
						border: none;
					}
				}
				div.form_btn2 {
					&:before {
						position: absolute;
						content: '';
						display: block;
						margin: 0;
						padding: 0;
						border: 2px solid #999999;
						background: #ddd;
						top: 0;
						left: 0;
						right: 0;
						bottom: 0;
						border-radius: 0.5em;
						transform: skewX(-10deg);
						z-index: -2;
						overflow: hidden;
					}
					span {
						position: absolute;
						display: block;
						width: 1.6em;
						height: 1.2em;
						margin: 0;
						padding: 0;
						background: url(../images/icon/arrow_ico_b.png) center / contain no-repeat;
						transition: 0.2s linear;
						top: calc(50% - 0.6em);
						right: 8%;
						z-index: 1;
					}
					button {
						display: block;
						width: 100%;
						height: 3.5em;
						font-size: 4.0vw;
						line-height: 180%;
						margin: 0 auto;
						padding: 0 0 0.2em;
						font-family	: inherit;
						color: #1F1F1F;
						font-weight: var(--main-font-bold1);
						background: none;
						cursor: pointer;
						border: none;
					}
				}
			}
		}
	}
}