/* custom properties */
:root {
  --color-primary: #009b94;
  --color-secondary: #004097;
  --color-link: #193342;
  --color-hover: #009b94;
  --color-white: #fff;
  --color-black: #000;
  --color-gray: #666;
  --color-lightgray: #999;
  --color-lightgray2: #ccc;
  --color-lightgray3: #e4e4e4;
  --color-maintext: #193342;
  --color-subtext: #333;
  --color-bg01: #F3F7FA;
  --color-bg02: #e4f2f2;
  --color-bg03: #BDE5E3;
  --color-bg04: #e8fffe;
  --font-family-sans-serif: YakuHanJPs, Arial, "Helvetica Neue", "Noto Sans JP", sans-serif;
  --font-family-font-awesome: "Font Awesome 5 Free"; }

.term_index {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; }
  .term_index > li {
    width: 100%;
    max-width: 76px;
    font-size: 1.8rem;
    font-weight: 600;
    text-align: center; }
    .term_index > li a {
      display: block;
      padding: 1rem 0;
      border: 1px solid var(--color-lightgray2);
      border-radius: 7px; }

.term_list {
  margin: 3rem 0 0; }
  .term_list > li .term_group_name {
    margin: 3rem 0 0;
    padding: 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 600;
    border-bottom: 1px solid var(--color-lightgray2); }
  .term_list > li .term_detail .accordion dt {
    margin: 3rem 0 1rem;
    padding: 0 0 0 3rem;
    font-weight: 600; }
    .term_list > li .term_detail .accordion dt::after {
      left: 0; }

#page_basics .block_detail.columns .box_img {
  width: calc(100% / 2 - 3rem); }
  @media screen and (max-width: 767px) {
    #page_basics .block_detail.columns .box_img {
      width: auto;
      margin-top: 2rem;
      text-align: center; } }
  #page_basics .block_detail.columns .box_img .box_img_list {
    display: block; }
    #page_basics .block_detail.columns .box_img .box_img_list > li {
      margin-bottom: 2rem; }
      #page_basics .block_detail.columns .box_img .box_img_list > li .img img {
        width: auto; }
        @media screen and (max-width: 767px) {
          #page_basics .block_detail.columns .box_img .box_img_list > li .img img {
            margin: auto; } }

.box_formula {
  margin: 1em 1em; }

#page_rem .block_detail.columns .box_img {
  width: calc(100% / 3 - 3rem); }
  @media screen and (max-width: 767px) {
    #page_rem .block_detail.columns .box_img {
      width: auto;
      margin-top: 2rem;
      text-align: center; } }
  #page_rem .block_detail.columns .box_img .box_img_list {
    display: block; }
    #page_rem .block_detail.columns .box_img .box_img_list > li {
      margin-bottom: 2rem; }
      #page_rem .block_detail.columns .box_img .box_img_list > li .img img {
        width: auto; }
        @media screen and (max-width: 767px) {
          #page_rem .block_detail.columns .box_img .box_img_list > li .img img {
            margin: auto; } }
#page_rem .img_product_logo {
  margin-bottom: 1em; }
  #page_rem .img_product_logo img {
    width: auto; }

#page_mandc .block_detail .box_img {
  margin-top: 2rem;
  text-align: center; }
  @media screen and (max-width: 767px) {
    #page_mandc .block_detail .box_img {
      width: auto;
      margin-top: 2rem;
      text-align: center; } }
  #page_mandc .block_detail .box_img .box_img_list {
    justify-content: center; }
    #page_mandc .block_detail .box_img .box_img_list > li .img img {
      width: auto; }
      @media screen and (max-width: 767px) {
        #page_mandc .block_detail .box_img .box_img_list > li .img img {
          margin: auto; } }

.dl_01 {
  margin: 1em 0; }
  .dl_01 dt {
    font-weight: 700; }

.list_01 {
  margin: 1em 0 0 1em; }
  .list_01 > li {
    list-style: disc; }

#page_evaluate .data_table {
  margin: 2rem 0; }
  #page_evaluate .data_table th {
    width: 8em; }
    @media screen and (max-width: 767px) {
      #page_evaluate .data_table th {
        width: 2em; } }
  #page_evaluate .data_table .name {
    margin-bottom: 1em;
    font-weight: 600; }
#page_evaluate .block_detail.columns .box_img {
  width: calc(100% / 2 - 3rem); }
  @media screen and (max-width: 767px) {
    #page_evaluate .block_detail.columns .box_img {
      width: auto;
      margin-top: 2rem;
      text-align: center; } }
  #page_evaluate .block_detail.columns .box_img .box_img_list {
    display: block;
    margin-left: 1em; }
    #page_evaluate .block_detail.columns .box_img .box_img_list > li {
      margin-bottom: 2rem; }
      #page_evaluate .block_detail.columns .box_img .box_img_list > li .img img {
        width: auto; }
        @media screen and (max-width: 767px) {
          #page_evaluate .block_detail.columns .box_img .box_img_list > li .img img {
            margin: auto; } }
#page_evaluate .name {
  font-weight: 700; }

#page_faq .list_faq > dt {
  width: 100%;
  margin-top: 2rem;
  padding: 2.4rem 7rem 2.4rem 3rem;
  color: var(--color-primary);
  font-weight: 700;
  background-color: var(--color-bg01); }
  @media screen and (max-width: 767px) {
    #page_faq .list_faq > dt {
      padding: 2rem 5rem 2rem 2rem; } }
  #page_faq .list_faq > dt::before {
    content: "Q";
    display: inline;
    margin-right: 1em;
    padding: 0 0.5em;
    color: var(--color-white);
    background-color: var(--color-primary); }
  #page_faq .list_faq > dt::after {
    right: 3rem; }
    @media screen and (max-width: 767px) {
      #page_faq .list_faq > dt::after {
        right: 2rem; } }
#page_faq .list_faq > dd {
  width: 100%;
  padding: 0 3rem 2.4rem;
  font-size: clamp(1.2rem, 1.127rem + 0.36vw, 1.4rem);
  background-color: var(--color-bg01); }
  @media screen and (max-width: 767px) {
    #page_faq .list_faq > dd {
      padding: 0 2rem 2rem; } }
  #page_faq .list_faq > dd::before {
    content: "A";
    display: inline;
    margin-right: 1em;
    padding: 0 0.5em;
    color: var(--color-white);
    font-size: clamp(1.4rem, 1.255rem + 0.73vw, 1.8rem);
    font-weight: 700;
    background-color: var(--color-primary); }
  #page_faq .list_faq > dd a {
    text-decoration: underline; }