@charset "UTF-8";
*{box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, body, html, p, li, dt, dd, pre, form, fieldset, figure {
	font-family:"Noto Sans JP",-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #222;
	font-style: normal;
	font-size: 100%;
	line-height: 1.4;
}
.serif{
	font-family: 'Noto Serif Japanese', serif, sans-serif !important;
}
html {
	font-size: 62.5%;
	overflow-y:scroll;
}
body {
	font-size: 1.3rem;
	overflow: hidden;
}
ul, ol, dl, img {
	margin: 0px;
	padding: 0px;
}
ul, ol {
	list-style-type: none;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align: bottom;
	/*max-width:100%;*/
	width:100%;
}
a {
	text-decoration: none;
	transition-property: all;
  	transition: 0.2s linear;
}
a:hover {
	color:#666;
}
a img {
	transition-property: all;
  	transition: 0.2s linear;
}
a:hover img {
	filter: brightness(70%);
}
:link {
	color: inherit;
}
:active {
	color: inherit;
}
:hover {
	/* color: inherit; */
	outline:none;
	text-decoration: none;
}
:visited {
	color: inherit;
}
/*-- リンクの点線を消去 --*/
body div a:active, body div a:focus {
	outline: none;
}

/* clearfix */
.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

.container {
	width:95%;
	margin: 0 auto;
}
.anchor{
    padding-top: 7rem;
    margin-top: -7rem;
}

.mb6_sp{
	margin-bottom: 6rem;
}

.mb9_sp{
	margin-bottom: 9rem;
}


@media screen and (min-width: 768px) {
	body {
		font-size: 1.7rem;
	}
	.container {
		width:800px;
	}
	.anchor{
		padding-top: 140px;
		margin-top: -140px;
	}
	.mb6_sp,.mb9_sp{
		margin-bottom: auto;
	}

}

/*IE除外*/
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* ここに書く */
  .loader-wrap {
    display: none;
  }
}