@charset "UTF-8";
/*!
Theme Name: yoshida-sgo
Version: 1.0.0
*/


/*--------------------------------------------------------------
# content
--------------------------------------------------------------*/

.entry-content .page-menu{
	margin-bottom: 30px;
}

.products-wrap{
	position: relative;
	z-index: 0;
}
.products-wrap:after{
	content: "";
	position: absolute;
	display: block;
	width: 98%;
	height: 60%;
	top: 20%;
	background: rgba( 171, 210, 205, 0.15);
	z-index: -1;
}
.products-txt{
	position: relative;
	width: 45%;
	padding: 0 3%;
}
.products-innerwrap{
	margin-bottom: 1.4em;
	padding: 0.2em 1.4em;
	border: 1px solid var(--mainback-color);
	background-color: #fff;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.12);
}
.products-innerwrap:last-child{
	margin-bottom: 0;
}
.products-img{
	width: 55%;
	max-width: 720px;
}

.products-list-wrap h3{
	padding: 0.6em;
	padding-left: 2em;
	padding-right: 0;
	text-indent: -1.5em;
	background-color: var(--mainback-color);
}
.products-list-wrap ul{
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px dotted var(--main-color);
	gap: 0.4em;
}
.products-list-wrap ul li{
	width: 32%;
	font-size: 0.9em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

/*.products-list-table-wrap{
	overflow-x: scroll;
}
.products-list-table{
	width: 100%;
	border-collapse: collapse;
	white-space: nowrap;
}
.products-list-table tr th,.products-list-table tr td{
	padding: 1em;
	font-size: 0.8em;
	border: 1px solid #a4bfa5;
}
.products-list-table tr th{
	width: 350px;
	border-right: 3px double #a4bfa5;
}*/

@media screen and (max-width: 768px) {
	.content {
		width: 94%;
	}
	.products-txt{
		width: auto;
		margin-bottom: 1em;
	}
	.products-img{
		width: 100%;
		max-width: 720px;
	}
	.products-list-wrap ul li{
		width: auto;
	}
}