@charset "UTF-8";
.signage-industry-detail h2.hd02 span {
	margin: 0 0 0 1em;
	font-size: 16px;
	font-weight: normal;
}

@media only screen and (max-width: 750px) {
	.signage-industry-detail h2.hd02 span {
		font-size: 16px;
	}
}

.signage-industry-detail .numbering-list li {
	padding: 0 0 0 1.1em;
	position: relative;
}

.signage-industry-detail .numbering-list li:before {
	position: absolute;
	left: 0;
	top: 0;
}

.signage-industry-detail .numbering-list li:nth-child(1):before {
	content: '\2460';
}

.signage-industry-detail .numbering-list li:nth-child(2):before {
	content: '\2461';
}

.signage-industry-detail .numbering-list li:nth-child(3):before {
	content: '\2462';
}

.signage-industry-detail .note-list li {
	padding: 0 0 0 1.1em;
	position: relative;
	font-size: 14px;
}

.signage-industry-detail .note-list li:before {
	content: "※";
	position: absolute;
	left: 0;
	top: 0;
}

.signage-industry-detail .image > .clm {
	text-align: center;
}

.signage-industry-detail .image > .clm img {
	max-width: 100%;
}

.signage-industry-detail .reazon-why-ricoh > .clm {
	padding: 50px 0;
	background: #f3f3f3;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: center;
}

@media only screen and (max-width: 750px) {
	.signage-industry-detail .reazon-why-ricoh > .clm {
		justify-content: flex-start;
	}
}

.signage-industry-detail .reazon-why-ricoh > .clm article {
	width: 154px;
}

.signage-industry-detail .reazon-why-ricoh > .clm article + article {
	margin-left: 37px;
}

.signage-industry-detail .reazon-why-ricoh > .clm article figure .image {
	margin: 0 0 20px 0;
	text-align: center;
}

.signage-industry-detail .reazon-why-ricoh > .clm article figure .image img {
	width: 154px;
}

.signage-industry-detail .reazon-why-ricoh > .clm article figure figcaption .title {
	font-weight: bold;
	font-size: 20px;
	height: 84px;
	margin: 0 0 16px 0;
	text-align: center;
}

@media only screen and (max-width: 750px) {
	.signage-industry-detail .reazon-why-ricoh > .clm article {
		margin-bottom: 5.33333vw;
		width: 46.66667vw;
	}
	.signage-industry-detail .reazon-why-ricoh > .clm article + article {
		margin-left: 0;
	}
	.signage-industry-detail .reazon-why-ricoh > .clm article:nth-child(2n-1) {
		margin-left: 2vw;
	}
	.signage-industry-detail .reazon-why-ricoh > .clm article:nth-child(2n) {
		margin-right: 2vw;
		margin-left: 2.66667vw;
	}
	.signage-industry-detail .reazon-why-ricoh > .clm article figure .image {
		margin: 0 0 3.33333vw 0;
	}
	.signage-industry-detail .reazon-why-ricoh > .clm article figure .image img {
		width: 37.73333vw;
	}
	.signage-industry-detail .reazon-why-ricoh > .clm article figure figcaption .title {
		font-size: 5.33333vw;
		height: 22.4vw;
		margin: 0 0 1em 0;
	}
}

.signage-industry-detail .example > .clm ul {
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

.signage-industry-detail .example > .clm ul li {
	width: 325px;
	margin: 0 0 16px 0;
}

.signage-industry-detail .example > .clm ul li img {
	width: 325px;
}

@media only screen and (max-width: 750px) {
	.signage-industry-detail .example > .clm ul li {
		width: 46.13333vw;
		margin: 0 0 3.33333vw 0;
	}
	.signage-industry-detail .example > .clm ul li img {
		width: 46.13333vw;
	}
}

.flex { display: flex; justify-content: space-between; flex-wrap: wrap; }
.flex.start { justify-content: flex-start;}
.flex .al-center { align-items: center; }

.pattern-items {
	padding: 100px 0;
}
.pattern-item-list {
	position: relative;
	left: -10px;
	width: calc(100% + 20px);
}
.pattern-item-list > li {
/*	width: 260px;*/
	width: 237px;
	margin: 0 10px 40px;
}
.pattern-item-list li .img-wrap {
/*	width: 260px;*/
	width: 237px;
/*	height: 170px;*/
}
.pattern-item-list li .img-wrap img {
	width: 100%;
}
.pattern-item-ttl {
	font-size: 13px;
	padding-left: 10px;
	height: 40px;
}
@media (max-width: 768px) {
  .pattern-items {
    padding: 40px 2% 0;
    overflow-x: hidden;
  }
  .pattern-item-list > li {
    width: 48%;
    margin-right: 1%;
    margin-left: 1%;
  }
  .pattern-item-list li .img-wrap {
    width: 100%;
    height: auto;
  }
  .pattern-item-ttl {
    position: relative;
    top: -2px;
  }
}
.fc-white {
	color: #ffffff!important;
}
.bg-red {
	background-color: #cf142b;
}