@charset "UTF-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, Navigation, nav, section, summary, time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 outline: 0;
 color: #000;
 line-height: 1.6875;
 font-size: 100%;
 vertical-align: baseline;
 background-color: transparent;
 font-weight: normal;
 font-family: 'Noto Sans JP', 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'sans-serif';
}
*, *:after, *:before {
 margin: 0;
 padding: 0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
html,
body{
	width:100%;
	height:100%; 
}
body {
 line-height: 2;
 word-wrap: break-word;
 font-size: 15px;
 counter-reset: wpp-ranking;
 position: relative;
 letter-spacing: 1px;
}
@media screen and (max-width:500px){
	body {
	 font-size:14px;
 	line-height: 1.6;
	}
}
::selection {
 background: rgb(241 240 7 / .8);
}
article, aside, details, figcaption, figure, footer, header, hgroup, Navigation, nav, section {
 display: block;
}
nav ul {
 list-style: none;
}
ul, ol, li {
 list-style: none;
 padding: 0;
}
blockquote, q {
 quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
 content: '';
 content: none;
}
ins {
 background-color: #ff9;
 color: #000;
 text-decoration: none;
}
mark {
 background-color: #ff9;
 color: #000;
 font-style: italic;
 font-weight: bold;
}
del {
 text-decoration: line-through;
}
abbr[title], dfn[title] {
 border-bottom: 1px dotted;
 cursor: help;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #cccccc;
 margin: 1em 0;
 padding: 0;
}
input, select {
 vertical-align: middle;
}
input {
 box-sizing: border-box;
}
a, a:visited {
 margin: 0;
 padding: 0;
 font-size: 100%;
 vertical-align: baseline;
 background-color: transparent;
 color: #000;
 transition: .3s ease-out;
 -webkit-transition: .3s ease-out;
 -moz-transition: .3s ease-out;
 -o-transition: .3s ease-out;
 -ms-transition: .3s ease-out;
}
a,a:hover {
 text-decoration: none;
}
input[type="submit"] {
 -webkit-appearance: none;
 border-radius: 0;
}
.clearfix:after {
 content: "";
 display: block;
 clear: both;
 overflow: hidden;
 height: 0px;
}
.clear {
 clear: both;
}
img {
 max-width: 100%;
 vertical-align: bottom;
 margin: 0;
 padding: 0;
 font-family: 'object-fit: cover;';
}