@font-face 
{
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}

@font-face 
{
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}

@font-face 
{
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}

@font-face 
{
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}

@font-face 
{
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

@font-face 
{
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}

@font-face 
{
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

html 
{
  box-sizing: border-box;
}

html *, html *::after, html *::before 
{
  box-sizing: inherit;
}

body 
{
  height: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-family: "-apple-system", "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
  color: #1D1D1D;
}

@media screen and (min-width: 768px), print 
{
  body 
  {
    min-width: 1040px;
  } 
}

h1,
h2,
h3,
h4,
h5,
h6 
{
  margin-top: 0;
  margin-bottom: 0;
}

p:first-child 
{
  margin-top: 0;
}

p:last-child 
{
  margin-bottom: 0;
}

ul 
{
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}

ol,
dl 
{
  margin-top: 0;
  margin-bottom: 0;
}

dd 
{
  margin-left: 0;
}

address,
em 
{
  font-style: normal;
}

hr 
{
  width: 100%;
  height: 1px;
  border: none;
  background-color: #f2f2f2;
}

figure 
{
  margin: 0;
}

img 
{
  max-width: 100%;
  vertical-align: bottom;
}

svg 
{
  max-width: 100%;
}

a 
{
  -webkit-transition: 0.15s ease;
  transition: 0.15s ease;
  text-decoration: none;
}

area:focus 
{
  outline: none;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea 
{
  display: inline-block;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #DDD;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  vertical-align: middle;
  line-height: 1;
  font-size: 1rem;
}

textarea 
{
  min-height: 10em;
  resize: vertical;
}
