@charset "UTF-8";
/* ----------------------------------------
   grossary.css
---------------------------------------- */
/* #hero */
body.content #hero {
  height: 210px;
  padding: 60px 0;
  background-color: #fff;
}

body.content #hero > .tbl {
  max-width: 1120px;
}

body.content #hero > .tbl h1 {
  color: #231815;
  font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
}

body.content #hero > .tbl p {
  background: #3ebaa5;
  background: -moz-linear-gradient(left, #bcd540 0%, #3ebaa5 50%, #00a0e9 100%);
  background: -webkit-linear-gradient(left, #bcd540 0%, #3ebaa5 50%, #00a0e9 100%);
  background: linear-gradient(to right, #bcd540 0%, #3ebaa5 50%, #00a0e9 100%);
  color: #fff;
}

#glossary .ttl {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  text-align: left;
}

#glossary .ttl p {
  padding: 0 5px;
  border-bottom: 1px solid #808080;
  letter-spacing: 1em;
}

#glossary .ttl .t1 {
  width: 18%;
  margin-right: 2%;
}

#glossary .ttl .t2 {
  width: 80%;
}

#glossary article .line {
  padding: 5px 10px;
}

#glossary article .line:nth-child(even) {
  background: #f6f7f7;
}

#glossary article .line dl {
  display: flex;
  display: -ms-flex;
  display: -webkit-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;
  text-align: left;
}

#glossary article .line dl dt {
  width: 20%;
}

#glossary article .line dl dd {
  width: 80%;
}

/* @media : PC
---------------------------------------- */
@media screen and (min-width: 769px) {
  /* STYLE */
}
/* /@media */
/* @media : SP
---------------------------------------- */
@media screen and (max-width: 768px) {
  /* STYLE */
}
@media screen and (max-width: 640px) {
  /* STYLE */
}
@media screen and (max-width: 480px) {
  #glossary article .line dl dt {
    width: 30%;
  }

  #glossary article .line dl dd {
    width: 70%;
  }

  #glossary .ttl .t1 {
    width: 28%;
    margin-right: 2%;
  }

  #glossary .ttl .t2 {
    width: 70%;
  }
}
@media screen and (max-width: 320px) {
  /* STYLE */
}