#JFimfotext {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#JFimfotext .J-list {
	display: flex;
	flex-direction: column;
	width: 25%;
}

#JFimfotext .J-list h2 {
	position: relative;
	font-size: max(1.8*(1vw + 1vh) / 2, 18px);
	font-weight: 500;
	margin-bottom: 10px;
	color: #171717;
	padding-left: 25px;
	display: flex;
	align-items: center;
}

#JFimfotext .J-list h2:before {
	content: "";
	position: absolute;
	width: 10px;
	aspect-ratio: 1/1;
	border: #616161 1px solid;
	left: 0;
	border-radius: 50%;
	margin-top: 1px;
}

#JFimfotext .J-list .texinfo {
	display: flex;
	flex-direction: column;
}

#JFimfotext .J-list .texinfo p,
#JFimfotext .J-list .texinfo a {
	font-size: max(1*(1vw + 1vh) / 2, 14px);
	font-weight: 500;
	color: #343434;
}

.bottombum {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-top: 20px;
}

.bottombum .boolist {
	position: relative;
	width: 49%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border: #bfbfbf 1px solid;
	padding: 13px 34px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.bottombum .boolist a.booufolink {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
}

.bottombum .boolist:hover {
	background-color: rgb(246 246 246 / 62%);
}

.bottombum .boolist:hover svg {
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(90deg);
	border-radius: 50%;
	fill: #2c2c2c;
}

.bottombum .boolist .booleft_box {}

.bottombum .boolist .booleft_box h3 {
	font-size: max(2.4 * (1vw + 1vh) / 2, 20px);
	font-weight: 400;
	color: #009949;
}

.bottombum .boolist .booleft_box span {
	font-size: max(1.1*(1vw + 1vh) / 2, 16px);
	font-weight: 400;
}

.bottombum .boolist svg {
	width: 50px;
	fill: #8c8c8c;
}

@media screen and (max-width: 1160px) {
	#JFimfotext .J-list {
		width: 50%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 980px) {
	#JFimfotext .J-list {
		width: 50%;
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	#JFimfotext .J-list {
		width: 100%;
	}

	.bottombum {
		display: flex;
		flex-direction: column;
	}

	.bottombum .boolist {
		width: 100%;
		margin-bottom: 10px;
	}
}