/* 追加スタイル */

/* スクロールするコンテンツ */
html, body {
    overflow-x: hidden; 
} 

.overflow-item__wrap--scroll {
    width: 100%;
    height: auto;
    padding: 0 0 20px;
    overflow-x: scroll;
    overflow-y: auto;
    scrollbar-color: #A6A6A6 #E6E6E6;
    scrollbar-width: thin;
    /* cursor: grab; */
    /* cursor: -webkit-grab; */
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
}

.overflow-item__wrap--scroll:active {
    cursor: grabbing;
    cursor: -webkit-grabbing;
}

.overflow-item__wrap--scroll .wp-block-image img,
.overflow-item__wrap--scroll img {
    max-width: none;
    width: fit-content;
    height: auto;
    display: block;
}

.overflow-item__wrap--scroll::-webkit-scrollbar {
    height: 8px;
}

.overflow-item__wrap--scroll::-webkit-scrollbar-track {
    background: #E6E6E6;
}

.overflow-item__wrap--scroll::-webkit-scrollbar-thumb {
    background-color: #A6A6A6;
    border-radius: 4px;
    border: 2px solid #E6E6E6;
}

/* Scroll Hint アイコン位置調整 */
@media screen and (max-width: 1280px) {
    .js-scrollable.scroll-hint-icon_upper .scroll-hint-icon {
        top: calc(50vh - 25px);
    }
}

/* Flexible table */
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
    font-size: 14px;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table thead tr th {
    text-align: center;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tbody tr th {
    color: #222;
    font-weight: 700;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-left: none;
    background: #F1FBFF;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td {
    border-color: #CCC;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td:first-child { 
    border-left: none; 
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table tr td:last-child {
    border-right: none;
}

.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tbody {
    border-bottom: 2px solid #CCC;
}

.wp-block-flexible-table-block-table.table__scholar-apply-morality-guideline > table tbody {
    border-bottom: 1px solid #CCC;
}

.wp-block-flexible-table-block-table.table__scholar-apply-morality-guideline > table tbody tr th { 
    border-left: 1px solid #CCC;
}

.wp-block-flexible-table-block-table.table__scholar-apply-morality-guideline > table tr td:last-child {
    border-right: 1px solid #CCC;
}

.table__text--small {
    font-size: 12px;
}

.table__note--no {
    font-size: 8px;
    vertical-align: super;
}

/* アクセス */
.f_table-access > table tbody tr td:first-child {
    width: calc((120 / 832) * 100%);
    white-space: nowrap;
}

.f_table-access > table tbody tr td:nth-child(2),
.f_table-access > table tbody tr td:nth-child(4) {
  width: calc((186 / 832) * 100%);
}

.f_table-access > table tbody tr td:nth-child(3) {
    width: calc((280 / 832) * 100%);
}

@media screen and (max-width: 768px) {
    .f_table-access {
        max-width: 100%;
        width: 100%;
        /* overflow-x: hidden; */
        -webkit-overflow-scrolling: touch;
    }
    .f_table-access > table {
        min-width: 832px;
    }

    .inner {
        max-width: 100%;
        box-sizing: border-box;
      }
}

/* 研究者の方へ */
/* バナーエリア */
.scholar-banner-area {
  padding: 40px 0;

  .inner {
    display: flex;
    flex-direction: column;
    row-gap: 34px;
  }

  .bnr-columns {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 2%;
  }

  @media screen and (max-width: 1280px) {

    .inner {
      row-gap: 20px;
      max-width: 600px;
    }

    .bnr-columns {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 20px;
    }
  }

  @media screen and (max-width: 768px) {

    .inner {
      row-gap: 15px;
    }

    .bnr-columns {
      grid-template-columns: repeat(1, 1fr);
      row-gap: 15px;
    }
  }
}

/* 番号リスト */
.ol__circle--scholar {
    margin-left: 3rem;
    counter-reset: cnt 0;
    counter-reset: cnt calc(var(--start-num, 1) - 1);
  }

.ol__circle--scholar li {
    list-style-type: none;
    counter-increment: cnt;
    line-height: 1.8;
    position: relative;
}

.ol__circle--scholar li::before {
    content: counter(cnt);
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: -3rem;
    margin-right: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    line-height: 22px;
    background-color: #0067E5;
    border-radius: 50%;
}

.list__ol--number {
    margin-left: 2rem;
    counter-reset: cnt;
}

.list__ol--number li {
    list-style-type: none;
    counter-increment: cnt;
    line-height: 1.8;
    margin-bottom: 5px !important;
    position: relative;
}

.list__ol--number li::before {
    content: counter(cnt) ".";
    display: inline-block;
    width: 2rem;
    margin-left: -2rem;
}

/* 企業治験（製造販売後臨床試験含む） */
.ol__dart--bottom li:not(:last-of-type) {
    position: relative;
    margin-bottom: 28px !important;
}

.ol__dart--bottom li:not(:last-of-type)::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: -2.3rem;
    display: inline-block;
    vertical-align: middle;
    color: #003D91;
    line-height: 1;
    width: 10px;
    height: 10px;
    border: 2px solid #003D91;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateY(-25%) rotate(135deg);
}


/* 企業治験（製造販売後臨床試験含む） ドロワー */
.drawer__scholar-corporate-trials .accordion__switch--plus,
.drawer__scholar-corporate-trials .accordion__switch--minus {
    color: #003D91;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 160%;
}

.drawer__scholar-corporate-trials .accordion__switch--plus {
    display: flex !important;
}

.drawer__scholar-corporate-trials.open .accordion__switch--plus {
    display: none !important;
}

.drawer__scholar-corporate-trials .accordion__switch--minus {
    display: none !important;
}

.drawer__scholar-corporate-trials.open .accordion__switch--minus {
    display: flex !important;
}

/* 臨床研究支援システム */
.anchor__wrap--scholar>.wp-block-group__inner-container {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    gap: 16px 32px;
}

.anchor__wrap--scholar>.wp-block-group__inner-container p {
    width: calc((100% - 32px) / 2);
}

.anchor__wrap--scholar>.wp-block-group__inner-container p a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 16px 32px 16px 32px;
    color: #002991 !important;
    text-align: center;
    font-feature-settings: 'palt' on;
    font-family: "Noto Sans JP";
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 140%;
    text-decoration: none;
    border-radius: 100px;
    border: 3px solid #0067E5;
    background: #FFF;
}

