@charset "utf-8";

/* -----------------------------------------------------------
page-intro-area
-------------------------------------------------------------- */
.page-intro-area {
	padding: 100px 0;
	background: unset;
}
/* .page-intro-area .flex {
	display: flex;
	justify-content: space-between;
	gap: 80px;
} */
/* .page-intro-area .ttl {
	font-size: 4rem;
	font-weight: 700;
} */
/* .page-intro-area .img {
	width: 500px;
	flex-shrink: 0;
}
.page-intro-area .img img {
	object-fit: cover;
	height: 100%;
	border-radius: 10px;
} */

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

	.page-intro-area {
		margin: unset;
		padding: 40px 0 40px;
	}
	/* .page-intro-area .flex {
		flex-direction: column;
		gap: 20px;
	} */
	/* .page-intro-area .ttl {
		font-size: 2rem;
	} */
	/* .page-intro-area .img {
		width: 100%;
		height: 200px;
	} */

}


/* -----------------------------------------------------------
about-area
-------------------------------------------------------------- */
.about-area .about-area-cont-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
}

#line .about-area .about-area-cont {
	display: flex;
	align-items: unset;
	margin: unset;
	width: calc((100% / 2) - 20px);
}
.about-area .about-area-cont::after {
	position: absolute;
	right: -15px;
	bottom: -10px;
	content: "";
	background: url(../img/cmn_service-bg01.png) no-repeat;
	background-size: cover;
	width: 251px;
	height: 227px;
}

.about-area .about-area-cont .txt-custom {
	letter-spacing: 0.09em;
}

.about-area .intro-area .img {
	width: 400px;
}

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

	#line .about-area .intro-area {
		gap: 20px;
	}

	#line .about-area .about-area-cont-wrap {
		margin: 40px 0 0;
		gap: 20px;
	}

	#line .about-area .about-area-cont {
		width: 100%;
	}

}


/* -----------------------------------------------------------
flow-area
-------------------------------------------------------------- */
.cmn-flow-area {
	background: unset;
}

.cmn-flow-area .flow-list_item .list-base {
	display: flex;
	gap: 24px;
	margin: 24px 0 0;
	padding: 24px;
	background: #fff;
	border-radius: 6px;
}

.cmn-flow-area .flow-list .flow-list_item {
	display: block;
	background: var(--light-yellow);
}
.cmn-flow-area .flow-list .flow-list_item::after {
	color: var(--dark-yellow);
}

.cmn-flow-area .flow-list_item > .num {
	color: var(--dark-yellow);
}

.cmn-flow-area .flow-list .flow-list_item .qr-img {
	position: relative;
	right: 50px;
	width: 200px;
}

/* LINEボタン */
.cmn-flow-area .sp-line-btn a {
	display: none;
}

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

	.cmn-flow-area .flow-list_item .list-base {
		flex-direction: column;
		gap: 4px;
		padding: 20px;
	}

	.cmn-flow-area .flow-list .flow-list_item {
		display: block;
	}

	/* LINEボタン */
	.cmn-flow-area .sp-line-btn a {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		margin: 24px 0 0;
		padding: 12px;
		color: #fff;
		font-weight: 600;
		text-align: center;
		background: #06C755;
		border-radius: 6px;
	}
	.cmn-flow-area .sp-line-btn a p {
		font-size: 1.8rem;
		font-family: var(--notoSerifJP);
	}
	.cmn-flow-area .sp-line-btn a .img img {
		width: 30px;
	}

}


/* -----------------------------------------------------------
faq-area
-------------------------------------------------------------- */
.faq-area {
	background: var(--lightgray03);
}


/* -----------------------------------------------------------
cmn-contact-area
-------------------------------------------------------------- */
.cmn-contact-area .cv-block .cv-list {
	margin-inline: auto;
	width: 65%;
	justify-content: center;
}

.cmn-contact-area .cv-btn-base a {
	width: 100%;
}

.cmn-contact-area .cv-block .cv-list_item {
	width: calc(100% / 2);
}

.cmn-contact-area .cv-block .cv-list .cv-list_item:nth-child(3) {
	display: none;
}

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

	.cmn-contact-area .cv-block .cv-list {
		width: unset;
	}

	.cmn-contact-area .cv-block .cv-list_item {
		width: unset;
	}

}


/* -----------------------------------------------------------
footer
-------------------------------------------------------------- */
/* SP LINE固定ボタン */
@media screen and (max-width: 768px){

	.footer-fixed-area {
		display: none;
	}

	.footer-fixed-area.line {
		display: block;
	}

	.footer-fixed-area .btn-flex-list {
		height: unset;
	}

	.footer-fixed-area .btn-flex-list .item.line {
		width: 100%;
		background: #06C755 url(../img/cmn_cv-btn_bg-line.jpg);
		background-size: cover;
		border-bottom: unset;
	}

	.footer-fixed-area .btn-flex-list .item.line a {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 8px;
		width: 100%;
		height: 60px;
	}

	.footer-fixed-area .btn-flex-list .item .img {
		width: 32px;
	}

	.footer-fixed-area .btn-flex-list .item .ttl {
		color: #fff;
		font-size: 1.6rem;
		font-weight: 600;
	}

}