@charset "utf-8";

/* -----------------------------
	after-follow
-------------------------------- */

.after-follow-area .program-area {
	background: #F6F6F4 url("../img/features-bg.png") ;
	padding: 80px 0;
	text-align: center;
}

.after-follow-area .program-area .copy {
	font-family: var(--basefont-jp);
    font-size: 4.0rem;
    font-weight: 400;
    color: var(--gold02);
    line-height: 1.5;
    font-feature-settings: "palt";
	padding: 0 0 10px;
}

.after-follow-area .list-area {
	padding: 100px 0;
}

.after-follow-area .list-area .box01 {
	display: flex;
	flex-direction: row-reverse;
	align-items: center;
	padding: 0 0 100px;
}

.after-follow-area .list-area .box01 .box-com {
	padding: 0 0 20px;
}

.after-follow-area .list-area .box01 .box-com:last-child {
	padding: 0;
}

.after-follow-area .list-area .box01 .image {
	border: #CBBF92 solid 1px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 600px;
	margin: 0 0 0 50px;
	padding: 85px 0;
}

.after-follow-area .list-area .box01 .block {
	flex: 1;
}

.after-follow-area .list-area .box-com h3 {
	font-size: 2.4rem;
	font-weight: bold;
	padding: 0 0 0 23px;
	background: url("../img/icon-check.svg") no-repeat left center / 13px auto; 
}

.after-follow-area .list-area .box-com .copy {
	font-size: 2.0rem;
	font-weight: bold;
	color: var(--gold01);
}

.after-follow-area .list-area .box-com p {
	padding: 5px 0 0 23px;
}

.after-follow-area .list-area .box-com p.att {
	padding: 5px 0 0 23px;
	font-size: 1.2rem;
}

.after-follow-area .list-area .box02 .block {
	display: flex;
	justify-content: space-between;
	padding: 30px 0 0;
}

.after-follow-area .list-area .box02 .block .box-com {
	width: 580px;
}

.after-follow-area .figure-area {
	background: #F7F6F4;
	padding: 100px 0;
}

.after-follow-area .figure-area .inner {
	display: flex;
	justify-content: space-between;
}

.after-follow-area .figure-area .inner div {
	width: 580px;
}

.after-follow-area .figure-area .inner div p {
	font-weight: bold;
	font-size: 1.8rem;
}

.after-follow-area .figure-area .inner div figure div {
	background: #fff;
	border: #CBBF92 solid 1px;
	text-align: center;
	width: 580px;
	height: 400px;
	margin: 10px 0;
	padding: 60px 0;
}

.after-follow-area .figure-area .inner div figure figcaption {
	font-size: 1.2rem;
	line-height: 1.4;
}

.after-follow-area .figure-area .inner div figure figcaption span {
	display: inline-block;
	padding: 0 0 0 40px;
}

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

	.after-follow-area .program-area {
		background: #F6F6F4 url("../img/features-bg.png") ;
		padding: 50px 20px;
		text-align: left;
	}

	.after-follow-area .program-area .copy {
		text-align: center;
		font-size: 2.6rem;
	}

	.after-follow-area .list-area {
		padding: 50px 20px;
	}

	.after-follow-area .list-area .box01 {
		display: block;
		padding: 0 0 20px;
	}

.after-follow-area .list-area .box01 .box-com {
	padding: 0 0 20px;
}

.after-follow-area .list-area .box01 .box-com:last-child {
	padding: 0;
}

	.after-follow-area .list-area .box01 .image {
		width: 100%;
		margin: 0 0 30px;
		padding: 15px;
	}

	.after-follow-area .list-area .box01 .image img {
		width: 100%;
	}

	.after-follow-area .list-area .box-com h3 {
		font-size: 2.0rem;
		padding: 0 0 0 18px;
	}

	.after-follow-area .list-area .box-com .copy {
		font-size: 1.8rem;
	}

	.after-follow-area .list-area .box-com p {
		padding: 5px 0 0 18px;
	}

	.after-follow-area .list-area .box-com p.att {
		padding: 5px 0 0 18px;
	}

	.after-follow-area .list-area .box02 .block {
		display: block;
		padding: 0 0 0;
	}

	.after-follow-area .list-area .box02 .block .box-com {
		width: 100%;
		padding: 20px 0 0;
	}

	.after-follow-area .list-area .box02 .image img {
		width: 100%;
	}

	.after-follow-area .figure-area {
		padding: 50px 20px 20px;
	}

	.after-follow-area .figure-area .inner {
		display: block;
	}

	.after-follow-area .figure-area .inner div {
		width: 100%;
		padding: 0 0 30px;
	}

	.after-follow-area .figure-area .inner div p {
		font-size: 1.6rem;
	}

	.after-follow-area .figure-area .inner div figure div {
		width: 100%;
		height: auto;
		margin: 10px 0;
		padding: 20px;
	}

	.after-follow-area .figure-area .inner div figure div img {
		width: 100%;
	}

	.after-follow-area .figure-area .inner div figure figcaption span {
		display: inline-block;
		padding: 0 0 0 40px;
	}

}
/* -----------------------------
	20250804追記
-------------------------------- */
.box02 span {
	font-size:1.6rem;
}