@charset "UTF-8";

#header.under
{
	border-bottom: 1px solid #4DA4BF;
	background-color: rgba(255, 255, 255, 0.7);
}

#header.under .toggle_btn span
{
	background: #4DA4BF;
}

#header.under .toggle_btn span:nth-child(3)
{
	color: #4DA4BF;
}

h1
{
	font-family: 'en';
	letter-spacing: 0.2em;
}

.container
{
	padding: 200px 0 100px
}

h1
{
	font-size: 5rem;
	text-align: left;
}

.tab_box
{
	margin-top: 5rem;
}

.btn_area
{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

.tab_btn
{
	width: 33%;
	height: 60px;
	line-height: 1.5;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #E6E6E6;
	padding: 0 5px;
	text-align: center;
	color: #745399;
	font-weight: 400;
	margin-bottom: 10px;
}

.tab_btn.per
{
	width: 48%;
}

.tab_btn:hover
{
	background: #fff;
}

.tab_btn.active
{
	background: #fff;
	border: 1px solid #B9B5B5;
	text-decoration: none;
	color: #000;
}

.panel_area
{
	width: 100%;
}

.tab_panel
{
	width: 100%;
	padding: 3rem 0;
	display: none;
	clear: both;
}

.tab_panel.active
{
	display: block;
}

.tab_panel ul small
{}

.tab_panel ul
{
	display: grid;
	grid-template-columns: repeat(5, 165px);
	grid-template-rows: repeat(4, 1fr);
	gap: 2% 4.3%;
	margin-top: 1em;
}

.tab_panel ul li
{}

.tab_panel .photo
{
	width: 100%;
	height: 206.25px;
	object-fit: cover;
	margin-bottom: 1rem;
}

.tab_panel .name
{
	font-size: 1.4rem;
	line-height: 1.4;
	padding-bottom: 0.3em;
}

.tab_panel .company
{
	font-size: 1.1rem;
	line-height: 1.25;
	color: #939393;
}

.tab_panel .sns
{
	display: flex;
}

.tab_panel .sns a
{
	margin-right: 10px
}

.tab_panel .sns img
{
	width: 16px;
}

@media screen and (max-width:1115px)
{
	.tab_btn
	{
		width: 48%;
		margin-bottom: 20px;
	}

	.tab_panel ul
	{
		width: 770px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(4, 165px);
		grid-template-rows: repeat(5, 1fr);
		gap: 2% 4.3%;
	}
}

@media screen and (max-width:860px)
{
	.tab_panel ul
	{
		width: 550px;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(3, 165px);
		grid-template-rows: repeat(6, 1fr);
		gap: 2% 4.3%;
	}
}

@media screen and (max-width:620px)
{
	.container
	{
		padding: 100px 0 50px
	}

	h1
	{
		font-size: 2rem;
	}

	.tab_box
	{
		margin-top: 3rem;
	}

	.tab_btn
	{
		font-size: 1.4rem;
		letter-spacing: 0;
		padding: 0 3px;
		margin-bottom: 1rem;
		text-align: center;
	}

	.tab_panel
	{
		padding: 2rem 0;
	}

	.tab_panel ul
	{
		width: 100%;
		margin: 0 auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(8, 1fr);
		gap: 20px 3%;
	}

	.tab_panel .photo
	{
		height: 54.5vw;
		margin-bottom: 0.8rem;
	}

	.tab_panel .name
	{
		font-size: 1.5rem;
	}
}

.grecaptcha-badge
{
	display: none;
}