/* 商品 */

@media screen and (min-width: 641px){

#lin {
	line-height: 200%;
	margin: 0px 0px -130px 0px;
	}

#lin section {
	padding: 130px 0px;
	}

#lin section h2.title {
	width: 90%;
	max-width: 1400px;
	text-align: center;
	}

#lin section .ben {
	width: 90%;
	max-width: 1400px;
	font-size: 36px;
	font-weight: bold;
	line-height: 150%;
	color: #EC6D37;
	margin: 0px auto;
	text-align: center;
	}

#lin .wor {
	padding: 0px 0px 130px 0px;
	}

#lin .wor ul {
	width: 90%;
	max-width: 1400px;
	margin: 0px auto 30px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

#lin .wor ul li {
	width: 30.952%;
	line-height: 150%;
	margin: 0px 3.571% 50px 0px;
	display: block;
	}

#lin .wor ul li:nth-child(3n),
#lin .wor ul li:last-child {
	margin: 0px 0px 50px 0px;
	}

#lin .wor ul li img {
	width: 100%;
	margin: 0px 0px 20px 0px;
	}

#lin .wor ul li h3 {
	font-size: 21px;
	line-height: 120%;
	text-align: center;
	}

#lin .sys {
	width: 100%;
	background: #FFF8F3;
	}

#lin .sys ul {
	margin: 0px 0px 80px 0px;
	}

#lin .sys dl {
	width: 90%;
	max-width: 1400px;
	margin: 0px auto 50px auto;
	display: table;
	}

#lin .sys dt {
	width: 35.714%;
	display: table-cell;
	vertical-align: top;
	}

#lin .sys dt img {
	width: 100%;
	}

#lin .sys dd {
	width: 64.285%;
	line-height: 250%;
	padding: 0px 0px 0px 3.571%;
	display: table-cell;
	vertical-align: middle;
	}

#lin .sys dd h3 {
	font-size: 36px;
	line-height: 120%;
	margin: 0px 0px 40px 0px;
	}

#lin .sys dd ol {
	margin: 30px 0px;
	}

#lin .sys dd p {
	padding-left: 1em;
	text-indent: -1em;
	}

#lin .sys dd font {
	color: #EC6D37;
	}

#lin .exa ul {
	width: 100%;
	margin: 0px 0px 130px 0px;
	display: flex;
	flex-wrap: wrap;
	}

#lin .exa li {
	width: calc((100% - 1px * 2) / 3);
	margin: 0px 1px 0px 0px;
	position: relative;
	}

#lin .exa li:last-child {
	margin: 0px;
	}

#lin .exa li img {
	width: 100%;
	}

#lin .exa li h3 {
	background: #ffffff;
	border-radius: 20px;
	font-size: 21px;
	line-height: 40px;
	padding: 0px 20px;
	position: absolute;
	left: 50%;
	bottom: 20px;
    transform: translateX(-50%);
	display: table;
	}

#lin .exa .ben {
	font-size: 42px;
	}

#lin .exa p {
	width: 90%;
	max-width: 1400px;
	font-size: 36px;
	line-height: 150%;
	margin: 40px auto 70px auto;
	text-align: center;
	}

}

@media screen and (max-width: 640px){

#lin {
	line-height: 200%;
	}

#lin section {
	padding: 70px 0px;
	}

#lin section h2.title {
	width: 90%;
	text-align: center;
	}

#lin section .ben {
	width: 90%;
	font-size: 21px;
	font-weight: bold;
	line-height: 150%;
	color: #EC6D37;
	margin: 0px auto;
	}

#lin section .ben br:nth-child(10),
#lin section .ben br:nth-child(30) {
	display: none;
	}

#lin .wor {
	padding: 0px 0px 70px 0px;
	}

#lin .wor ul {
	width: 90%;
	margin: 0px auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	}

#lin .wor ul li {
	width: 48.5%;
	line-height: 150%;
	margin: 0px 3% 10px 0px;
	display: block;
	}

#lin .wor ul li:nth-child(2n) {
	margin: 0px 0px 10px 0px;
	}

#lin .wor ul li img {
	width: 100%;
	margin: 0px 0px 10px 0px;
	}

#lin .wor ul li h3 {
	font-size: 16px;
	line-height: 120%;
	margin: 0px 0px 10px 0px;
	text-align: center;
	}

#lin .sys {
	width: 100%;
	background: #FFF8F3;
	}

#lin .sys ul {
	margin: 0px 0px -10px 0px;
	}

#lin .sys dl {
	width: 90%;
	margin: 0px auto 50px auto;
	}

#lin .sys dt img {
	width: 70%;
	margin: 0px auto 30px auto;
	display: block;
	}

#lin .sys dd h3 {
	font-size: 18px;
	line-height: 120%;
	margin: 0px 0px 20px 0px;
	text-align: center;
	}

#lin .sys dd ol {
	margin: 20px 0px;
	}

#lin .sys dd p {
	padding-left: 1em;
	text-indent: -1em;
	}

#lin .sys dd font {
	color: #EC6D37;
	}

#lin .exa li {
	width: 100%;
	margin: 0px 0px 1px 0px;
	position: relative;
	}

#lin .exa li:last-child {
	margin: 0px 0px 70px 0px;
	}

#lin .exa li img {
	width: 100%;
	}

#lin .exa li h3 {
	background: #ffffff;
	border-radius: 20px;
	font-size: 16px;
	line-height: 30px;
	padding: 0px 20px;
	position: absolute;
	left: 50%;
	bottom: 20px;
    transform: translateX(-50%);
	display: table;
	}

#lin .exa .ben {
	font-size: 24px;
	}

#lin .exa .ben br {
	display: none;
	}

#lin .exa p {
	width: 90%;
	font-size: 18px;
	line-height: 150%;
	margin: 30px auto 40px auto;
	}

}