@charset "UTF-8";
/*/_styleSet:2024/05/27 22-30-17,index:2025/06/11 11-14-12,block9:2025/04/29 11-34-27/*/
.caption{
	padding:0 20px;
	background-image:url(../img/caption_bg.png);
}
.caption p{
	max-width:1000px;
	margin:0 auto;
	background-color:#c27bb0;
	padding:0.4em 0.8em;
	font-size:28px;
	letter-spacing:0.1em;
	color:rgba(255,255,255,1);
}
.block{
	padding:0 20px;
}
.inner{
	max-width:1000px;
	margin:0 auto;
}
h4 {
	font-size:22px;
	padding:0.2em 0 0.2em 1em;
	position:relative;
	border-bottom:1px solid rgba(0,0,0,1);
	margin:1em 0 0.5em;
}
h4:before {
	content:"";
	position:absolute;
	width:0.25em;
	height:1.1em;
	background-color:var(--theme_color_thin);
	top:0.3em;
	left:0.2em;
}
ul {
	font-size:14px;
	line-height:1.6;
}
ul.mark-list li{
	position:relative;
	padding:0 0.7em 0 1.2em;
	float:none;
	display:inline-block;
}
ul.mark-list.align-left li{
	position:relative;
	padding:0 0.7em 0 1.2em;
	float:none;
	display:block;
}
ul.mark-list li:before{
	content:"";
	width:0.9em;
	height:0.9em;
	border-radius:1em;
	background-color:var(--theme_color_thin);
	top:0.3em;
	left:0;
}
.mark-tx{
	padding-left:1em;
	position:relative;
	display:block;
}
.mark-tx sup{
	position:absolute;
	top:0;
	left:0;
	display:block;
	font-size:90%;
	line-height:inherit;
}
@media screen and (max-width: 768px){
	.caption{
		padding:0 2vw;
	}
	.caption p{
		font-size:4.5vw;
	}
	.block{
		padding:0 2vw;
	}
	h4 {
		font-size:4vw;
	}
	ul {
		font-size:2.8vw;
	}
}