@charset "UTF-8";
/* CSS Document */

footer {
	background: var(--bg_color);
}

.box_3part,
.profile_box {
	display: flex;
	justify-content: space-between;
}

	.box_3part li {
		width: 32%;
		display: flex;
		flex-direction: column;
		
	}

		.box_3part li .na_ill {
			display: block;
			width: 80%;
			margin: 0 auto 10px auto;
		}

		.box_3part li .na_ill img {
			width: 100%;
		}

		.box_3part li h3 {
			width: 100%;
			margin-bottom: 20px;
			font: 600 2.8rem/1.5 var(--font_ja);
			letter-spacing: 1px;
			white-space: nowrap;
			font-feature-settings: "palt";
			text-align: center;
			color: var(--main_color);
			display: flex;
			justify-content: center;
			align-items: center;
			min-height: 4.5em;
		}

		.box_3part li ul {
			width: 100%;
			border-top: 1px dotted #CCC;
			border-bottom: 1px dotted #CCC;
			margin-bottom: 20px;
			padding: 20px 0;
			min-height: 9.5em;
		}

			.box_3part li ul li {
				width: auto;
				box-sizing: border-box;
				padding-left: 1.5em;
				text-indent: -1.5em;
				display: block;
			}

				.box_3part li ul li:before {
					content: '\f058';
					font-family: 'Font Awesome 6 Free';
					font-weight: 900;
					padding: 0 7px 0 1px;
					color: var(--sub_color);
				}

		.box_3part li p {
			width: 100%;
		}

.pro_ttl {
	width: 100%;
	margin-bottom: 40px;
	padding: 0 5% 35px 5%;
	box-sizing: border-box;
	font: 300 4.8rem/1.2 var(--font_en);
	letter-spacing: 1px;
	white-space: nowrap;
	font-feature-settings: "palt";
	text-align: center;
	position: relative;
	animation: AnimationTitle 5s ease infinite;
	background: var(--theme_grad);
	background-size: 200% 100%;
	background-clip: text;
	color: transparent;
}

	@keyframes AnimationTitle {
		0% { background-position: 0% 50%;}
		50% { background-position: 100% 50%;}
		100% { background-position: 0% 50%;}
	}


	.pro_ttl:after {
		position: absolute;
		border-bottom: 1px solid #999;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		width: 50px;
		content: '';
	}

.profile_box_l,
.profile_box_r {
	display: flex;
	flex-direction: column;
}

.profile_box_l {
	width: 69%;
}

.profile_box_r {
	width: 27%;
}

.name_box {
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin-bottom: 20px;
	padding: 30px 0;
	text-align: center;
}

	.name_box h3 {
		font: 600 3.2rem/1.5 var(--font_ja);
		letter-spacing: 2px;
		white-space: nowrap;
		font-feature-settings: "palt";
		text-align: center;
		color: var(--main_color);
	}

		.name_box h3 span {
			font: 300 1.6rem/1.5 var(--font_en);
			letter-spacing: 1px;
			white-space: nowrap;
			font-feature-settings: "palt";
			text-align: center;
			color: #666;
			display: inline-block;
			margin-left: 10px;
		}

.profile_box_r .profile_ph img {
	width: 100%;
}

.sp_btn,
.pc_btn {
	display: flex;
	flex-direction: column;
}

.sp_btn {
	display: none;
}

.profile_box_r p {
	text-align: center;
	margin: 10px 0 20px 0;
}