@charset "utf-8";
#sec_useful ul li.js-fadein{
	opacity: 1;
	transform: translateY(0);
}
#wrap{
	overflow: inherit;
}

#contentsBlock .wrapper{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	position: relative;
}

.wrapper .catNav{
	position: sticky;
	top: 90px;
	left: 0;
	max-width: 239px;
	width: 100%;
	flex-shrink: 0;
	background: #F1F1F1;
	border-radius: 10px;
	padding: 25px 20px;
	text-align: left;
}

.wrapper .catNav p{
	font-size: 2rem;
	font-weight: 700;
	color: #032E83;
}

.wrapper .catNav li{
	margin-top: 15px;
}

.wrapper .catNav a{
	color: #414040;
	font-weight: 700;
}

.wrapper .catNav a:hover{
	color: #032E83;
}

#sec_detail{
	padding-left: 70px;
}
#sec_detail .labelBox{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#sec_detail .labelBox .label{
	background: #032E83;
	border-radius: 21px;
	color: #fff;
	font-weight: 700;
	padding: 3px 14px 6px;
	margin-right: 10px;
}

#sec_detail .labelBox .time{
	display: block;
	text-align: left;
	font-family: "Montserrat", serif;
	font-size: 1.4rem;
}

#sec_detail .ttl{
	color: #032E83;
	font-size: 4.2rem;
	text-align: left;
	letter-spacing: 0.01em;
	line-height: 1.429;
	margin-top: 15px;
}

.wysiwygContainer{
	border-top: solid 1px #A5A5A5;
	border-bottom: solid 1px #A5A5A5;
	margin-top: 30px;
	padding: 50px 0;
	text-align: left;
}

.wysiwygContainer img,
.wysiwygContainer ul,
.wysiwygContainer ol,
.wysiwygContainer p{
	margin-top: 40px;
}
.wysiwygContainer > *:first-child {
	margin-top: 0;
}

.wysiwygContainer ul > li,
.wysiwygContainer ol > li{
	list-style-position: inside;
}
.wysiwygContainer ul > li{
	padding-left: 1em;
	text-indent: -1em;
}
.wysiwygContainer ol > li{
	list-style-type: decimal;
	padding-left: 1em;
	text-indent: -1em;
}

.wysiwygContainer .eyecatch img{
	margin-top: 0;
}


#sec_detail .btnBox{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: 60px;
}

#sec_detail .btnBox .btn{
	max-width: 420px;
	width: 100%;
	line-height: 72px;
	padding: 0;
	border-radius: 36px;
}

#sec_detail .btnBox .btn + .btn{
	margin-top: 25px;
}

#sec_detail .btnBox .arrow.prev{
	color: #414040;
}
#sec_detail .btnBox .arrow.prev::after{
	content: none;
}

#sec_detail .btnBox .arrow.prev::before{
	content: "";
	display: inline-block;
	background: url("/themes/site/common/img/icon_arrow_gy.svg") no-repeat center / contain;
	width: 25px;
	height: 12px;
	margin-right: 11px;
}

#sec_detail .btnBox .btn.prev{
	background: linear-gradient(to right, #032E83, #032E83 50%, #F1F1F1 50%);
	background-size: 200% 100%;
	background-position: 100%;
}
#sec_detail .btnBox .btn.prev:hover{
	color: #fff;
	background-position: 0 100%;
}
#sec_detail .btnBox .btn.prev:hover::before{
	background-image: url("/themes/site/common/img/icon_arrow_wh.svg");
	transform: scale(-1,1);
}

@media screen and (max-width: 1023px){
	.wrapper .catNav{
		display: none;
	}
	#sec_detail{
		padding: 0;
	}
}
@media screen and (max-width: 767px){
	#sec_detail .ttl{
		font-size: 2.8rem;
	}
	
	.wysiwygContainer{
		padding: 30px 0;
	}
	.wysiwygContainer img,
	.wysiwygContainer ul,
	.wysiwygContainer ol,
	.wysiwygContainer p{
		margin-top: 24px;
	}
	
	#sec_detail .btnBox{
		margin-top: 50px;
	}
	#sec_detail .btnBox .btn{
		line-height: 53px;
	}

}