@charset "utf-8";
/* reset 
---------------------------------------- */
* {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
}
html {
  height: 100%;
  font-size: 62.5% /* 10px */
}
body {
  height: 100%;
  min-width: 320px;
  width: auto !important;
  width: 320px;
}
ul, ol {
  list-style: none;
}
table {
  border-collapse: collapse;
}
caption, th, td {
  text-align: left;
}
/*img {
	width: 100%;
	height: auto;
}*/
@media screen and (min-width: 768px) {
	br.tab {
		display: none;
	}
}
@media screen and (min-width: 480px) {
	br.sp {
		display: none;
	}
}
/* clear 
---------------------------------------- */
.cbox {
  zoom: 100%;
}
.cbox:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.clear {
  clear: both;
  height: 1px;
  font-size: 1px;
}
.clear hr {
  display: none;
}

/* common
---------------------------------------- */
.en {
  font-family: "Noto Serif JP", serif;
}
a {
  text-decoration: none;
  color: #1A1311;
  opacity: 1;
}
a:hover {
  opacity: 0.7;
}
/* layout
---------------------------------------- */
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #1A1311;
  margin: 0;
}
#wrapper {
  position: relative;
  min-height: 100vh;
  line-height: 3.2rem;
  font-size: 1.6rem;
}
/* header
---------------------------------------- */
#header {
  text-align: center;
}
@media screen and (max-width: 640px) {
  #header h1 img {
    width: 100%;
    height: auto;
  }
}

/* contents
---------------------------------------- */
#main-contents {
  margin: 0 3%;
  padding: 3em 0 6em;
}