@media screen and (max-width: 959px) {
  html {
    overflow-x: hidden;
  }

  /*contents_area*/
  /* CSS Document */
  #contents {
    width: 100%;
    margin: 120px auto;
    line-height: 1.8;
    font-size: 1.2em;
    /*catalog_h3*/
  }
  #contents .mainvisual_area {
    width: 100%;
    height: auto;
    position: static;
    padding-top: 12%;
  }
  #contents .mainvisual_area .m-catch {
    position: static;
    width: 96%;
    box-sizing: border-box;
    display: block;
    margin: 0 0 3% 8%;
    z-index: 10;
  }
  #contents .mainvisual_area .m-catch .title_eng {
    display: block;
    font-size: clamp(44px, 4.6vw, 80px);
    font-family: 'Roboto', sans-serif;
    text-align: left;
  }
  #contents .mainvisual_area .message_text {
    position: static;
    width: 86%;
    font-family: 'Roboto', sans-serif;
    font-size: clamp(18px, 1.9vw, 24px);
    margin: 20% auto 0;
  }
  #contents .mainvisual_area .breadcrumbs-area {
    position: static;
    width: 100%;
    margin: 32% 0 0;
    height: 20px;
    text-align: right;
    font-family: 'Roboto', sans-serif;
    font-size: 0.9rem;
    box-sizing: content-box;
  }
  #contents .mainvisual_area .breadcrumbs-area .breadcrumbs-list li {
    margin: 0;
    padding-right: 30px;
    display: inline-block;
    opacity: 0.5;
  }
  #contents .mainvisual_area .breadcrumbs-area .breadcrumbs-list li:last-child {
    padding-right: 30px;
  }
  #contents .mainvisual_area .breadcrumbs-area .breadcrumbs-list a {
    margin: 0;
    display: inline-block;
    position: relative;
  }
  #contents .mainvisual_area .breadcrumbs-area .breadcrumbs-list a::after {
    display: block;
    content: '';
    position: absolute;
    top: 44%;
    right: -30px;
    box-sizing: border-box;
    width: 8px;
    border: 1px solid #ccc;
  }
  #contents .catalog_download_contents {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  #contents .catalog_download_contents .catalog_contents_index01-1,
  #contents .catalog_download_contents .catalog_contents_index04-1,
  #contents .catalog_download_contents .catalog_contents_index04-2,
  #contents .catalog_download_contents .catalog_contents_index03-1 {
    width: 100%;
    margin: 30px 10px 0;
  }
  #contents .catalog_download_contents .catalog_contents_index01-1 .catalog_img img,
  #contents .catalog_download_contents .catalog_contents_index04-1 .catalog_img img,
  #contents .catalog_download_contents .catalog_contents_index04-2 .catalog_img img,
  #contents .catalog_download_contents .catalog_contents_index03-1 .catalog_img img {
    display: block;
    text-align: center;
    width: 50%;
  }
  #contents .catalog_download_contents .catalog_title_index01,
  #contents .catalog_download_contents .catalog_title_index02,
  #contents .catalog_download_contents .catalog_title_index03,
  #contents .catalog_download_contents .catalog_title_index04,
  #contents .catalog_download_contents .catalog_title_index05 {
    text-align: left;
    padding: 20px 10px;
    font-weight: 600;
    font-size: clamp(16px, 1.7vw, 32px);
    font-family: 'Roboto', sans-serif;
  }
  #contents .catalog_download_contents .catalog_contents_index02-1,
  #contents .catalog_download_contents .catalog_contents_index02-2 {
    width: 100%;
    margin: 30px 10px 0;
  }
  #contents .catalog_download_contents .catalog_contents_index02-1 .catalog_img img,
  #contents .catalog_download_contents .catalog_contents_index02-2 .catalog_img img {
    width: 90%;
    vertical-align: middle;
    text-align: center;
  }
  #contents .catalog_download_contents .catalog_contents_index02-1 .catalog_img .catalog_title_index02,
  #contents .catalog_download_contents .catalog_contents_index02-2 .catalog_img .catalog_title_index02 {
    width: 100%;
    padding: 10px 0;
    font-weight: 600;
    font-size: clamp(16px, 1.7vw, 32px);
    font-family: 'Roboto', sans-serif;
  }
  #contents .mark {
    font-size: 0.5em;
    margin-left: 2px;
    margin-right: 3px;
  }
  #contents h3.title {
    display: block;
    font-size: 1.6em;
    font-weight: 600;
    margin: 80px auto 40px;
    width: 100%;
  }
  #contents .chapter_title {
    display: block;
    width: 86%;
    margin: 60px auto 36px;
  }
  #contents .chapter_title h3 {
    width: 100%;
    text-align: left;
    font-size: clamp(18px, 1.9vw, 28px);
    font-weight: 600;
    font-family: 'Roboto', sans-serif;
    display: block;
    position: relative;
  }
  #contents .chapter_title h3::after {
    content: "";
    display: block;
    background-color: #9E9A9A;
    width: 100%;
    height: 1px;
    position: absolute;
  }
}