.header-cb{
	margin-top: 120px;
}

.topbox3{
	margin-top: -120px;	
}

.topbox3{
	border: 4px solid var( --whitecolor);
}

.cb-button{
	width: 65%;
	margin: 0 auto;
}

.cb-button .simple-button{
	color: var( --maincolor);
	background: var(--whitecolor);
}

.cb-button .simple-button a{
	color: var( --maincolor);
}

.sect1 .box255a, .sect1 .box255b{
	margin-bottom: 50px;
	padding: 40px;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
}

.sect1 .box255a{
	margin-right: 25px;
}

.sect1 .box255b{
	margin-left: 25px;
}

#top-lp .sect1 h3{
	color: var( --blackcolor);
	font-size: 1.3em;
	text-align: center;
}

#top-lp .sect1 p{
	font-size: 16px;
	line-height: 2;
}

.s1-icon{
	width: 25%;
	margin: 0 auto 30px;;
}

.sect2 {
	background-image: url(images/bg-sect2.jpg);
	background-position: center;
	background-size: cover;
}

.sect2 .box264a{
	padding: 20px 40px 20px 0;
}

.top-interview{
	text-align: right;
}

.s4icon{
	margin: 0 auto 30px;;
	width: 120px;
}

.sect5 .s4icon{
	width: 150px;
}

.case-box{
	background-color: var( --whitecolor);
	padding: 50px 80px 50px;
}

#top-lp .sect5 h3{
	color: var( --maincolor);
	text-align: center;
	margin-bottom: 30px;
}

#top-lp .sect5 img{
	margin-bottom: 20px;
}

#top-lp .sect5 p{
	margin-bottom: 50px;
}

.bg-merit{
	background-image: linear-gradient(rgba(255,255,255,0.75), rgba(255,255,255,0.75)), url(images/bg-merit.jpg);
	background-position: center;
	background-size: cover;
}

.sect6 .box255a, .sect6 .box255b{
	background-color: var( --whitecolor);
	padding: 30px;
	margin-bottom: 30px;
	-webkit-box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
}

#top-lp .sect6 h3{
	font-size: 1.25em;
	margin-bottom: 20px;
}

.sect6 .s1-icon{
	text-align: center;
}

.sect6 .s1-icon img{
	width: 30%;
}

.sect7 .s1-icon{
	width: 18%;
}

/*横幅768px以下の表示変更（スマホのみ適用はsp-style.php）*/
@media screen and (max-width: 768px) {
	
	nav.menu ul li a, nav.btnmanu ul li a {
		padding: 4px 0;
	}
	
	.topbox3{
	margin-top: -110px;	
	}

	.naviheader .boxes3{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
	}
	
	.contact-topbox .cb-button{
		margin-top: 20px;
		width: 100%;
	}
	
	.sect1 .box255a, .sect1 .box255b{
		padding: 20px;
	}
	
	.sect1 .box255b{
		margin-left: 0;
	}
	
	.sect2 .box264a{
		padding: 0;
	}
	
	.sect2{
		background-image: none;
		background-color: var( --lightcolor);
	}
	
	.sect3 .box246a{
		margin-bottom: 20px;
	}
	
	.sect4 .box3{
		margin-bottom: 20px;
	}
	
	.sect4 .box3:last-child{
		margin-bottom: 0;
	}
	
	.case-box{
		padding: 30px;
	}
	
	.sect7 .box255a, .sect7 .box255b{
		margin-bottom: 20px;
	}
	
	.sect8 .box246a {
		margin-bottom: 20px;
	}
	
	#top-lp .soudan-area{
		border: none;
		margin: 0;
	}
	
}