@charset "utf-8";

/* -------------------------------------------------------------------------------------------------------
Common
------------------------------------------------------------------------------------------------------- */

.blank {
	background-image: url("/business/common/images/ic_blank.svg");
	background-repeat: no-repeat;
    background-size: 20px;
    background-position: right;
    margin-right: 20px;
}
#global__footer--category .blank {
	background-image: url("/business/common/images/ic_blank_w.svg");
}
.hashtag {margin-top: 15px;}
.hashtag li {display: inline-block;background-color:#F5F5F5;border: 1px solid #DADADA;color: #3B4043;font-size: 0.9rem;margin-right: 10px;margin-bottom: 10px; padding: 3px 10px;border-radius:1em; }


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

@media only screen and (max-width: 767px) {
    
	#contents__main--wrap {
		width: 100%;
		padding: 1.0em 1.0em 0 1.0em;
		box-sizing: border-box;
	}

	/* タイトル
	---------------------------------------------------------------------------------------------------- */
	.contents__h1--wrap {
		margin: 1rem 0 2.0rem 0;
	}
	h1.title {
		color: #716F63;
		font-size: 2rem;
		font-weight: 300;
		line-height: 80%;
	}
	h1 span.small {
		color: #716F63;
		font-size: 14px;
		font-weight: 300;
		line-height: 100%;
		vertical-align: top;
	}
	.contents__h2--wrap {
		margin-bottom: 1.3em;
	}
	.contents__h2--wrap .ttl {
		color: #716F63;
		font-size: 1.3rem;
	}
	.contents__h3--wrap {
		margin-bottom: 1.3em;
	}
	.contents__h3--wrap .ttl {
		color: #716F63;
		font-size: 1.1rem;
		padding-left: .7em;
		border-left: 4px solid #716F63;
	}
	#global__pagetitle--title .s {
		display: block;
		font-size: 0.8rem;
	}


	/* 製品カタログ
	---------------------------------------------------------------------------------------------------- */
	.contents__h1--wrap {
		display: flex;
		position: relative;
	}
	.btn-catalog-en {
		position: absolute;
		right: 0;
		top: 50%;
		display: block;
		padding: 0.85em 0.85em 0.85em 25px;
		border: 1px solid #cbd2d7;
		border-radius: 3px;
		background: url(/business/images_global/r_ico_blank_02_sp.png) no-repeat 8px center;
		background-size: 10px 8px;
		transform: translateY(-50%);
		text-decoration: none !important;
		color: #333333 !important;
		font-size: 10px;
		line-height: 140%;
	}
	.section {
		display: flex;
		flex-diretion: row;
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.item {
		box-sizing: border-box;
		margin-bottom: 20px;
		background: #eee;
		display: flex;
		flex-diretion: column;
		width: 48%;
	}
	.item:nth-of-type(2n) {
		margin-right: 0%;
	}
	.item img {
		display: block;
		margin: auto;
		width: 70%;
		padding-top: 10px;
	}
	.item .btn-pdf-dl {
		border-radius: 3px;
		background-color: #716f63;
		text-decoration: none;
		text-align: center;
		color: #fff;
		line-height: 100%;
		width: 100%;
		padding: 10px 0;
		font-size: 14px;
	}
	.btn-pdf-dl::before {
		font-family: "Font Awesome 5 Free";
		content: "\f1c1";
		font-weight: 900;
		font-size: 18px;
		margin-right: 10px;
	}
	.item .btn-pdf-contact {
		border-radius: 3px;
		background-color: #716f63;
		text-decoration: none;
		text-align: center;
		color: #fff;
		line-height: 100%;
		width: 100%;
		padding: 10px 0;
		font-size: 14px;
	}
	.btn-pdf-contact::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0e0";
		font-weight: 100;
		font-size: 18px;
		margin-right: 10px;
	}
	.item a {
		display: block;
		padding: 10px;
		text-decoration: none;
		width: 100%;
	}
	.item a:hover {
		opacity: 0.5;
	}
	.item p {
		font-size: 12px;
		padding: 5px 0 10px 0;
	}
	p.title {
		font-size: 12px;
		font-weight: 400;
		line-height: 140%;
		padding: 10px 0 0 0;
	}
	.notes {
		text-align: center;
		min-height: 125px;
	}

}


