/* reuse */
#reuse{
	width: 1005px;
	margin: 0 auto;
}

.reuse_title{
	margin: 3% auto 0 auto;
	width: 94%;
	background-color: #45B4AE;
	color: #FFFFFF;
	padding:1% 0 1% 3%;
	font-size:27px
}

.reuse_area{
	display: flex;
	width: 94%;
	margin: 2% auto 0 auto;
}

.reuse_area img{
	width: 28%;
	margin-left: 3%;
}

.reuse_text_area{
	width:65%;
	margin: 0 auto;
}

.reuse_text_title{
	color: #45B4AE;
	font-size:26px;
	text-align: center;
}

.reuse_text_area p{
	width: 92%;
    margin: 2% auto 0 auto;
	line-height: 2.2;
}

.purchase{
	width: 92%;
    margin: 0 auto;
	line-height: 2.2;
}

/* other */
#other{
	width: 1005px;
	margin: 2% auto;
}

.h2_title{
	margin: 3% auto 0 auto;
	width: 92%;
	background-color: #F5F5F7;
	padding: 1% 0 1% 4%;
	color: #45B4AE;
	font-size: 24px;
	position: relative;
}

.h2_title::before{
	content: "";
	display: block;
	background: url(../img/vertical_bar.webp) no-repeat;
	background-size: contain;
	width: 10px;
	height: 30px; /* 適宜調整してください */
	position: absolute;
	left: 2%; /* 適切な左の位置に調整してください */
	top: 46%;
	transform: translateY(-50%);
	z-index: 1;
}

#other div{
    width: 30%;
    margin-left: 6%;
    border: 1px solid #D6D6D6;
    border-radius: 10px;
	background: #D6D6D6;
    margin-top: 2%;
    padding: 1.5% 0 1.5% 3%;
}


@media (max-width:1024px) {
	#reuse,
	#other
	{
		width: 941px;
	}
}

@media (max-width:960px) {

	/* 共通 */
	#reuse,
	#other
	{
		max-width: 720px;
		width: 98%;
		margin: 2% auto;
	}

	/* reuse */

	#reuse{
		margin-top: 10%;
	}

	.reuse_title{
		width: 100%;
		font-size:22px;
	}

	.reuse_area{
		display: block;
		width: 96%;
		margin: 0 auto;
	}

	.reuse_area img {
		width: 60%;
		max-width: 320px;
		display: block;
		margin: 3% auto 0 auto;
	}

	.reuse_text_area{
		width: 96%;
		margin-top: 3%;
	}

	.reuse_text_title{
		font-size: 20px;
	}
	.reuse_text_area p {
		width: 100%;
	}

	/* other */
	#other div {
		width: 40%;
	}
}



@media (max-width:568px) {

	/* reuse */
	#reuse{
		width: 100%;
		margin-top: 15%;

	}

	.reuse_title{
		width: 100%;
		font-size: 17px;
	}

	.banner span{
		font-size: 12px;
		top:13%;
		left:3%
	}


	/* other */
	.h2_title{
		width: 96%;
		font-size: 20px;
		padding-left: 6%;
	}

	#other div {
		width: 50%;
		font-size: 14px;
	}
}