#wrap{
	padding-top:5em;
}
.sec1{
	padding:5.2% 0;
	color:#000;
}
.sec1 .inner{
	width:1800px;
}
.sec1 .title{
	text-align:center;
	border-bottom:1px solid rgba(0,0,0,0.15);
	padding-bottom:4.125em;
	margin-bottom:4em;
}
.sec1 .flex-box{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 .content-part{
	width:79.28%;
	border-right:1px solid rgba(0,0,0,0.15);
	padding-left:4.2%;
	padding-right:6.2%;
	padding-top:1.7%;
	padding-bottom:5.5%;
}
.sec1 .nav-part{
	width:19.17%;
	text-align:center;
	position:sticky;
	top:10em;
}
.sec1 .nav-part a{
	color:#666;
	display:block;
	padding:1.375em 0;
	border-bottom:1px solid rgba(0,0,0,0.15);
}
.sec1 .nav-part a.active{
	color:#000;
	font-weight:bold;	
}
.sec1 .section{
	margin-bottom:9%;	
}
.sec1 .section:last-child{
	margin-bottom:0;
}
.sec1 h1{
	font-size:2.25em;
	line-height:1.333;
	margin-bottom:0.56em;
}
.sec1 h2{
	font-size: 2em;
	line-height: 1.3125;
	color:#333;
	font-weight:normal;
}
.sec1 h3{
	font-size:1.5em;
	color:#000;	
	margin-bottom:1.5em;
}
.sec1 h3 img{
	width:auto;
	height:1.5em;
	margin-right:1em;
	vertical-align:middle;
}
.sec1 h3 span{
	vertical-align:middle;
}
.sec1 h5{
	font-size:1.125em;
	line-height:1.78;
	color:#666;
	margin-bottom:1.4em;
	font-weight:normal;
}
.sec1 li h5{
	margin-bottom:0;
}
.sec1 h5 b,.sec1 li h5{
	color:#333;
	font-weight:bold;
}
.sec1 p{
	color:#666;
	line-height:2;
}
.sec1 ul{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-direction:row;
}
.sec1 li{
	width:32.26%;
	background-color: #F5F5F5;
	border: 1px solid #999999;
	border-radius: 0.3125em;
	padding: 1.75em 1.75em 3.5em;
}
.sec1 li .line{
	border-bottom:1px solid rgba(0,0,0,0.15);
	margin:1.125em 0;
}
.sec1 .totop{
	color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:1em 0;
	border: 1px solid #000;
	-webkit-transition: color 0.5s,background-color 0.5s;
	transition: color 0.5s,background-color 0.5s;
	margin:0 auto;
	width:11em;
}

@media only screen and (min-width:1025px){
	.sec1 .nav-part a:hover{
		color:#000;
		font-weight:bold;	
	}
	.sec1 .totop:hover{
		color: #fff;
		background-color: #000;
	}
}


@media only screen and (max-width:1024px){
	#wrap{
		padding-top:3.375em;
	}
	.sec1{
		padding:15% 0;
		font-size:0.875em;
	}
	.sec1 .flex-box{
		display:block;
	}
	.sec1 .content-part{
		width:100%;
		border-right:0 none;
		padding-left:0;
		padding-right:0;
		padding-top:0;
		padding-bottom:0;
	}
	.sec1 .nav-part{
		display:none;
	}
	.sec1 h1{
		font-size:2em;
	}
	.sec1 ul{
		display:block;
	}
	.sec1 li{
		width:100%;
		margin-bottom:10%;
	}
	.sec1 .totop{
		font-size: 0.875em;
	}
}