@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
}

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, table, tr, th, td, form {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
}

html,
:root {
  font-size: 100px;
}
@media screen and (max-width: 1088px) and (min-width: 641px) {
  html,
  :root {
    font-size: 9.1911764706vw;
  }
}
@media screen and (max-width: 640px) {
  html,
  :root {
    font-size: 15.625vw;
  }
}

body {
  color: #000;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

img {
  max-width: 100%;
}

#wrap {
  overflow: hidden;
}

.wrap {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 3.125%;
  padding-left: 3.125%;
}

/*img[src$="_sp.jpg"],
img[src$="_sp.png"] {
	display: none;

	@include sp {
		display: inline-block;

		& + img {
			display: none;
		}
	}
}*/
.sp {
  display: none;
}

@media screen and (max-width: 640px) {
  .pc {
    display: none;
  }

  br.sp {
    display: inline;
  }
}
.hov {
  transition: opacity .3s;
  /*@supports (filter: brightness(100%)) {
  	transition-property: filter;
  }*/
}
.hov:hover {
  opacity: .8;
  /*@supports (filter: brightness(100%)) {
  	filter: brightness(110%);
  	opacity: 1;
  }*/
}

#header {
  height: .6rem;
  background: #2d4d80;
}
@media screen and (max-width: 640px) {
  #header {
    height: 17.0666666667vw;
  }
}
#header .siteTitle {
  width: 3rem;
  padding: .1rem 0 0;
}
@media screen and (max-width: 640px) {
  #header .siteTitle {
    width: 80vw;
    padding: 3.3333333333vw 0 0 0.8vw;
  }
}

#footer .copyright {
  background: #2d4d80;
  color: #fff;
  font-size: .1rem;
  letter-spacing: .1em;
  line-height: .24rem;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #footer .copyright {
    padding: 1.4666666667vw 0;
    font-size: 2.6666666667vw;
    line-height: 1.5;
  }
}

/*# sourceMappingURL=common.css.map */