@charset "utf-8";

/* -----------------------------
	〇〇〇
-------------------------------- */
.zaisanbunyo-area{
}
.zaisanbunyo-area .top-area {
	background-color: #fff;
	padding: 60px 0;
}
.zaisanbunyo-area .top-area .inner{
	display: flex;
	justify-content: space-between;
}
.zaisanbunyo-area .top-area .catch{
	margin: 0 0 15px;
}
.zaisanbunyo-area .top-area .sub-catch{
	font-size: 2.0rem;
	font-weight: 500;
	margin: 10px 0;
}
.top-area{
	display: flex;
	gap: 60px;
	padding: 0 0 80px;
}
.top-area .txt-box{
	width: 710px;
}

@media screen and (max-width: 768px){
	/* .zaisanbunyo-area{
		padding: 40px 0 0;
	} */
	
	.zaisanbunyo-area .top-area{
		flex-wrap: wrap;
		padding: 30px 0 0;
		flex-flow: column-reverse;
		gap: 20px;
	}
	.top-area .txt-box{
		width: 100%;
	}
	.zaisanbunyo-area .top-area .inner{
		flex-wrap: wrap;
		padding: 0 20px 40px;
		flex-direction: column-reverse;
	}
	.zaisanbunyo-area .top-area .sub-catch{
		font-size: 1.8rem;
	}
	
	.zaisanbunyo-area .top-area .img{
		width: 100%;
		text-align: center;
		margin: 0 0 15px;
	}
	.zaisanbunyo-area .top-area .img img{
		width: 100%;
		height: 200px;
		object-fit: cover;
		border-radius: 8px;
	}
}

.contents-area{
	padding: 80px 0;
    background-color: var(--rightblue);
}
.contents-area .inner{
	display: grid;
	grid-template-areas:
	"box01 box02"
	"box03 box03";
	gap: 30px;
}
.contents-area .box{
	padding: 30px;
    background-color: var(--rightblue);
	background-color: #fff;
	box-shadow: 6px 6px 15px rgba(0, 0, 0, 0.07);
    border-radius: 8px;
}
.contents-area .box.box01{
	grid-area: box01;
}
.contents-area .box.box02{
	grid-area: box02;
}
.contents-area .box.box03{
	grid-area: box03;
}
.contents-area .box .ttl{
    font-size: 2.2rem;
    line-height: 1.5;
    margin: 0 0 15px;
    text-align: center;
    color: var(--main-color);
	font-weight: 500;
}
.contents-area .box.box03 .disc-list{
	margin: 0;
}
.contents-area .box.box03 .disc-list span{
	font-weight: 400;
	font-size: 1.6rem;
}
@media screen and (max-width: 768px){
	.contents-area{
		padding: 40px 20px;
	}
	.contents-area .inner{
		display: flex;
		flex-wrap: wrap;
	}
	.contents-area .box{
		width: 100%;
		padding: 20px;
		position: relative;
	}
	.contents-area .box .ttl{
		font-size: 2.2rem;
		margin: 0 0 10px;
	}
}
.faq-area{
	background-color: #fff;
}
.point-area{
	background-color: #fff;
}
/* .faq-area{
	padding: 0;
} */
.faq-list{
	margin: 40px 0 50px ;
}
.case-area::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: -431px;
    background-color: #fff;
    z-index: -1;
}
.column-area{
	background-color: #fff;
}
@media screen and (max-width: 768px){
	.case-area::before{
		left: 0px;
	}
}
/* -----------------------------
	moreボタン
-------------------------------- */
.more_contents::before{
	display: none;
}
.more_contents{
	height: auto;
}

@media screen and (max-width: 768px){
	.more_contents{
		height: 200px;
	}
	.grad-btn{
		bottom: 20px;
	}
	.more_contents::before{
		display: block;
	}
}