.undertop-box{
	background-color: var( --whitecolor);
	margin-top: -100px;
}

.undertop-box .box-title{
	font-size: 1.3em;
	text-align: center;
	margin: 20px 0;
}

.box-para img{
	margin-bottom: 20px;
}

.undertop-box p{
	line-height: 1.75;
}

.undertop-box .box-para{
	padding: 0 20px 30px 30px;
}

.contact-topbox .simple-button{
	background-color: var( --whitecolor);
	color: var( --maincolor);
	border: none;
	border-radius: 50px;
	width: 300px;
	margin: 0 auto; 
	display: inline-block; 
}

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

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

.s1pict{
	width: 40%;
	margin: 0 auto;
}

.sect2{
	background-image: linear-gradient(rgba(237,242,255,0.88), rgba(237,242,255,0.88)), url(images/bg-sect2.jpg);
	background-position: center center;
	background-size: cover;
	display: flex;
}

.ss-logo{
	text-align: center;
	margin-bottom: 50px;
}

.sect6{
	background-image: linear-gradient(rgba(21,68,118,0.75), rgba(21,68,118,0.75)), url(images/bg-sect6.jpg);
	background-position: center center;
	background-size: cover;
	display: flex;
}

.sect6 .box255a, .sect6 .box255b{
	margin-bottom:50px;
}

#top-lp .sect6 h2, #top-lp .sect6 h3, #top-lp .sect6 p{
	color: var( --whitecolor);
}

#top-lp .sect6 h3{
	color: var( --whitecolor);
	font-size: 1.2em;
	text-align: center;
	margin: 20px 0;
}

#top-lp .sect6 p{
	line-height: 2;
}

.s6pict{
	width: 15%;
	margin: 0 auto;
}

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



.soudan-infobox{
	background-color: var( --whitecolor);
	padding: 30px;
	line-height: 1.75;
}

/* 記事監修 */

.kan-area{
	display: flex;
	flex-direction: column;
}

.kan-box{
	background-color: var( --lightcolor);
	border: 1px solid var( --maincolor);
	padding: 10px;
	margin-bottom: 20px;
}

.kan-label{
	display: inline-block;
	background-color: var( --whitecolor);
	color: var( --maincolor);
	margin-bottom: -1px;
	padding: 6px 10px;
	border: 1px solid var( --maincolor);
}

.kan-kata{
	color: var( --maincolor);
	font-weight: bold;
}

.kan-name{
	font-size: 1em;
	font-weight: bold;
}

.kan-furi{
	font-size: 0.75em;
	font-weight: bold;
}

.kan-box .boxes228{
	align-items: center;
}

.kan-box .box228a{
	flex: 15;
}

.kan-box .box228b{
	flex: 85;
}

#post .kan-box p{
	font-size: 0.875em;
	line-height: 1.6;
	margin-top: 8px;
}


/*横幅768px以下の表示変更（スマホのみ適用はsp-style.php）*/
@media screen and (max-width: 768px) {
	
	.whiteheader #header-title .inner, .naviheader #header-title .inner{
		padding: 10px;
	}

#header-text, #subheader-text{
	padding: 40px 0 160px;
}
	
	#subheader-text{
		padding: 0 20px;
	}
	
	#subheader-text .inner{
		padding: 0;
	}
	
	.sect1 .box3, .sect4 .box3{
		margin-bottom: 30px;
	}
	
	.sect1 .box3:last-child, .sect4 .box3:last-child{
		margin-bottom: 0;
	}
	
	.wid840{
		padding: 0;
	}
	
	.sect3 .box246a{
		margin-bottom: 30px;
	}

	
}