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

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/
@media print,
screen and (min-width: 769px) {

	h2.page_title {
		background: url("../images/products/products_textile/page_title_pc.jpg") no-repeat;
		background-size: cover;
	}

	section {
		width: 980px;
		margin: 0 auto 50px;
	}

	section h3 {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.2;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 1px solid #0071BC;
		position: relative;
		color: #000;
	}

	section h3::before {
		width: 8em;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 3px solid #0071BC;
	}

	section h3.textile::before {
		width: 13em;
	}

	section ul.block {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px 0;
	}

	section ul.block li {
		width: 214px;
	}

	section ul.block li:first-child {
		width: 742px;
	}

	section ul.block li:first-child h4 {
		font-size: 21px;
		font-size: 2.1rem;
		line-height: 1.5;
		font-weight: 700;
		color: #0068B7;
		margin-bottom: 20px;
	}

	section ul.product {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	section div.bg_blue {
		background: url(../images/products/products_textile/bg_line.png) repeat;
		background-size: 70px;
	}

	/*section ul.product.blue {
		background: url("../images/products/products_textile/bg_line.png") repeat;
		background-size: 70px;
	}*/

	section ul.product li.left {
		width: 224px;
		margin-left: 18px;
	}

	section ul.product li.left h4 {
		height: 35px;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1;
		padding: 9px 0 0;
		color: #006AB1;
	}

	section ul.product li.left h4 a {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		color: #006AB1;
	}

	section ul.product li.right {
		width: -webkit-calc(100% - 242px);
		width: -moz-calc(100% - 242px);
		width: calc(100% - 242px);
	}

	section ul.product li.right ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	section ul.product li.right ul li {
		display: inline-block;
		height: 35px;
		margin-right: 1em;
		padding: 7px 0.5em 5px 0;
	}

	section ul.product li.right ul li a {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		color: #006AB1;
		position: relative;
		display: inline-block;
		padding: 0 0.8em 0 0;
	}

	section ul.product li.right ul li a.list {
		font-size: 12px;
		font-size: 1.2rem;
	}

	section ul.product li.right ul li a::after {
		font-family: FontAwesome;
		content: "\f105";
		top: 1px;
		right: 0;
		position: absolute;
	}

	/* 認証取得 */
	section .auth_part {
		background: url("../images/products/pc.png") no-repeat;
		background-size: cover;
		height: 63px;
		color: #FFF;
		font-size: 1.8rem;
		font-weight: 700;
		padding-left: 10px;
		padding-top: 30px;
		margin-bottom: 20px;
	}

	section article.auth_block h5 {
		color: #000;
		font-size: 21px;
		font-size: 2.1rem;
		font-weight: 700;
		letter-spacing: -0.02em;
		margin-bottom: 15px;
		width: 100%;
	}

	section .auth_block ul {
		display: flex;
	}

	section .auth_block ul li:first-child {
		width: 650px;
	}

	section .auth_block ul li p {
		letter-spacing: 0.025em;
	}

	section .auth_block ul li:last-child {
		width: 384px;
	}
	section .auth_block ul li p a{
		color: #2579BF;;
	}
	section .auth_block ul li:nth-child(2){
		width: 500px;
	}
	/* 認証取得-end */
	/* 凡例 */
	.hanrei_sec {
		margin-top: -20px;
		margin-bottom: 10px;
	}

	section .hanrei {
		width: 260px;
		display: flex;
		margin-left: auto;
	}

	section .hanrei li img {
		width: 34px;
		height: auto;
	}

	section .hanrei li {
		width: 210px;
	}

	section .hanrei li ul li p {
		font-size: 13px;
		font-size: 1.3rem;
		color: #818181;
		line-height: 13px;
	}

	/* 20200402追加凡例 */
	.textile_hanrei{
		font-family: "Noto Sans JP";
		width: 980px;
		margin: 0px auto 50px auto;
		font-size: 13.8px;
	}
	.textile_hanrei div{
		display: block;
		margin-left: auto;
		width: 63%;
		text-align: right;
	}
	.textile_hanrei ul {
		display: flex;
		margin-top: 5px;
	}
	.textile_hanrei ul li{
		font-size: 13.8px;
		line-height: 24.5px;
		margin-left: 3px;
	}
	.textile_hanrei a{
		font-size: 13.8px;
		font-weight: 700;
		line-height: 24.5px;
		padding: 4px 5px 5px 5px;
		color: #6C6966;
		border: 0.27px solid #6295A0;
	}
	.textile_hanrei span{
		font-size: 13.8px;
		font-weight: 700;
		line-height: 24.5px;
		padding: 4px 5px 5px 5px;
		margin: 0px 5px 0px 3px;
		background: #6295A0;
		color: #ffffff;
		border: 0.27px solid #6295A0;
	}
	.textile_hanrei_nav_none{
		margin: 40px 0px 50px 0px!important;
	}
	/* 20200402追加凡例-end */
	/* 凡例-end */
}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 768px) {
	h2.page_title {
		background: url("../images/products/products_textile/page_title_sp.jpg") no-repeat;
		background-size: cover;
	}

	section {
		width: 94%;
		margin: 0 auto 54px;
	}

	section h3 {
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.2;
		font-weight: 700;
		padding-bottom: 5px;
		border-bottom: 1px solid #0071BC;
		position: relative;
		color: #000;
	}

	section h3::before {
		width: 8em;
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		border-bottom: 3px solid #0071BC;
	}

	section h3.textile::before {
		width: 13em;
	}

	section ul.block {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 20px 0;
	}

	section ul.block li:first-child {
		width: 100%;
	}

	section ul.block li:first-child h4 {
		font-size: 21px;
		font-size: 2.1rem;
		line-height: 1.5;
		font-weight: 700;
		color: #0068B7;
		margin-bottom: 20px;
	}

	section ul.block li:first-child div {
		width: 68%;
		min-width: 214px;
		margin: 0 auto 40px;
		line-height: 0;
	}

	section ul.product {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 10px;
	}

	section ul.product li.left {
		width: 100%;
		padding: 8px 0 8px 18px;
		background: #E0F0FA;
		position: relative;
	}

	section ul.product li.left a {
		font-size: 12px;
		font-size: 1.2rem;
		color: #006AB1;
		padding: 0 0.8em 0 0;
		position: absolute;
		top: 6px;
		right: 8px;
	}

	section ul.product li.left a::after {
		font-family: FontAwesome;
		content: "\f105";
		top: 1px;
		right: 0;
		position: absolute;
	}

	section ul.product li.left h4 {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		line-height: 1;
		color: #006AB1;
	}

	section ul.product li.left h4 a {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 700;
		color: #006AB1;
		position: relative;
		top: 0;
		right: 0;
		padding: 0;
	}

	section ul.product li.left h4 a::after {
		content: "";
	}

	section ul.product li.right {
		width: 100%;
		padding: 8px 0 0 18px;
	}

	section ul.product li.right ul {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	section ul.product li.right ul li {
		display: inline-block;
		margin-right: 1em;
		padding: 6px 0.5em 4px 0;
	}

	section ul.product li.right ul li a {
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: 400;
		line-height: 1;
		color: #006AB1;
		position: relative;
		display: inline-block;
		padding: 0 0.8em 0 0;
	}

	section ul.product li.right ul li a::after {
		font-family: FontAwesome;
		content: "\f105";
		top: 1px;
		right: 0;
		position: absolute;
	}

	/* 認証取得 */
	section .auth_part {
		background: url("../images/products/sp.png") no-repeat;
		background-size: cover;
		width: 100%;
		height: 63px;
		color: #FFF;
		font-size: 1.8rem;
		font-weight: 700;
		padding-left: 10px;
		padding-top: 30px;
		margin-bottom: 20px;
	}

	section article.auth_block h5 {
		color: #000;
		font-size: 21px;
		font-size: 2.1rem;
		font-weight: 700;
		letter-spacing: -0.02em;
		margin-bottom: 15px;
		width: 100%;
	}

	section .auth_block ul li p {
		letter-spacing: 0.025em;
	}

	section .auth_block ul li:first-child {
		width: 60%;
		min-width: 205px;
		height: auto;
		margin: 0 auto 40px auto;
	}
	section .auth_block ul li p a{
		color: #2579BF;;
	}

	/* 認証取得-end */
	/* 凡例 */
	.hanrei_sec {
		margin-bottom: 20px;

	}

	section .hanrei {
		width: 260px;
		display: flex;
		margin: 0 0 0 auto;
	}

	section .hanrei li img {
		width: 38px;
		height: auto;
	}

	section .hanrei li:first-child {
		width: 170px;
	}

	section .hanrei li:nth-child(2) {
		width: 210px;
	}
	section .hanrei li ul li p {
		font-size: 13px;
		font-size: 1.3rem;
		color: #818181;
		line-height: 13px;
	}

	/* 凡例-end */
			/* 20200402追加凡例 */
			.textile_hanrei{
				font-family: "Noto Sans JP";
				width: 94%;
				margin: 40px auto 50px auto;
				font-size: 13.8px;
			}
			.textile_hanrei div{
				display: block;
				margin-left: auto;
				text-align: right;
				
			}
			.textile_hanrei ul {
				display: flex;
				justify-content: flex-end;
				flex-wrap: wrap;
				margin-top: 5px;
				margin-left: auto;
				text-align: right;
			}
			.textile_hanrei ul li{
				font-size: 13.8px;
				line-height: 20.7px;
				margin-left: 3px;
			}
			.textile_hanrei a{
				font-size: 13.8px;
				font-weight: 700;
				line-height: 24.5px;
				padding: 4px 5px 5px 5px;
				color: #6C6966;
				border: 0.27px solid #6295A0;
			}
			.textile_hanrei span{
				font-size: 13.8px;
				font-weight: 700;
				line-height: 24.5px;
				padding: 4px 5px 5px 5px;
				margin: 0px 5px 0px 3px;
				background: #6295A0;
				color: #ffffff;
				border: 0.27px solid #6295A0;
			}
			.textile_hanrei_nav_none{
				margin: 40px 0px 50px 0px!important;
			}
			/* 20200402追加凡例-end */
}