@charset "UTF-8";
html {
  visibility: hidden;
}
html.wf-active {
  visibility: visible;
}
body {
  margin: 0;
  padding: 0;
  line-height: 1.8em;
  font-size: 16px;
  font-family: a-otf-ud-shin-go-pr6n, sans-serif;
  font-weight: 300;
  font-style: normal;
}
h1, h2, h3, h4h5, h6 {
  font-family: tbudgothic-std, sans-serif !mportant;
  font-weight: 600;
  font-style: normal;
}
a img {
  border: none;
}
a:link {
  color: #333;
  text-decoration: none;
}
a:visited {
  color: #333;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
article {
  margin: auto;
  width: 90%;
  max-width: 980px;
}
h2 {
  margin: 50px 0;
  border-bottom: rgba(255, 0, 4, 1.00) solid 1px;
  padding: 0 0 10px 0;
}
p {
  margin: 0 0 100px 0;
  padding: 0;
}
div {
  width: 300px;
  height: 300px;
  margin: auto;
  text-align: center;
  & img {
    text-align: center;
  }
}
div h3 {
  background-color: #dddddd;
  padding: 13px;
  text-align: center;
  /* box-shadow */
  box-shadow: 0px 8px 6px -5px #c9c9c9;
  /* border-radius */
  border-radius: 6px;
  /* border */
  border: 1px solid #cccccc;
  /* react native */ {
    shadowColor:"#c9c9c9", shadowOffset: {
      width: 0, height:8
    }
    , shadowOpacity:1, shadowRadius:6, borderWidth:1, borderColor:"#cccccc", borderRadius:6
  }
}