@charset "UTF-8";

/*----------------------------------
OEM・卸
---------------------------------- */
.title_jp {
	font-size: 26px;
	font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
	margin: 65px auto 15px;
}

.main_img {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  background: url(../oem/images/oem_handimg_1080.jpg) 0px 0px no-repeat;
  background-size: contain;
  display: flex;
  justify-content: flex-end;
}

.oem_title h1 {
  display: inline-block;
  font-size: 25px;
  color: #eee;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 25px;
  border-bottom: 1px #eee dotted;
  padding-bottom: 7px;
}

.main_area section h1 {
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  line-height: 1.15;
  padding-bottom: 10px;
}

.oem_center h2 {
  font-size: 23px;
  color: #eee;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  margin-bottom: 15px;
}

.oem_base h2 {
  text-align: center;
  font-size: 23px;
  color: #eee;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 15px;
}

/*----------------------------------
OEM・卸 TOP　天然毛
---------------------------------- */
ul#natural_story li h2 {
  text-align: left;
  font-size: 24px;
  line-height: 1.3;
  color: #eee;
  letter-spacing: 0em;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  margin-bottom: 20px;
}

/*----------------------------------
OEM・卸 TOP　合成繊維
---------------------------------- */
.sf_center h2, .sf_txt h2 {
  font-size: 22px;
  color: #eee;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  margin-bottom: 15px;
}

/*----------------------------------
OEM・卸　フルオーダー
---------------------------------- */
.flow {
	width: 640px;
	border-radius: 10px;
	margin: 30px auto 20px;
	background: #DDD;
	padding: 40px 0 10px 0;
}

.flow_box {position: relative; width: 90%; margin: 0 auto 15px; color: #333;}
.flow_box .line {position: absolute; bottom: -15px; left: 55px;}
.flow_txt_wrap {
  font-size: 13.5px;
  line-height: 1.3;
}

h3 {
  font-size: 21px;
  font-family: 'Frank Ruhl Libre', serif;
  font-weight: 400;
  line-height: 1.3;
}

.order_img_capen {text-align: right; padding-right: 10%;}

@media (min-width:600px) and (max-width:980px) {
	.flow {width: 90%; max-width: 570px;}
	.flow_box {width: 95%;}
}

@media (max-width:599px) {
  h3 {width: 90%; margin: 0 auto; text-align: left;}
}

@media (max-width:599px) {
	.flow {width: 90%; max-width: 570px;}
	.flow_box {width: 95%; margin: 75px auto 15px;}
	.flow_box:last-child {width: 95%; margin: 0 auto 15px;}
	
	.flow_box .line {position: absolute; bottom: -15px; left: 50%; transform: translateY(0%) translateX(-50%);}
}

/*----------------------------------
OEMブランド・お取引様リスト
---------------------------------- */
.brand_img {width: 90%; max-width: 525px; margin: 0 auto; background: #fff;}
.brand_img img {width: 100%; max-width: 525px; height: auto;}

.client_img {width: 90%; max-width: 525px; margin: 10px auto; padding: 25px 0; border: 1px #CCC solid; background: #fff;}
.client_img img {width: 100%; max-width: 380px; height: 282px;}

@media (max-width:768px) {
	.brand_wrap {width:90%; max-width: 500px;}
	.client_img img {width: 95%; max-width: 420px; height: auto;}
	.brand li {margin-left: 20px;}
}