@charset "utf-8";

.title-box .description .guide-box{
	margin-top: 15px;
}

.title-box .description .guide-box h3{
	font-size: 15px;
	font-weight: var(--fw-600);
	color: #ff8400;
}

.title-box .description .guide-box ul{
	margin-top: 10px;
	padding: 13px 10px;
	background-color: rgba(255,255,255,0.6);
	border-radius: 5px;
	border: 1px solid #ffd982
}

.title-box .description .guide-box ul li{}

.title-box .description .guide-box ul li:not(:first-child){
	margin-top: 15px;
}

.title-box .description .guide-box ul li h4{
	font-size: 14px;
	font-weight: var(--fw-500);
	color: var(--gray01);
	padding-left: 7px;
	position: relative;
}

.title-box .description .guide-box ul li h4::before{
	content: "";
	width: 3px; height: 3px;
	background-color: var(--gray01);
	border-radius: 50%;
	position: absolute;
	top: 50%; left: 0;
	transform: translateY(-50%);
}

.title-box .description .guide-box ul li p{
	font-size: 14px;
	color: var(--gray01);
	margin-top: 6px;
}

.title-box .description .guide-box ul li p strong{
	font-size: inherit;
	color: var(--red01);
	margin-left: 3px;
}

.title-box .description .guide-box ul li p .url-box{
	margin-top: 7px;
	display: inline-block;
	background-color: var(--white);
	padding: 5px 10px;
	border-radius: 2px;
	font-size: inherit;
	border: 1px solid #e8e8e8;
}


@media screen and (max-width: 500px){
	.title-box .description .guide-box ul li p > strong{
		display: block;
		margin-top: 5px;
	}
	
	.title-box .description .guide-box ul li p .url-box strong{
		word-break: keep-all;
	}
}