.case-button{
	margin: 0 auto;
	width: 33%;
}

.sect1 .box255a, .sect1 .box255b{
	background-color: var( --lightcolor);
	padding: 20px;
	margin-bottom: 50px;
}

#top-lp .sect1 .box255a p, #top-lp .sect1 .box255b p{
	font-size: 1.3em;
	font-weight: bold;
	margin: 0;
}

.sect1 .boxes228 {
	align-items: center;
}

.sect1 .box228a{
	flex: 1;
}

.sect1 .box228b{
	flex: 9;
}

.sect1 .box228a img{
}

#top-lp .sect2 p{
	color: var( --maincolor);
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
}

#top-lp .sect2 .box255a, #top-lp .sect2 .box255b{
	background-color: var( --whitecolor);
	border: 1px solid var( --blackcolor);
	padding: 40px;
	margin-bottom: 70px;
	position: relative;
}

#top-lp .sect2 h3{
	color: var( --blackcolor);
	font-size: 1.3em;
	margin-bottom: 30px;
	padding-bottom: 10px;
	text-align: center;
	background: linear-gradient(transparent 85%, var( --markercolor) 60%);
}

#top-lp .sect2 .boxes255 p{
	color: var( --blackcolor);
	font-size: 1em;
	font-weight: normal;
	text-align: left;
}

#top-lp .sect2 .nobox .box255b{
	border: none;
	background-color: transparent;
}

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

.boxnum{
	background: var( --maincolor);
	color: var( --whitecolor);
	font-size: 1.5em;
    position: absolute;
    top: -30px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 56px;
}

.s5box{
	background-color: var( --whitecolor);
	padding: 40px;
	margin-bottom: 50px;
}

.s5box:last-child{
	margin-bottom: 0;
}

.box-header{
	display: flex;
	align-items: center;
}

.b-number{
	background: var( --maincolor);
	color: var( --whitecolor);
	font-size: 1.5em;
    top: -30px;
    left: calc(50% - 30px);
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 56px;
	margin-right: 20px;
}

#top-lp .b-head h3{
	color: var( --blackcolor);
	background: linear-gradient(transparent 85%, var( --markercolor) 60%);
	font-size: 1.75em;
}

.box-content{
	background-color: var( --lightcolor);
	margin-top: 30px;
	padding: 30px;
}

.box-bold{
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 2;
}

#top-lp .box-content p{
}

.sect5 ul, ol{
	margin: 0;
}

.sect5 li{

}

.sect5 li:last-child{
	margin-bottom: 0;
}

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

.sect7 .box3{
	background-color: var( --whitecolor);
}

#top-lp .sect7 h3{
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 20px;
}

.s7-content{
	padding: 30px;
}

.cb-button{
	margin: 10px auto 0;
	width: 50%;
}

.contact-topbox .simple-button{
	background-color: var( --whitecolor);
	color: var( --maincolor);

}


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

#top-lp .sect8 h3{
	font-size: 1.3em;
	text-align: left;
	margin-bottom: 20px;
}

.s8icon{
	margin: 0 auto 30px;
	width: 100px;
}

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

.s9icon{
	margin: 0 auto 30px;
	text-align: center;
}

.s9icon img{
}

.sect9 .box246a, .sect9 .box246b{
	margin-bottom: 50px;
}

#top-lp .soudan-area p{
	color: var( --blackcolor);
}

#top-lp .sect10 h2{
	margin-bottom: 30px;
}

.soubox{
	background: var( --lightcolor);
	border: 1px solid var( --maincolor);
	padding: 40px;
	margin-bottom: 30px;
}

.soubox:last-child{
	margin-bottom: 0;
}

.soudan-bold{
	font-weight: bold;
}

.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="tel-663"],
.wpcf7 input[name="text-957"],
.wpcf7 input[name="date-614"],
.wpcf7 input[name="date-624"]
{
        height: 35px !important;
}

.wpcf7 select[name="select-750"],
.wpcf7 select[name="select-740"]
{
        height: 38px !important;
}

.date-info{
	font-size: 0.9em;
	margin: 20px 0;
}

#surveyContainer{
	border: 1px solid var( --maincolor);
	padding: 30px;
}

.check-head{
	background-color: var( --lightcolor);
	color: var( --blackcolor);
	padding: 6px;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 10px;
}

.check-q{
	color: var( --maincolor);
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 10px;
}

.check-box{
	margin-bottom: 40px;
}

#userEmail{
	height: 30px;
}

#submitBtn, #backBtn{
	background-color: var( --maincolor);
	border: 1px solid var( --maincolor);
	color: var( --whitecolor);
	padding: 8px;
}

#resultSection{
	padding: 30px 0	
}

/*横幅768px以下の表示変更（スマホのみ適用はsp-style.php）*/
@media screen and (max-width: 768px) {
	
	#header-text, #subheader-text{
		padding: 0;
	}
	
	#subheader-text img{
		width: 100%;
		margin: 0;
	}
	
	#subheader-text .inner{
		padding: 0;
	}
	
	#top-lp .sect1 h2{
		margin: 20px 0 0;
	}
	
	nav.menu ul li a, nav.btnmanu ul li a {
		padding: 6px 0;
	}
	
	.sect1 .box255a, .sect1 .box255b{
		margin-bottom: 20px;
	}
	
	.sect1 .padb50{
		padding-bottom: 30px;
	}
	
	#top-lp .sect2 .nopadd .box255b{
		margin-bottom: 0;
		padding: 0;
	}
	
	.sect4 .box246a, .sect6 .box246a{
		margin-bottom: 20px;
	}
	
	#top-lp .b-head h3{
			background: transparent;
	}
	
	.box-bold{
		font-size: 1em;
	}
	
	#top-lp .b-head h3{
	font-size: 1.2em;
}
	.b-number{
		flex:2;
	}
	
	.b-head{
		flex:8;
	}
	
	.s5box{
	padding: 20px;
	}
	
	.box-content{
		padding: 20px;
	}
	
	.box-content ul, .box-content ol{
		padding: 0 0 0 10px;
	}

	.cb-sub{
		font-size: 1em;
	}
	
	.cb-button, .case-button{
	width: 100%;
	}
	
	.cb-main-right{
		padding: 0;
	}
	
	.soubox{
		padding: 20px;
	}
	
}