@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : concept.css
 author     : Ability Consultant
 style info : コンセプト
=================================================================== */
.box_container {
	max-width: 1280px;
	margin: auto;
}
@media only screen and (max-width: 1280px) {
  .box_container {
		width: 95%;
  }
}
@media print {
  .box_container {
		width: 95%;
  }
}
.ie8 .box_container {
	width: 95%;
}

.box_container:after, .row:after {
	content: "";
	display: table;
	clear: both;
}

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.box_container {
	display: block;
}

.row {
	display: block;
}

.col {
	display: block;
	float: left;
	position: relative;
	min-height: 1px;
}

.st_high {
	text-align: center;
	font-weight: normal;
}
.st_high span {
	display: block;
}
.st_high span.en {
	font-size: 358%;
	color: #48412d;
	font-family: "Oswald", sans-serif;
	color: #48412d;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_high span.en {
		font-size: 358%;
  }
}
@media only screen and (max-width: 767px) {
  .st_high span.en {
		font-size: 258%;
  }
}
@media only screen and (min-width: 896.5px) and (max-width: 1024px) {
  .st_high span.en {
		font-size: 358%;
  }
}
.st_high span.en em {
	color: #e05f0a;
}
.st_high span.jp {
	font-size: 143%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_high span.jp {
		font-size: 143%;
  }
}
@media only screen and (max-width: 767px) {
  .st_high span.jp {
		font-size: 115%;
  }
}
@media only screen and (min-width: 896.5px) and (max-width: 1024px) {
  .st_high span.jp {
		font-size: 143%;
  }
}

.st_left_concept {
	font-weight: normal;
	line-height: 1.1;
}
.st_left_concept .en {
	display: block;
	font-family: "Oswald", sans-serif;
	font-size: 343%;
	color: #e05f0a;
	margin-bottom: 15px;
}
@media only screen and (max-width: 1260px) {
  .st_left_concept .en {
		font-size: 300%;
  }
}
@media print {
  .st_left_concept .en {
		font-size: 300%;
  }
}
.ie8 .st_left_concept .en {
	font-size: 300%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .st_left_concept .en {
		font-size: 286%;
  }
}
@media only screen and (max-width: 767px) {
  .st_left_concept .en {
		font-size: 215%;
		margin-bottom: 10px;
  }
}
.st_left_concept .jp {
	display: block;
	font-size: 115%;
	color: #222;
}
.st_left_concept .jp em {
	font-size: 150%;
}

#footer {
	margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer {
		margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  #footer {
		margin-top: 0;
  }
}

/* -----------------------------------------------------------
	.con_brand_concept
----------------------------------------------------------- */
.con_brand_concept {
	overflow: hidden;
	background: #426fcc url(../concept/images/bg_brand_concept.jpg) no-repeat center center;
	background-size: contain;
	background-position: right bottom;
	text-align: center;
	padding: 120px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_brand_concept {
		padding: 80px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .con_brand_concept {
		padding: 40px 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_brand_concept {
		background-size: 170% auto;
		background-position: 0 bottom;
		padding-bottom: 40%;
  }
}
.con_brand_concept .st_title {
	line-height: 1.3;
	font-weight: normal;
	margin-bottom: 70px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_brand_concept .st_title {
		margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_brand_concept .st_title {
		margin-bottom: 20px;
  }
}
.con_brand_concept .st_title .en {
	display: block;
	font-family: "Oswald", sans-serif;
	font-size: 393%;
	color: #fff;
	margin-bottom: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_brand_concept .st_title .en {
		margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_brand_concept .st_title .en {
		margin-bottom: 10px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_brand_concept .st_title .en {
		font-size: 286%;
  }
}
@media only screen and (max-width: 767px) {
  .con_brand_concept .st_title .en {
		font-size: 215%;
  }
}
.con_brand_concept .st_title .jp {
	display: block;
	font-size: 129%;
	color: #fff;
}
.con_brand_concept .txt {
	font-size: 108%;
	line-height: 2.26667;
	color: #fff;
}
@media only screen and (max-width: 767px) {
  .con_brand_concept .txt {
		font-size: 100%;
		text-align: left;
  }
}

/* -----------------------------------------------------------
	.con_about_us
----------------------------------------------------------- */
.con_about_us .row_tbl {
	display: table;
	width: 100%;
}
.con_about_us .cell {
	display: table-cell;
	vertical-align: middle;
	height: 828px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_about_us .cell {
		height: 580px;
  }
}
.con_about_us .cell_img {
	background: transparent url(../concept/images/img_about_us.jpg) no-repeat center center;
	background-size: cover;
}
.con_about_us .cell_main {
	width: 44%;
	background: #3b392c;
	padding: 0 5%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_about_us .cell_main {
		padding: 15px;
  }
}
@media only screen and (max-width: 767px) {
  .con_about_us .cell_main {
		padding: 40px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_about_us .cell_main .box_txt {
		padding: 0 5%;
  }
}
.con_about_us .cell_main .st_title {
	font-family: "Oswald", sans-serif;
	font-size: 343%;
	font-weight: normal;
	color: #e05f0a;
	margin-bottom: 8%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_about_us .cell_main .st_title {
		font-size: 258%;
		margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_about_us .cell_main .st_title {
		font-size: 215%;
		text-align: center;
		margin-bottom: 10px;
  }
}
.con_about_us .cell_main .txt {
	color: #fff;
	line-height: 2.42857;
}
@media only screen and (max-width: 767px) {
  .con_about_us .cell_main .txt {
		margin-bottom: 15px;
  }
}
.con_about_us .cell_main .img_thumb {
	width: 100%;
}
@media only screen and (max-width: 767px) {
  .con_about_us .cell_img,
  .con_about_us .cell_main {
		display: block;
		width: 100%;
		height: auto;
  }
}

/* -----------------------------------------------------------
	.con_gallery
----------------------------------------------------------- */
.con_gallery ul li {
	width: 50%;
}
@media only screen and (max-width: 767px) {
  .con_gallery ul li {
		width: 100%;
  }
}
.con_gallery ul li img {
	width: 100%;
}