@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 {
<<<<<<< .mine
  overflow: hidden;
  background: #2290d6 url(../concept/images/bg_brand_concept.jpg) no-repeat center center;
  background-size: contain;
  background-position: right bottom;
  text-align: center;
  padding: 120px 0;
||||||| .r963
	overflow: hidden;
	background: #2290d6 url(../concept/images/bg_brand_concept.jpg) no-repeat center center;
	background-size: contain;
	background-position: right bottom;
	text-align: center;
	padding: 120px 0;
=======
  overflow: hidden;
  background: #2290d6 url(../concept/images/bg_brand_concept.jpg) no-repeat center center;
  background-size: contain;
  background-position: right bottom;
  text-align: center;
  padding: 170px 0;
>>>>>>> .r966
}
@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%;
}