/* =============================================================
  製作事例 .works
============================================================= */
/* クライアントのレイアウト
-------------------------------------------*/
/* 大枠
----------------------------*/
/* 上にボーダー */
.client {
	padding-top: 4rem;
	border-top: 1px solid #ccc;
}
/* 一番上はボーダーなし */
.client:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

/* 左側（写真）
----------------------------*/
/* liの横幅 */
.client li.pic {
	/*width: 37.2%;*/
	line-height: 0;
	margin:0 auto 1rem;
}
/* 写真の比率をそのままに */
.client li img {
	width: 100%;
	height: auto;
}
/* 写真が2枚の時の上マージン */
.client li img + img {
	margin-top: 0.5rem;
}

/* 右側（文章）
----------------------------*/
/*　大枠
---------------------*/
/* liの横幅 */
.client li.txt {
	/*width: 59.3%;*/
}
/* クライアント
---------------------*/
/* ul */
.client .c-product + .c-product {
	border-top: 1px dashed #ddd;
	margin-top: 1.5em;
	padding-top: 1.5rem;
}
/* h3 */
.client li.txt h3 {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: left;
	margin-top: 0;
}
/* p */
.client li.txt p {
	font-size: 1.2rem;
}
/* 住所 */
.client li.txt .address {
	margin-top: 0.3rem;
}
/* a */
.client li.txt a {
	display: inline-block;
	font-size: 0.9rem;
	text-decoration: underline;
	margin-top: 0.3rem;
	line-height: 1;
}
/* review */
.client li.txt p.review {
	margin-top: 0.7rem;
}
/* comment */
.client li.txt p.comment {
	margin-top: 0.7rem;
	padding: 1rem;
	background-color: #D5DCD6;
	border-radius: 0.5rem;
}
.client li.txt p.comment span {
	display: block;
	color: var(--vk-color-primary);
	font-size: 0.9rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 0.5rem;
	border-bottom: 1px dashed var(--vk-color-primary);
	padding-bottom: 0.3rem;
}
/* 仕様
---------------------*/
/* 店名などある場合（一つ目）のみマージン追加 */
.client ul.c-product:first-child .specification {
	margin-top: 2rem;
}
/* タイトル */
.client .specification .tit {
	font-weight: bold;
	padding-left: 1rem;
	border-left: 3px solid #5d6682;
}
/* 左寄せに */
.client .specification ul {
	justify-content: flex-start;
}
/* liのデザイン */
.client .specification li {
	color: #438950;
	font-size: 1.2rem;
	line-height: 1;
	background-color: #fff;
	border: 1px solid #559e65;
	border-radius: 3px;
	margin: 0.6rem 0.6rem 0 0;
	padding: 0.3rem 0.5rem;
}