/* -------------------------------------------------------------------------------------------------------
PC
------------------------------------------------------------------------------------------------------- */

@media print, screen and (min-width: 768px) {
	
	#contents__main--wrap {
		width: 100%;
		max-width: 1200px;
		margin:  0 auto;
		padding: 50px 20px;
		box-sizing: border-box;
	}


	/* タイトル
	---------------------------------------------------------------------------------------------------- */
	.contents__h1--wrap {
		margin-bottom: 3.0rem;
		display: flex;
		position: relative;
	}
	.contents__h1--wrap .title {
		color: #716F63;
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 80%;
	}
	h1 span.small {
		color: #716F63;
		font-size: 16px;
		font-weight: 300;
		line-height: 100%;
		vertical-align: top;
	}
	.contents__h2--wrap {
		margin-bottom: 2.0rem;
	}
	.contents__h2--wrap .ttl {
		color: #716F63;
		font-size:  2.0rem;
	}
	.contents__h3--wrap {
		margin-bottom: 1.5rem;
	}
	.contents__h3--wrap .ttl {
		color: #716F63;
		font-size:  1.5rem;
		padding-left: .7em;
		border-left: 4px solid #716F63;
	}

	#global__pagetitle--title .s {
		font-size: .9rem;
	}


	/* 製品カタログ
	---------------------------------------------------------------------------------------------------- */
	#la,#ra {display: none !important;opacity: 0!important;}
	img {vertical-align: bottom;margin: 0;padding: 0;}
	
	.btn-catalog-en {
		position: absolute;
		right: 0;
		top: 50%;
		display: block;
		padding: 0.85em 0.85em 0.85em 40px;
		border: 1px solid #cbd2d7;
		border-radius: 3px;
		background: url(/business/images_global/r_ico_blank_02_sp.png) no-repeat 16px center;
		background-size: 10px 8px;
		transform: translateY(-50%);
		text-decoration: none !important;
		color: #333333 !important;
		font-size: 14;
	}
	.section {
		display: flex;
		flex-diretion: row;
		flex-wrap:wrap;
		/*justify-content: space-between;*/
		justify-content: flex-start;
	}
	.item {
		width: 23%;
		box-sizing: border-box;
		margin-bottom: 2.5%;
		background: #eee;
		display: flex;
		flex-diretion: column;
		margin-right: 2.66%; 
	}
	.item:nth-of-type(4n) {
		margin-right: 0%;
	}
	.item img {
		width: 60%;
		display: block;
		margin: auto;
		padding-top: 10px;
	}
	.item .btn-pdf-dl {
		border-radius: 3px;
		background-color: #716f63;
		text-decoration: none;
		text-align: center;
		color: #fff;
		line-height: 100%;
		padding: 10px;
		font-size: 12px;
	}
	.btn-pdf-dl::before {
		font-family: "Font Awesome 5 Free";
		content: "\f1c1";
		font-weight: 900;
		font-size: 16px;
		margin-right: 10px;
	}
	.item .btn-pdf-contact {
		border-radius: 3px;
		background-color: #716f63;
		text-decoration: none;
		text-align: center;
		color: #fff;
		line-height: 100%;
		width: 100%;
		padding: 10px 0;
		font-size: 12px;
	}
	.btn-pdf-contact::before {
		font-family: "Font Awesome 5 Free";
		content: "\f0e0";
		font-weight: 100;
		font-size: 16px;
		margin-right: 10px;
	}
	.item a {
		display: block;
		padding: 10px;
		text-decoration: none;
	}
	.item a:hover {
		opacity: 0.5;
	}
	.item p {
		font-size: 12px;
		padding: 5px 0 10px 0;
	}
	p.title {
		font-size: 12px;
		font-weight: 500;
		line-height: 140%;
		padding: 10px 0 0 0;
	}
	.notes {
		min-height: 90px;
		text-align: center;
	}
}