*{
	padding: 0;
}

div#wrapper {
	max-width: 670px;
	margin: 0 auto;
	text-align: left;
}

.header-link{
	display: flex;
	justify-content: right;
}
.header-link div:last-child{
	margin-left: 3px;
}

.list-of-kouhou{
	border-top: 1px solid rgb(198, 242, 201);
	border-right: 1px solid rgb(198, 242, 201);
	border-left: 1px solid rgb(198, 242, 201);
	margin-top: 2.5em;
}
.kouhou-title{
	background-color: #339933;
	padding: 12px;
}
.flex-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.kouhou-header{
	font-size: 16px;
	font-weight: bold;
	color: #fff;
}
.page-to-top{
	font-size: 14px;
	background-color: #E1F2F4;
	padding: 3px;
}
.page-to-top a{
	color: #008000;
}

/*メイン*/
.kouhou-container{
	display: flex;
	padding: 10px 10px 30px 10px;
	border-bottom: 1px solid rgb(198, 242, 201);
	color: #333;
}
.kouhou-content{
	margin-left: 1.5em;
	line-height: 155%;
}
.kouhou-name{
	font-size: 17px;
	margin-top: 0;
}
.kouhou-text{
	font-size: 13px;
}
.to-isabou_news{
	margin-top: 1em;
	text-indent: -1em;
	margin-left: 1em;
}

/*過去の「おすすめ工法一覧」*/
.list-of-kouhou-past{
	font-weight: bold;
	color: #333;
	border: 1px solid #C0C0C0;
	padding: 8px;
	font-size: 13px;
	background-color: rgb(230, 230, 230);
}
.past-container{
	margin-top: 1em;
	padding: 5px;
}
.search-past{
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}
.search-items {
	padding: 10px;
	display: flex;
	list-style: none;
	flex-wrap: wrap;
	color: #333333;
	margin: auto;
	justify-content: flex-start;
	/* 左揃えに変更 */
	font-size: 14px;
}

.search-items li {
	position: relative;
	padding: 0 0.6em;
	margin: 0.2em 0 0.3em 0;
	flex: 0 0 auto;
	font-size: 12px;
    letter-spacing: 0.4em;
	/* 自動サイズ調整 */
}

/* すべての項目に左境界線を適用 */
.search-items li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #C0C0C0;
}

/* 右境界線用クラス */
.search-items li.end-of-row::after,
.search-items li:last-child::after {
	/* 最後の項目にも必ず右境界線 */
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 1px;
	background-color: #C0C0C0;
}

/* レスポンシブ対応 */
@media screen and (max-width: 400px) {
	.search-items {
		width: 100%;
		padding: 10px;
		box-sizing: border-box;
		justify-content: center;
		/* モバイルでは中央揃え */
	}

	.search-items li {
		margin: 0.2em 0.2em 0.3em 0.2em;
		/* 均等なマージン */
	}
}

@media screen and (max-width: 773px) {
	.main {
		display: block;
		margin-top: 2em;
	}

	.news-container+.news-container {
		margin-top: 1.5em;
	}
}

/*トップページへのリンク*/
.top-link{
	background-color: #F5F5F5;
	font-size: 13px;
	padding: 5px;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}
.top-link a{
	color: #008000;
}


/*いさぼうニュース・お問い合わせ*/
.isabou_news,.request{
	font-size: 13px;
	line-height: 175%;
	margin-top: 1.5em;
}
.request-text{
	margin-left: 2em;
}
.request-mail{
	color: #0000FF;
}

@media screen and (max-width: 425px) {
	.header-link {
		flex-direction: column;
		text-align: right;
	}
	.header-link div a {
		display: inline-block;
	}
	.header-link div:last-child {
		margin-top: 0.5em;
	}
	.kouhou-container {
		display: flex;
		flex-direction: column;
	}
	.kouhou-content {
		margin-left: 0;
	}
	.kouhou-name {
		text-align: center;
		margin-top: 1em;
	}
	.kouhou-text {
		margin-top: 1em;
	}
	.kouhou-img{
		text-align: center;
	}
	.none {
		display: none !important;
	}
	.top-link {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.top-link div:last-child {
		margin-top: 1em;
	}
}

@media screen and (min-width: 426px){
	.hidden-xs{
		display: none !important;
	}
}

@media print{
	.hidden-xs{
		display: none;
	}
}