@charset "utf-8";

/* PC */
.base_css{
    max-width: 1148px;
    width: 80%;
    margin-bottom: 128px;
    /* margin:96px 146px; */
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    font-family:'Noto Sans JP';
}

.base_css .yoko{
        display: flex;
        justify-content: center;
        gap: 40px;
}

.base_css p{
    margin:0 0 24px 0;
    text-align:left;
    font-size: 18px;
    font-weight: 200;
    /* padding:3px 0; */
}

.base_css h1{
    /* font-size:60px;
    font-weight:200;
    margin:96px 0 62px 0;
    text-align:center; */
}

.base_css h1 img{
    height:auto;
    width:80%;
    text-align:center;
}

.base_css h2{
    font-size:40px;
    font-weight:500;
    margin:0 0 64px 0;
    padding:4px 0;
    text-align:left;
}

.base_css h3{
    font-size:24px;
    font-weight:500;
    margin:0 0 24px 0;
    padding:4px 0;
    text-align:left;
}

.base_css h4{
    font-size:18px;
    font-weight:500;
    margin-bottom: 24px;
    text-align:left;
}

.base_css ul{
    text-align: left;
    margin-bottom:32px;
    font-size: 18px;
    font-weight: 200;
}

.base_css .caution{
    color:#E40032;
}

.base_css .tab{
    margin-left:16px;
    margin-bottom:32px auto;
}

/* サブタブ */
.tab_small .tab-wrap{
    background-color:;
    margin-top:8px;
    margin-bottom: 32px;
  }
   
.tab_small .tab-wrap ul {
    display: flex;
    background:;
  }
  .tab_small .tab-wrap li {
    margin-right: 24px;
  }
   
.tab_small .tab-btn {
    border-bottom: solid 1px #000;
    width: 152px;
    padding: 6px 0;
    text-align: center;
    list-style: none;
    cursor: pointer;
  }
   
.tab_small .tab-btn.show {
    border-bottom: solid 4px #000;
  }
   
.tab_small .tab-contents {
    display: none;
  }
   
.tab_small .tab-contents.show {
    display: block;
    /* padding: 20px; */
  }

/* table */

.base_css table {
    border-collapse:  collapse; /* セルの線を重ねる */
    text-align: left;
    width:100%;
    margin-bottom: 24px;
}
 
.base_css tr:nth-child(odd) {
    background-color:  #D9D9D9;    /* 背景色指定 */
}
.base_css tr:nth-child(even) {
    background-color:  #fff;    /* 背景色指定 */
}
 
.base_css th,td {
    padding: 11px 8px;          /* 余白指定 */
}

.base_css th{
    width: 152px;
    font-weight: 500px;
}

.base_css td{
    font-weight: 200;
}

/* SP */

@media (max-width: 1020px){
    .base_css{
        width: 90%;
        /* margin:96px 146px; */
        margin-bottom: 80px;
    }

    .base_css .yoko {
        display: flex;
        justify-content: left;
        gap: 16px;
        flex-flow: column;
    }
    .base_css img{
        width: 100%;
    }
    .base_css p{
        font-size:16px;
        margin:0 0 32px 0;
    }

    .base_css .section-header {
        width: 100%;
        margin-bottom: 48px;
    }

    .base_css h1{
        margin:48px 0 24px 0;
        font-size:48px;
    }

    .base_css h1 img{
        height: 48px;
        width: auto;
    }
    
    .base_css h2{
        /* font-size:24px;
        margin:0 0 32px 0; */
        /* display: none; */
    }
    
    .base_css h3{
        font-size:24px;
        margin:0 0 26px 0;
    }
    
    .base_css h4{
        font-size:16px;
        margin-bottom: 26px;
    }
    
    .base_css ul{
        text-align: left;
        margin-bottom:32px;
        font-size: 16px;
    }
    
    .base_css .caution{
        color:#E40032;
    }
    
    .base_css .tab{
        margin-left:0;
    }
    
    .base_css_table{
        overflow-x: scroll;
        white-space: nowrap;
    }
    .base_css_table::-webkit-scrollbar{
        height: 4px;
       }
     
       .base_css_table::-webkit-scrollbar-track{
         background-color: #e9e9e6;
       }
       .base_css_table::-webkit-scrollbar-thumb{
         background-color: #000;
       }

       /* small tab */

       .tab_small_header {
        overflow-x: scroll;
        white-space: nowrap;
      }
      .tab_small_header::-webkit-scrollbar{
        display: none;
    }
}