@charset "utf-8";

ul.column_2, ul.column_3{
	position:relative;
	gap:0;
	padding:0;
}
ul.column_2{margin:-15px 0 -30px;}
ul.column_3{margin:-20px 0 -40px;}
ul.column_2::after, ul.column_3::after{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:1px;
	margin:auto;
	background:#fff;
}
ul.column_2 li, ul.column_3 li{
	position:relative;
	list-style:none;
	margin:0;
	border-bottom:1px solid #ddd;
	font-family:var(--font_serif);
	font-size:2rem;
	letter-spacing:2px;
	line-height:2.9rem;
}
ul.column_2 li{
	display:flex;
	align-items:center;
	padding:45px 30px;
}
ul.column_3 li{
	padding:40px 10px;
	text-align:center;
}
ul.column_2 li:nth-child(odd)::before, ul.column_2 li::after,
ul.column_3 li:nth-child(3n+1)::before, ul.column_3 li::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:1px;
	margin:auto;
	background:#ddd;
}
ul.column_2 li:nth-child(odd)::before, ul.column_2 li::after{height:calc(100% - 60px);}
ul.column_3 li:nth-child(3n+1)::before, ul.column_3 li::after{height:calc(100% - 75px);}
ul.column_2 li:nth-child(odd)::before, ul.column_3 li:nth-child(3n+1)::before{left:0;}
ul.column_2 li::after, ul.column_3 li::after{right:0;}
ul.column_2 img{
	width:70px;
	margin-right:25px;
	border-radius:0;
}
ul.column_3 img{
	width:86px;
	margin:0 auto 20px;
	border-radius:0;
}
ul.column_3 span{
	display:block;
	margin-top:5px;
	font-size:1.6rem;
	letter-spacing:1.6px;
	line-height:2.3rem;
}


@media screen and (min-width:768px) and (max-width:1024px){

ul.column_2 li, ul.column_3 li{
	font-size:1.8rem;
	letter-spacing:1.8px;
	line-height:2.6rem;
}
ul.column_2 li{padding:30px 20px;}
ul.column_2 li:nth-child(2n+1)::before, ul.column_2 li::after{height:calc(100% - 40px);}
ul.column_3 li{padding:30px 10px;}
ul.column_3 li:nth-child(3n+1)::before, ul.column_3 li::after{height:calc(100% - 60px);}
ul.column_2 img{
	width:60px;
	margin-right:20px;
}
ul.column_3 img{
	width:70px;
	margin-bottom:15px;
}
ul.column_3 span{
	font-size:1.4rem;
	letter-spacing:1.4px;
	line-height:2rem;
}

}


@media screen and (max-width:767px){

ul.column_2 li, ul.column_3 li{
	font-size:1.5rem;
	letter-spacing:1.5px;
	line-height:2.2rem;
}
ul.column_2 li{padding:17px 15px;}
ul.column_2 li:nth-child(2n+1)::before, ul.column_2 li::after{height:calc(100% - 25px);}
ul.column_3 li{padding:20px 10px;}
ul.column_3 li:nth-child(3n+1)::before, ul.column_3 li::after{height:calc(100% - 40px);}
ul.column_2 img{
	width:50px;
	margin-right:15px;
}
ul.column_3 img{
	width:50px;
	margin-bottom:10px;
}
ul.column_3 span{
	font-size:1.2rem;
	letter-spacing:1.2px;
	line-height:1.7rem;
}

}


@media screen and (max-width:600px){

ul.column_2{border-top:1px solid #ddd;}
ul.column_2 li{border-bottom:1px solid #ddd;}
ul.column_2 li:nth-child(2n+1)::before, ul.column_2 li::after{display:none;}
ul.column_3{grid-template-columns:1fr 1fr;}
ul.column_3 li:nth-child(3n+1)::before{display:none;}
ul.column_3 li:nth-child(odd)::before{
	content:'';
	display:block;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:1px;
	height:calc(100% - 40px);
	margin:auto;
	background:#ddd;
}

}