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

 file name  : products.css
 style info : Products
=================================================================== */

@media all and (max-width: 480px) {

	/*-----------------------------------
		Under Common
	------------------------------------*/
	.page-ttl {
		text-align: center;
		background: url(../img/common/page-ttl_bg.jpg) no-repeat center -94px;
		margin: 0 0 28px;
	}
	.page-ttl .inner {
		color: #fff;
		margin: 0 auto;
		height: auto;
		padding: 16px 5% 20px;
	}
	.page-ttl h2 {
		font-size: 3rem;
		font-weight: 200;
		letter-spacing: .12em;
		margin: 0 0 15px;
	}
	.page-ttl h2 span {
		display: block;
		font-size: 1.8rem;
		letter-spacing: .1em;
		margin: 1px 0 -10px;
		position: relative;
	}
	.page-ttl h2 span:before {
		content: '';
		display: block;
		width: 1px;
		height: 40px;
		position: absolute;
		top: 33px;
		left: 50%;
		background: #fff;
	}
	.page-ttl p {
		font-size: 1.3rem;
		font-weight: 300;
		letter-spacing: .06em;
		text-align: left;
	}
	.page-ttl p br {
		display: none;
	}
	/**/
	.products .sec {
		padding: 0 5%;
		border-bottom: #ccc 1px solid;
	}
	.products .ttl {
		font-size: 2.5rem;
		font-weight: 400;
		line-height: 1.4;
		margin: 0 0 30px;
	}
	.products .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/bemberg-world/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 12px;
	}
	.products .txt01 {
		color: #171f52;
	}
	/* .conatact */
	.contact {
		font-size: 1.2rem;
		color: #1e2953;
		text-align: right;
		margin: 50px auto -34px;
		padding: 0 15px 0 0;
	}
	.contact a {
		padding: 0 22px 0 0;
		background: url(../img/common/arrow01.png) no-repeat right center;
	}
	.measure {
		font-size: 1.2rem;
		color: #171F6C;
		text-align: right;
		margin: 30px auto -36px;
	}
	/*----------------------
		Anchor
	-----------------------*/
	.anchor {
		text-align: center;
		margin: 40px 0 50px;
	}
	.anchor li {
		display: inline-block;
		font-size: 1.5rem;
		margin: 0 15px;
	}
	.anchor a {
		color: #1e2953;
		position: relative;
		padding: 8px 0 8px 14px;
	}
	.anchor a:before,  .anchor a:after {
		content: '';
		display: block;
	}
	.anchor a:before {
		width: 6px;
		height: 6px;
		border-top: #1d2088 1px solid;
		border-left: #1d2088 1px solid;
		position: absolute;
		top: 16px;
		left: 0;
		transform: rotate(225deg);
	}
	.anchor a:after {
		width: 0;
		height: 1px;
		background: #333541;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		transition: width .3s ease;
	}
	.anchor a:hover:after {
		width: 27px;
	}
	/*----------------------
		Navigation
	-----------------------*/
	.cat-nav {
		margin: 50px auto 40px;
		letter-spacing: -.4em;
		width: 92%;
	}
	.cat-nav h3,
	.cat-nav ul {
		font-size: 1.4rem;
	}
	.cat-nav h3,
	.cat-nav h4 {
		border: #ddd 1px solid;
	}
	.cat-nav h3 {
		margin: 0 0 10px;
		border: #ddd 1px solid;
	}
	.cat-nav h3 a {
		padding: 14px 0;
		font-size: 1.5rem;
		font-weight: 500;
	}
	.cat-nav h4 {
		border-bottom: none;
	}
	.cat-nav ul {
		overflow: hidden;
		margin: 0 0 10px;
		padding: 0 0 1px;
	}
	.cat-nav li {
		border: #ddd 1px solid;
		float: left;
		width: 50%;
		box-sizing: border-box;
		margin: 0 0 -1px;
	}
	.cat-nav li a {
		text-align: left;
	}
	.cat-nav li:nth-child(even) {
		border-left: none;
	}
	.cat-nav a {
		display: block;
		padding: 8px 12px 8px;
		text-align: center;
		letter-spacing: normal;
		position: relative;
	}
	.cat-nav ul:nth-of-type(1) li {
		font-size: 1.1rem;
	}
	.cat-nav a:after {
		content: '';
		display: inline-block;
		width: 6px;
		height: 6px;
		border-top: #1E2953 1px solid;
		border-left: #1E2953 1px solid;
		transform: rotate(135deg);
		position: absolute;
		top: calc(50% - 3px);
		right: 10px;
	}

	/*-----------------------------------
		TOP
	------------------------------------*/
	/*----------------------
		Section Common
	-----------------------*/
	.top.bread-c {
		background: #1E2953;
		color: #fff;
		border-top: #fff 1px solid;
	}
	.top.bread-c p,  .top.bread-c a {
		color: #fff;
	}
	.top .sec {
		display: table;
		width: 100%;
		color: #fff;
		position: relative;
		border: none;
	}
	.top .sec .inner {
		display: table-cell;
		vertical-align: middle;
		position: relative;
		z-index: 10;
	}
	.top .sec .box {
		padding: 130% 0 15%;
		text-align: center;
	}
	.top .sec .box h3 {
		font-size: 3.2rem;
		font-weight: 100;
		letter-spacing: .04em;
	}
	.top .sec .box h3 a {
		color: #fff;
	}
	.top .sec .box .txt {
		letter-spacing: .1em;
		font-size: 1.4rem;
		font-weight: 200;
		line-height: 1.8;
		margin: 12px 0 20px;
	}
	.top .sec .box .btn a {
		text-align: left;
		font-size: 1.2rem;
		letter-spacing: .12em;
		display: inline-block;
		padding: 8px 0 12px;
		position: relative;
		width: 100px;
		color: #fff;
		transition: all .6s ease;
	}
	.top .sec .box .btn a:after {
		content: '';
		display: block;
		width: 100%;
		height: 20px;
		background: url(../img/products/top/arrow_pc.png) no-repeat right 0;
		position: absolute;
		bottom: -8px;
		left: 0px;
		transition: width .3s ease;
	}
	.top .sec .mask {
		display: none;
	}
	/*----------------------
		Section01
	-----------------------*/
	.top .sec01 {
		width: 100%;
		height: 400px;
		display: table;
		background: url(../img/products/top/sec01_bg.jpg) no-repeat center center /200%;
		text-align: center;
		color: #fff;
		padding: 0 4% 30px;
	}
	.top .sec01 .inner {
		display: table-cell;
		vertical-align: middle;
	}
	.top .sec01 h2 {
		font-size: 2.8rem;
		font-weight: 200;
		letter-spacing: .3em;
	}
	.top .sec01 h3 {
		font-size: 1.7rem;
		font-weight: 300;
		margin: 35px 0 25px;
	}
	.top .sec01 p {
		font-size: 1.2rem;
		line-height: 1.8;
	}
	.top .sec01 p br {
		display: none;
	}
	/*----------------------
		Section02
	-----------------------*/
	.top .sec02 {
		background: #1E2953 url(../img/products/top/sec02_bg_sp.jpg) no-repeat center 0 /100%;
	}
	/*----------------------
		Section03
	-----------------------*/
	.top .sec03 {
		background: #1E2953 url(../img/products/top/sec03_bg_sp.jpg) no-repeat center 0 /100%;
	}
	/*----------------------
		Section04
	-----------------------*/
	.top .sec04 {
		background: #1E2953 url(../img/products/top/sec04_bg_sp.jpg) no-repeat center 0 /100%;
	}
	/*----------------------
		Section05
	-----------------------*/
	.top .sec05 {
		background: #1E2953 url(../img/products/top/sec05_bg_sp.jpg) no-repeat center 0 /100%;
	}
	/*----------------------
		Section06
	-----------------------*/
	.top .sec06 {
		background: #1E2953 url(../img/products/top/sec06_bg_sp.jpg) no-repeat center 0 /100%;
	}
	/*----------------------
		Section07
	-----------------------*/
	.top .sec07 {
		background: #1E2953 url(../img/products/top/sec07_bg_sp.jpg) no-repeat center 0 /100%;
	}
	.top .sec07 .box {
	}

	/*-----------------------------------
		里布 TOP
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.lining .page-ttl {
		margin-bottom: 0;
	}
	.lining .sec {
		border: none;
	}
	/*----------------------
		Section01
	-----------------------*/
	.lining .sec01 {
		background: url(../img/products/lining/top/sec01_bg.jpg) no-repeat center 0 /430px;
		position: relative;
	}
	.lining .sec01 .img01 {
		position: absolute;
		top: 30px;
		right: 50%;
		max-width: 160px;
	}
	.lining .sec01 .txt01 {
		font-weight: 500;
		line-height: 2;
		padding: 250px 0 30px;
	}
	.lining .sec01 .txt01 br {
		display: none;
	}
	.lining .sec01 .txt02 {
		color: #171f52;
		line-height: 1.7;
		margin: 15px 0 20px;
	}
	/*----------------------
		Section02
	-----------------------*/
	.lining .sec02 {
		padding: 20px 5% 0;
	}
	.lining .sec02 h3 {
		text-align: center;
	}
	.lining .sec02 h3 span {
		font-size: 2.1rem;
		color: #1e2953;
		line-height: 1.4;
		display: inline-block;
		padding: 0 0 12px;
		border-bottom: #1F2A52 2px solid;
		margin: 0 0 22px;
	}
	.lining .sec02 .txt {
		font-size: 1.6rem;
		line-height: 1.9;
		text-align: center;
		position: relative;
		margin: 0 auto 35px;
	}
	.lining .sec02 .txt img {
		position: absolute;
	}
	.lining .sec02 .txt .img01 {
		top: 80px;
		left: -11px;
		width: 120px;
	}
	.lining .sec02 .txt .img02 {
		top: 0;
		right: -15px;
		width: 160px;
	}
	.lining .sec02 ul {
		letter-spacing: -.4em;
	}
	.lining .sec02 li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.4rem;
		font-weight: 500;
		text-align: center;
		letter-spacing: .05em;
		margin: 0 15px 12px 0;
		width: calc(50% - 7px);
	}
	.lining .sec02 li:nth-child(even) {
		margin-right: 0;
	}
	.lining .sec02 li a {
		color: #171f52;
	}
	.lining .sec02 li img {
		margin: 0 0 1px;
	}

	/*-----------------------------------
		特长（里布）
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.feature02 .page-ttl {
		margin-bottom: 40px;
	}
	.feature02 .sec {
		border-bottom: none;
		padding: 0 5% 40px;
	}
	.feature02 .ttl {
		font-size: 2.7rem;
		color: #171f52;
		letter-spacing: .12em;
		margin: 0 0 30px;
	}
	.feature02 .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/products/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 24px;
	}
	.feature02 .txt {
		color: #171f52;
		line-height: 2;
		margin: 0 0 80px;
	}
	.feature02 .sttl {
		font-size: 1.8rem;
		font-weight: 500;
		color: #111;
		line-height: 1.4;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 20px;
		padding: 0 0 0 25px;
	}
	.feature02 .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		position: absolute;
		top: 5px;
		left: 0;
		margin: 0 7px 0 0;
	}
	.feature02 .sttl + p {
		font-size: 1.4rem;
		line-height: 1.8;
		margin: 0 0 30px;
	}
	.feature02 .box {
		font-size: 1.4rem;
	}
	.feature02 .sec .col {
		margin: 18px 0 0;
	}
	.feature02 .sec .col p {
		margin: 15px 0 12px;
		line-height: 1.8;
	}
	.feature02 .sec .col dt {
		margin: 0 0 20px;
		font-weight: 600;
	}
	.feature02 .sec .col dd {
	}
	.feature02 .sec .col dd span {
		padding: 14px 0 0 13%;
		font-size: 1.3rem;
		line-height: 1.5;
		letter-spacing: -.08em;
		display: block;
	}
	.feature02 .sec video {
		width: 100%;
		height: auto;
	}
	/*----------------------
		Section03
	-----------------------*/
	.feature02 .sec03 .col dt {
		font-size: 1.5rem;
		font-weight: 500;
		text-indent: 8em;
		margin: 25px 0 10px;
	}
	/*----------------------
		Section04
	-----------------------*/
	.feature02 .sec04 ul {
		text-align: center;
		letter-spacing: -.4em;
		margin: 28px auto 0;
	}
	.feature02 .sec04 li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.3rem;
		font-weight: 500;
		letter-spacing: normal;
		text-align: center;
		line-height: 1.3;
		margin: 0 15px 15px 0;
		width: calc(50% - 8px);
	}
	.feature02 .sec04 li:nth-child(even) {
		margin: 0;
	}
	.feature02 .sec04 li img {
		margin: 6px 0 0;
	}

	/*-----------------------------------
		里布的小贴士
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.tips .page-ttl {
		margin-bottom: 40px;
	}
	.tips .sec {
		border-bottom: none;
		padding: 0 5% 35px;
	}
	.tips .ttl {
		font-size: 2.7rem;
		color: #171f52;
		letter-spacing: .12em;
		margin: 0 0 35px;
	}
	.tips .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/products/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 24px;
	}
	.tips .txt {
		color: #171f52;
		line-height: 2;
		margin: 0 0 80px;
	}
	.tips .sttl {
		font-size: 1.8rem;
		font-weight: 500;
		color: #111;
		line-height: 1.4;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 20px;
		padding: 0 0 0 25px;
	}
	.tips .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		position: absolute;
		top: 5px;
		left: 0;
		margin: 0 7px 0 0;
	}
	.tips .sttl + p {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.tips .box {
		font-size: 1.4rem;
	}
	.tips .sec .col {
		display: inline-block;
		vertical-align: top;
		margin-top: 60px;
	}
	.tips .sec .col p {
		margin: 0 0 10px;
		line-height: 2;
	}
	.tips .sec dl {
		margin: 25px auto 0;
	}
	.tips .sec dt {
		margin: 0 0 25px;
		/* font-size: 1.5rem; */
		font-weight: 600;
	}
	.tips .sec dd {
		text-align: center;
	}
	.tips .sec dd.img {
		padding: 0 15%;
	}
	.tips .sec .dd02 {
		margin: 25px 0 35px;
	}
	.tips .sec h4:before,  .tips .sec dt:before {
		content: '';
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
		background: #171f52;
	}
	/*----------------------
		Section01
	-----------------------*/
	.tips .sec01 {
		margin: 0 auto 0;
	}
	/*----------------------
		Section02
	-----------------------*/
	.tips .sec02 .tbl-wrap {
		margin: 0 0 20px;
		overflow: scroll;
		padding: 0 0 10px;
	}
	.tips .sec02 .tbl-wrap::-webkit-scrollbar {
		 height: 5px;
	}
	.tips .sec02 .tbl-wrap::-webkit-scrollbar-track {
		 border-radius: 0px;
		 background: #ddd;
	}
	.tips .sec02 .tbl-wrap::-webkit-scrollbar-thumb {
		 border-radius: 0px;
		 background: #1a265394;
	}
	.tbl-wrap {
		position: relative;
		overflow: hidden;
		margin: 0 0 10px;
	}
	/* クローンで生成されたテーブルの一つ上の親要素 */
	.clone {
		width: calc(100% - 95px);
		position: absolute;
		top: 0;
		overflow: hidden;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		background: #fff;
	}
	/* クローンで生成されたテーブル */
	.clone table {
		position: absolute;
		top: 0;
		background: #fff;
	}
	.tips .sec02 .tbl-wrap h4 {
		margin: 0 0 12px 1em;
		text-indent: -1em;
	}
	.tips .sec02 table {
		width: 650px;
		font-size: 1.4rem;
		font-weight: 600;
		text-align: center;
		margin: 25px 0 0;
	}
	.tips .sec02 th,  .tips .sec02 td {
		text-align: center;
		padding: 4px 4px;
	}
	.tips .sec02 thead th {
		width: 40px;
	}
	.tips .sec02 .tbl-wrap p {
		font-style: 1.3rem;
		margin: 15px 0 0;
	}
	/*----------------------
		Section04
	-----------------------*/
	.tips .sec04 ul {
		text-align: center;
		letter-spacing: -.4em;
		margin: 50px auto 0;
	}
	.tips .sec04 li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: normal;
		text-align: center;
		line-height: 2.5;
		margin: 0 18px 0 0;
	}
	.tips .sec04 li:last-child {
		margin: 0;
	}

	/*-----------------------------------
		与其他素材之不同
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.difference .page-ttl {
		margin-bottom: 40px;
	}
	.difference .sec {
		border-bottom: #ccc 1px solid;
		padding: 30px 5%;
	}
	.difference .ttl {
		font-size: 2.3rem;
		color: #171f52;
		line-height: 1.4;
		margin: 0 0 10px;
	}
	.difference .ttl span {
		font-size: 1.3rem;
		font-weight: 300;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/bemberg-world/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 20px;
		margin: 0 0 10px;
	}
	.feature02 .txt {
		color: #171f52;
		line-height: 2;
		margin: 0 0 80px;
	}
	.difference .txt {
		color: #171f52;
		line-height: 2;
		margin: 0 0 32px;
	}
	.difference .sttl {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.5;
		color: #111;
		position: relative;
		margin: 0 0 15px;
		padding: 0 0 0 19px;
	}
	.difference .sttl:before {
		content: '';
		display: block;
		width: 10px;
		height: 90px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 14px;
		left: 0;
	}
	.difference .sttl + p {
		font-size: 1.4rem;
		line-height: 1.8;
		padding: 0 0 20px 20px;
	}
	.difference .sttl + p br {
		display: none;
	}
	.difference .box {
		padding: 0 0 15px;
	}
	.difference .sec .box ul {
		text-align: center;
		letter-spacing: -.4em;
		margin: 5px auto 10px;
		padding: 0 5%;
	}
	.difference .sec .box li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.4rem;
		letter-spacing: normal;
		text-align: center;
	}
	.difference .sec .box li img {
		margin: 5px 0 0 0;
	}
	.difference .sec .box li span {
		display: block;
		text-align: right;
		margin: 5px 0 0 0;
	}
	/*----------------------
		Section01
	-----------------------*/
	.difference .sec01 {
		padding: 0 5% 10px;
	}
	/*----------------------
		Section02
	-----------------------*/
	.difference .sec02 {
		padding: 30px 5% 8px;
	}
	/*----------------------
		Section03
	-----------------------*/
	.difference .sec03 {
		padding: 30px 5% 8px;
	}
	/*----------------------
		Section04
	-----------------------*/
	.difference .sec04 {
		padding: 30px 5% 10px;
	}

	/*-----------------------------------
		里布的种类
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.type .page-ttl {
		margin-bottom: 40px;
	}
	.type .sec {
		border-bottom: #ccc 1px solid;
		padding: 0 5%;
	}
	.type .ttl {
		font-size: 2.3rem;
		color: #171f52;
		line-height: 1.4;
		margin: 0 0 10px;
	}
	.type .ttl span {
		font-size: 1.3rem;
		font-weight: 300;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/bemberg-world/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 20px;
		margin: 0 0 10px;
	}
	.type .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/products/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 24px;
	}
	.type .sttl {
		font-size: 2rem;
		font-weight: 400;
		color: #fff;
		text-align: center;
		line-height: 120px;
		height: 120px;
		margin: 0 -6%;
	}
	.type .sec [class^="box0"] ul {
		padding: 20px 0 0;
	}
	.type .sec [class^="box0"] li {
		font-size: 1.3rem;
		display: inline-block;
		vertical-align: top;
		border: #1A2653 1px solid;
		margin: 3px 2px;
		text-align: center;
		width: calc(33% - 6px);
		padding: 10px 0;
		background: #fff;
	}
	.type h5 {
		font-size: 1.8rem;
		font-weight: 500;
		color: #1f2a52;
		margin: 30px 0 0;
	}
	.type table {
		width: 1000px;
	}
	.type thead {
		background: #1A2653;
		color: #fff;
	}
	.type th,  .type td {
		font-size: 1.4rem;
		text-align: center;
		padding: 4px 3px 5px;
	}
	.type thead th,  .type thead td {
		border: #fff 1px solid;
	}
	.type tbody th,  .type tbody td {
		border: #D2D4DD 1px solid;
	}
	.type thead th,  .type tbody th {
		font-weight: 500;
	}
	.type tbody th {
		color: #1A2653;
	}
	.type thead th:nth-of-type(1) {
		width: 150px;
	}
	.type thead th:nth-of-type(2) {
		width: 200px;
	}
	.type thead th:nth-of-type(3) {
		width: 170px;
	}
	.type thead th:nth-of-type(4) {
		width: 170px;
	}
	.type thead th:nth-of-type(5) {
		width: 300px;
	}
	.type tbody tr:nth-of-type(even) td {
		background: #F3F4F6;
	}
	.flick {
		color: #1A2653;
		font-size: 1.5rem;
		font-weight: 500;
		margin: 5px 0 7px 0;
		position: relative;
	}
	.flick:before,  .flick:after {
		content: '';
		display: block;
		position: absolute;
	}
	.flick:before {
		background: #1A2653;
		width: 32px;
		height: 4px;
		top: .7em;
		left: 3.4em;
	}
	.flick:after {
		width: 0;
		height: 0;
		border-top: #1A2653 12px solid;
		border-left: transparent 8px solid;
		border-right: transparent 8px solid;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		top: .45em;
		left: 2.6em;
	}
	/*----------------------
		Section01
	-----------------------*/
	.type .sec01 {
		padding: 0 5% 45px;
	}
	.type .sec01 .sttl {
		background: url(../img/products/lining/type/sec01_img01.jpg) no-repeat 0 0 /contain;
	}
	/*----------------------
		Section02
	-----------------------*/
	.type .sec02 {
		padding: 40px 5% 0;
		border: none;
	}
	.type .sec02 .sttl {
		background: url(../img/products/lining/type/sec02_img01.jpg) no-repeat 0 0 /contain;
	}
	.type .sec02 .txt01 {
		padding: 30px 5% 25px;
		color: #333;
		line-height: 1.8;
	}
	.type .sec02 .btn {
		padding: 0 5%;
	}
	.type .sec02 .btn a {
		display: inline-block;
		padding: 11px 20px 16px;
		width: 100%;
		font-size: 1.6rem;
		color: #fff;
		text-align: center;
		letter-spacing: .05em;
		background: #171f52;
		position: relative;
	}
	.type .sec02 .btn a:after {
		display: none;
	}
	.type .sec02 .btn img {
		position: absolute;
		top: calc(50% - 5px);
		right: 15px;
		width: 22px;
	}

	/*-----------------------------------
		产地介绍
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.area .sec .ttl {
		font-size: 2.7rem;
	}
	.area .sec .box {
		position: relative;
		padding: 30px 0 50px 0;
		position: relative;
	}
	.area .sec .box:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 22px;
		background: url(../img/products/lining/production-area/line.png) no-repeat center 0 /auto 13px;
	}
	.area .sec .box h4 {
		font-size: 2.2rem;
		margin: 0 0 26px;
		padding: 10px 0 0 75px;
		position: relative;
	}
	.area .sec .box h4 img {
		width: 60px;
		position: absolute;
		top: 0;
		left: 0;
	}
	.area .sec .box .btn {
		text-align: right;
		margin: 30px 0 0;
		padding: 0 10%;
	}
	.area .sec .box .btn a {
		font-size: 1.5rem;
		color: #fff;
		text-align: center;
		display: inline-block;
		padding: 10px 0 15px;
		background: #171f52;
		width: 100%;
		position: relative;
	}
	.area .sec .box .btn a:hover {
		opacity: 1;
	}
	.area .sec .box .btn a:after {
		content: '';
		display: block;
		width: 20px;
		height: 9px;
		background: url(../img/products/lining/production-area/btn_arrow.svg) no-repeat right 0;
		position: absolute;
		top: calc(50% - 7px);
		right: 20px;
		transition: all .3s ease;
	}
	.area .sec .box .btn a:hover:after {
		right: 15px;
	}
	/* ul */
	.area .sec ul {
		margin: 35px auto 0;
		letter-spacing: -.4em;
	}
	.area .sec li {
		display: inline-block;
		vertical-align: top;
		width: calc(50% - 5px);
		margin: 0 10px 10px 0;
		letter-spacing: normal;
	}
	.area .sec li:nth-child(2n) {
		margin-right: 0;
	}
	.area .sec dl {
		margin: 5px 0 10px;
	}
	.area .sec dt {
		display: inline-block;
		position: relative;
		position: relative;
		letter-spacing: .1em;
		font-size: 2rem;
		font-weight: 600;
	}
	.area .sec dt:after {
		content: '';
		display: block;
		width: 83%;
		height: 1.2em;
		padding: 0 4px;
		background: #171f52;
		transform: skew(-25deg);
		position: absolute;
		top: 5px;
		left: 1.3em;
	}
	.area .sec dt span {
		display: inline-block;
		position: relative;
		top: -2px;
		z-index: 10;
		font-size: 1.4rem;
		font-weight: 300;
		color: #fff;
		margin: 0 0 0 1.1em;
	}
	.area .sec dd {
		font-size: 1.4rem;
		color: #1a2653;
		line-height: 1.7;
		padding: 6px 0 0 0;
	}
	/*----------------------
		Section01
	-----------------------*/
	.area .sec01 {
		border: none;
		padding: 10px 5% 0;
	}

	/*-----------------------------------
		Apparel Textitle
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.apparel .sec {
		border: none;
	}
	.apparel .page-ttl {
		margin-bottom: 0;
	}
	.apparel .ttl {
		font-size: 2.5rem;
		font-weight: 400;
		line-height: 1.4;
		margin: 0 0 18px;
	}
	.apparel .txt {
		font-size: 1.4rem;
		line-height: 1.8;
		color: #171f52;
		margin: 0 0 1.3em;
	}
	.apparel .sttl {
		font-size: 1.9rem;
		font-weight: 400;
		color: #111;
		line-height: 1.25;
		border-bottom: #374066 1px solid;
		padding: 0 0 10px;
		margin: 0 0 25px;
	}
	/*----------------------
		Section01
	-----------------------*/
	.apparel .sec01 .inner {
	}
	.apparel .sec01 {
		background: url(../img/products/apprel-textiles/sec01_bg.jpg) no-repeat center 0 /430px;
		position: relative;
	}
	.apparel .sec01 .img01 {
		position: absolute;
		top: 15px;
		right: -2%;
		width: 160px;
	}
	.apparel .sec01 .txt01 {
		font-weight: 500;
		line-height: 2;
		padding: 235px 0 15px;
	}
	.apparel .sec01 .txt01 br {
		display: none;
	}
	/*----------------------
		Section02
	-----------------------*/
	.apparel .sec02 {
		margin: 35px auto;
	}
	.apparel .sec02 .img {
		margin: 28px auto 0;
		text-align: center;
	}
	/*----------------------
		Section03
	-----------------------*/
	.apparel .sec03 {
		margin-bottom: 50px;
	}
	.apparel .sec03 .box {
		margin: 0 0 38px;
	}
	.apparel .sec03 .box .col02 p:nth-of-type(1) {
		font-size: 1.3rem;
		margin: 9px 0 13px;
	}
	.apparel .sec03 .box .col02 p:nth-of-type(1) br {
		display: none;
	}
	/*----------------------
		Section04
	-----------------------*/
	.apparel .sec04 {
		margin-bottom: 30px;
	}
	.apparel .sec04 .box {
		margin: 0 auto 14px;
	}
	.apparel .sec04 .box .col02 p:nth-of-type(1) {
		font-size: 1.4rem;
		line-height: 1.5;
		margin: 7px 0 10px;
	}
	.apparel .sec04 .box .col02 p:nth-of-type(1) br {
		display: none;
	}
	.apparel .sec04 .box01 .col02 p:nth-of-type(1),  .apparel .sec04 .box04 .col02 p:nth-of-type(1) {
		margin: 10px 0 13px;
	}
	/*----------------------
		Section05
	-----------------------*/
  .apparel .sec05 {
		margin: 85px auto;
	}
	.apparel .sec05 .sttl02 {
    	text-align: center;
		font-size: 2rem;
		font-weight: 700;
		color: #111;
		line-height: 1.4;
		margin: 0 0 59px;
	}
	.apparel .sec05 .sttl02 + p {
		font-size: 1.4rem;
		margin: 0 0 25px;
	}
	/* .box */
	.apparel .sec05 .box {
		padding: 30px 0 0 0;
	}
	.apparel .sec05 .box h5 {
		font-size: 1.4rem;
		font-weight: 500;
		background: #f2f2f2;
		border-radius: 50%;
		display: inline-block;
		width: 80px;
		height: 80px;
		line-height: 80px;
		text-align: center;
		position: relative;
		margin: 0 0 7px;
	}
	.apparel .sec05 .box h6,  .apparel .sec05 .box h6 + p {
		padding: 0 0 0 38px;
	}
	.apparel .sec05 .box h5:before {
		content: '';
		display: block;
		width: 1px;
		height: 122px;
		background: #B3B6C3;
		position: absolute;
		top: 61px;
		left: 20px;
	}
	.apparel .sec05 .box h6 {
		font-size: 1.7rem;
		font-weight: 500;
		color: #1f2a52;
		position: relative;
		z-index: 10;
		margin: 0 0 8px;
	}
	.apparel .sec05 .box h6 + p {
		font-size: 1.4rem;
	}
	.apparel .sec05 .box h6 + p br {
		display: none;
	}
	/* .box01 */
	.apparel .sec05 .box01 {
		background: url(../img/products/apprel-textiles/sec05_img01.png) no-repeat 0 bottom /contain;
		padding: 0 0 280px;
		margin: 0 0 30px;
	}
	/* .box02 */
	.apparel .sec05 .box02 {
		background: url(../img/products/apprel-textiles/sec05_img02.png) no-repeat 0 bottom /contain;
		padding: 0 0 170px;
	}
	.apparel .sec05 .box02 h5:before {
		height: 120px;
	}
	.apparel .sec05 .box02 h6 + p {
	}

	/*-----------------------------------
		民族服装
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	#content.traditional {
		margin: 57px auto 0;
	}
	.traditional .sec {
		border: none;
	}
	.traditional .page-ttl {
		margin-bottom: 0;
	}
	.traditional .ttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		line-height: 1.5;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 14px;
	}
	.traditional .ttl {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.5;
		color: #111;
		position: relative;
		margin: 0 0 15px;
		padding: 0 0 0 19px;
	}
	.traditional .ttl:before {
		content: '';
		display: block;
		width: 10px;
		height: 90px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 14px;
		left: 0;
	}
	.traditional .txt {
		font-size: 1.4rem;
		color: #171f52;
		line-height: 1.8;
		letter-spacing: -.01em;
		margin: 0 0 20px;
		padding: 0 0 20px 20px;
	}
	.traditional .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		border-bottom: #374066 1px solid;
		padding: 0 0 10px;
		margin: 0 0 50px;
	}
	/*----------------------
		Section01
	-----------------------*/
	.traditional .sec01 .inner {
	}
	.traditional .sec01 {
		background: url(../img/products/traditional-wear/sec01_bg.jpg) no-repeat center 0 /430px;
		position: relative;
	}
	.traditional .sec01 .img01 {
		position: absolute;
		top: 15px;
		right: 51%;
		width: 150px;
	}
	.traditional .sec01 .txt01 {
		font-weight: 500;
		line-height: 1.8;
		padding: 230px 0 35px;
	}
	.traditional .sec01 .txt01 br {
		display: none;
	}
	/*----------------------
		Section02
	-----------------------*/
	.traditional .sec02 {
		padding: 30px 5% 15px;
	}
	.traditional .sec02 ul {
		letter-spacing: -.4em;
		margin: -10px auto 0;
	}
	.traditional .sec02 li {
		font-size: 1.4rem;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
	}
	.traditional .sec02 li span {
		margin: 10px 0 15px 140px;
		display: block;
	}
	.traditional .sec02 li:nth-of-type(1) span {
		font-weight: 600;
	}
	/*----------------------
		Section03
	-----------------------*/
	.traditional .sec03 {
		padding: 15px 5% 0;
	}
	.traditional .sec03 .col {
	}
	.traditional .sec03 .col02 {
		margin: 20px 0 0 0;
	}
	.traditional .sec03 .col02 .txt {
		padding: 0;
	}
	.traditional .sec03 .col02 h4 {
		font-weight: 500;
		margin: 25px 0 15px;
	}
	.traditional .sec03 .txt01 {
		font-size: 1.5rem;
		font-weight: 500;
		color: #111;
		line-height: 1.4;
		margin: 35px 0 0;
	}
	.traditional .sec03 .btn {
		text-align: center;
		letter-spacing: normal;
		margin: 35px auto 40px;
	}
	.traditional .sec03 .btn a {
		display: inline-block;
		padding: 12px 0 15px;
		background: #171f52;
		font-size: 1.5rem;
		font-weight: 500;
		color: #fff;
		position: relative;
		width: 100%;
	}
	.traditional .sec03 .btn img {
		position: absolute;
		top: calc(50% - 6px);
		right: 20px;
		width: 22px;
	}

	/*-----------------------------------
		intimates
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.intimates .sec {
		border: none;
		margin: 0 auto 40px;
	}
	.intimates .page-ttl {
		margin-bottom: 0;
	}
	.intimates .sttl {
		font-size: 1.8rem;
		font-weight: 500;
		color: #111;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 20px;
		padding: 0 0 0 25px;
	}
	.intimates .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		position: absolute;
		top: 5px;
		left: 0;
		margin: 0 7px 0 0;
	}
	.intimates .sttl + p {
		font-size: 1.4rem;
		line-height: 1.8;
	}
	.intimates video {
		width: 100%;
		height: auto;
		margin: 15px 0 -20px;
	}
	.intimates .sttl + p + p {
		margin: 0 -6%;
	}
	.intimates .sec01 .txt01 {
		font-weight: 500;
		line-height: 1.8;
		padding: 245px 0 25px;
	}
	.intimates .sec01 .txt01 br {
		display: none;
	}
	.intimates .img {
		margin: 0 -40%;
	}
	/*----------------------
		Section01
	-----------------------*/
	.intimates .sec01 {
		background: url(../img/products/intimates/sec01_bg.jpg) no-repeat center 0 /430px;
		position: relative;
	}
	.intimates .sec01 .img01 {
		position: absolute;
		top: 15px;
		right: -2%;
		width: 150px;
	}
	.intimates .sec01 .txt01 {
		font-weight: 500;
		line-height: 1.8;
		padding: 250px 0 35px;
	}
	.intimates .sec01 .txt01 br {
		display: none;
	}
	.intimates .sec01 .txt02 {
		color: #171f52;
		line-height: 1.7;
		margin: 15px 0 20px;
	}
	/*----------------------
		Section02
	-----------------------*/
	.intimates .sec02 {
		padding: 0 5% 0;
	}
	.intimates .sec02 .ttl {
		color: #171f52;
		margin: 0 0 20px;
	}
	.intimates .sec02 .ttl .trade {
		font-size: 1.5rem
	}
	.intimates .sec02 .row {
		text-align: center;
	}
	.intimates .sec02 dl {
		display: inline-block;
		vertical-align: top;
		margin: 25px 25px -20px;
		text-align: center;
	}
	.intimates .sec02 dl dt {
		font-size: 1.4rem;
	}
	.intimates .sec02 dl:nth-of-type(2) dt {
		padding: 11px 0 0;
	}
	.intimates .sec02 dl dt span,  .intimates .sec02 dl dt strong {
		font-size: 1.6rem;
		font-weight: 500;
	}
	.intimates .sec02 dl dt strong {
		color: #1a2653;
	}
	.intimates .sec02 dl dd {
		text-align: right;
	}
	.intimates .sec02 dl dd img {
		margin: 8px auto 5px;
	}
	/*----------------------
		Section04
	-----------------------*/
	.intimates .sec04 .sttl + p {
	}
	.intimates .sec04 .col {
		margin: 5px 0 20px;
	}
	.intimates .sec04 .col01 {
		padding: 1em 0 0;
	}
	.intimates .sec04 .col dt {
		font-size: 1.8rem;
		font-weight: 500;
		color: #171f52;
		margin: 0 0 3px;
	}
	.intimates .sec04 .col dd {
		font-size: 1.4rem;
		line-height: 2;
	}
	.intimates .sec04 .col02 {
	}
	.intimates .sec04 .col02 p:nth-of-type(1) {
		font-size: 1.35rem;
		font-weight: 500;
		text-align: center;
		margin: 0 0 8px;
	}
	.intimates .sec04 .btn {
		text-align: center;
		margin: 30px auto -20px;
	}
	.intimates .sec04 .btn a {
		display: inline-block;
		width: 100%;
		padding: 11px 13% 15px;
		background: #171f52;
		font-size: 1.5rem;
		font-weight: 400;
		color: #fff;
		line-height: 1.4;
		letter-spacing: .04em;
		position: relative;
	}
	.intimates .sec04 .btn img {
		position: absolute;
		top: calc(50% - 7px);
		right: 12px;
		width: 22px;
	}
	/*----------------------
		Section05
	-----------------------*/
	.intimates .sec05 {
		background: url(../img/products/intimates/sec05_bg.jpg) repeat;
		padding: 20px 5% 0;
	}
	.intimates .sec05 .desc {
		padding: 20px 5%;
		background: url(../img/products/intimates/sec05_img01.jpg) no-repeat 50% top, url(../img/products/intimates/sec05_img01_bg.png) repeat 0 0;
	}
	.intimates .sec05 .desc .inr {
		color: #fff;
	}
	.intimates .sec05 .desc h3 {
		font-size: 2rem;
		font-weight: 300;
		letter-spacing: .02em;
		margin: 0 0 10px;
	}
	.intimates .sec05 .desc p {
		font-size: 1.3rem;
	}
	.intimates .sec05 .desc p br {
		display: none;
	}
	/**/
	.intimates .sec05 .inner {
		margin: 30px auto 0;
	}
	.intimates .sec05 .col {
		padding: 0 30px 25px;
		letter-spacing: .01em;
		background: #fff;
		margin: 0 auto 20px;
		width: 96%;
		position: relative;
		left: -5px;
	}
	.intimates .sec05 .col:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		border: rgba(55,64,102,.5) 1px solid;
		position: absolute;
		top: -6px;
		left: 6px;
	}
	.intimates .sec05 .col dt {
		font-size: 1.7rem;
		font-weight: 400;
		color: #1a2653;
		text-align: center;
		padding: 17px 0 10px;
	}
	.intimates .sec05 .col dd {
		font-size: 1.4rem;
	}
	.intimates .sec05 .txt {
		margin: 25px 0;
	}
	.intimates .sec05 ul {
		letter-spacing: -.4em;
	}
	.intimates .sec05 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin: 0 12px 15px 0;
		font-size: 1.5rem;
		text-align: center;
		line-height: 1.8;
		width: calc(50% - 6px);
	}
	.intimates .sec05 li:nth-child(even) {
		margin-right: 0;
	}

	/*-----------------------------------
		运动装
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.active .sec {
		border: none;
		margin: 0 auto 55px;
	}
	.active .page-ttl {
		margin-bottom: 0;
	}
	.active .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 14px;
	}
	.active .sttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;





		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.active .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1;
		position: relative;
		top: -2px;
		margin: 0 7px 0 0;
	}
	.active .sttl + p {
		font-size: 1.4rem;
		line-height: 2.2;
	}
	.active .txt {
		font-size: 1.4rem;
		color: #171f52;
		line-height: 2.2;
		letter-spacing: -.01em;
		margin: 0 0 20px;
	}
	/*----------------------
		Section01
	-----------------------*/
	.active .sec01 .inner {
	}
	.active .sec01 {
		background: url(../img/products/active-wear/sec01_bg.jpg) no-repeat center 0 /430px;
		position: relative;
	}
	.active .sec01 .img01 {
		position: absolute;
		top: 15px;
		right: 50%;
		width: 150px;
	}
	.active .sec01 .txt01 {
		font-weight: 500;
		line-height: 2;
		padding: 220px 0 25px;
	}
	.active .sec01 .txt01 br {
		display: none;
	}
	/*----------------------
		Section02
	-----------------------*/
	.active .sec02 {
		margin-bottom: 50px;
	}
	.active .sec02 .ttl br {
		display: none;
	}
	.active .sec02 .txt01 {
		color: #171f52;
		margin: 0 0 6px;
	}
	.active .sec02 .txt02 {
		font-size: 1.4rem;
	}
	.active .sec02 ul {
		margin: 20px 0 0;
	}
	.active .sec02 li {
		position: relative;
		font-size: 1.3rem;
		padding: 0 0 3em;
		margin: 0 0 -15px;
	}
	.active .sec02 li span {
		display: block;
		position: absolute;
		bottom: 0;
	}
	/*----------------------
		Section03
	-----------------------*/
	.active .sec03 ul {
		margin: 25px 0 0;
	}
	.active .sec03 li {
		font-size: 1.3rem;
		position: relative;
		padding: 0 0 4em;
	}
	.active .sec03 li span,  .active .sec03 li img {
		display: inline-block;
		vertical-align: middle;
		margin: 15px 0 0;
	}
	.active .sec03 li span {
		display: block;
		position: absolute;
		bottom: 0;
	}

	/*-----------------------------------
		home Wear
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.home .sec {
		border: none;
		padding: 0 5%;
	}
	.home .page-ttl {
		margin-bottom: 0;
	}
	.home .sttl {
		font-size: 2rem;
		font-weight: 400;
		color: #111;
		line-height: 1.5;
		position: relative;
		margin: 0 0 12px;
		padding: 0 0 0 25px;
	}
	.home .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		position: absolute;
		top: 5px;
		left: 0;
		margin: 0 7px 0 0;
	}
	.home .sttl span {
		display: inline-block;
		padding: 3px 5px 5px;
		background: #171f52;
		font-size: 1.3rem;
		color: #fff;
		line-height: 1;
		position: absolute;
		top: 5px;
		left: 0;
		margin: 0 7px 0 0;
	}
	.home .sttl + p {
		font-size: 1.4rem;
	}
	.home .txt {
		font-size: 1.4rem;
		color: #171f52;
		line-height: 2.2;
		letter-spacing: -.01em;
		margin: 0 0 20px;
	}
	.home .sec .col {
	}
	.home .sec .col02 {
		margin: 22px 0 0;
	}
	/*----------------------
		Section01
	-----------------------*/
	.home .sec01 {
		background: url(../img/products/home-textile/sec01_bg.jpg) no-repeat center 0 /430px;
		position: relative;
	}
	.home .sec01 .inner {
	}
	.home .sec01 .img01 {
		position: absolute;
		top: 15px;
		right: -2%;
		width: 160px;
	}
	.home .sec01 .txt01 {
		font-weight: 500;
		line-height: 2;
		padding: 235px 0 30px;
	}
	.home .sec01 .txt01 br {
		display: none;
	}
	.home .sec01 .txt02 {
		margin: 10px 0 0;
	}
	/*----------------------
		Section02
	-----------------------*/
	.home .sec02 {
		margin: 40px 0 40px;
	}
	.home .sec02 .txt01 {
		color: #171f52;
		margin: 0 0 6px;
	}
	.home .sec02 .col02 ul {
		margin: 14px 0 0;
		font-size: 1.3rem;
	}
	/*----------------------
		Section04
	-----------------------*/
	.home .sec04 {
		margin: 40px auto;
	}
	.home .sec04 ul {
		letter-spacing: -.4em;
	}
	.home .sec04 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
	}
	.home .sec04 li:last-child {
		margin: 0 0 0 60px;
	}
	/*----------------------
		Section05
	-----------------------*/
	.home .sec05 {
		margin-bottom: 40px;
	}
	.home .sec05 ul {
		letter-spacing: -.4em;
		text-align: center;
		margin: 20px 0 0;
	}
	.home .sec05 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		font-size: 1.3rem;
		width: calc(50% - 6px);
		text-align: center;
	}
	.home .sec05 li:last-child {
		margin: 0 0 0 12px;
	}
	.home .sec05 li strong,  .home .sec05 li span {
		font-size: 1.3rem;
		font-weight: 500;
		white-space: nowrap;
		display: block;
		text-align: center;
		margin: 0 0 6px;
	}
	.home .sec05 li strong {
		color: #1a2653;
	}
	.home .sec05 li img {
		margin: 0 0 5px;
	}
	/*----------------------
		Section06
	-----------------------*/
	.home .sec06 {
	}
	.home .sec06 ul {
		letter-spacing: -.4em;
		text-align: center;
		margin: 28px 0;
	}
	.home .sec06 li {
		width: calc(50% - 12px);
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		font-size: 1.4rem;
		margin: 0 12px 0 0;
	}
	.home .sec06 li:nth-child(2) {
		margin-right: 0;
	}
	.home .sec06 ul + p {
		font-size: 1.3rem;
	}
}



