:root{
	--primary--main-color: #009DFF;
	--primary--sub-color: #8a2be2;
	--accent-color: #ffcc00;
	--text--main-color: #FFFFFF;
	--text--sub-color: #000000;
	--back--main-color: #5B554E;
	--back--sub-color: #f5f5f5;
	--sub-color: #b0a0d6;
	--text--hover-color: #FF971D;
	--border-color: #DDDDDD;
}
body{
	container-type: inline-size;
}
main a {
	text-decoration: underline;
}
.guide_section--title {
	display: flex;
	align-items: flex-start;
	margin-bottom: .5em;
	margin-left: -.5em;
	font-size: 1.25em;
	position: relative;
	padding-left: .5em!important;
}
.guide_section--title:before {
	content: "";
	width: .25em;
	height: 1.25em;
	display: inline-block;
	background-color: var(--primary--main-color);
	margin-right: .25em;
	border-radius: 9999px;
	margin-top: .1em;
	position: absolute;
	left: 0;
}
.contents_flex{
	display: inline-flex;
	align-items: center;
}
.contents_flex > div{
	flex: 1;
	margin-right: 1em;
}
@container (max-width: 600px) {
	.contents_flex{
		flex-direction: column;
	}
	.contents_flex > div{
		flex: 0;
		margin-right: 0;
	}
}