@media only screen and (min-width:1000px){*.sp{display:none !important;}}
@media only screen and (max-width:1000px){*.pc{display:none !important;}}


/*===========================================*/
/*============　ヘッダー調整用　=============*/
/*===========================================*/

header {
	width: 100%;
	border-top: #052a4f solid 4px;
	background: none;
	margin: 0;
	padding: 0px 0 min(3vw,17px);
	overflow: hidden;
	border-bottom: #052a4f solid 4px;
}

header .fs-p-inputGroup .fs-p-searchForm__input {
	width: 100%;
	padding: 10px 10px 10px 40px;
	border: none;
}

.fs-p-searchForm__button::before {
	content: "";
	background: url("https://www.ecjissenkai.com/blogs/wp-content/themes/ec_jissenkai_blog/images/h-icon_search.png") no-repeat center / 100%;
	speak: none;
	line-height: 1;
	display: block;
	width: 1.5em;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1.5em;
	margin: auto;
}




@media only screen and (max-width:1000px){
header {
	width: 100vw;
	height: 23vw;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	display: flex;
	background-color: #fff;
	overflow: initial;
}
header .wrap.fe {
	justify-content: space-between;
	padding: 0 3vw;
}
header .wrap.fe #headtitle h1 {
	position: absolute;
	left: 0;
	height: auto;
	width: 100vw;
	margin: 0 2vw;
	top: 2vw;
	left: 3vw;
}
header .wrap.fe nav.subNav {
	width: 85%;
}
header > .wrap > div.menu {
	width: 12vw;
	height: 18vw;
	padding: 3vw 0vw;
	position: static;
	right: 0 !important;
	top: 0;
}
header .wrap.fe nav.subNav {
	width: 100%;
	position: absolute;
	top: 39vw;
	right: 0 !important;
	background-color: #fff;
	left: 0;
}
header .wrap.fe nav.subNav ul {
	width: 100%;
	justify-content: space-around;
	gap: 0;
}
header .wrap.fe nav.subNav ul li {
	height: 14vw;
	line-height: 14vw;
	width: calc(calc(100% - 10px) / 2);
	margin: 0;
}
header .wrap.fe nav.subNav ul li a {
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	transition-duration: 0.3s;
	background-color: #fff;
	text-align: left;
	border-radius: 0;
	height: 100%;
	transform: translate(0 , 0);
	display: block;
	padding: 0 0 0 18vw;
	font-size: 3.5vw;
	border-right: 1px #052a4f solid;
}
header .wrap.fe nav.subNav ul li + li a {border-right:none;}
header .wrap.fe nav.subNav ul li a::before {
	content: "";
	width: 10vw;
	height: 10vw;
	position: absolute;
	left: 5vw;
	right: initial;
	top: 0;
	margin: auto;
	bottom: 0;
}
header nav.nav {
	width: 100%;
	background-color: #dfeedc;
	position: absolute;
	top: 53vw;
	right: 0 !important;
}
header nav.nav ul {
	width: 100%;
	margin: 0 auto;
	position: absolute;
	background: #fff;
	flex-wrap: wrap;
	gap: 0;
	padding: 0 0 10vw;
}
header nav.nav ul li {
	border-right: none;
	width: 100%;
	border-top: 1px dashed;
	line-height: 15vw;
	height: 15vw;
	border-bottom: 0;
}
header nav.nav ul li a:not([href="https://form.k3r.jp/style_c/ecjissenkai"]) {
	margin-bottom: 0;
	width: 100%;
	font-size: 16px;
	display: block;
	color: #3a3a3a;
	position: relative;
	height: 15vw;
	line-height: 15vw;
	text-align: left;
	padding: 0 5vw;
	font-weight: 700;
}
header nav.nav ul li a[href="https://form.k3r.jp/style_c/ecjissenkai"] {
	background: #052a4f;
	padding: 0 50px;
	border-radius: 10px;
	box-shadow: 1px 1px 5px rgb(75, 115, 168 , .8);
	width: 80vw;
	margin: 5vw auto 0;
}
header nav.nav ul li a[href="https://form.k3r.jp/style_c/ecjissenkai"] span {
	position: relative;
	z-index: 3;
	color: #fff;
	font-size: 4vw;
	font-weight: 900;
	text-align: center;
	width: 100%;
	display: block;
}
header .fs-p-searchForm {
	position: absolute;
	width: 100vw;
	margin: 0;
	left: 0;
	right: 0 !important;
	background: #fff;
	padding: 4vw 5vw;
	top: 20vw;
}
header .fs-p-inputGroup .fs-p-searchForm__input {
	width: 100%;
	padding: 3vw 7vw;
	font-size: 3.5vw;
}
header .fs-p-inputGroup .fs-p-inputGroup__button {
    width: 2rem;
}
header .fs-p-searchForm,
header .wrap.fe nav.subNav,
header nav.nav{
	transform: translate(-100vw,0);
	display: block;
	transition: .8s ease-in;
}
.open header .fs-p-searchForm,
.open header .wrap.fe nav.subNav,
.open header nav.nav{transform: translate(0,0);}

#contents {
	transform: none;
	will-change: auto;
	padding-top: 20vw;
	width: 100%;
}
#contents #main {
	float: none;
	width: 100%;
	padding-bottom: 20px;
	padding: 0 3vw;
	margin: auto;
}





}