@media screen and (max-width: 767px) {
  h2 {
    font-size: 20px;
  }
  img.logo_img {
    vertical-align: -91%;
    width: calc(100vw - 69%);
  }
  div.ttl_info {
  background: url(/contents/foel/f/20220222/images/ttl_info_img_sp.jpg) no-repeat top center/cover;
/*  background-attachment: fixed;
 */
  background-size: 100%;
  }
  div.ttl_info_txt {
    padding: 226px 0 20px calc(100vw - 97%);
  }
  p.read_txt {
    font-size: 16px;
  }
  .accordion__item {
    text-align: left;
  }
  .accordion__content {
    text-align: center;
  }
  div.anchor_list {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0 50px;
  }
  h3:not(:first-child) {
    margin-top: 115px;
  }
  p.cate_read_txt {
      margin: 15px auto 40px;
  }
  .flex_items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px !important;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .flex_items_item {
    -ms-flex-preferred-size: calc(((100% - 2%) / 2));
    flex-basis: calc(((100% - 2%) / 2));
  }
  .item_list_item_btn {
    margin-top: 20px;
  }
  div.container.ht {
    width: 100%;
  }
  .txt_center_line {
    max-width: 100%;
  }
  .txt_center_line_under {
    width: 100%;
  }
}
@media screen and (max-width: 689px) {
  div.container.ht {
    padding: 0 39px;
  }
  .anchor_list {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 25px 0 50px;
  }
  .anchor_list_item {
    width: calc((100vw - 154px) / 2);
    text-align: center;
  }

}