@charset "UTF-8";

/*色の設定
-----------------------------------------*/
:root
{
	--bluedeep: #92C4DA;
	--bluelight: #CFEAF5;
	--bluefont: #8EBCD1;
	--red: #EE887E;
	--graylight: #F7F7F7;
}

/*依頼
-----------------------------------------*/
.irai .case
{
	border: 2px solid #ddd;
	padding: 1em 1.5em;
	font-size: 14px;
	line-height: 1.7;
	margin: 1em auto
}

.irai .contact
{
	background: #f7f7f7;
	padding: 1em 1.5em 1.5em;
	letter-spacing: 0;
	margin: 1em auto;
}

.irai .contact a
{
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 15px;
	text-align: center;
	background: var(--bluedeep);
	width: 180px;
	height: 36px;
	margin-top: 0.5em;
}

.irai .contact img
{
	width: 19px;
	height: 14.93px;
	margin-right: 5px;
}

@media (max-width: 769px)
{
	.irai
	{
		line-height: 1.7;
	}

	.irai .contact
	{
		background: #f7f7f7;
		padding: 1em 1.5em 1.5em;
		letter-spacing: 0;
	}

	.irai .contact a
	{
		font-size: 14px;
		width: 100%;
	}

	.irai .contact img
	{
		width: 19px;
		height: 14.93px;
		margin-right: 10px;
	}
}

/*講師一覧
-----------------------------------------*/
.instructor
{
	border-top: 1px dashed var(--bluedeep);
	padding-top: 50px;
}

.instructor h2
{
	font-size: 26px;
	color: var(--bluefont);
	padding-bottom: 40px;
}

.instructor section
{
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 70px;
}

.instructor section .img
{
	width: 200px;
}

.instructor section .img img
{
	width: 161px;
}

.instructor section .txt
{
	width: 585px;
}

.instructor section .txt h3
{
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}

.instructor section .txt .name
{
	font-size: 14px;
	line-height: 1.6;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 6px;
	margin-bottom: 10px;
}

.instructor section .txt .detail
{
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0;
}

.instructor section .txt .book
{
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	margin-top: 1em;
}

.instructor section .txt .book h4
{
	padding-bottom: 3px;
}

@media (max-width: 769px)
{
	.instructor
	{
		padding-top: 25px;
	}

	.instructor h2
	{
		font-size: 20px;
		padding-bottom: 20px;
	}

	.instructor section
	{
		margin-bottom: 35px;
	}

	.instructor section .img
	{
		width: 100%;
		text-align: center;
	}

	.instructor section .img img
	{
		width: 100px;
	}

	.instructor section .txt
	{
		width: 100%;
		margin-top: 10px;
	}

	.instructor section .txt h3
	{
		font-size: 18px;
		text-align: center;
	}
}