@font-face {
  font-family: 'Noto Sans Bold';
  src: url("/assets/font/NotoSerifCJKjp-Bold.woff") format("woff"); }

@font-face {
  font-family: 'Noto Sans Regular';
  src: url("/assets/font/NotoSerifCJKjp-Regular.woff") format("woff"); }

#wrapper .page {
  padding: 100px 0 100px; }
  @media (max-width: 768px) {
    #wrapper .page {
      padding: 130px 0; } }

#wrapper .inner {
  width: 1100px;
  margin: 0 auto; }
  #wrapper .inner h2 {
    padding: 0 30px; }
    #wrapper .inner h2 span {
      margin-top: 16px; }
  @media (max-width: 768px) {
    #wrapper .inner {
      width: 768px;
      padding: 0 30px; } }

#wrapper .content dl {
  border: 1px solid #d7d5d5;
  line-height: 1.7;
  margin-bottom: 60px; }
  #wrapper .content dl dt {
    position: relative;
    background: #f7f7f7;
    border-bottom: 1px solid #d7d5d5;
    padding: 16px 16px 16px 74px;
    font-size: 20px;
    font-weight: bold;
    overflow: hidden; }
    @media (max-width: 768px) {
      #wrapper .content dl dt {
        font-size: 24px; } }
    #wrapper .content dl dt p {
      margin-top: 3px;
      float: left; }
    #wrapper .content dl dt::before {
      content: "";
      position: absolute;
      left: 16px;
      width: 42px;
      height: 42px;
      background: url("/assets/images/qa/icon_q.jpg") no-repeat center;
      background-size: 100% auto;
      margin-right: 16px; }
  #wrapper .content dl dd {
    position: relative;
    background: #ffffff;
    padding: 16px 16px 16px 74px;
    font-size: 16px;
    overflow: hidden; }
    @media (max-width: 768px) {
      #wrapper .content dl dd {
        font-size: 12px; } }
    #wrapper .content dl dd p {
      margin-top: 3px;
      float: left; }
    #wrapper .content dl dd::before {
      position: absolute;
      content: "";
      left: 16px;
      display: inline-block;
      width: 42px;
      height: 42px;
      background: url("/assets/images/qa/icon_a.jpg") no-repeat center;
      background-size: 100% auto;
      margin-right: 16px; }