@charset("UTF-8");

.key-visual:after{
	background-image: url(../images/concept-key-visual.jpg);
	background-position: right center;
}

.sec-ttl02{
	margin-bottom: 20px;
}

#concept{
	overflow: hidden;
}
#concept .sec-ttl02{
	width: 40%;
	padding-right: 30px;
	float: left;
}
#concept p{
	width: 60%;
	float: right;
}

#greeting{
	overflow: hidden;
}
#greeting .pic{
	float: left;
	width: 450px;
}
#greeting .txt{
	float: right;
	width: calc(100% - 450px);
	padding-left: 40px;
}
#greeting .signature{
	text-align: right;
	padding-top: 2em;
}

#reason .pic{
	width: 50%;
}
#reason .txt{
	width: 50%;
}
.reason-area{
	overflow: hidden;
	margin-bottom: 80px;
}
.reason-area:last-of-type{
	margin-bottom: 0;
}
#reason .reason-area:nth-of-type(2n+1) .pic{
	float: right;
}
#reason .reason-area:nth-of-type(even) .pic{
	float: left;
}
#reason .reason-area:nth-of-type(2n+1) .txt{
	float: left;
	padding-right: 20px;
}
#reason .reason-area:nth-of-type(even) .txt{
	float: right;
	padding-left: 20px;
}

/* ++++++++++++++++++++++++responsive style++++++++++++++++++++++++++ */
@media screen and (max-width: 768px){
	.sec-ttl02{
		margin-bottom: 25px;
	}

	#concept .sec-ttl02{
		width: 100%;
		padding-right: 0;
		float: none;
	}
	#concept p{
		width: 100%;
		float: none;
	}
	#greeting .pic{
		float: left;
		width: 48%;
		padding-right: 10px;
	}
	#greeting .txt{
		float: none;
		width: 100%;
		padding-left: 0;
	}
	#greeting .signature{
		padding-top: 1em;
		font-size: 1.4rem;
	}

#reason .pic{
	width: 50%;
}
#reason .txt{
	width: 50%;
}
.reason-area{
	overflow: hidden;
	margin-bottom: 80px;
}
.reason-area:last-of-type{
	margin-bottom: 0;
}
#reason .reason-area:nth-of-type(2n+1) .pic{
	float: right;
}
#reason .reason-area:nth-of-type(even) .pic{
	float: left;
}
#reason .reason-area:nth-of-type(2n+1) .txt{
	float: left;
	padding-right: 20px;
}
#reason .reason-area:nth-of-type(even) .txt{
	float: right;
	padding-left: 20px;
}



	#reason .pic{
		width: 100%;
	}
	#reason .txt{
		width: 100%;
	}
	.reason-area{
		overflow: hidden;
		margin-bottom: 40px;
	}
	#reason .sec-ttl02{
		margin-bottom: 15px;
	}
	#reason .reason-area:nth-of-type(2n+1) .pic{
		float: none;
		margin-bottom: 20px;
	}
	#reason .reason-area:nth-of-type(even) .pic{
		float: none;
		margin-bottom: 20px;
	}
	#reason .reason-area:nth-of-type(2n+1) .txt{
		float: none;
		padding-right: 0;
	}
	#reason .reason-area:nth-of-type(even) .txt{
		float: none;
		padding-left: 0;
	}
}