@charset "UTF-8";

/* concept */
@import url(../settings.less);
/*================================================*/
.max_contents_container .main_area {
	padding-bottom: 0;
}
.title_wrap, .gn_type_header_in .title_wrap {
	margin-bottom: 0;
}
#intro {
	padding: 70px 0;
	background: @light-color;
	position: relative;
	@media screen and ( max-width: @break-max-width ) {
		padding: 30px 0;
	}
	.box {
		//padding: 100px 0 0 50px;
		//background: url(../../_images/concept/intro_pic.jpg) bottom 50px right 50px no-repeat;
		//background-size: 400px;
		@media screen and ( max-width: @break-max-width ) {
			//padding: 0 15px 300px 15px;
			//background: url(../../_images/concept/intro_pic.jpg) bottom right 15px no-repeat;
			//background-size: 250px;
		}
		.cover {
			background: rgba(255,255,255,0.8);
			padding: 60px;
			border: none;
			width: 600px;
			margin: 0 auto;
			@media screen and ( max-width: @break-max-width ) {
				padding: 20px;
				width: 95%;
				box-sizing: border-box;
			}
			.heading03 {
				margin-bottom: 20px;
				font-size: 2.0rem;
			}
			p {
				font-size: 1.8rem;
				@media screen and ( max-width: @break-max-width ) {
					font-size: 1.4rem;
				}
			}
			p.signature {
				font-size: 1.2rem;
				em {
					font-size: 1.6rem;
					color: @main-color;
				}
			}
		}
	}
}

#concept {
	.split_text {
		h2 {
			font-size: 4.0rem;
			margin-bottom: 30px;
			@media screen and ( max-width: @break-max-width ) {
				margin-bottom: 10px;
			}
			em {
				font-size: 3.0rem;
				color: #999;
			}
		}
	}
	@media screen and ( max-width: @break-max-width ) {
		padding-top: 20px;
	}
}

@media screen and ( max-width: @break-max-width ) {

}
/*==================================================

	[ utility ] $clearfix

==================================================*/
.clearfix:after,
.box:after {
	content:" ";
	display:block;
	clear:both;
}