/* -------分岐式トップ（溶剤のカテゴリ）--------- */
.type_btn_group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 1rem 0 2rem;
    width: 100%;
  }
  
  .type_btn {
    background-color: #fff;
    border: solid 1px var(--link-brown);
    border-radius: 5px;
    box-sizing: border-box;
    color: var(--link-brown);
    display: block;
    padding: 1rem 1rem .5rem;
    position: relative;
    text-decoration: none;
    width: 30%;
  }
  
  .type_btn::after {
    background-color: var(--link-brown);
    color: white;
    content: "➡";
    font-size: .9rem;
    font-weight: bold;
    padding: 0 .25rem;
    position: absolute;
    bottom: 15px;
    right: 20px;
  }
  

  .type_btn:hover {
    background-color: var(--thin-brown);
  }
  
  @media screen and (min-width: 769px) and (max-width: 1024px) {
    .type_btn {
      width: 48%;
    }
  }
  @media screen and (max-width: 768px) {
    .type_btn {
      width: 90%;
    }
  }
  
  .type_btn_name {
    color: var(--link-brown);
    font-size: 1.6em;
    font-weight: bold;
    margin: 0 ;
  }
  
  .type_btn:hover .type_btn_name {
    color: var(--link-bright-brown);
  }
  
  .type_btn_about {
    color: #878787;
    margin: 0;
  }
  
  .oils_table {
    border-collapse: collapse;
    margin: 1rem 0;
    width: 100%;
  }
  
  .oils_table tbody tr td {
    border: solid 1px #d4d4d4;
    text-align: left;
  }
  
  .oils_table a {
    color: var(--link-brown);
    display: inline-block;
    font-weight: bold;
    padding: .5rem 3rem .5rem 1rem;
    text-decoration: none;
    width: 100%;
  }

  .oils_table a:hover {
    color: var(--link-bright-brown);
    background-color: var(--thin-brown);
    text-decoration: underline;
  }
  
  .oils_table p {
    display: inline-block;
    margin: 0;
    padding: .5rem 3rem .5rem 1rem;
    width: 100%;
  }