.anchor__wrap--scholar>.wp-block-group__inner-container p a::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 14px;
    width: 28px;
    height: 28px;
    background-image: url(images/common/ico-arrow-01-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

@media screen and (max-width: 1280px) {
  .anchor__wrap--scholar>.wp-block-group__inner-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 20px;

    p {
      width: auto;

      a {
        font-size: 1.6rem;
      }
    }
  }
}

@media screen and (max-width: 768px) {

  .anchor__wrap--scholar>.wp-block-group__inner-container {
    grid-template-columns: 1fr;
    row-gap: 16px;
  }
}


#main-content .btn.btn__support-system a {
    padding: 30px 50px 30px 30px;
    background-color: #003D91;
}
#main-content .btn.ico-dart a {
    background-position: right 20px center;
    background-image: url(images/common/ico-arrow-01-right-white.svg);
}

#main-content .drawer-block .accordion__switch h3.accordion__h3-w100 {
    width: 100%;
}

.drawer-block .accordion__switch {
    position: relative;
}

.drawer-block .accordion__switch::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 28px;
    height: 28px;
    background-image: url(images/common/ico-plus-lightblue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

.drawer-block.open .accordion__switch::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 28px;
    height: 28px;
    background-image: url(images/common/ico-minus-gray-deep.svg);
    background-size: contain;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}

/* 治験審査委員会（IRB) */
ul.list-line-row {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 20px;
}

/* img リサイズしない */
.img__no-resize img {
    width: fit-content;
    max-width: none !important;
    height: auto;
}