.grecaptcha-badge {
    visibility: hidden;
}

html {
  scroll-padding-top: 80px;
}

#top-lp p{
	font-size: 1.1em;
}

/* ===== sect1：お困りごと ===== */

.sect1{
	padding-top: 50px;
}

.sect1-box{
	background: var( --lightcolor);
	box-shadow: 3px 3px 6px rgba(0,0,0,0.12);
	padding: 30px 25px;
	text-align: center;
}

.sect1-icon{
	width: 120px;
	margin: 0 auto 20px;
}

.sect1-icon img{
	width: 100%;
	height: auto;
}

#top-lp .sect1 h3{
	font-size: 1.2em;
	font-weight: bold;
	color: var( --blackcolor);
	margin-bottom: 16px;
}

#top-lp .sect1 p{
	text-align: left;
	line-height: 1.8;
}

/* ===== sect2：手続きの負担 ===== */

#top-lp .sect2 p{
	line-height: 2;
	margin-bottom: 1em;
}

#top-lp .sect2 p:last-child{
	margin-bottom: 0;
}

/* ===== sect3：手続きのストレス ===== */

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

/* ===== sect4：専門家に相談 ===== */

#top-lp .sect4 p{
	line-height: 2;
	margin-bottom: 1em;
}

#top-lp .sect4 p:last-child{
	margin-bottom: 0;
}

.sect4 .top-interview{
	text-align: right;
	margin-top: 20px;
}

/* ===== sect5：お困りごと解決 ===== */

.bg-case::before {
	background-image: linear-gradient(rgba(255,255,255,0.7), rgba(255,255,255,0.7)), url(images/bg-case.jpg);
}

.sect5 .wid960{
	background-color: var( --whitecolor);
	padding: 50px;
}

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

#top-lp .sect5 p{
	margin: 20px 0;
}

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

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

.kaiketsu{
	color: var( --maincolor);
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 50px;
}

/* ===== sect6：事務所の特徴 ===== */

.sect6 .wid960{
	background-color: var( --whitecolor);
	padding: 50px;
}

.s6number{
	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: 30px auto 30px;
}

.s6number:first-child{
	margin-top: 0;
}

#top-lp .sect6 h3{
	color: var( --blackcolor);
	font-size: 1.4em;
	text-align: center;
	margin-bottom: 30px;
	line-height: 1.75;
}

.sect6 .marker{
	border-bottom: 4px solid var( --markercolor);
}


/* ===== sect7：よくあるご質問 ===== */

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

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

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

.s7button{
	margin: 0 auto;
	width: 50%;
}

/* ===== sect8：事務所案内 ===== */

.sect8 .box246a{
	margin-bottom: 30px;
}

.sect8 .box246b{
	margin-bottom: 50px;
}

	.line-qr{
		margin: 0 auto;
		text-align: center;
	}

#top-lp td {
	background-color: var( --whitecolor);
	line-height: 1.5;
}

/* ===== レスポンシブ ===== */
@media screen and (max-width: 768px) {
	
#header-title h1, #header-title .hx, .header-title h1, .header-title .hx{
	font-size: 2.3em;
}
	
	#header-text{
		background-image: none;
		background-color: var( --lightcolor);
	}
	
	.hero-subcopy{
		margin-bottom: 20px;
	}
	
	.ctb-header{
		margin-top: 0;
	}
	
	.cb-main-left{
		padding: 0;
	}

	.sect1{

	}

	.sect1 .boxes3{
		flex-direction: column;
	}

	.sect1-box{
		margin-right: 0;
		margin-bottom: 30px;
	}

	.sect1-box:last-child{
		margin-bottom: 0;
	}

	.sect2 .box264b{
		margin-top: 20px;
	}

	.sect3 .wid720{
		padding: 0 20px;
	}

	.sect4 .box246a{
		margin-bottom: 20px;
	}
	
	.sect5 .wid960{
		padding: 20px;
	}
	
	.s5box{
		padding: 20px;
	}
	
	.sect6 .wid960{
		padding: 20px;
	}
	
	.s7button{
		width: 100%;
	}
	
	.line-qr{
		width: 60%;
	}

}