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

#formarea{
	padding-top: 80px;
}

#header-text .inner{
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(images/header-bg.jpg);
	background-position: center;
	background-size: cover;
	height: 600px;
	display: flex;
 	align-items: center;
}

.header-prof{
	display: none;
}

.inner .line-button img{
	max-width: none;
}

.hb-right{
	display: flex;
}

.hb-right .line-button{

}

.hb-right .simple-button{
	margin-left: 10px;
}

.hb-right .simple-button a{
	padding: 20px 20px 16px;
}

#header-text .boxes273{

}

.hh-marker{
	border-bottom: 5px solid var( --maincolor);
}

#top-lp .sect1 h3{
	color: var( --blackcolor);
	font-size:1.2em;
	text-align: center;
}

#header-text .box273a{
	background-color: var( --whitecolor);
	border: 1px solid var( --maincolor);
	padding: 40px;
}

#subheader-text{
	background-color: var( --lightcolor);
	padding: 30px 0;
}

.sect1 .top-icon{
	width: 30%;
	margin: 0 auto 10px;
}

.sect1 .top-icon img{

}

.sect2 .box246a{
	margin-bottom: 50px;
}

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

#top-lp .sect3 h2{
} 

.s3h2marker{
		border-bottom: 4px solid var( --maincolor);
}

.s3button, .s7button{
	margin: 20px auto 0;
	width: 50%;
}

.sect3 .simple-button{

}

.s4icon{
	width: 20%;
	margin: 0 auto 50px;
}

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

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

.s6head{
	display: flex;
	justify-content: flex-start;
}

.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-right: 20px;
}

#top-lp .sect6 .s6title h3{
	border-bottom: 4px solid var( --maincolor);
	color: var( --blackcolor);
	font-size: 1.75em;
}

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

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

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

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

#top-lp .sect8 h3{
	color: var( --blackcolor);
	font-size: 1.75em;
	padding-bottom: 10px;
}

.sect8 .h3line{
	border-bottom: 4px solid var( --maincolor);
}

.soudan-area p{
	margin-top: 20px
}

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

#sidebar .sidecontact-box p{
	margin:10px 0 0;
}

#sidebar .line-qr{
	width: 40%;
	margin: 0 auto;
}

.column-box{
	padding-bottom: 30px;
	border-bottom: 1px dotted var( --maincolor);
	margin-bottom: 30px;
}

.column-box .entrytitle{
	margin-bottom: 15px;
}

.column-box .marb30{
	margin-bottom: 15px;
}

.ex-btn{
	display: flex;
	justify-content: flex-end;
}

.column-box .simple-button{
	width: 25%;
	font-size: 0.9em
}

.column-box .simple-button a{
		padding: 4px;
}

/*横幅1280px以下の表示変更*/
@media screen and (max-width: 1280px) {

	#header-text .herohead{
		font-size: 32px;
	}
	
}

/*横幅1050px以下の表示変更*/
@media screen and (max-width: 1050px) {

	#header-text .herohead{
		font-size: 24px;
	}
	
	#header-text p.heroinfo{
		font-size: 18px;
	}
	
	#header-text p{
		font-size: 14px;
		line-height: 1.5;
		text-align: left;
	}
	
}

/*横幅768px以下の表示変更（スマホのみ適用はsp-style.php）*/
@media screen and (max-width: 768px) {
	
	.whiteheader #header-title .inner, .naviheader #header-title .inner{
		padding: 10px 20px;
	}
	
	.mobile-box{
	display: flex;
	justify-content: space-between;
	background-image: url(images/sp-header-bg.jpg);
	background-size:cover;
	background-position: right;
	padding: 40px 0 40px;
		margin-bottom: 10px;
	}
	
	.mbox-a{
		flex: 6;
	}
	
	.mbox-b{
		flex: 4;
	}

	#header-text .inner{
		background-image: none;
		align-items: normal;
		height: auto;
	}
	
	.header-prof{
		display: block;
		margin: 10px 0;
	}
	
	#header-text .boxes3, .sect5 .boxes3{
		display: flex;
		flex-direction: row;
	}
	
	#header-text .box3, .sect5 .box3{
		margin-right: 8px;
	}
	
	#header-text .box3:last-child{
		margin-right: 0;
	}
	
	#header-text .box273a{
		padding: 0 20px 20px 20px;
		border: none;
	}
	
	#header-text .herohead, #subheader-text .herohead{
		font-size: 20px;
	}
	
	#header-text p.heroinfo, #subheader-text p.heroinfo{
		font-size: 14px;
	}
	
	#header-text p{
		line-height: 1.5;
	}
	
	#subheader-text p.heroinfo{
		margin: 20px 0 0;
	}
	
	#subheader-text{
		padding: 20px 0;
	}
	
	#top-lp h2{
		font-size: 1.4em;
	}
	
	.sect1 .box3{
		margin-bottom: 20px;
	}
	
	.sect1 .box3:last-child{
		margin-bottom: 0;
	}
	
	.s3button, .s7button{
		width: 100%;
	}
	
	.s4icon{
		width: 40%;
	}
	
	.sect6 .wid960{
		padding: 0;
	}
	
	.sect8 .box264a, .sect8 .box264b{
		margin-bottom: 50px;
	}
	
	.line-button{
		margin: 20px 0;
	}
	
}