@charset "UTF-8";

/* concept */
@import url(../settings.less);
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ 共通設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.title_wrap {
	margin-bottom: 0 !important;
}
.catch_wrap {
	margin-bottom: 50px;
	padding: 100px 0;
	background: @main-color url(../../_images/concept/concept_logo.png) center center no-repeat;
	@media screen and ( max-width: @break-max-width ) {
		padding: 30px 0;
	}
	.catchphrase {
		font-size: 1.6rem;
		line-height: 4.0em;
		margin-bottom: 70px !important;
		color: #fff;
		letter-spacing: 10px;
		@media screen and ( max-width: @break-max-width ) {
			font-size: 1.2rem;
			line-height: 2.0em;
			margin-bottom: 30px !important;
		}
	}
	.catch {
		box-sizing: border-box;
		p.text {
			font-size: 1.3rem;
			color: #fff;
			@media screen and ( max-width: @break-max-width ) {
				font-size: 1.1rem;
			}
		}
	}
}
.heading01 {
	margin-bottom: 100px;
	@media screen and ( max-width: @break-max-width ) {
		margin-bottom: 30px;
	}
}
.texts p {
	font-size: 1.4rem;
}
a.button {
	width: 400px;
	@media screen and ( max-width: @break-max-width ) {
		width: 100%;
	}
}

.concept-img {
	padding-top: 100px;
	@media screen and ( max-width: @break-max-width ) {
		padding-top: 20px;
	}
	ul {
		margin: 0 auto;
		width: 80%;
		@media screen and ( max-width: @break-max-width ) {
			width: 100%;
		}
		li {
			float: left;
			margin: 0 2%;
			width: 21%;
			img {
				width: 100%;
				border-radius: 10px;
				-moz-border-radius: 10px;
				-webkit-border-radius: 10px;
			}
		}
		li:nth-child(even) {
			padding-top: 100px;
			@media screen and ( max-width: @break-max-width ) {
				padding-top: 30px;
			}
		}
	}
}

.split_inner.split_text {
	padding-bottom: 350px;
	background: url(../../_images/concept/img-bg.png) bottom 50px center no-repeat !important;
	background-size: 70% !important;
	@media screen and ( max-width: @break-max-width ) {
		padding-bottom: 160px;
	}
}

.concept-main {
	padding: 100px 240px;
	background-image: url(../../_images/concept/concept-bg.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	@media screen and ( max-width: @break-max-width ) {
		padding: 60px 20px;
		background-size: cover;
	}
	.texts {
		p {
			font-size: 1.6rem;
			line-height: 2.8em;
			@media screen and ( max-width: @break-max-width ) {
				font-size: 1.4rem;
				line-height: 1.8em;
			}
		}
	}
	.texts_image {
		.texts_cont {
			.signature.right {
				padding-top: 85px;
				font-size: 2.2rem;
				@media screen and ( max-width: @break-max-width ) {
					padding-top: 0;
					text-align: center;
					font-size: 1.6rem;
				}
			}
		}
		.image_cont {
			@media screen and ( max-width: @break-max-width ) {
				text-align: center;
				img {
					width: 180px;
				}
			}
		}
	}
	.signature.right {
		padding-top: 85px;
		font-size: 2.2rem;
		@media screen and ( max-width: @break-max-width ) {
			padding-top: 0;
			text-align: center;
			font-size: 1.6rem;
		}
	}
}

@media screen and ( max-width: @break-max-width ) {
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ モバイル用設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*==================================================
	$sp_
==================================================*/



/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}

/*==================================================

	[ utility ] $clearfix

==================================================*/

.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}