@charset "UTF-8";

.law-wrap {padding-top: 50px;}
.tab-menu {margin: 40px 0 50px;}
.law-cont .tit-txt p {padding-top: 10px; padding-left: 0; text-indent: 0;}
/* .law-cont {display: none;}
.law-cont.active {display: block;} */
.law-cont h3 {font-size: 22px; font-weight: 500; line-height: 1.23; padding-bottom: 5px;}
.law-cont h4 {font-size: 18px; font-weight: 400; line-height: 1.8; padding-top: 30px;}
.law-cont h5 {font-size: 16px; color: #444; font-weight: 500; line-height: 2.025; padding-top: 30px;}
.law-cont p, .law-cont ul li {color: #666; font-size: 18px; line-height: 1.8;}
.law-cont ul li {padding-left: 25px; text-indent: -25px;}
.law-cont p {padding-top: 10px;}
.law-cont ul {padding-top: 10px;}

.fairtrade .law-wrap .sub-tit strong {font-weight: 400;} 
.fairtrade .tab-menu ul li:nth-child(n+12):nth-child(-n+15) a {padding: 0 10px 0 14px;}
.fairtrade .law-cont ul {padding: 10px 0;}
.fairtrade .law-cont p, .fairtrade .law-cont ul li {font-size: 15px; line-height: 1.8; letter-spacing: -.067em;}
.fairtrade .law-cont ul li {padding-left: 18px; text-indent: -18px;}
.fairtrade .law-cont ul li p {text-indent: 0; margin-left: -18px; padding-top: 0;}
.fairtrade .law-cont h3 {padding-bottom: 0; letter-spacing: -.04em; }
.fairtrade .law-cont h4 {font-size: 15px; font-weight: 500; line-height: 1.8; letter-spacing: -.07em; padding-top: 20px;}

@media screen and (max-width: 1440px) {
	.law-wrap {padding-top: 3.47vw;}
	.tab-menu {margin: 2.78vw 0 3.47vw;}
	.law-cont .tit-txt p {padding-top: 0.69vw;}
	.law-cont h3 {font-size: 1.53vw; padding-bottom: 0.35vw;}
	.law-cont h4 {font-size: 1.25vw; padding-top: 2.08vw;}
	.law-cont h5 {font-size: 1.11vw; padding-top: 2.08vw;}
	.law-cont p, .law-cont ul li { font-size: 1.25vw;}
	.law-cont ul li {padding-left: 1.74vw; text-indent: -1.74vw;}
	.law-cont p {padding-top: 0.69vw;}
	.law-cont ul {padding-top: 0.69vw;}

	.fairtrade .law-cont ul {padding: 0.69vw 0;}
	.fairtrade .law-cont p, .fairtrade .law-cont ul li {font-size: 1.04vw; line-height: 1.8; letter-spacing: -.067em;}
	.fairtrade .law-cont ul li {padding-left: 1.25vw; text-indent: -1.25vw;}
	.fairtrade .law-cont h4 {font-size: 1.04vw; padding-top: 1.39vw;}
}

@media screen and (max-width: 768px) {
	.tab-menu {margin: 9.30vw 0 4.65vw;}
	.law-wrap {padding-top: 5.47vw;}
	.law-cont .tit-txt p {padding-top: 10px; padding-left: 0; text-indent: 0;}
	.law-cont h3 {font-weight: 700; font-size: 3.81vw; line-height: 1.3; letter-spacing: 0; padding-bottom: 0;}
	.law-cont h4 {font-weight: 700; font-size: 3.33vw; line-height: 1.3; letter-spacing: 0; padding-top: 5.2vw;}
	.law-cont h5 {font-size: 3.33vw; padding-top: 4.76vw;  line-height: normal; color: #666;}
	.law-cont p, .law-cont ul li {font-size: 2.86vw; line-height: 1.47; letter-spacing: 0;}
	.law-cont ul li {padding-left: 4.79vw; text-indent: -5vw;}
	.law-cont > div > ul > li {margin-top: 2.38vw;}
	.law-cont p {padding-top: 2.86vw; line-height: normal;}
	.law-cont h4 + p {padding-top: 3.7vw;}
	.law-cont ul {padding-top: 0;}

	.fairtrade .tab-menu {height: 11.93vw; position: relative;}
	.fairtrade .tab-menu ul {position: absolute; top: 0; width: 100%; z-index: 1; background-color: #fff; }
	.fairtrade .tab-menu.active ul li {display: block;}
	.fairtrade .tab-menu ul li:nth-child(n+12):nth-child(-n+15) a {padding: 4.05vw 4.76vw 4.05vw 8.33vw;}

	.fairtrade .law-cont ul {padding: 1.19vw 0;}
	.fairtrade .law-cont p, .fairtrade .law-cont ul li {font-size: 2.86vw;}
	.fairtrade .law-cont h4 + p {padding-top: 1.19vw;}
	.fairtrade .law-cont ul li {padding-left: 2.79vw; text-indent: -2.79vw;}
	.fairtrade .law-cont h4 {font-size: 3.26vw; line-height: 1.23; letter-spacing: -.07em; padding-top: 4.65vw;}
}

@media screen and (max-width: 350px) {
	.law-cont p, .law-cont ul li {font-size: 10px;}
	.fairtrade .law-cont p, .fairtrade .law-cont ul li {font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.tab-menu {margin: 30px 0 15px;}
	.law-wrap {padding-top: 18px;}
	.law-cont .tit-txt p {padding-top: 10px;}
	.law-cont h3 {font-size: 12px;}
	.law-cont h4 {font-size: 11px; padding-top: 17px;}
	.law-cont h5 {font-size: 11px; padding-top: 15px;}
	.law-cont ul li {padding-left: 15px; text-indent: -16px;}
	.law-cont > div > ul > li {margin-top: 8px;}
	.law-cont p {}
	.law-cont p {padding-top: 4px;}
	.law-cont h4 + p {padding-top: 12px;}

	.fairtrade .law-cont ul {padding: 4px 0;}
	.fairtrade .law-cont h4 + p {padding-top: 4px;}
	.fairtrade .law-cont ul li {padding-left: 9px; text-indent: -9px;}
	.fairtrade .law-cont h4 {font-size: 10px; line-height: 1.23; letter-spacing: -.07em; padding-top: 15px;}
}