@charset "utf-8";

/*-------------------------------
	コラム・秘訣一覧
-------------------------------*/

.Column-list{
	display: flex;
	gap: 5.8rem 6rem;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.Column-list__item{
	width: calc((100% - 6rem) / 2);
}
.Column-list__item a{
	display: block;
	opacity: 1 !important;
}
.Column-list__item-image{
	width: 100%;
	height: 23.4rem;
	margin-bottom: 2rem;
	border-radius: 1.6rem;
	overflow: hidden;
}
.Column-list__item-image img{
	transition: var(--transition);
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.Column-list__item-title{
	transition: var(--transition);
	font-size: 2.4rem;
	margin-bottom: 1rem;
	font-weight: 700;
	line-height: calc(3.6 / 2.4);
}
.Column-list__item-title br{
	display: none;
}
.Column-list__item-text{
	transition: var(--transition);
	color: var(--blackcolor2);
	margin-bottom: 1.2rem;
}
.Column-list__item-data{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Column-list__item-data-category{
	transition: var(--transition);
	font-size: 1.2rem;
	height: 2.8rem;
	padding: .2rem 1.2rem;
	border-radius: .8rem;
	border: 1px solid #cbcbcb;
	line-height: 1;
	width: fit-content;
	display: flex;
	align-items: center;
}
.Column-list__item-data-corp{
	transition: var(--transition);
	font-size: 1.4rem;
	margin-left: 1.7rem;
	line-height: 1;
    display: block;
}

.Column-list__item a:hover .Column-list__item-title{
	color: var(--maincolor);
}
.Column-list__item a:hover .Column-list__item-image img{
	transform: scale(1.1);
}
.Column-list__item a:hover .Column-list__item-text{
	color: var(--subcolor);
}
.Column-list__item a:hover .Column-list__item-data-category{
	color: var(--maincolor);
	border-color: var(--maincolor);
}
.Column-list__item a:hover .Column-list__item-data-corp{
	color: var(--maincolor);
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

	.Column-list{
		gap: 5.8rem 4rem;
	}
	.Column-list__item{
		width: calc((100% - 4rem) / 2);
	}

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Column-list{
		gap: 7rem 5rem;
	}
	.Column-list__item{
		width: calc((100% - 5rem) / 2);
	}
	.Column-list__item-image{
		height: 17.2rem;
		margin-bottom: 2.5rem;
	}
	.Column-list__item-title{
		font-size: 3.2rem;
		margin-bottom: 1.5rem;
		line-height: calc(4.6 / 3.2);
	}
	.Column-list__item-text{
		margin-bottom: 2.5rem;
	}
	.Column-list__item-data-category{
        font-size: 2rem;
        height: 5rem;
        padding: .2rem 1.8rem;
        border-radius: 1.6rem;
	}
	.Column-list__item-data-corp{
		font-size: 2.2rem;
		margin-left: 2.2rem;
	}

}



/*-------------------------------
	コラム・秘訣詳細
-------------------------------*/

.Toc-list__title{
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}
.Toc-list{
	background: var(--graycolor);
	width: 100%;
	margin-bottom: 5.8rem;
	padding-left: 4rem;
	padding-bottom: 4rem;
	padding-right: 4rem;
	border-radius: 1.6rem;
}
.Toc-list__title{
	transform: translateY(-.5em);
	height: 0;
}
.Toc-list__item-wrap{
	padding-top: 3.6rem;
}
.Toc-list__item{
	border-bottom: 1px solid #c2c2c2;
}
.Toc-list__item:not(:last-child){
	margin-bottom: 1.7rem;
}
.Toc-list__item a{
	padding-bottom: 1.7rem;
	line-height: 1.5;
	display: block;
}

.Single-nav-wrap{
	padding-bottom: var(--padding-topbottom);
}
.C-Single-nav{
	margin-top: 0;
}

@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

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

	.Toc-list__title{
		font-size: 3.6rem;
		transform: translate(-.8rem,-.8em);
	}
	.Toc-list{
		margin-bottom: 6.5rem;
		padding-left: 5rem;
		padding-bottom: 4.8rem;
		padding-right: 5rem;
		border-radius: 2.4rem;
	}
	.Toc-list__item-wrap{
		padding-top: 3.8rem;
	}
	.Toc-list__item:not(:last-child){
		margin-bottom: 3rem;
	}
	.Toc-list__item a{
		padding-bottom: 2.2rem;
		padding-left: .6rem;
		padding-right: .6rem;
		line-height: calc(4.5 / 2.6);
	}

}