@charset "utf-8";


/**
 * Speaker Common Style
 * ================================================================================
 * Table of Contents:
 *
 * Common Settings
 * Parts Settings
 * Module Settings
 * Other Settings
 * ================================================================================
 */








/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */

.otherLink { margin-top: 0; }


/* -- Layout -- */
.c-mainContent { margin-top: 40px; }


/* -- Font -- */
.c-mainContent {
  font-size: 1.8rem;
  line-height: 1.8;
  }


/* -- Link -- */
.c-mainContent a {
  color: #1873dc;
  text-decoration: none;
  }






/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */


/**
 * Overflow
 * -------------------------------
 */

.sp-p-overflowX { overflow-x: scroll; }



/**
 * Title
 * -------------------------------
 */

.sp-p-ttl01 {
  background-color: #2d2d2d;
  display: block;
  padding: 10px;
  margin-bottom: 15px;
  text-align: center;
  }

  .sp-p-ttl01 > span {
    display: inline-block;
    color: #fff;
    line-height: 1.4;
    font-size: 3.3rem;
    }



/**
 * Table
 * -------------------------------
 */

/* -- .sp-p-table01 -- */
.sp-p-table01 {
  background-color: #ebeced;
  width: 100%;
  table-layout: fixed;
  }

  .sp-p-table01 col { width: 17%; }
  .sp-p-table01 col:nth-of-type(1) { width: 32%; }

  .sp-p-table01 th,
  .sp-p-table01 td {
    padding: 15px;
    border: 1px solid #fff;
    font-size: 1.8rem;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    }

  .sp-p-table01 th {
    padding: 10px 15px;
    font-weight: 700;
    }

  .sp-p-table01 .sp-p-table01Ttl { font-size: 20px; }

  .sp-p-table01 .sp-p-table01Th01 {
    background-color: #5f6265;
    color: #fff;
    }

  .sp-p-table01 .sp-p-table01Th02 {
    background-color: #b6b9bc;
    color: #535353;
    }

  .sp-p-table01 .sp-p-table01Th02 {
    background-color: #b6b9bc;
    color: #535353;
    }

  .sp-p-table01 .sp-p-table01Td01 {
    background-color: #bb9c5c;
    color: #fff;
    }

  .sp-p-table01 .sp-p-table01Td02 {
    background-color: #f4efe5;
    color: #bb9c5c;
    }


/* -- .sp-p-table02 -- */
.sp-p-table02 {
  background-color: #e5e5e5;
  width: 100%;
  table-layout: fixed;
  }

  .sp-p-table02 col { width: 15%; }
  .sp-p-table02 col:nth-of-type(2) { width: 25%; }

  .sp-p-table02 th,
  .sp-p-table02 td {
    padding: 5px 10px;
    border: 1px solid #fff;
    font-size: 1.6rem;
    line-height: 1.2;
    text-align: center;
    vertical-align: middle;
    }

  .sp-p-table02 th {
    background-color: #f1ebde;
    padding: 20px 15px;
    text-align: left;
    }

  .sp-p-table02 th:nth-last-of-type(1) { text-align: center; }

    .sp-p-table02 th:nth-last-of-type(1) > div {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0 20px;
      }

      .sp-p-table02 th:nth-last-of-type(1) > div > div {
        width: 23%;
        position: relative;
        }

      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2) {
        background-color: #bb9c5c;
        width: 54%;
        height: 1px;
        }

      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2)::before,
      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2)::after {
        content: "";
        width: 6px;
        height: 6px;
        border-top: 1px solid #bb9c5c;
        border-right: 1px solid #bb9c5c;
        position: absolute;
        top: 50%;
        }

      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2)::before {
        left: 0;
        transform: translateY(-50%) rotate(-135deg);
        }

      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2)::after {
        right: 0;
        transform: translateY(-50%) rotate(45deg);
        }

  .sp-p-table02 .sp-p-table02Td01 {
    background-color: #bb9c5c;
    color: #fff;
    }






/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */


/**
 * Accordion
 * -------------------------------
 */
  
