.grecaptcha-badge {
    visibility: hidden;
}

.mtauto{
	margin-top: auto;
}

#header-text .boxes228{
	align-items: center;
	margin-bottom: 100px;
}

#header-text .box228a{
	flex: 24
}

#header-text .box228b{
	flex: 76
}

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

.boxes4{
	display: flex;
	justify-content: space-between;
}

.box4{
	flex: 1;
	margin-right: 20px;
}

.box4:last-child{
	margin-right: 0;
}

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

.sect1 .boxes3{
	margin-top: 60px;
}

.sect1 .box3{
	display: flex;
	flex-direction: column;
	border: 1px solid var( --blackcolor);
	padding: 60px 40px 40px;
	position: relative;
}

#top-lp .sect1 .box3 h3{
	color: var( --maincolor);
	font-size: 1.2em;
	margin-bottom: 20px;
	text-align : left;
	line-height: 2;
}

.sect1 .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;
}

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

.sect4 .s4box{
	background: var( --whitecolor);
	border: 1px solid var( --blackcolor);
	padding: 40px;
	margin-bottom: 50px;
}

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

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

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

.sect5 .s4icon{
	width: 150px;
}

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

.sect6 .advan-box{
	background: var( --whitecolor);
	border: 1px solid var( --blackcolor);
	padding: 40px;
	position: relative;
	margin-bottom: 60px;
}

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

.sect6 .advan-num{
	background: var( --maincolor);
	color: var( --whitecolor);
	font-size: 2.5em;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 76px;
}

#top-lp .sect6 h3{
	margin: 30px 0;
	padding: 0;
}

.sect7 {
	margin: 0;
	background-image: linear-gradient(rgba(8,64,115,0.8), rgba(8,64,115,0.8)), url(images/bg-faq.jpg);
	background-position: 25% 25%;
	background-size: cover;
}

#top-lp .sect8 h3{
	color: var( --maincolor);
	text-align: left;
}

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

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

/* 相談事例 */
.box-soudan{
	padding: 20px;
	border: 1px solid var( --maincolor);
	background-color: var( --whitecolor);
	margin-bottom: 20px;
}

.box-namae{
	color: var( --maincolor);
	font-size: 1.1em;
	font-weight: bold;
}

.youtube-ratio iframe {
  width: 100%;
	aspect-ratio: 4 / 3;
}

/* 記事監修者 */
.soudan-infobox{
	background-color: var( --whitecolor);
	padding: 30px;
	line-height: 1.75;
}

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

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

.content-footer li{
	list-style-type: none;
}

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

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

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

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

.kan-name{
	font-size: 1.2em;
}

.kan-box .boxes228{
	margin-top: 20px;
	align-items: center;
}

/* インタビュー */

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

.interviewer{
	color: var( --maincolor);
	font-weight: bold;
	line-height: 1.75;
	margin: 30px 0;
}

.interviewee {
	margin-bottom: 20px;
}

.interviewee:before {
	background-color: var( --maincolor);
	color: var( --whitecolor);
	font-size: 1em;
	content: "横川";
	margin-right: 5px;
	padding: 0 8px 2px;
}


/*横幅768px以下の表示変更（スマホのみ適用はsp-style.php）*/
@media screen and (max-width: 768px) {

	.whiteheader #header-title .inner, .naviheader #header-title .inner{
	padding: 10px;		
	}
	
	#header-title h1, #header-title .hx, .header-title h1, .header-title .hx{
		font-size: 2.5em;
	}
	
	#header-text .mart50{
		margin-top: 10px;
	}
	
	#header-text .boxes228{
		flex-direction: column;
		margin-bottom: 0;
	}
	
	#header-text .box228a{
		display: none;
	}
	
	#header-text, #subheader-text{
		padding: 0;
	}
	
	#header-text .boxes4 {
		flex-direction: row;
	}
	
	.sect1 .box3{
		margin-bottom: 60px;
	}
	
	.sect1 .box3:last-child{
		margin-bottom: 0;
	}
	
	.wid960, .wid720{
		padding: 0;
	}
	
	.sect3 .box246a{
		margin-bottom: 20px;
	}
	
	.sect5 .box3{
		margin-bottom: 20px;
	}
	
	.sect5 .box3:last-child{
		margin-bottom: 0;
	}
	
	.box-answer{
		padding: 10px;
	}
	
	.case-button{
		width: 100%;
	}
	
}