@media all and (min-width: 481px) {

	/*-----------------------------------
		Under Common
	------------------------------------*/
	.page-ttl {
		text-align: center;
		background: url(../img/common/page-ttl_bg.jpg) no-repeat 0 0, url(../img/common/page-ttl_bg_rp.jpg) repeat-x 0 0;
		margin: 0 0 140px;
	}
	.page-ttl .inner {
		color: #fff;
		width: 1000px;
		margin: 0 auto;
		height: 422px;
		padding: 49px 0 0;
	}
	.page-ttl h2 {
		font-size: 4rem;
		font-weight: 200;
		letter-spacing: .1em;
		margin: 0 0 18px;
	}
	.page-ttl h2 span {
		display: block;
		font-size: 2.4rem;
		letter-spacing: .3em;
		padding: 35px 0 8px;
		position: relative;
	}
	.page-ttl h2 span:before {
		content: '';
		display: block;
		width: 1px;
		height: 60px;
		position: absolute;
		top: 88px;
		left: 50%;
		background: #fff;
	}
	.page-ttl p {
		font-size: 1.8rem;
		font-weight: 200;
		line-height: 2;
		letter-spacing: .2em;
	}
	/**/
	.products .sec {
		width: 1000px;
		margin: 0 auto;
		border-bottom: #ccc 1px solid;
	}
	.products .ttl {
		font-size: 3.2rem;
		color: #171f52;
		line-height: 1.8;
		letter-spacing: .12em;
		margin: 0 0 30px 0;
	}
	.products .ttl .trade {
		font-size: 2rem;
		position: relative;
		top: -10px;
	}
	.products .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/bemberg-world/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 12px;
	}
	.products .txt01 {
		color: #171f52;
		line-height: 2;
		margin: 0 0 80px;
	}
	/* .conatact */
	.contact {
		font-size: 1.2rem;
		color: #1e2953;
		text-align: right;
		letter-spacing: .08em;
		margin: 100px auto -34px;
		width: 1000px;
	}
	.measure + .contact {
		margin-top: 45px;
	}
	.contact a {
		padding: 0 22px 0 0;
		background: url(../img/common/arrow01.png) no-repeat right center;
	}
	.measure {
		font-size: 1.2rem;
		color: #333;
		text-align: right;
		letter-spacing: .08em;
		margin: 30px auto -20px;
		width: 1000px;
	}
	/*----------------------
		Anchor
	-----------------------*/
	.anchor {
		text-align: center;
		margin: 80px 0 70px;
	}
	.anchor li {
		display: inline-block;
		font-size: 1.8rem;
		margin: 0 50px;
	}
	.anchor a {
		color: #1e2953;
		position: relative;
		padding: 8px 0 8px 18px;
	}
	.anchor a:before,  .anchor a:after {
		content: '';
		display: block;
	}
	.anchor a:before {
		width: 6px;
		height: 6px;
		border-top: #1d2088 1px solid;
		border-left: #1d2088 1px solid;
		position: absolute;
		top: 16px;
		left: 0;
		transform: rotate(225deg);
	}
	.anchor a:after {
		width: 0;
		height: 1px;
		background: #333541;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;

		transition: width .3s ease;
	}
	.anchor a:hover:after {
		width: 27px;
	}
	/*--------------------------
		Navigation
		---------------------------*/
	.cat-nav {
		width: 1000px;
		margin: 50px auto 120px;
		border: rgba(51,53,65,.2) 1px solid;
		letter-spacing: -.4em;
	}
	.cat-nav h3,  .cat-nav div {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		font-size: 1.4rem;
		text-align: center;
		padding: 30px 0 20px;
	}
	.cat-nav h3 {
		width: 200px;
		position: relative;
		top: 37px;
	}
	.cat-nav div {
		width: calc(100% - 200px);
		border-left: rgba(51,53,65,.2) 1px solid;
	}
	.cat-nav div h4,  .cat-nav div h4 + ul {
		display: inline-block;
		vertical-align: top;
	}
	.cat-nav div h4 {
		width: 84px;
		position: relative;
		top: -3px;
	}
	.cat-nav div h4 + ul {
		width: calc(100% - 120px);
	}
	.cat-nav ul {
		text-align: left;
	}
	.cat-nav ul li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.2rem;
		margin: 0 14px 0 0;
	}
	.cat-nav ul:last-of-type {
		position: relative;
		padding: 22px 0 6px 28px;
		margin: 22px 0 0;
	}
	.cat-nav ul:last-of-type:after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background: rgba(51,53,65,.2);
		position: absolute;
		top: 0;
		left: 0;
	}
	.cat-nav ul:last-of-type li {
		font-size: 1.4rem;
		margin-right: 45px;
	}
	.cat-nav a {
		display: inline-block;
		padding: 10px 6px 9px;
		position: relative;
	}
	.cat-nav h4 + ul a {
		color: rgba(30,41,83,.6);
	}
	.cat-nav h4 + ul a:hover,  .cat-nav h4 + ul a.cr {
		color: rgba(30,41,83,1);
		opacity: 1;
	}
	.cat-nav h4 + ul a.cr:after {
		display: none;
	}
	.cat-nav h4 + ul a.cr:after,  .cat-nav h4 + ul a:hover:after {
		width: 0;
	}
	.cat-nav a:after {
		content: '';
		display: block;
		width: 0;
		height: 1px;
		background: #333541;
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
		transition: width .3s ease;
	}
	.cat-nav a.cr:after,  .cat-nav a:hover:after {
		width: calc(100% - 16px);
	}

	/*-----------------------------------
		TOP
	------------------------------------*/
	/*----------------------
		Section Common
	-----------------------*/
	.top.bread-c {
		background: #1E2953;
		color: #fff;
	}
	.top.bread-c p,  .top.bread-c a {
		color: #fff;
	}
	.top .sec {
		display: table;
		width: 100%;
		height: 580px;
		color: #fff;
		position: relative;
		border: none;
	}
	.top .sec .inner {
		display: table-cell;
		vertical-align: middle;
	}
	.top .sec .box {
		width: 1000px;
		margin: 0 auto;
		position: relative;
		z-index: 100;
	}
	.top .sec .box h3 {
		font-size: 6rem;
		font-weight: 100;
		letter-spacing: .04em;
	}
	.top .sec .box h3 a {
		color: #fff;
	}
	.top .sec .box .txt {
		letter-spacing: .2em;
		font-weight: 200;
		line-height: 2;
		margin: 10px 0 26px;
	}
	/* Animation Start */
	.top .sec .box h3,
	.top .sec .box .txt,
	.top .sec .box .btn {
		transition: all .7s 1.1s ease;
		transform: translate3d(0,15px,0);
		opacity: 0;
	}
	.top .sec .inner.anime .box h3,
	.top .sec .inner.anime .box .txt,
	.top .sec .inner.anime .box .btn {
	    transform: translate3d(0,0,0);
	    opacity: 1;
	}
	.top .sec .box .txt {
		transition-delay: 1.3s;
	}
	.top .sec .box .btn {
		transition-delay: 1.5s;
	}
	/* Animation End */
	.top .sec .box .btn a {
		text-align: left;
		font-size: 1.2rem;
		letter-spacing: .12em;
		display: inline-block;
		padding: 8px 0 12px;
		position: relative;
		width: 104px;
		color: #fff;
		transition: all .6s ease;
	}
	.top .sec .box .btn a:after {
		content: '';
		display: block;
		width: 100%;
		height: 20px;
		background: url(../img/products/top/arrow_pc.png) no-repeat right 0;
		position: absolute;
		bottom: -8px;
		left: 0px;
		transition: width .3s ease;
	}
	.top .sec .box .btn a:hover:after {
		width: calc(100% + 10px);
	}
	.top .sec.blk {
		color: #000;
	}
	.top .sec.blk .box .btn a {
		color: #000;
	}
	.top .sec.blk .box .btn a:after {
		background: url(../img/products/top/arrow02_pc.png) no-repeat right 0;
	}
	.top .sec .mask {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transition: clip 1.2s cubic-bezier(0.88, 0.01, 0.25, 1);
	}
	/*----------------------
		Section01
	-----------------------*/
	.top .sec01 {
		width: 100%;
		min-width: 1000px;
		display: table;
		background: url(../img/products/top/sec01_bg.jpg) no-repeat center 0 /cover;
		text-align: center;
		color: #fff;
		height: 100vh;
		min-height: 700px;
		max-height: 1054px;
	}
	.top .sec01 .inner {
		display: table-cell;
		vertical-align: middle;
	}
	.top .sec01 h2 {
		font-size: 6.7rem;
		font-weight: 200;
		letter-spacing: .5em;
	}
	.top .sec01 h3 {
		font-size: 2.4rem;
		font-weight: 300;
		letter-spacing: .1em;
		margin: 50px 0 25px;
	}
	.top .sec01 p {
		font-size: 1.8rem;
		line-height: 2.2;
		letter-spacing: .02em;
	}
	/*----------------------
		Section02
	-----------------------*/
	.top .sec02 {
		background: url(../img/products/top/sec02_bg.jpg) no-repeat center 0 /cover;
	}
	.top .sec02 .mask {
		background: url(../img/products/top/sec02_clr_bg.jpg) no-repeat center 0 /cover;
		clip: rect(0 185vw 100vh 100vw);
	}
	.top .sec02 .mask.anime {
		clip: rect(0 85vw 100vh 50vw);
	}
	/*----------------------
		Section03
	-----------------------*/
	.top .sec03 {
		background: url(../img/products/top/sec03_bg.jpg) no-repeat center 0 /cover;
	}
	.top .sec03 .box {
		padding: 140px 0 0 570px;
	}
	.top .sec03 .box h3 a {
		color: inherit;
	}
	.top .sec03 .mask {
		background: url(../img/products/top/sec03_clr_bg.jpg) no-repeat center 0 /cover;
		clip: rect(0 0 100vh -63vw);
	}
	.top .sec03 .mask.anime {
		clip: rect(0 50vw 200vh 13vw);
	}
	/*----------------------
		Section04
	-----------------------*/
	.top .sec04 {
		background: url(../img/products/top/sec04_bg.jpg) no-repeat center 0 /cover;
	}
	.top .sec04 .box h3 a {
		color: inherit;
	}
	.top .sec04 .mask {
		background: url(../img/products/top/sec04_clr_bg.jpg) no-repeat center 0 /cover;
		clip: rect(0 136vw 200vh 100vw);
	}
	.top .sec04 .mask.anime {
		clip: rect(0 86vw 200vh 50vw);
	}
	/*----------------------
		Section05
	-----------------------*/
	.top .sec05 {
		background: url(../img/products/top/sec05_bg.jpg) no-repeat center 0 /cover;
	}
	.top .sec05 .box {
		padding: 100px 0 0 600px;
	}
	.top .sec05 .box h3 a {
		color: inherit;
	}
	.top .sec05 .mask {
		background: url(../img/products/top/sec05_clr_bg.jpg) no-repeat center 0 /cover;
		clip: rect(0 0 200vh -36vw);
	}
	.top .sec05 .mask.anime {
		clip: rect(0 50vw 200vh 14vw);
	}
	/*----------------------
		Section06
	-----------------------*/
	.top .sec06 {
		background: url(../img/products/top/sec06_bg.jpg) no-repeat center 0 /cover;
	}
	.top .sec06 .mask {
		background: url(../img/products/top/sec06_clr_bg.jpg) no-repeat center 0 /cover;
		clip: rect(0 135vw 200vh 100vw);
	}
	.top .sec06 .mask.anime {
		clip: rect(0 85vw 200vh 50vw);
	}
	/*----------------------
		Section07
	-----------------------*/
	.top .sec07 {
		background: url(../img/products/top/sec07_bg.jpg) no-repeat center 0 /cover;
	}
	.top .sec07 .box {
		padding: 100px 0 0 570px;
	}
	.top .sec07 .mask {
		background: url(../img/products/top/sec07_clr_bg.jpg) no-repeat center 0 /cover;
		clip: rect(0 0 200vh -35vw);
	}
	.top .sec07 .mask.anime {
		clip: rect(0 50vw 200vh 15vw);
	}

	/*-----------------------------------
		里布 TOP
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.lining .page-ttl {
		margin-bottom: 0;
	}
	.lining .sec {
		border: none;
	}

	/*----------------------
		Section01
	-----------------------*/
	/* Animaton Start */
	.lining .sec01 .img01 {
		opacity: 0;
		transform: translate3d(0,30px,0);
		transition: all 1s 1s ease;
	}
	.lining .sec01 .img01.anime {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	/* Animaton End */
	.lining .sec01 {
		width: 100%;
		min-width: 1000px;
		height: 670px;
		background: url(../img/products/lining/top/sec01_bg.jpg) no-repeat center 0;
		padding: 870px 0 0;
		position: relative;
		margin: 0 auto 120px;
	}
	.lining .sec01 .inner {
		width: 1000px;
		margin: 0 auto;
	}
	.lining .sec01 .img01 {
		position: absolute;
		top: 30px;
		left: calc(50% - 550px);
	}
	.lining .sec01 .txt01 {
		font-size: 1.7rem;
		line-height: 2.4;
	}
	/*----------------------
		Section02
	-----------------------*/
	.lining .sec02 {
		padding: 100px 0 0;
	}
	.lining .sec02 h3 {
		text-align: center;
	}
	.lining .sec02 h3 span {
		font-size: 3.2rem;
		color: #1e2953;
		line-height: 1.4;
		display: inline-block;
		padding: 0 30px 20px;
		border-bottom: #1F2A52 2px solid;
		margin: 0 0 30px;
	}
	.lining .sec02 .txt {
		font-size: 2rem;
		line-height: 2;
		text-align: center;
		position: relative;
		margin: 0 auto 85px;
	}
	.lining .sec02 .txt img {
		position: absolute;
	}
	.lining .sec02 .txt .img01 {
		top: 50px;
		left: 120px;
	}
	.lining .sec02 .txt .img02 {
		top: -80px;
		right: 0;
	}
	.lining .sec02 ul {
		letter-spacing: -.4em;
		text-align: center;
		margin: 0 auto 60px;
	}
	.lining .sec02 li {
		display: inline-block;
		vertical-align: top;
		font-weight: 400;
		letter-spacing: .05em;
		margin: 0 18px 50px 0;
	}
	.lining .sec02 li:last-child {
		margin: 0;
	}
	.lining .sec02 li a {
		color: #171f52;
	}
	.lining .sec02 li img {
		margin: 0 0 15px;
	}

	/*-----------------------------------
		特长（里布）
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.feature02 .page-ttl {
		margin-bottom: 120px;
	}
	.feature02 .sec {
		width: 1000px;
		margin: 0 auto;
		border-bottom: none;
		padding: 0 0 80px;
	}
	.feature02 .ttl {
		font-size: 3.2rem;
		color: #171f52;
		letter-spacing: .12em;
		margin: 0 0 40px;
	}
	.feature02 .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/products/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 24px;
	}
	.feature02 .txt {
		color: #171f52;
		line-height: 2;
		margin: 0 0 80px;
	}
	.feature02 .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		position: relative;
		margin: 0 0 14px;
	}
	.feature02 .sttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.feature02 .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1;
		position: relative;
		top: -2px;
		margin: 0 7px 0 0;
	}
	.feature02 .sttl + p {
		font-size: 1.4rem;
		line-height: 2;
	}
	.feature02 .box {
		font-size: 1.4rem;
		padding: 0 0 0 38px;
	}
	.feature02 .sec .col {
		display: inline-block;
		vertical-align: top;
		width: 475px;
		margin-top: 60px;
	}
	.feature02 .sec .col video {
		margin: -2px 0 0;
	}
	.feature02 .sec .col p {
		margin: 0 0 10px;
		line-height: 2;
	}
	.feature02 .sec .col dd span {
		display: block;
		padding: 15px 0 0 50px;
		margin: 0 0 0 1em;
		text-indent: -1em;
	}
	/*----------------------
		Section01
	-----------------------*/
	.feature02 .sec01 {
		margin: 0 auto 0;
	}
  .feature02 .sec01 .col01 dt {
      font-size: 1.5rem;
      font-weight: 600;
      margin: 0 0 25px 4em;
  }
	/*----------------------
		Section02
	-----------------------*/
	.feature02 .sec02 .col01 p {
		width: 384px;
	}

	/*----------------------
		Section03
	-----------------------*/
	.feature02 .sec03 dt {
		font-size: 1.6rem;
		font-weight: 500;
		text-indent: 8em;
		margin: 0 0 14px;
	}
	/*----------------------
		Section04
	-----------------------*/
	.feature02 .sec04 ul {
		text-align: center;
		letter-spacing: -.4em;
		margin: 50px auto 0;
	}
	.feature02 .sec04 li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.6rem;




		font-weight: 500;
		letter-spacing: normal;
		text-align: center;
		line-height: 3.4;
		margin: 0 16px 0 0;
	}
	.feature02 .sec04 li:last-child {
		margin: 0;
	}

	/*-----------------------------------
		里布的小贴士
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.tips .page-ttl {
		margin-bottom: 120px;
	}
	.tips .sec {
		width: 1000px;
		margin: 0 auto;
		border-bottom: none;
		padding: 0 0 130px;
	}
	.tips .ttl {
		font-size: 3.2rem;
		color: #171f52;
		letter-spacing: .12em;
		margin: 0 0 40px;
	}
	.tips .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/products/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 24px;
	}
	.tips .txt {
		color: #171f52;
		line-height: 2;
		margin: 0 0 80px;
	}
	.tips .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		position: relative;
		margin: 0 0 14px;
	}
	.tips .sttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.tips .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1;
		position: relative;
		top: -2px;
		margin: 0 7px 0 0;
	}
	.tips .sttl + p {
		font-size: 1.4rem;
		line-height: 2;
	}
	.tips .box {
		font-size: 1.4rem;
		padding: 0 0 0 38px;
	}
	.tips .sec .col {
		display: inline-block;
		vertical-align: top;
		width: 475px;
		margin-top: 60px;
	}
	.tips .sec .col p {
		margin: 0 0 10px;
		line-height: 2;
	}
	.tips .sec dl {
		margin: 60px auto 0;
	}
	.tips .sec dt {
		margin: 0 0 30px;
	}
	.tips .sec dd {
		text-align: center;
	}
	.tips .sec .dd02 {
		position: relative;
		left: -80px;
		margin-top: 60px;
	}
	.tips .sec h4:before,  .tips .sec dt:before {
		content: '';
		display: inline-block;
		width: 10px;
		height: 10px;
		margin: 0 5px 0 0;
		background: #171f52;
	}
	/*----------------------
		Section01
	-----------------------*/
	.tips .sec01 {
		margin: 0 auto 0;
	}
	/*----------------------
		Section02
	-----------------------*/
	.tips .sec02 .tbl-wrap {
		margin: 50px 0 0;
	}
	.tips .sec02 .tbl-wrap h4 {
		margin: 0 0 30px;
	}
	.tips .sec02 .tbl-wrap .clone {
		display: none;
	}
	.tips .sec02 table {
		font-size: 1.6rem;
		font-weight: 600;
		text-align: center;
	}
	.tips .sec02 th,  .tips .sec02 td {
		text-align: center;
		padding: 4px 4px;
	}
	/*----------------------
		Section03
	-----------------------*/
	.tips .sec03 {
		padding: 0 0 70px;
	}
	/*----------------------
		Section04
	-----------------------*/
	.tips .sec04 ul {
		text-align: center;
		letter-spacing: -.4em;
		margin: 50px auto 0;
	}
	.tips .sec04 li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.6rem;
		font-weight: 500;
		letter-spacing: normal;
		text-align: center;
		line-height: 2.5;
		margin: 0 18px 0 0;
	}
	.tips .sec04 li:last-child {
		margin: 0;
	}

	/*-----------------------------------
		与其他素材之不同
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.difference .page-ttl {
		margin-bottom: 120px;
	}
	.difference .sec {
		width: 1000px;
		margin: 0 auto;
		border-bottom: #ccc 1px solid;
		padding: 90px 0 30px;
	}
	.difference .ttl {
		font-size: 3.2rem;
		color: #171f52;
		letter-spacing: .12em;
		margin: 0 0 10px;
	}
	.difference .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/products/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 24px;
	}
	.difference .txt {
		color: #171f52;
		line-height: 2;
		margin: 0 0 80px;
	}
	.difference .sttl {

		font-size: 2rem;
		font-weight: 500;
		color: #111;
		position: relative;
		margin: 0 0 14px;
	}
	.difference .sttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.difference .sttl + p {
		font-size: 1.4rem;
		line-height: 2;
	}
	.difference .box {
		padding: 0 0 40px 38px;
	}
	.difference .sec .box ul {
		text-align: center;
		letter-spacing: -.4em;
		margin: 50px auto 0;
	}
	.difference .sec .box li {
		display: inline-block;
		vertical-align: top;
		font-size: 1.4rem;
		letter-spacing: normal;
		text-align: left;
		margin: 0 50px;
	}
	.difference .sec .box li img {
		margin: 22px 0 0 8px;
	}
	.difference .sec .box li span {
		display: block;
		text-align: right;
		margin: 5px 0px 0 0;
	}
	/*----------------------
		Section01
	-----------------------*/
	.difference .sec01 {
		margin: 0 auto 0;
		padding: 0 0 30px;
	}
	/*----------------------
		Section02
	-----------------------*/
	.difference .sec02 {
	}
	/*----------------------
		Section03
	-----------------------*/
	.difference .sec03 {
	}
	/*----------------------
		Section04
	-----------------------*/
	.difference .sec04 {
		border: none;
		margin-bottom: -60px;
	}

	/*-----------------------------------
		里布的种类
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.type .page-ttl {
		margin-bottom: 120px;
	}
	.type .sec {
		width: 1000px;
		margin: 0 auto;
		border-bottom: none;
		padding: 0 0 130px;
	}
	.type .ttl {
		font-size: 3.2rem;
		color: #171f52;
		letter-spacing: .12em;
		margin: 0 0 40px;
	}
	.type .ttl span {
		font-size: 1.8rem;
		font-weight: 200;
		color: #fff;
		line-height: 1;
		letter-spacing: .1em;
		display: inline-block;
		background: #171f52 url(../img/products/common/ttl_bg.png) repeat-y 0 0;
		padding: 5px 12px 7px 23px;
		margin: 0 0 24px;
	}
	.type .sttl {
		font-size: 3rem;
		font-weight: 400;
		color: #fff;
		text-align: center;
		line-height: 300px;
		width: 1000px;
		height: 300px;
	}
	.type h5 {
		font-size: 2rem;
		font-weight: 500;
		color: #1f2a52;
		margin: 50px 0 15px;
	}
	.type .sec [class^="box"] ul {
		margin: 75px auto 0;
		overflow: hidden;
		padding: 1px 0 0 1px;
	}
	.type .sec [class^="box"] li {
		float: left;
		border: #1A2653 1px solid;
		margin: -1px 0 0 -1px;
		text-align: center;
		width: 250px;
		padding: 25px 0;
		background: #fff;
	}
	.type .clone {
		display: none;
	}
	.type .flick {
		display: none;
	}
	.type table {
		width: 100%;
	}
	.type thead {
		background: #1A2653;
		color: #fff;
	}
	.type th,  .type td {
		font-size: 1.4rem;
		text-align: center;
		padding: 6px 5px 7px;
	}
	.type thead th,  .type thead td {
		border: #fff 1px solid;
	}
	.type tbody th,  .type tbody td {
		border: #D2D4DD 1px solid;
	}
	.type thead th,  .type tbody th {
		font-size: 1.5rem;
		font-weight: 500;
	}
	.type tbody th {
		color: #1A2653;
	}
	.type thead th:nth-of-type(1) {
		width: 200px;
	}
	.type thead th:nth-of-type(2) {
		width: 200px;
	}
	.type thead th:nth-of-type(3) {
		width: 170px;
	}
	.type thead th:nth-of-type(4) {
		width: 170px;
	}
	.type thead th:nth-of-type(5) {
		width: 300px;
	}
	.type tbody tr:nth-of-type(even) td {
		background: #F3F4F6;
	}
	/*----------------------
		Section01
	-----------------------*/
	.type .sec01 .sttl {
		background: url(../img/products/lining/type/sec01_img01.jpg) no-repeat 0 0;
	}
	/*----------------------
		Section02
	-----------------------*/
	.type .sec02 {
		padding: 0
	}
	.type .sec02 .sttl {
		background: url(../img/products/lining/type/sec02_img01.jpg) no-repeat 0 0;
	}
	.type .sec02 .txt01 {
		padding: 65px 0 20px;
		margin: 0;
		color: #333;
	}
	.type .sec02 .btn a {
		display: inline-block;
		padding: 20px 20px 25px;
		width: 490px;
		font-size: 2rem;
		color: #fff;
		text-align: center;
		letter-spacing: .05em;
		background: #171f52;
		position: relative;

	}
	.type .sec02 .btn a:after {
		display: none;
	}
	.type .sec02 .btn img {
		position: absolute;
		top: calc(50% - 7px);
		right: 20px;
	}


	/*-----------------------------------
		产地介绍
	------------------------------------*/
	/*----------------------
	Common
	-----------------------*/
	.area .sec .box {
		position: relative;
		padding: 32px 0 50px 220px;
	}
	.area .sec .box:after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 22px;
		background: url(../img/products/lining/production-area/line.png) no-repeat center 0;
	}
	.area .sec .box h4 {
		font-size: 3.2rem;
		margin: 0 0 5px;
	}
	.area .sec .box h4 img {
		position: absolute;
		top: 0;
		left: 0;
	}
	.area .sec .box h4 + p {
		line-height: 2;
	}
	.area .sec .box .btn {
		text-align: right;
		margin: 70px 0 0;
	}
	.area .sec .box .btn a {
		font-size: 2rem;
		color: #fff;
		text-align: center;
		display: inline-block;
		padding: 16px 0 20px;
		background: #171f52;
		width: 300px;
		position: relative;
	}
	.area .sec .box .btn a:hover {
		opacity: 1;
	}
	.area .sec .box .btn a:after {
		content: '';
		display: block;
		width: 24px;
		height: 9px;
		background: url(../img/products/lining/production-area/btn_arrow.svg) no-repeat 0 0;
		position: absolute;
		top: calc(50% - 8px);
		right: 20px;
		transition: all .3s ease;
	}
	.area .sec .box .btn a:hover:after {
		right: 15px;
	}
	/* ul */
	.area .sec ul {
		margin: 60px auto 0;
		letter-spacing: -.4em;
	}
	.area .sec li {
		display: inline-block;
		vertical-align: top;
		width: 310px;
		margin: 0 34px 34px 0;
	}
	.area .sec li:nth-child(3n) {
		margin: 0 0 34px 0;
	}
	.area .sec dl {
		margin: 0 0 120px;
	}
	.area .sec dt {
		display: inline-block;
		position: relative;
		letter-spacing: .1em;
		font-size: 2rem;
		font-weight: 600;
	}
	.area .sec dt:after {
		content: '';
		display: block;
		width: 83%;
		height: 1.3em;
		padding: 0 4px;
		background: #171f52;
		transform: skew(-25deg);
		position: absolute;
		top: 7px;
		left: 1.3em;
	}
	.area .sec dt span {
		display: inline-block;
		position: relative;
		z-index: 10;
		font-size: 1.6rem;
		font-weight: 300;
		color: #fff;
		margin: 0 0 0 1.1em;
	}
	.area .sec dd {
		font-size: 1.4rem;
		color: #1a2653;
		line-height: 2;
		padding: 8px 0 0 20px;
	}
	/*----------------------
		Section01
	-----------------------*/
	.area .sec01 {
		border: none;
	}


	/*-----------------------------------
		Apparel Textitle
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.apparel .sec {
		border: none;
	}
	.apparel .page-ttl {
		margin-bottom: 0;
	}
	.apparel .ttl {
		font-size: 3.2rem;
		font-weight: 400;
		margin: 0 0 35px;
	}
	.apparel .txt {
		color: #171f52;
		line-height: 2.2;
	}
	.apparel .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		border-bottom: #374066 1px solid;
		padding: 0 0 10px;
		margin: 0 0 50px;
	}
	/*----------------------
		Section01
	-----------------------*/
	/* Animaton Start */
	.apparel .sec01 .img01 {
		opacity: 0;
		transform: translate3d(0,30px,0);
		transition: all 1s 1s ease;
	}
	.apparel .sec01 .img01.anime {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	/* Animaton End */

	.apparel .sec01 {
		width: 100%;
		min-width: 1000px;
		background: url(../img/products/apprel-textiles/sec01_bg.jpg) no-repeat center 0;
		padding: 890px 0 0;
		position: relative;
	}
	.apparel .sec01 .inner {
		width: 1000px;
		margin: 0 auto;
	}
	.apparel .sec01 .img01 {
		position: absolute;
		top: 30px;
		left: 50%;
	}
	.apparel .sec01 .txt01 {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 2.3;
		letter-spacing: .02em;
	}
	/*----------------------
		Section02
	-----------------------*/
	.apparel .sec02 {
		margin: 120px auto 120px;
	}
	.apparel .sec02 .img {
		margin: 130px auto 0;
		text-align: center;
	}
	/*----------------------
		Section03
	-----------------------*/
	.apparel .sec03 {
		margin-bottom: 110px;
	}
	.apparel .sec03 .box {
		letter-spacing: -.4em;
		margin: 0 auto 80px;
	}
	.apparel .sec03 .box .col01,
	.apparel .sec03 .box .col02 {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
	}
	.apparel .sec03 .box .col01 {
		width: 570px;
	}
	.apparel .sec03 .box .col02 {
		width: 410px;
		margin: 0 0 0 20px;
	}
	.apparel .sec03 .box .col02 p:nth-of-type(1) {
		font-size: 1.4rem;
		line-height: 2;
		margin: -2px 0 31px;
	}
	/*----------------------
		Section04
	-----------------------*/
	.apparel .sec04 {
		margin-bottom: 110px;
	}
	.apparel .sec04 .box {
		letter-spacing: -.4em;
		margin: 0 auto 60px;
	}
	.apparel .sec04 .box .col01,
	.apparel .sec04 .box .col02 {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
	}
	.apparel .sec04 .box .col01 {
		width: 570px;
	}
	.apparel .sec04 .box .col02 {
		width: 410px;
		margin: 0 0 0 20px;
	}
	.apparel .sec04 .box .col02 p:nth-of-type(1) {
		font-size: 1.4rem;
		letter-spacing: -.04em;
		line-height: 1.9;
		margin: -2px 0 38px;
	}
	.apparel .sec04 .box01 .col02 p:nth-of-type(1),
	.apparel .sec04 .box04 .col02 p:nth-of-type(1) {
		margin-bottom: 11px;
	}
	/*----------------------
		Section05
	-----------------------*/
  .apparel .sec05 {
    margin: 110px auto 110px;
  }

	.apparel .sec05 .sttl02 {
    	text-align: center;
		font-size: 2rem;
		font-weight: 700;
		color: #111;
		margin: 0 0 23px;
	}
	.apparel .sec05 .sttl02 + p {
		font-size: 1.4rem;
	}
	/* .box */
	.apparel .sec05 .box {
		padding: 60px 0 0 60px;
	}
	.apparel .sec05 .box h5 {
		font-size: 1.6rem;
		font-weight: 500;
		background: #f2f2f2;
		border-radius: 50%;
		display: inline-block;
		width: 150px;
		height: 150px;
		line-height: 150px;
		text-align: center;
		position: relative;
		margin: 0 0 -43px;
	}
	.apparel .sec05 .box h6,  .apparel .sec05 .box h6 + p {
		padding: 0 0 0 95px;
	}
	.apparel .sec05 .box h5:before {
		content: '';
		display: block;
		width: 1px;
		height: 175px;
		background: #B3B6C3;
		position: absolute;
		top: 105px;
		left: 54px;
	}
	.apparel .sec05 .box h6 {
		font-size: 1.8rem;
		font-weight: 400;
		color: #1f2a52;
		position: relative;
		z-index: 10;
		margin: 0 0 10px;
	}
	.apparel .sec05 .box h6 + p {
		font-size: 1.4rem;
		line-height: 3;
	  /*letter-spacing: -0.1em;*/
		width: 590px;
	}
	/* .box01 */
	.apparel .sec05 .box01 {
		background: url(../img/products/apprel-textiles/sec05_img01.png) no-repeat 300px 0;
		min-height: 700px;
		margin: 0 0 -90px;
	}
	/* .box02 */
	.apparel .sec05 .box02 {
		background: url(../img/products/apprel-textiles/sec05_img02.png) no-repeat 0 bottom;
		min-height: 780px;
	}

	.apparel .sec05 .box02 h6 + p {
		width: 700px;
	}

	/*-----------------------------------
		民族服装
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.traditional .sec {
		border: none;
	}
	.traditional .page-ttl {
		margin-bottom: 0;
	}
	.traditional .ttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 14px;
	}
	.traditional .ttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.traditional .txt {
		font-size: 1.4rem;
		color: #171f52;
		line-height: 2.2;
		letter-spacing: -.01em;
		margin: 0 0 20px;
	}
	.traditional .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		border-bottom: #374066 1px solid;
		padding: 0 0 10px;
		margin: 0 0 50px;
	}
	/*----------------------
		Section01
	-----------------------*/
	/* Animaton Start */
	.traditional .sec01 .img01 {
		opacity: 0;
		transform: translate3d(0,30px,0);
		transition: all 1s 1s ease;
	}
	.traditional .sec01 .img01.anime {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	/* Animaton End */

	.traditional .sec01 {
		width: 100%;
		min-width: 1000px;
		background: url(../img/products/traditional-wear/sec01_bg.jpg) no-repeat center 0;
		padding: 890px 0 0;
		position: relative;
	}
	.traditional .sec01 .inner {
		width: 1000px;
		margin: 0 auto;
	}
	.traditional .sec01 .img01 {
		position: absolute;
		top: 30px;
		left: calc(50% - 550px);
	}
	.traditional .sec01 .txt01 {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 2.3;
	}
	/*----------------------
		Section02
	-----------------------*/
	.traditional .sec02 {
		padding: 80px 0 40px 38px;
	}
	.traditional .sec02 ul {
		letter-spacing: -.4em;
		margin: 80px auto 0;
	}
	.traditional .sec02 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
	}
	.traditional .sec02 li:first-child span {
		margin: 0 0 0 220px;
		font-weight: 600;
	}
	.traditional .sec02 li:last-child span {
		margin: 0 0 0 100px;
	}
	.traditional .sec02 li:nth-child(2) {
		margin: 0 0 0 40px;
	}
	/*----------------------
		Section03
	-----------------------*/
	.traditional .sec03 {
		padding: 80px 0 40px 38px;
		letter-spacing: -.4em;
	}
	.traditional .sec03 .col {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		width: 46%;
	}
	.traditional .sec03 .col02 {
		margin: 0 0 0 50px;
		width: 44%;
	}
	.traditional .sec03 .col02 h4 {
		font-weight: 500;
		margin: 20px 0 15px;
	}
	.traditional .sec03 .txt01 {
		font-size: 2rem;
		font-weight: 400;
		color: #111;
		letter-spacing: .02em;
		margin: 110px 0 0;
	}
	.traditional .sec03 .btn {
		text-align: center;
		letter-spacing: normal;
		margin: 80px auto 100px;
	}
	.traditional .sec03 .btn a {
		display: inline-block;
		width: 490px;
		padding: 21px 0 25px;
		background: #171f52;
		font-size: 2rem;
		font-weight: 500;
		letter-spacing: .08em;
		color: #fff;
		position: relative;
	}
	.traditional .sec03 .btn img {
		position: absolute;
		top: calc(50% - 7px);
		right: 20px;
	}

	/*-----------------------------------
		intimates
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.intimates .sec {
		border: none;
		margin: 0 auto 55px;
	}
	.intimates .page-ttl {
		margin-bottom: 0;
	}
	.intimates .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 14px;
	}
	.intimates .sttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.intimates .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1;
		position: relative;
		top: -2px;
		margin: 0 7px 0 0;
	}
	.intimates .sttl + p {
		font-size: 1.4rem;
		line-height: 2.2;
	}
	.intimates video {
		margin: 45px auto 0;
		display: block;
	}
	.intimates .txt {
		font-size: 1.4rem;
		color: #171f52;
		line-height: 2.2;
		letter-spacing: -.01em;
		margin: 0 0 20px;
	}
	/*----------------------
		Section01
	-----------------------*/
	/* Animaton Start */
	.intimates .sec01 .img01 {
		opacity: 0;
		transform: translate3d(0,30px,0);
		transition: all 1s 1s ease;
	}
	.intimates .sec01 .img01.anime {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	/* Animaton End */

	.intimates .sec01 {
		width: 100%;
		min-width: 1000px;
		background: url(../img/products/intimates/sec01_bg.jpg) no-repeat center 0;
		padding: 890px 0 0;
		position: relative;
	}
	.intimates .sec01 .inner {
		width: 1000px;
		margin: 0 auto;
	}
	.intimates .sec01 .img01 {
		position: absolute;
		top: 30px;
		left: 50%;
	}
	.intimates .sec01 .txt01 {
		color: #171f52;
		line-height: 2.4;
		letter-spacing: .01em;
		margin: 28px 0 70px;
		font-size: 1.8rem;
		font-weight: 500;
	}
	.intimates .sec01 .txt02 {
		color: #171f52;
		line-height: 2.4;
		margin: 28px 0 70px;
	}
	/*----------------------
		Section02
	-----------------------*/
	.intimates .sec02 {
		padding: 80px 0 40px 38px;
	}
	.intimates .sec02 .row {
		text-align: center;
	}
	.intimates .sec02 dl {
		display: inline-block;
		vertical-align: top;
		margin: 100px 25px 0;
		text-align: center;
	}
	.intimates .sec02 dl dt {
		font-size: 1.4rem;
	}
	.intimates .sec02 dl:nth-of-type(2) dt {
		padding: 11px 0;
	}
	.intimates .sec02 dl dt span,  .intimates .sec02 dl dt strong {
		font-size: 1.6rem;
		font-weight: 500;
	}
	.intimates .sec02 dl dt strong {
		color: #1a2653;
	}
	.intimates .sec02 dl dd {
		text-align: right;
	}
	.intimates .sec02 dl dd img {
		margin: 12px auto 5px;
	}
	/*----------------------
		Section04
	-----------------------*/
	.intimates .sec04 .sttl + p {
		margin-bottom: 65px;
	}
	.intimates .sec04 .col {
		display: inline-block;
		vertical-align: top;
		width: 48%;
		margin: 0 0 290px;
	}
	.intimates .sec04 .col01 {
		padding: 1.8em 0 0;
	}
	.intimates .sec04 .col dt {
		font-size: 2rem;
		font-weight: 500;
		color: #171f52;
		margin: 0 0 3px;
	}
	.intimates .sec04 .col dd {
		font-size: 1.4rem;
		line-height: 2;
	}
	.intimates .sec04 .col02 {
		margin: 0 0 0 35px;
	}
	.intimates .sec04 .col02 p:nth-of-type(1) {
		font-weight: 500;
		text-align: center;
		margin: 0 0 13px;
	}
	.intimates .sec04 .btn {
		text-align: center;
		margin: 30px auto 70px;
	}
	.intimates .sec04 .btn a {
		display: inline-block;
		width: 490px;
		padding: 21px 0 25px;
		background: #171f52;
		font-size: 2rem;
		font-weight: 400;
		color: #fff;
		letter-spacing: .04em;
		position: relative;
	}
	.intimates .sec04 .btn img {
		position: absolute;
		top: calc(50% - 7px);
		right: 20px;
	}
	/*----------------------
		Section05
	-----------------------*/
	.intimates .sec05 {
		width: 100%;
		background: url(../img/products/intimates/sec05_bg.jpg) repeat;
		padding: 55px 0 0;
	}
	.intimates .sec05 .desc {
		width: 100%;
		background: url(../img/products/intimates/sec05_img01.jpg) no-repeat 50% top, url(../img/products/intimates/sec05_img01_bg.png) repeat 0 0;
		height: 203px;
	}
	.intimates .sec05 .desc .inr {
		width: 1000px;
		margin: 0 auto;
		color: #fff;
		padding: 34px 0 30px 210px;
	}
	.intimates .sec05 .desc h3 {
		font-size: 3.2rem;
		font-weight: 300;
		letter-spacing: .16em;
		margin: 0 0 10px;
	}
	.intimates .sec05 .desc h3 .trade {
		font-size: 2rem;
		position: relative;
		top: -10px;
	}
	.intimates .sec05 .desc p {
		line-height: 2.1;
		letter-spacing: .04em;
	}
	/**/
	.intimates .sec05 .inner {
		width: 1000px;
		margin: 85px auto 0;
	}
	.intimates .sec05 .col {
		display: inline-block;
		vertical-align: top;
		width: 478px;
		min-height: 170px;
		padding: 0 53px;
		letter-spacing: .01em;
		background: #fff;
		margin: 0 38px 40px 0;
		position: relative;
	}
	.intimates .sec05 .col:nth-of-type(even) {
		margin-right: 0;
	}
	.intimates .sec05 .col:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		border: rgba(55,64,102,.5) 1px solid;
		position: absolute;
		top: -10px;
		left: 10px;
	}
	.intimates .sec05 .col dt {
		font-size: 2rem;
		font-weight: 400;
		color: #1a2653;
		text-align: center;
		padding: 30px 0 10px;
	}
	.intimates .sec05 .col dd {
		line-height: 2;
	}
	.intimates .sec05 .txt {
		font-size: 1.8rem;
		color: #333;
		letter-spacing: .002em;
		margin: 20px 0 30px;
	}
	.intimates .sec05 ul {
		letter-spacing: -.4em;
	}
	.intimates .sec05 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		margin: 0 26px 30px 0;
		font-size: 1.8rem;
		text-align: center;
		line-height: 3.5;
	}
	.intimates .sec05 li:last-child {
		margin-right: 0;
	}

	/*-----------------------------------
		运动装
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.active .sec {
		border: none;
		margin: 0 auto 55px;
	}
	.active .page-ttl {
		margin-bottom: 0;
	}
	.active .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 14px;
	}
	.active .sttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.active .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1;
		position: relative;
		top: -2px;
		margin: 0 7px 0 0;
	}
	.active .sttl + p {
		font-size: 1.4rem;
		line-height: 2.2;
	}
	.active .txt {
		font-size: 1.4rem;
		color: #171f52;
		line-height: 2.2;
		letter-spacing: -.01em;
		margin: 0 0 20px;
	}
	/*----------------------
		Section01
	-----------------------*/
	/* Animaton Start */
	.active .sec01 .img01 {
		opacity: 0;
		transform: translate3d(0,30px,0);
		transition: all 1s 1s ease;
	}
	.active .sec01 .img01.anime {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	/* Animaton End */

	.active .sec01 {
		width: 100%;
		min-width: 1000px;
		background: url(../img/products/active-wear/sec01_bg.jpg) no-repeat center 0;
		padding: 890px 0 0;
		position: relative;
	}
	.active .sec01 .inner {
		width: 1000px;
		margin: 0 auto;
	}
	.active .sec01 .img01 {
		position: absolute;
		top: 30px;
		left: calc(50% - 550px);
	}
	.active .sec01 .txt01 {
		color: #171f52;
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 2.3;
		margin: 0 0 60px;
	}
	/*----------------------
		Section02
	-----------------------*/
	.active .sec02 {
		margin-bottom: 120px;
	}
	.active .sec02 .txt01 {
		color: #171f52;
		margin: 0 0 6px;
	}
	.active .sec02 .txt02 {
		font-size: 1.4rem;
	}
	.active .sec02 ul {
		letter-spacing: -.4em;
		margin: 80px 0 0;
	}
	.active .sec02 li {
		width: 48%;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		font-size: 2rem;
	}
	.active .sec02 li:last-child {
		margin: 0 0 0 40px;
	}
	.active .sec02 li span {
		display: inline-block;
		min-height: 3.3em;
		margin: 0 0 30px;
	}
	/*----------------------
		Section03
	-----------------------*/
	.active .sec03 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		font-size: 2rem;
	}
	.active .sec03 li span,  .active .sec03 li img {
		display: inline-block;
		vertical-align: middle;
	}
	.active .sec03 li span {
		width: 340px;
		position: relative;
		top: -30px;
		margin: 0 120px 0 0;
	}

	/*-----------------------------------
		home Wear
	------------------------------------*/
	/*----------------------
		Common
	-----------------------*/
	.home .sec {
		border: none;
		margin: 0 auto 55px;
		padding: 0 0 0 38px;
	}
	.home .page-ttl {
		margin-bottom: 0;
	}
	.home .sttl {
		font-size: 2rem;
		font-weight: 500;
		color: #111;
		letter-spacing: .04em;
		position: relative;
		margin: 0 0 14px;
	}
	.home .sttl:before {
		content: '';
		display: block;
		width: 21px;
		height: 120px;
		border-top: #ccc 1px solid;
		border-left: #ccc 1px solid;
		position: absolute;
		top: 16px;
		left: -38px;
	}
	.home .sttl span {
		display: inline-block;
		padding: 2px 5px 4px;
		background: #171f52;
		font-size: 1.4rem;
		color: #fff;
		line-height: 1;
		position: relative;
		top: -2px;
		margin: 0 7px 0 0;
	}
	.home .sttl + p {
		font-size: 1.4rem;
		line-height: 2.2;
	}
	.home .txt {
		font-size: 1.4rem;
		color: #171f52;
		line-height: 2.2;
		letter-spacing: -.01em;
		margin: 0 0 20px;
	}
	.home .sec .col {
		display: inline-block;
		vertical-align: top;
		width: 460px;
	}
	.home .sec .col02 {
		margin: 0 0 0 35px;
	}
	/*----------------------
		Section01
	-----------------------*/
	/* Animaton Start */
	.home .sec01 .img01 {

		opacity: 0;
		transform: translate3d(0,30px,0);
		transition: all 1s 1s ease;
	}
	.home .sec01 .img01.anime {
		opacity: 1;
		transform: translate3d(0,0,0);
	}
	/* Animaton End */

	.home .sec01 {
		width: 100%;
		min-width: 1000px;
		background: url(../img/products/home-textile/sec01_bg.jpg) no-repeat center 0;
		padding: 890px 0 0;
		position: relative;
		margin: 0 auto 120px;
	}
	.home .sec01 .inner {
		width: 1000px;
		margin: 0 auto;
	}
	.home .sec01 .img01 {
		position: absolute;
		top: 30px;
		left: 50%;
	}
	.home .sec01 .txt01 {
		color: #171f52;
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 2.3;
		margin: 0 0 60px;
	}
	.home .sec01 .txt02 {
		color: #171f52;
		margin: 30px 0 0;
	}
	/*----------------------
		Section02
	-----------------------*/
	.home .sec02 {
		margin-bottom: 120px;
	}
	.home .sec02 .txt01 {
		color: #171f52;
		margin: 0 0 6px;
	}
	.home .sec02 .col02 ul {
		margin: 15px 0 0;
		font-size: 1.2rem;
	}
	/*----------------------
		Section04
	-----------------------*/
	.home .sec04 {
		margin: 80px auto 100px;
	}
	.home .sec04 ul {
		letter-spacing: -.4em;
	}
	.home .sec04 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
	}
	.home .sec04 li:last-child {
		margin: 0 0 0 60px;
	}
	/*----------------------
		Section05
	-----------------------*/
	.home .sec05 {
		margin-bottom: 140px;
	}
	.home .sec05 ul {
		letter-spacing: -.4em;
		text-align: center;
	}
	.home .sec05 li {
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		text-align: right;
		font-size: 1.4rem;
	}
	.home .sec05 li:last-child {
		margin: 0 0 0 78px;
	}
	.home .sec05 li strong,  .home .sec05 li span {
		font-size: 1.6rem;
		font-weight: 500;
		display: block;
		text-align: center;
		margin: 0 0 15px;
	}
	.home .sec05 li strong {
		color: #1a2653;
	}
	.home .sec05 li img {
		margin: 0 0 5px;
	}
	/*----------------------
		Section06
	-----------------------*/
	.home .sec06 {
		margin-bottom: 140px;
	}
	.home .sec06 ul {
		letter-spacing: -.4em;
		text-align: center;
	}
	.home .sec06 li {
		width: 280px;
		display: inline-block;
		vertical-align: top;
		letter-spacing: normal;
		font-size: 1.4rem;
		margin-right: 50px;
	}
	.home .sec06 li:last-child {
		margin: 0;
	}
	.home .sec06 ul + p {
		font-size: 1.4rem;
		margin: 25px 0 0 1em;
	}
}