@charset "UTF-8";
/**
 * style.css の全体指定が .implant-lp 内に漏れないように打ち消す
 * （header/footer は .implant-lp 外のため影響なし）
 */

.implant-lp h1,
.implant-lp h2,
.implant-lp h3,
.implant-lp h4,
.implant-lp h5,
.implant-lp p,
.implant-lp a,
.implant-lp span,
.implant-lp strong,
.implant-lp dl,
.implant-lp dt,
.implant-lp dd,
.implant-lp table,
.implant-lp tbody,
.implant-lp thead,
.implant-lp th,
.implant-lp td,
.implant-lp blockquote,
.implant-lp ul,
.implant-lp li,
.implant-lp ol {
	font-family: inherit;
	color: inherit;
}

.implant-lp p,
.implant-lp li,
.implant-lp dt,
.implant-lp dd,
.implant-lp th,
.implant-lp td {
	font-size: inherit;
	line-height: inherit;
	margin: 0;
}

.implant-lp a {
	-webkit-transition: none;
	transition: none;
	text-decoration: none;
	color: inherit;
}

.implant-lp a:hover,
.implant-lp .uk-link:hover {
	color: inherit;
	text-decoration: none;
}

.implant-lp a img:hover {
	opacity: 1;
}

/* implantページ：ヘッダー背景をグレーに（当時 header.css にあった指定） */
body.page-slug-implant header.header,
body.page-slug-implant header {
	background: #6e6e6e;
}
body.page-slug-implant header.fixed {
	background: #6e6e6e;
}
body.page-slug-implant header.fixed .head_tel a,
body.page-slug-implant header.fixed .head_tel a span {
	color: #fff;
}
body.page-slug-implant header.fixed .head_tel a span {
	background-image: url(../../img/icon_tel.svg);
}
body.page-slug-implant header.fixed .nav_items > li > a,
body.page-slug-implant header.fixed .nav_items > li > span.nolink {
	color: #fff;
}
body.page-slug-implant header.fixed .nav_items > li a:hover:before,
body.page-slug-implant header.fixed .nav_items > li > span.nolink:hover:before {
	background: #fff;
}
body.page-slug-implant header.fixed .menu-trigger span {
	background-color: #fff;
}
body.page-slug-implant header.fixed .logo a img {
	filter: none;
}

/* テーマ共通の固定H1バーはLPの独自見出しと重なるため非表示 */
body.page-slug-implant h1.upper-title {
	display: none;
}
body.page-slug-implant header {
	margin-top: 0;
}

/* LP独自H1はテーマヘッダーと重なるため視覚的に隠す（読み上げ用に残す） */
.implant-lp .m-headline {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

/*
 * implant: footer の margin-bottom が末尾のスクロール余白として
 * 現れないため、他ページ同等の下余白を padding で確保する。
 */
body.page-slug-implant footer {
	padding-bottom: 120px;
}

@media screen and (max-width: 959px) {
	body.page-slug-implant footer {
		padding-bottom: 80px;
	}
}

@media screen and (max-width: 639px) {
	body.page-slug-implant footer {
		padding-bottom: 20px;
	}
}