@charset "utf-8";
html, body {
  overflow-y: auto;
  -ms-overflow-style: none;
  font-feature-settings: "palt"; }

html, body, div, main, header, footer, nav, section, article, aside, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  word-break: break-all;
  word-wrap: break-word;
  box-sizing: border-box;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  font-feature-settings: "palt";
  vertical-align: baseline;
  background: transparent;
  font-family:'Roboto',"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, sans-serif;
}
  html::-webkit-scrollbar, body::-webkit-scrollbar, div::-webkit-scrollbar, main::-webkit-scrollbar, header::-webkit-scrollbar, footer::-webkit-scrollbar, nav::-webkit-scrollbar, section::-webkit-scrollbar, article::-webkit-scrollbar, aside::-webkit-scrollbar, span::-webkit-scrollbar, applet::-webkit-scrollbar, object::-webkit-scrollbar, iframe::-webkit-scrollbar,
  h1::-webkit-scrollbar, h2::-webkit-scrollbar, h3::-webkit-scrollbar, h4::-webkit-scrollbar, h5::-webkit-scrollbar, h6::-webkit-scrollbar, p::-webkit-scrollbar, blockquote::-webkit-scrollbar, pre::-webkit-scrollbar, a::-webkit-scrollbar, abbr::-webkit-scrollbar, acronym::-webkit-scrollbar, address::-webkit-scrollbar, big::-webkit-scrollbar, cite::-webkit-scrollbar, code::-webkit-scrollbar,
  del::-webkit-scrollbar, dfn::-webkit-scrollbar, em::-webkit-scrollbar, font::-webkit-scrollbar, img::-webkit-scrollbar, ins::-webkit-scrollbar, kbd::-webkit-scrollbar, q::-webkit-scrollbar, s::-webkit-scrollbar, samp::-webkit-scrollbar,
  small::-webkit-scrollbar, strike::-webkit-scrollbar, strong::-webkit-scrollbar, sub::-webkit-scrollbar, sup::-webkit-scrollbar, tt::-webkit-scrollbar, var::-webkit-scrollbar,
  b::-webkit-scrollbar, u::-webkit-scrollbar, i::-webkit-scrollbar, center::-webkit-scrollbar,
  dl::-webkit-scrollbar, dt::-webkit-scrollbar, dd::-webkit-scrollbar, ol::-webkit-scrollbar, ul::-webkit-scrollbar, li::-webkit-scrollbar,
  fieldset::-webkit-scrollbar, form::-webkit-scrollbar, label::-webkit-scrollbar, legend::-webkit-scrollbar,
  table::-webkit-scrollbar, caption::-webkit-scrollbar, tbody::-webkit-scrollbar, tfoot::-webkit-scrollbar, thead::-webkit-scrollbar, tr::-webkit-scrollbar, th::-webkit-scrollbar, td::-webkit-scrollbar {
    display: none; }

body {
  -webkit-text-size-adjust: 100%; }

select::-ms-expand {
  display: none; }

a {
  text-decoration: none; }

/*input[type="button"],input[type="submit"],button { box-shadow:none; border:none;-webkit-appearance: none;}*/
input, button, textarea {
  padding: 0;
  box-shadow: none;
  box-sizing: border-box; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

ol, ul {
  list-style: none; }

caption, th {
  text-align: left; }

q:before, q:after {
  content: ''; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

abbr, acronym {
  border: 0; }

ul.wpp-list li {
  clear: none; }

pre {
  /* Mozilla */
  white-space: -moz-pre-wrap;
  /* Opera 4-6 */
  white-space: -pre-wrap;
  /* Opera 7 */
  white-space: -o-pre-wrap;
  /* CSS3 */
  white-space: pre-wrap;
  /* IE 5.5+ */
  word-wrap: break-word; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; }

.clearfix {
  min-height: 1px; }

* html .clearfix {
  height: 1px;
  /*\*/
     /*/
height: auto;
overflow: hidden;
/**/ }

.transition {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s; }

.transition2 {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s; }

.transition3 {
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  -ms-transition: 0.2s;
  transition: 0.2s; }

@media screen and (max-device-width: 780px) {
  body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, table, tr {
    background-image: url(1px-transparent.gif); } }