@charset "UTF-8";
@media screen and (min-width: 769px) {
  /* CSS Document */
  /* ================================================================================ */
  /*                                                                                  */
  /*      取り扱うべき職種の範囲その他業務の範囲に関して(PC)                                                                */
  /*                                                                                  */
  /* ================================================================================ */
  #page_disclosure #disclosure a {
    color: #3ba0f8; }

  #disclosure {
    padding-top: 25px; }

  /*////////////////////////////////////////////////


                  ■  span(共通)  ■


////////////////////////////////////////////////*/
  span.small {
    font-size: 85%; }
  span.bold {
    font-weight: bold; }
  span.red {
    color: #ff455c; }
  span.marker {
    background: linear-gradient(transparent 60%, #ff6 60%); }

  /* 取り扱うべき職種の範囲その他業務の範囲に関して 共通
------------------------------------------------------------*/
  #disclosure div {
    margin-bottom: 20px;
    width: 100%; }
  #disclosure h3 {
    font-size: 20px;
    margin: 40px 0 20px; }
  #disclosure h4 {
    margin-top: 20px;
    margin-bottom: 8px; }
  #disclosure p {
    font-size: 16px; }
  #disclosure .right {
    text-align: right; }
  #disclosure .left {
    text-align: left; }
  #disclosure .center {
    text-align: center; }
  #disclosure table {
    width: 100%; }
    #disclosure table th {
      background-color: #f6f4f5;
      border: 1px solid #ccc;
      text-align: center;
      padding: 5px 10px; }
    #disclosure table tr td {
      border: 1px solid #ccc;
      text-align: left;
      vertical-align: top;
      padding: 10px; }
  #disclosure .head .center {
    margin-top: 10px; }
  #disclosure .about {
    width: 100%;
    text-align: left; }
  #disclosure .commission table td {
    width: 30%; }
    #disclosure .commission table td.reward {
      width: 10%; }
  #disclosure .refund table {
    width: 100%;
    margin-top: 20px; }
    #disclosure .refund table td {
      width: 50%; }
  #disclosure .contact .glay_box {
    background-color: #f6f4f5;
    padding: 20px;
    text-align: left;
    width: 80%;
    margin: 20px auto 40px; }
  #disclosure .pp ol {
    margin: 20px auto; }
    #disclosure .pp ol li {
      list-style-type: none;
      counter-increment: cnt;
      margin-bottom: 10px; }
      #disclosure .pp ol li::before {
        content: "[" counter(cnt) "] "; } }
@media screen and (max-width: 768px) {
  /* CSS Document */
  /* ================================================================================ */
  /*                                                                                  */
  /*      取り扱うべき職種の範囲その他業務の範囲に関して(PC)                                                                */
  /*                                                                                  */
  /* ================================================================================ */
  #page_disclosure {
    padding-bottom: 20px; }
    #page_disclosure #disclosure a {
      color: #3ba0f8; }

  #disclosure {
    width: 95%;
    margin: auto; }

  /*////////////////////////////////////////////////


                  ■  span(共通)  ■


////////////////////////////////////////////////*/
  span.bold {
    font-weight: bold; }
  span.red {
    color: #ff455c; }
  span.marker {
    background: linear-gradient(transparent 60%, #ff6 60%); }

  /* 取り扱うべき職種の範囲その他業務の範囲に関して 共通
------------------------------------------------------------*/
  #disclosure div {
    width: 100%;
    margin-bottom: 10vw; }
  #disclosure h3 {
    font-size: 5vw;
    margin: 10vw 0 4vw; }
  #disclosure h4 {
    margin-top: 10vw;
    margin-bottom: 4vw; }
  #disclosure .right {
    text-align: right; }
  #disclosure .left {
    text-align: left; }
  #disclosure .center {
    text-align: center; }
  #disclosure table {
    width: 100%;
    font-size: 3.6vw; }
    #disclosure table th {
      background-color: #f6f4f5;
      border: 1px solid #ccc;
      text-align: center;
      padding: 2vw;
      line-height: 1.5;
      vertical-align: middle; }
    #disclosure table tr td {
      border: 1px solid #ccc;
      text-align: left;
      vertical-align: top;
      padding: 2vw;
      font-size: 3.6vw; }
  #disclosure .head .center {
    margin-top: 4vw; }
  #disclosure .about {
    width: 100%;
    text-align: left; }
  #disclosure .commission table {
    display: flex;
    width: 100%;
    overflow-x: auto;
    /* 横スクロールの指定 */
    white-space: nowrap;
    /* 横スクロールの指定 */
    overflow-scrolling: touch;
    /* スクロールを滑らかにする */
    -webkit-overflow-scrolling: touch;
    /* スクロールを滑らかにする */ }
    #disclosure .commission table td {
      width: 30%; }
      #disclosure .commission table td.reward {
        width: 10%; }
  #disclosure .refund table {
    width: 100%;
    margin-top: 4vw; }
    #disclosure .refund table td {
      width: 50%; }
  #disclosure .contact .glay_box {
    background-color: #f6f4f5;
    padding: 4vw;
    text-align: left;
    margin: 10vw auto 10vw; }
  #disclosure .pp ol {
    margin: 4vw auto; }
    #disclosure .pp ol li {
      list-style-type: none;
      counter-increment: cnt;
      margin-bottom: 4vw; }
      #disclosure .pp ol li::before {
        content: "[" counter(cnt) "] "; }

  /* 取り扱うべき職種の範囲その他業務の範囲に関して 項目ごと
------------------------------------------------------------*/ }