@charset "UTF-8";
.center-mode{
	display: block;
	margin:0.4em auto 0 !important;
}
.border_content{
	padding:40px 0 40px 40px;
	background-color: #fff;
	border: 3px solid #4d92d2;
}
.border_content > p:not(:last-child){
	margin-bottom: 20px !important;
}

.border_content b{
	color: #2466a5;
	font-weight: 600;
	font-family: 'noto5';
}

.circle_list {
}
.circle_list ul {
	font-size: 0;
}
.circle_list ul li {
	display: inline-block;
	/* display: inline; */
	zoom: 1;
	vertical-align: middle;
	border-radius: 50%;
	background: #dedede;
	font-size: 15px;
	color: #000;
	margin: 0 0 0 25px;
	position: relative;
}
.circle_list ul li:first-child {
	margin: 0;
}
.circle_list ul li::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	left: -22px;
	top: 40px;
	background: url('/_skin/tpl_skin/basic_youth_counselor3/img/content/arrow_icon.png') no-repeat 65% center;
}
.circle_list ul li:first-child::before {
	display: none;
}
.circle_list ul li p {
	display: table;
	width: 100px;
	height: 100px;
	text-align: center;
}
.circle_list ul li p span {
	display: table-cell;
	vertical-align: middle;
}
.point_box{
	padding: 15px;
	background-color: #f2f2f2;
}
.faq_list {
	display:grid;
	gap:50px;
}
.faq_list h5{
	margin-bottom: 20px;
	position:relative;
	font-family: 'noto6';
	font-size: 18px;
	color: #000;
	letter-spacing: -1px;
}
.faq_list h5:after{
	position:absolute;
	left:0;
	top:-10px;
	content:'';
	display:block;
	width:45px;
	height:5px;
	background:#3a77b1;	
}
.faq_list h5 span{
	color: #ee4511;
	font-weight: 600;
	font-family: 'noto5';
	margin-right: 10px;
	font-size: 22px;
}
.faq_list li > div{
	padding: 15px;
	margin-bottom: 10px;
	box-sizing: border-box;
	background-color: #f2f2f2;
}