@charset "utf-8";
/* archive */

#featureList{}

#featureList ul{
	gap:20px
}
#featureList ul li{
	width: calc(50% - 10px)
}

/* detail */
.column2 aside#featureNav{
	padding-top: 0
}
.column2 #featureNav nav{
	width: auto;
	
}


div#ez-toc-container ul{
	width: 90%
}

div#ez-toc-container ul li, div#ez-toc-container ul li a {
  font-size: 14px;
	color: var(--gray)
}

div#ez-toc-container ul li{
	margin-bottom: 1.5em
}

#featureDetail section > h2 span{
	font-size: 14px;
	margin-bottom: .3em;
	color: var(--gray);
	display: block;
}

#featureDetail section > h2{
	font-size: 24px;
	margin-bottom: 1.4em
}

#featureDetail section:not(:first-child) {
	padding-top: 60px;
	border-top: 1px var(--Lgray) solid;
}

#featureDetail section > h2 + figure{
	margin-bottom: 5em
}

#featureDetail section > ul li{
	margin-bottom: 30px;
		gap:30px;
	align-items: center
}

#featureDetail section > ul li figure{
	width: 120px;
}

#featureDetail section > ul li p{
	width:calc(100% - 150px)
}

@media screen and (min-width: 769px) {
#feature .column2 .mainColumn {
    padding-left: 0px;
  }
	#feature .column2 .mainColumn section{
		padding-left: 60px
}
}

@media screen and (max-width: 768px) {
	#featureList ul li{
		width: 100%;
		margin-bottom: 15px;
	}
	.column2 aside#featureNav {
 display:none
		
}
	#featureDetail section > ul li {
  gap: 20px;
  align-items: flex-start;
}
	#featureDetail section > ul li figure {
  width: 80px;
}
	#featureDetail section > ul li p {
  width: calc(100% - 100px);
}
}