#header-text .box255a{
	background-color: var( --whitecolor);
	opacity: 0.85;
	padding: 30px;
}

#subheader-text .box255a{
	background-color: var( --whitecolor);
	opacity: 0.85;
	padding: 30px;
}

#header-text mark, #subheader-text mark{
	color: var( --maincolor);
}

#header-text .boxes255{
	margin-bottom: 200px;
}

#header-text .simple-button{

}

.button-spanish{
	margin: 0 auto;
	width: 50%;
}

.sect1 .box3{
	box-shadow: 3px 3px 6px rgba(0,0,0,0.16);
}

.s1b3inner{
	padding: 20px;
}

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

#top-lp .sect3 h3{
	color: var( --blackcolor);
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 20px;
}

.s3-mark{
	width: 180px;
	margin: 0 auto;
}

.s3-mark img{
	width: 100%;
}

/*横幅768px以下の表示変更（スマホのみ適用はsp-style.php）*/
@media screen and (max-width: 768px) {
	
	#header-title h1, #header-title .hx, .header-title h1, .header-title .hx{
		font-size: 2.5em;
	}
	
	.whiteheader #header-title .inner, .naviheader #header-title .inner{
		padding: 10px;
	}
	
	#header-title .subofficename, #header-title .subofficename a, .header-title .subofficename, .header-title .subofficename a{
		font-size: 0.75em;
	}
	
	#header-text {
		padding: 10px 0;
	}
	
	#header-text .boxes255{
		margin-bottom: 0;
	}
	
	.first-contact .contact-topbox{
		margin-top: 20px;
	}
	
	.sect1 .box3, .sect3 .box3{
		margin-bottom: 30px;
	}
	
	.sect1 .box3:last-child, .sect3 .box3:last-child{
		margin-bottom: 0;
	}
	
	#sidebar .sidecontact-box img{
		width: auto;
	}
	
}