@charset "UTF-8";
/*========================================================================
 *
 *	[file]      base.css
 *	[version]   1.0
 *	[copyright]
 *
 *	[notes]
 *
 *========================================================================*/
/* ---------------------------------------
 INDEX
--------------------------------------- */
/* line 17, ../scss/base.scss */
.visual-bg {
  background-color: #5b555a;
}
/* line 19, ../scss/base.scss */
.visual-bg .visual.top {
  position: relative;
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
}
/* line 24, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
/* line 28, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bx-viewport {
  transform: translatez(0);
}
/* line 33, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bxslider li img {
  max-width: 100%;
  width: 100%;
  display: block;
}
/* line 42, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bx-controls .bx-controls-direction a {
  position: absolute;
  display: block;
  top: 50%;
  margin-top: -30px;
  outline: 0;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  z-index: 9999;
}
/* line 52, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bx-controls .bx-controls-direction a i {
  position: relative;
  top: 12px;
  display: block;
  margin: 0 auto;
  width: 19px;
  height: 36px;
  background-image: url(../../assets/images//icon/icon-white-angle.png);
  background-repeat: no-repeat;
}
/* line 63, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  left: 3%;
}
/* line 64, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bx-controls .bx-controls-direction .bx-prev i {
  background-position: left center;
}
/* line 65, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  right: 3%;
}
/* line 66, ../scss/base.scss */
.visual-bg .visual.top .bx-wrapper .bx-controls .bx-controls-direction .bx-next i {
  background-position: right center;
}

/* line 73, ../scss/base.scss */
.top-news {
  max-width: 960px;
  width: 100%;
  margin: 0 auto 0 auto;
  padding: 24px 0;
}
/* line 79, ../scss/base.scss */
.top-news .news-header .ttl {
  float: left;
}
/* line 80, ../scss/base.scss */
.top-news .news-header .list {
  float: right;
}
/* line 82, ../scss/base.scss */
.top-news .news-list {
  margin: 6px 0 0 0;
}
/* line 84, ../scss/base.scss */
.top-news .news-list li {
  float: left;
  margin: 0 0 0 38px;
}
/* line 87, ../scss/base.scss */
.top-news .news-list li:first-child {
  margin: 0;
}
/* line 88, ../scss/base.scss */
.top-news .news-list li a {
  text-decoration: none;
}
/* line 90, ../scss/base.scss */
.top-news .news-list li a .thumbnail {
  display: inline-block;
  vertical-align: top;
  width: 64px;
  margin: 0 16px 0 0;
}
/* line 95, ../scss/base.scss */
.top-news .news-list li a .thumbnail img {
  border: 1px solid #cccccc;
}
/* line 99, ../scss/base.scss */
.top-news .news-list li a .text {
  width: 210px;
  display: inline-block;
  vertical-align: top;
}
/* line 103, ../scss/base.scss */
.top-news .news-list li a .text .time {
  font-size: 11px;
  margin: 0 10px 0 0;
}
/* line 106, ../scss/base.scss */
.top-news .news-list li a .text .time .updata {
  font-size: 90%;
  padding: 0 0 0 4px;
}
/* line 112, ../scss/base.scss */
.top-news .news-list li a .text p {
  margin: 4px 0 0 0;
  font-size: 12px;
  line-height: 1.5;
  text-align: justify;
}
/* line 117, ../scss/base.scss */
.top-news .news-list li a .text p .more {
  font-size: 90%;
  padding: 0 0 0 4px;
}
/* line 124, ../scss/base.scss */
.top-news .news-list li.info .category {
  color: #003071;
}
/* line 125, ../scss/base.scss */
.top-news .news-list li.pro .category {
  color: #a20037;
}
/* line 126, ../scss/base.scss */
.top-news .news-list li.hbs .category {
  color: #00726c;
}

