@charset "utf-8";
/* CSS Document */


/*たいとる*/
.to-h2{
	text-align:center;
	margin-bottom:200px;
}

@media(max-width:768px){
	.to-h2{
		margin-top:100px;
		margin-bottom:50px;
	}
}


/*topicアイテム大枠*/
.to-item-con{
	width:70%;
	/*border:1px solid #000000;*/
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	gap:200px 8%;
	margin:0 auto;
	margin-bottom:200px;
}

@media(max-width:768px){
	.to-item-con{
		width:70%;
		gap:30px 0px;
		flex-direction:column;
		margin-bottom:50px;
	}
}


/*個々のアイテム大枠*/
.topic-item{
	width:28%;
	/*border:1px solid #000000;*/
	text-align:center;
	
}
@media(max-width:768px){
	.topic-item{
		width:100%;
		
	}
	
}

/*画像の大枠*/
.topic-img-con{
	width:100%; height:auto;
}

/*画像本体*/
.topic-img-con img{
	width:100%;height:100%;
}

.topic-text{
	padding:30px;
}


.page{
	
	display:flex;
	/*border:1px solid #000000;*/
	justify-content:center;
	align-items:center;
	gap:5%;
	margin-bottom:200px;
}

@media(max-width:768px){
	.page{margin-bottom:30px;}
	
}

.page-text{
	text-align:center;
	
	font-size:20px;
	/*background-color:#FFFFFF;
	border-radius:50%;*/
	color:#6A3C27;
}


.topic-cap{
	font-size:clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
	
}