.sp-m-accordion {}
  
  .sp-m-accordion .sp-m-accordionBtn {
    background-color: #a8a8a8;
    display: block;
    padding: 25px 100px;
    cursor: pointer;
    text-align: center;
    position: relative;
    transition: 0.2s all;
    }

  .sp-m-accordion .sp-m-accordionBtn:hover { opacity: 0.6; }
  
    .sp-m-accordion .sp-m-accordionBtn::after {
      content: '';
      width: 25px;
      height: 25px;
      margin-top: -5px;
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      position: absolute;
      top: 50%;
      right: 35px;
      transition: all 0.2s;
      transform: translateY(-50%) rotate(45deg);
      }
  
    .sp-m-accordion .sp-m-accordionBtn.active::after {
      margin-top: 5px;
      transform: translateY(-50%) rotate(225deg);
      }
  
    .sp-m-accordion .sp-m-accordionBtn > span {
      display: inline-block;
      color: #fff;
      font-size: 2.4rem;
      line-height: 1.4;
      }
  
  .sp-m-accordion .sp-m-accordionContent {
    display: none;
    margin-top: 35px;
    }






/**
 * ================================================================================
 * Other Settings
 * ================================================================================
 */


/* -- Background Color -- */
.c-bgcE6e6e6 { background-color: #e6e6e6 !important; }
.c-bgc202428 { background-color: #202428 !important; }


/* -- Color -- */
.c-fcBb9c5c { color: #bb9c5c !important; }








@media only screen and (min-width: 0px) and (max-width: 767px) {
  
  
/**
 * ================================================================================
 * Common Settings
 * ================================================================================
 */

/* -- Layout -- */
.c-mainContent { margin-top: 20px; }


/* -- Font -- */
.c-mainContent { font-size: 1.3rem; }




  
  
/**
 * ================================================================================
 * Parts Settings
 * ================================================================================
 */
  
  
/**
 * Overflow
 * -------------------------------
 */

.sp-p-overflowXSP { overflow-x: scroll; }
  
  
  
/**
 * Title
 * -------------------------------
 */

.sp-p-ttl01 {
  padding: 5px;
  margin-bottom: 10px;
  }

  .sp-p-ttl01 > span { font-size: 1.8rem; }
  
  
  
/**
 * Table
 * -------------------------------
 */

/* -- .sp-p-table01 -- */
.sp-p-table01 {}

  .sp-p-table01 col { width: 18%; }
  .sp-p-table01 col:nth-of-type(1) { width: 28%; }

  .sp-p-table01 th,
  .sp-p-table01 td {
    padding: 10px;
    font-size: 1.4rem;
    }

  .sp-p-table01 th { padding: 5px 10px; }

  .sp-p-table01 .sp-p-table01Ttl { font-size: 1.5rem; }
  
  
/* -- .sp-p-table02 -- */
.sp-p-table02 {}

  .sp-p-table02 col { width: 15%; }
  .sp-p-table02 col:nth-of-type(2) { width: 25%; }

  .sp-p-table02 th,
  .sp-p-table02 td {
    padding: 3px 5px;
    font-size: 1.2rem;
    }

  .sp-p-table02 th { padding: 8px 10px; }

    .sp-p-table02 th:nth-last-of-type(1) > div { padding: 0; }
  
      .sp-p-table02 th:nth-last-of-type(1) > div > div { width: 28%; }

      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2) { width: 44%; }

      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2)::before,
      .sp-p-table02 th:nth-last-of-type(1) > div > div:nth-of-type(2)::after { margin-top: 0; }
  


  
  
  
/**
 * ================================================================================
 * Module Settings
 * ================================================================================
 */
  
  
/**
 * Accordion
 * -------------------------------
 */
  
.sp-m-accordion {}
  
  .sp-m-accordion .sp-m-accordionBtn { padding: 10px 40px; }
  
  .sp-m-accordion .sp-m-accordionBtn:hover { opacity: 1; }
  
    .sp-m-accordion .sp-m-accordionBtn::after {
      width: 15px;
      height: 15px;
      margin-top: -3px;
      right: 15px;
      }
  
    .sp-m-accordion .sp-m-accordionBtn.active::after { margin-top: 3px; }
  
    .sp-m-accordion .sp-m-accordionBtn > span { font-size: 1.6rem; }
  
  .sp-m-accordion .sp-m-accordionContent { margin-top: 15px; }

  
}