/* line 131, ../scss/base.scss */
.top-concept {
  border-width: 30px 0 30px 0;
  border-style: solid;
  border-color: #eae9e9;
}
/* line 135, ../scss/base.scss */
.top-concept .inner {
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
}
/* line 140, ../scss/base.scss */
.top-concept .img {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
/* line 144, ../scss/base.scss */
.top-concept .img img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
}
/* line 146, ../scss/base.scss */
.top-concept .text-wrap {
  position: relative;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
/* line 152, ../scss/base.scss */
.top-concept .text-wrap .text p {
  font-size: 140%;
  text-align: center;
  letter-spacing: 1px;
  line-height: 2.2;
}
/* line 158, ../scss/base.scss */
.top-concept .text-wrap .text .btn {
  margin: 16px auto 0 auto;
  text-align: center;
}
/* line 161, ../scss/base.scss */
.top-concept .text-wrap .text .btn a {
  display: block;
  text-align: center;
}

/* line 170, ../scss/base.scss */
.top-professional {
  border-width: 30px 0 30px 0;
  border-style: solid;
  border-color: #cdcdcd;
  padding: 60px 0;
}

/* line 177, ../scss/base.scss */
.top-hbs {
  padding: 60px 0 50px 0;
}

/* line 181, ../scss/base.scss */
.brand {
  position: relative;
  max-width: 1300px;
  width: 100%;
  margin: 30px auto 0 auto;
}
/* line 187, ../scss/base.scss */
.brand .list li {
  display: inline-block;
  vertical-align: top;
}
/* line 190, ../scss/base.scss */
.brand .list li a {
  text-decoration: none;
  display: block;
}
/* line 194, ../scss/base.scss */
.brand .list li a .thumbnail img {
  max-width: 100%;
  width: auto;
  display: block;
}
/* line 200, ../scss/base.scss */
.brand .list li a dl {
  max-width: 300px;
  width: 100%;
}
/* line 203, ../scss/base.scss */
.brand .list li a dl dt {
  margin: 20px 0 0 0;
  font-size: 14px;
  color: #3c3c3c;
  font-weight: bold;
  text-align: center;
}
/* line 210, ../scss/base.scss */
.brand .list li a dl dd {
  margin: 8px 0 0 0;
  font-size: 13px;
  color: #646464;
  line-height: 1.6;
  text-align: center;
}
/* line 221, ../scss/base.scss */
.brand .bx-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0;
}
/* line 225, ../scss/base.scss */
.brand .bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  -moz-transform: translatez(0);
  -ms-transform: translatez(0);
  transform: translatez(0);
}
/* line 230, ../scss/base.scss */
.brand .bx-wrapper .bx-controls .bx-controls-direction a {
  position: absolute;
  display: block;
  top: 30%;
  margin-top: -30px;
  outline: 0;
  width: 60px;
  height: 60px;
  text-indent: -9999px;
  z-index: 9999;
}
/* line 240, ../scss/base.scss */
.brand .bx-wrapper .bx-controls .bx-controls-direction a i {
  position: relative;
  top: 12px;
  display: block;
  margin: 0 auto;
  width: 36px;
  height: 40px;
  background-image: url(../../assets/images//icon/icon-arrow-r-garay.png);
  background-repeat: no-repeat;
}
/* line 251, ../scss/base.scss */
.brand .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
  left: 0px;
}
/* line 252, ../scss/base.scss */
.brand .bx-wrapper .bx-controls .bx-controls-direction .bx-prev i {
  background-position: left center;
}
/* line 253, ../scss/base.scss */
.brand .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
  right: 0px;
}
/* line 254, ../scss/base.scss */
.brand .bx-wrapper .bx-controls .bx-controls-direction .bx-next i {
  background-position: right center;
}
/* line 258, ../scss/base.scss */
.brand .age-care {
  margin: 40px 0 0 0;
}
/* line 260, ../scss/base.scss */
.brand .age-care p {
  text-align: right;
  color: #9f9f9f;
  font-size: 11px;
}

