.shigen__general{
	line-height: 1.8;
 }

.shigen__general-paragraph-wrap{
    margin-bottom: var(--space-l);
}

.shigen__general-header-text{
    font-size: var(--font-size-l);
    border-bottom: solid 2px var(--title-color);
    color: var(--title-color);
    padding: 5px 8px;
}

.shigen__general-text-bold{
    font-weight: 600;
}

.shigen__general-flex-wrap{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.shigen__general-flex-text-wrap{
    width: 60%;
}

.shigen__general-flex-wrap img{
    width: 35%;
}

.shigen__general-center-image{
	display: block;
	margin: 30px auto;
	width:100%;
	max-width: 600px;
}
.shigen__general-caption-text{
	text-align:center;
	color:var(--title-color);
}

.shigen__general-paragraph-wrap ul li:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 12px solid var(--title-color);
	margin-right:5px; 
}

.shigen__general-paragraph-wrap ul li{
	margin-bottom:8px;
	text-indent: -1em;
	padding-left: 1em;
}

.shigen__general-paragraph-wrap ul li:last-child{
	margin-bottom:0;
}

.shigen__general-paragraph-wrap ul li a + a{
	margin-left: 16px;
}
.shigen__general-paragraph-wrap ul li span + span{
	margin-left: 30px;
}
.shigen__general-paragraph-wrap ul li span:before{
	content: "";
	display: inline-block;
	width: 7px;
	height: 7px;
	background: var(--color-dark-gray);
	border-radius: 50%;
	vertical-align: middle;
}

.shigen__general-list-flexwrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-start;
}

.shigen__general-list-flexwrap li{
    position: relative;
    width: 25%;
    min-width: 12em;
}
.shigen__general-paragraph-wrap a{
	text-decoration:underline;
}

iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
	margin:30px auto;
}
iframe[src*="www.google.com/maps/embed"] {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: auto;
}
.shigen__general-paragraph-wrap table {
	border-collapse: collapse;
	width: 100%;
}

.shigen__general-paragraph-wrap th,.shigen__general-paragraph-wrap td {
	border: 2px solid #fff;
	padding: 1em;
}

.shigen__general-paragraph-wrap th {
	background: var(--gradient-gray);
	color: var(--color-black);
	width: 30%;
	text-align: start;
}
.shigen__general-paragraph-wrap table td[colspan="2"] {
	background: var(--gradient-gray);
	color: var(--color-black);
}
.shigen__general-paragraph-wrap td:first-child {
	background: var(--gradient-black);
	color: var(--color-white);
	width: 30%;
	text-align: start;
}
.shigen__general-paragraph-wrap td {
	background-color: var(--color-light-gray);
}
.shigen__general-paragraph-wrap th:empty,.shigen__general-paragraph-wrap td:first-child:empty {
	display: none;
}

.shigen__general-paragraph-wrap th:empty + td,.shigen__general-paragraph-wrap td:first-child:empty + td {
	width: 100%;
	display: block;
}

.shigen__general-archive-figure{
	display: block;
	width: fit-content;
	margin: 0 auto;
}

@media (hover: hover){
	.shigen__general-archive-figure{
		transition: opacity var(--transition-m);
	}

	.shigen__general-archive-figure:hover{
		opacity: 0.8;
	}
}

@media (hover: none){
	.shigen__general-archive-figure:active{
		opacity: 0.8;
	}
}

.sp-only {
	display: none;
}
@media screen and (max-width: 768px) {
	.shigen__general-header-text{
		font-size: var(--font-size-m);
	}
	.shigen__contents-wrap{
		width: 90%;
	}
	.shigen__general-flex-wrap,.shigen__general-list-flexwrap{
		display: block;
	}
	.shigen__general-flex-text-wrap,.shigen__general-flex-wrap img,.shigen__general-list-flexwrap li{
    	width: 100%;
	}
	.shigen__general-paragraph-wrap td:first-child,.shigen__general-paragraph-wrap td {
		width: 100%;
		display: block;
	}
	.shigen__general-paragraph-wrap table td[colspan="2"] {
		margin-top:30px;
	}
	.shigen__general-paragraph-wrap table tr:first-of-type td[colspan="2"] {
	  margin-top: 0;
	}
	.sp-only {
		display: inline;
	}
}
