@charset "UTF-8";
.clearfix::after {
  content: "";
  display: block;
  clear: both; }

/*--------------------------
tradelaw
---------------------------*/
#tradelaw {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }
  #tradelaw .section_ancor {
    padding: 40px 0;
    text-align: center; }
    #tradelaw .section_ancor a {
      position: relative;
      display: inline-block;
      margin: 0 5px;
      font-size: 15px;
      font-weight: bold;
      padding-right: 20px;
      color: #f32323; }
      #tradelaw .section_ancor a::after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        right: 10px;
        top: calc(50% - 6px);
        font-size: 12px;
        content: "\e900";
        transition: all 0.6s ease 0s; }
      #tradelaw .section_ancor a::before {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        opacity: 0;
        position: absolute;
        right: 15px;
        top: calc(50% - 6px);
        font-size: 12px;
        content: "\e900";
        transition: all 0.6s ease 0s; }
      #tradelaw .section_ancor a:hover::after {
        opacity: 0;
        right: 5px; }
      #tradelaw .section_ancor a:hover::before {
        opacity: 1;
        right: 10px; }
  #tradelaw .block {
    padding: 50px 0;
    border-top: 1px #ddd solid; }
    #tradelaw .block h2 {
      position: relative;
      text-align: center;
      font-size: 24px;
      font-weight: bold;
      padding-bottom: 20px;
      margin-bottom: 20px; }
      #tradelaw .block h2::after {
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 0 auto;
        width: 20px;
        height: 2px;
        background: rgba(243, 35, 35, 0.5);
        content: ""; }
        @media only screen and (max-width: 768px) {
          #tradelaw .block h2::after {
            right: 0;
            margin: 0 auto; } }
    #tradelaw .block > p {
      margin-bottom: 30px; }
    #tradelaw .block figure {
      margin-bottom: 30px; }
      #tradelaw .block figure .tradelawmark {
        width: 73px; }
      #tradelaw .block figure a {
        display: block;
        float: left;
        margin-right: 20px;
        margin-bottom: 20px; }
      #tradelaw .block figure figcaption {
        line-height: 1.6; }
    #tradelaw .block dl dt {
      font-weight: bold;
      margin-bottom: 10px; }
    #tradelaw .block dl dd {
      margin-bottom: 30px; }
      #tradelaw .block dl dd .indent {
        padding-left: 1em; }
      #tradelaw .block dl dd ul li {
        position: relative;
        padding-left: 20px; }
        #tradelaw .block dl dd ul li:not(:last-child) {
          margin-bottom: 15px; }
        #tradelaw .block dl dd ul li:before {
          position: absolute;
          top: 5px;
          left: 3px;
          width: 10px;
          height: 10px;
          border-radius: 100px;
          background: #ccc;
          content: ""; }
      #tradelaw .block dl dd a {
        color: #f32323;
        text-decoration: underline; }
        #tradelaw .block dl dd a:hover {
          text-decoration: none; }
    #tradelaw .block .sign {
      text-align: right; }
      #tradelaw .block .sign .date {
        font-size: 12px;
        margin-bottom: 8px; }
        #tradelaw .block .sign .date time {
          font-size: 14px; }
      #tradelaw .block .sign .name {
        font-size: 20px;
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin-top: 15px; }
        #tradelaw .block .sign .name span {
          font-size: 16px;
          margin-right: 10px; }
    #tradelaw .block .bottom {
      border: 5px #f4f4f4 solid;
      padding: 30px;
      width: 70%;
      margin: 30px auto 0;
      font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif; }
      @media only screen and (max-width: 768px) {
        #tradelaw .block .bottom {
          width: 100%;
          margin-bottom: 15px;
          padding: 20px; } }
      #tradelaw .block .bottom .head {
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        margin-bottom: 15px;
        color: #666; }
      #tradelaw .block .bottom p {
        font-size: 14px; }
      #tradelaw .block .bottom ul {
        margin-top: 10px; }
        #tradelaw .block .bottom ul li {
          padding: 10px 0;
          font-size: 14px;
          border-bottom: 1px #ddd solid;
          position: relative;
          padding-left: 150px; }
          @media only screen and (max-width: 768px) {
            #tradelaw .block .bottom ul li {
              padding-left: 0; } }
          #tradelaw .block .bottom ul li span {
            position: absolute;
            top: 12px;
            left: 0;
            font-size: 13px;
            margin-right: 5px;
            font-weight: bold;
            width: 140px;
            display: inline-block; }
            @media only screen and (max-width: 768px) {
              #tradelaw .block .bottom ul li span {
                position: relative;
                top: 0;
                left: 0;
                display: block;
                margin-bottom: 3px; } }
          #tradelaw .block .bottom ul li a {
            color: #f32323;
            text-decoration: underline; }
            #tradelaw .block .bottom ul li a:hover {
              text-decoration: none; }