@import url("./variables.css");
/** cat_02_00 **/

.title_wrap.title_h2 h2 {
	font-size: 21px;
	margin-bottom: 25px;
}

.pointWrap {
	margin-bottom: 35px;
}

.pointWrap .pointTitleH3 h3 {
	font-size: 18px;
	margin-bottom: 8px;
}

.pointWrap .pointTitleH3 h3:before {
	content: '■';
	margin-right: 4px;
	color: var(--section02-color);
}

.pointWrap .pointList {
	border: 1px solid var(--section02-color);
	padding: 15px;
	box-sizing: border-box;
}

.pointWrap .pointList ul {
	margin-bottom: 0;
}

.pointWrap .pointList ul li {
	text-indent: -1.2em;
	padding-left: 1.2em;
	line-height: 1.6em !important;
	margin-bottom: 8px;
}

.pointWrap .pointList ul li:before {
	content: '●';
	margin-right: 4px;
	color: var(--section02-color);
	opacity: .8;
}

.pointWrap .pointList ul li:last-child {
	margin-bottom: 0;
}


.title_wrap.icon_point.directorMessage h2 {
	font-size: 18px;	
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 469px) {
	.title_wrap.icon_point.directorMessage h2 {
		font-size: 18px;	
	}
}

@media screen and (max-width: 399px) {
	.title_wrap.icon_point.directorMessage h2 {
		font-size: 16px;	
	}
}

@media screen and (max-width: 359px) {
	.title_wrap.icon_point.directorMessage h2 {
		font-size: 14px;	
	}
}

.title_wrap.icon_point.directorMessage h2:before {
	content: "";
	display: block;
	width: 56px;
	height: 16px;
	background: url('../../detail/images/cont_02_00/icon_title_left.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin-right: 15px;
}

.title_wrap.icon_point.directorMessage h2:after {
	content: "";
	display: block;
	width: 56px;
	height: 16px;
	background: url('../../detail/images/cont_02_00/icon_title_right.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	margin-left: 15px;
	
}


.person_wrap {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 15px;
}

@media screen and (max-width: 767px) {
	.person_wrap {
		gap: 0;
		align-items: flex-end;
		flex-direction: column;
	}
}

.person_wrap .photo {
	width: 160px;
}

.person_wrap .photo img {
	max-width: 100%;
}

.person_wrap .txt p {
	border-left: 3px solid #f29c97;
	padding-left: 8px;
	box-sizing: border-box;
}

.person_wrap .txt p .name {
	font-weight: bold;
}