@charset "utf-8";


.underttl-area .img-wrap img {
    object-position: bottom;
}


/* -------------------------------------------------------------
    TOPメッセージ
-------------------------------------------------------------- */
.about-area {
	display: flex;
	align-items: center;
	gap: 90px;	
	margin-bottom: 80px;
}

.about-area .img-wrap {
	border-radius: 30px;
	overflow: hidden;
}

.about-area .txt-area {
	max-width: 600px;
}



@media screen and (max-width: 768px) {
	.about-area  {
		gap: 20px;
		flex-direction: column-reverse;
		margin-bottom: 40px;
	}
	
	.about-area .img-wrap {
		height: 200px;
	}
}



/* -------------------------------------------------------------
    流れ
-------------------------------------------------------------- */
.flow-area .flow-list {
	margin-top: 40px;
	position: relative;
}

@media screen and (max-width: 768px) {
	
	.flow-area .flow-list {
		margin-top: 20px;
	}

}


/* -------------------------------------------------------------
    質問
-------------------------------------------------------------- */

.faq-area {
    background-color: #fff;
    border: solid 2px #0F75BC;
    border-radius: 40px;
    padding: 60px 60px 0;
    margin: 0 auto 80px;
}

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


@media screen and (max-width: 768px) {
	.faq-area {
		border-radius: 30px;
		padding: 30px 20px 0;
		margin: 0 auto 40px;
	}
	
}