/* Scss Document */
html {
  font-size: 16px;
  line-height: 1.8em;
  box-sizing: border-box;
  font-family: Shin Go Light; }
  html body {
    background-image: url(../../images/common/bg.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFF; }
    @media only screen and (max-width: 767px) {
      html body {
        background: none; } }
    html body header {
      background-image: url(../../images/common/wrapper_bg.png);
      background-repeat: repeat-y;
      background-position: center top;
      width: 1000px;
      margin: 0 auto;
      padding: 0px; }
      @media only screen and (max-width: 767px) {
        html body header {
          width: 100%;
          background: none; } }
      html body header .inner {
        width: 98%;
        margin: 0 auto;
        padding: 4px 2%;
        border-bottom: #FE8A38 3px solid; }
        html body header .inner h2 {
          font-size: 0.7rem;
          line-height: 0.8rem;
          font-family: Shin Go Light; }
          @media only screen and (max-width: 767px) {
            html body header .inner h2 {
              display: none; } }
        html body header .inner h1 {
          font-family: Shin Go Medium;
          font-display: 1.1rem;
          margin: 4px 0; }
          @media only screen and (max-width: 767px) {
            html body header .inner h1 {
              font-size: 0.9rem; } }
    html body section {
      background-image: url(../../images/common/wrapper_bg.png);
      background-repeat: repeat-y;
      background-position: center top;
      width: 1000px;
      margin: 0 auto;
      padding: 40px 0 0; }
      @media only screen and (max-width: 767px) {
        html body section {
          width: 100%;
          background: none;
          padding: 20px 0px; } }
      html body section .inner {
        width: 98%;
        margin: 0 auto;
        padding: 20px 2%;
        border-bottom: #FE8A38 3px solid; }
        html body section .inner h1 {
          text-align: center;
          font-size: 1.8rem;
          margin: 0 0 40px;
          font-family: Shin Go Medium; }
        html body section .inner article h2 {
          font-family: Shin Go Medium;
          font-size: 1.6rem;
          text-align: center;
          margin: 40px 0 40px;
          position: relative;
          display: inline-block;
          width: 100%;
          padding: 0 17%;
          text-align: center;
          color: #FE8A38; }
          @media only screen and (max-width: 767px) {
            html body section .inner article h2 {
              font-size: 1.4rem;
              padding: 0 10%;
              line-height: 1.6rem; } }
        html body section .inner article h2::before,
        html body section .inner article h2::after {
          content: '';
          position: absolute;
          top: 50%;
          display: inline-block;
          width: 20%;
          height: 3px;
          border-top: 3px solid #FE8A38; }
          @media only screen and (max-width: 767px) {
            html body section .inner article h2::before,
            html body section .inner article h2::after {
              width: 8%; } }
        html body section .inner article h2::before {
          left: 5%; }
        html body section .inner article h2::after {
          right: 5%; }
        html body section .inner article ul {
          width: 90%;
          margin: 0 auto 100px;
          list-style: none; }
          @media only screen and (max-width: 767px) {
            html body section .inner article ul {
              margin: 0 auto 50px; } }
          html body section .inner article ul li {
            width: 96%;
            margin: 0px 2% 0px 0;
            border-top: 2px solid #ccc; }
            html body section .inner article ul li dl {
              box-sizing: border-box; }
              html body section .inner article ul li dl dt {
                padding: 5px 10px;
                background-color: #efefef;
                float: left;
                width: 45%;
                font-family: Shin Go Medium;
                border-right: 1px solid #ccc; }
                html body section .inner article ul li dl dt span {
                  font-size: 0.7em; }
                @media only screen and (max-width: 767px) {
                  html body section .inner article ul li dl dt {
                    width: 100%;
                    padding: 15px 10 5px;
                    font-size: 0.9rem;
                    border-right: none; } }
              html body section .inner article ul li dl dd {
                padding: 5px 10px;
                float: left;
                width: 55%;
                font-size: 0.9rem;
                line-height: 1.8em; }
                @media only screen and (max-width: 767px) {
                  html body section .inner article ul li dl dd {
                    width: 100%;
                    padding: 5px 10px 20px; } }
            html body section .inner article ul li dl::after {
              content: "";
              display: block;
              clear: both; }
          html body section .inner article ul li.end {
            border-bottom: 2px solid #ccc; }
        html body section .inner article ul::after {
          content: "";
          clear: both;
          display: block; }
        html body section .inner article.txt {
          width: 80%;
          margin: 0 auto 40px; }
      html body section br.sp {
        display: none; }
        @media only screen and (max-width: 767px) {
          html body section br.sp {
            display: block; } }
    html body footer {
      background-image: url(../../images/common/wrapper_bg.png);
      background-repeat: repeat-y;
      background-position: center top;
      margin: 0 auto;
      width: 1000px;
      margin: 0 auto;
      padding: 0px 2%; }
      @media only screen and (max-width: 767px) {
        html body footer {
          width: 100%;
          background: none; } }
      html body footer .inner {
        width: 98%;
        margin: 0 auto;
        padding: 15px 2%; }
        html body footer .inner ul {
          list-style: none; }
          html body footer .inner ul li {
            width: 50%;
            float: left;
            margin: 0 0 25px; }
            @media only screen and (max-width: 767px) {
              html body footer .inner ul li {
                width: 100%; } }
            html body footer .inner ul li h3 {
              font-family: Shin Go Medium;
              font-size: 0.9rem; }
            html body footer .inner ul li p {
              font-size: 0.7rem;
              font-family: Shin Go Light;
              line-height: 1.4em; }
        html body footer .inner ul::after {
          content: "";
          clear: both;
          display: block; }
        html body footer .inner address {
          text-align: center;
          font-size: 0.5rem;
          line-height: 1.4em; }

a[href^="http"] {
  background: url(../../images/common/arrow.gif) no-repeat right center;
  padding-right: 18px;
  margin-right: 5px; }