/* line 268, ../scss/base.scss */
.top-oem {
  border-top: 30px solid #cdcdcd;
}
/* line 270, ../scss/base.scss */
.top-oem .inner {
  max-width: 1290px;
  width: 100%;
  margin: 0 auto;
}
/* line 275, ../scss/base.scss */
.top-oem .img {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
/* line 279, ../scss/base.scss */
.top-oem .img img {
  max-width: 100%;
  width: 100%;
  vertical-align: middle;
}
/* line 281, ../scss/base.scss */
.top-oem .text-wrap {
  position: relative;
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}
/* line 287, ../scss/base.scss */
.top-oem .text-wrap .text h2 {
  text-align: center;
}
/* line 290, ../scss/base.scss */
.top-oem .text-wrap .text p {
  margin: 16px 0 0 0;
  font-size: 140%;
  text-align: center;
  letter-spacing: 1px;
  line-height: 2.2;
  color: #646464;
}
/* line 298, ../scss/base.scss */
.top-oem .text-wrap .text .btn {
  margin: 16px auto 0 auto;
  text-align: center;
}
/* line 301, ../scss/base.scss */
.top-oem .text-wrap .text .btn a {
  display: block;
  text-align: center;
}

/* line 310, ../scss/base.scss */
.top-beauty-guide {
  border-width: 30px 0 30px;
  border-style: solid;
  border-color: #eae9e9;
  padding: 60px 0;
}
/* line 316, ../scss/base.scss */
.top-beauty-guide ul {
  max-width: 960px;
  width: auto;
  margin: 40px auto 0 auto;
  text-align: center;
}
/* line 321, ../scss/base.scss */
.top-beauty-guide ul li {
  display: inline-block;
  vertical-align: top;
  width: 23.5%;
  margin: 0 5px;
}
/* line 326, ../scss/base.scss */
.top-beauty-guide ul li a {
  text-decoration: none;
  display: block;
}
/* line 330, ../scss/base.scss */
.top-beauty-guide ul li a .thumbnail img {
  max-width: 100%;
  width: auto;
}
/* line 332, ../scss/base.scss */
.top-beauty-guide ul li a p {
  margin: 10px 0 0 0;
}
/* line 334, ../scss/base.scss */
.top-beauty-guide ul li a p span {
  display: block;
  text-align: center;
}
/* line 335, ../scss/base.scss */
.top-beauty-guide ul li a p .read {
  font-size: 12px;
}
/* line 336, ../scss/base.scss */
.top-beauty-guide ul li a p .title {
  font-size: 13px;
  font-weight: bold;
}

/* line 343, ../scss/base.scss */
.top-info-wrap {
  max-width: 960px;
  width: 100%;
  margin: 0 auto;
  padding: 60px 0 0 0;
}
/* line 348, ../scss/base.scss */
.top-info-wrap .contents {
  max-width: 48%;
  width: 100%;
  display: inline-block;
  vertical-align: top;
}
/* line 353, ../scss/base.scss */
.top-info-wrap .contents:first-child {
  margin-right: 3.4%;
}
/* line 354, ../scss/base.scss */
.top-info-wrap .contents .ttl {
  padding: 0 0 16px 0;
}
/* line 355, ../scss/base.scss */
.top-info-wrap .contents a {
  display: block;
  text-decoration: none;
}
/* line 360, ../scss/base.scss */
.top-info-wrap .contents a dl dt img {
  max-width: 100%;
  width: auto;
}
/* line 362, ../scss/base.scss */
.top-info-wrap .contents a dl dd {
  font-size: 13px;
  margin: 4px 0 0 0;
}

/* ---------------------------------------
 COMMON
--------------------------------------- */
/* line 372, ../scss/base.scss */
#g-main.wrap {
  margin: 0 auto;
}

/* line 377, ../scss/base.scss */
.common-ttl-wrap {
  margin: 30px auto 0 auto;
}
/* line 379, ../scss/base.scss */
.common-ttl-wrap .ttl {
  text-align: center;
}

/* line 383, ../scss/base.scss */
.line-light-gray {
  background: #eae9e9;
  width: 100%;
  height: 30px;
}

/* line 388, ../scss/base.scss */
.line-gray {
  background: #cdcdcd;
  width: 100%;
  height: 30px;
}

/* line 394, ../scss/base.scss */
.hbs-shop-bnr {
  text-align: center;
}
/* line 396, ../scss/base.scss */
.hbs-shop-bnr .txt {
  font-size: 13px;
  text-align: center;
  margin: 0 0 6px 0;
}
.lang_link_top {
	position:absolute;
	top:10px;
	text-align:right;
	z-index:999;
	width:100%;
}
.lang_link_top p {
	display:block;
	text-align:right;
	max-width: 1290px;
	width: 100%;
	margin:0px auto;
}
.lang_link_top a {
	color:#FFF;
	text-decoration:none;
	font-size:140%;
	font-weight:bold;
	letter-spacing:0.1em;
}

/* lang bar and overwrite */
.lang_bar {
  width: 100%;
  background-color: #FFF;
  color: #646464;
  text-align: right;
  padding: 0;
	position:fixed;
	top:0px;
	height:20px;
	line-height:20px;
}
.lang_bar div {
	max-width:960px;
	margin:0px auto;
	text-align:right;
}
.lang_bar div a {
	font-size:130%;
	letter-spacing:0.1em;
}
body.rower {
    padding-top: 100px;
}
.rower #g-header {
	top:20px;
}


#g-footer .recruit {
	background:#eae9e9;
	padding:10px 0px;
	text-align:center;
}
#g-footer .recruit .formbtn {
	background:#686868;
	text-align:center;
	display:inline-block;
	margin:0px auto;
	padding: 5px 2em;
	font-weight: bold;
	color:#FFF;
	font-size: 120%;
}
#g-footer .recruit .formbtn:after {
    content: ">";
    position: relative;
    bottom: 1px;
    font-size: 10px;
    color: #FFF;
	margin-left:10px;
}