@charset "utf-8";

/* 目次 */

/* 目次 */
.contents__menulist{
	text-align: center;
	margin: 50px auto;
	padding: 22px 26px;
	background: #f2f2f2;
}
.contents__menulist ol{
	text-align: left;
	width: 100%;
	margin: 5% auto;
}
.contents__menulist li{
line-height: 2;
	margin-bottom: 3%;
}

.contents__menulist li a{
	color: #666;
	text-decoration: underline;
	text-underline-offset: 3px;
}


.contents__menulist li a {
	color: #666;
	text-decoration: underline;
	text-underline-offset: 3px;
}
.contents__menulist li a:hover {
	opacity: .75;
	text-decoration: none;
}

.contents__menutitle{
		text-align: center;
	font-weight: 700;
	color: #666;
	margin: 20px 0;
	line-height: 1.7;
}

@media screen and (min-width : 768px) {
	.contents__menulist ol{
		width: 75%;
		margin: 0px auto 0px;
		padding: 20px 50px;
	}
}


/*flexbox*/

.flexbox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.flexbox:has(+ .caption__text) {
	margin-bottom: 1%;
}


.imagebox{
	width: 100%;
	margin-bottom: 5%;
	text-align: center;
}
.imagebox p{
	font-size: 14px;
}
@media screen and (min-width : 1024px) {
	.flexbox{
/*		margin-bottom: 10%;*/
		display: flex;
		flex-wrap: wrap;
		gap: 40px;
	}
	.imagebox{
		width: 47%;
		margin-bottom: 0;
	}

}


/*figure*/
figure{
	margin-bottom: 10%;
	width: 100%;
}
figure img {
	width: 100%;
    margin: auto auto 10px;
}
figcaption{
	font-size: 14px;
	text-align: center;
	word-break: break-all;
/*	margin-bottom: 10%;*/
}

.caption__text{
	font-size: 14px;
	text-align: center;
	margin-bottom: 10%;
}

.flexbox:has(+ .caption__text) figure {
	margin-bottom: 1%;
}

@media screen and (min-width : 768px) {
	figure{
		margin-bottom: 10%;
	}
	figure img {
		margin: 0px auto;
	}
	figure img.wide {
		width: 100%;
		margin: 0px auto;
	}
	figure img.narrow {
		width: 40%;
		margin: 0px auto;
	}
}

@media screen and (min-width : 1024px) {
	.flexbox figure{
		width: 47%;
	}

}