@charset "UTF-8";

@media screen and (max-width:767px) {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  b,
  u,
  i,
  center,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td,
  article,
  aside,
  canvas,
  details,
  embed,
  figure,
  figcaption,
  footer,
  header,
  hgroup,
  menu,
  nav,
  output,
  ruby,
  section,
  summary,
  time,
  mark,
  audio,
  video {
      border: 0;
      font: inherit;
      font-size: 100%;
      max-height: 100%;
      margin: 0;
      padding: 0;
      vertical-align: baseline;
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  main,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
      display: block;
  }

  body {
      line-height: 1;
  }

  ol,
  ul {
      list-style: none;
  }

  blockquote,
  q {
      quotes: none;
  }

  blockquote::before,
  blockquote::after,
  q::before,
  q::after {
      content: '';
      content: none;
  }

  table {
      border-collapse: collapse;
      border-spacing: 0;
  }
  table tbody {
      -webkit-text-size-adjust:100%;

  }
}
@media screen and (max-width:767px) {
    /* style */
    body {
        font-size: 16px;
        line-height: 1.5;
        text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
        /* opacity: 0;
        transition: .2s; */
    }
    body.is-view {
        opacity: 1;
    }
    #header {
        width: 100%;
        height: auto;
        background: none;
    }
    #header > h1,
    #header > a {
        display: block;
        float: left;
        /* height: 77.81px; */
        padding: 0;
        text-align: left;
        width: 100%;
    }
    #header > h1 {
        /* height: auto; */
        /* width: 80%; */
    }
    /* 2階層目のヘッダー */
    #header > a {
        /* height: auto; */
        width: 100%;
    }
    #mainleft {
        width: 100%;
        float: none;
    }
    div.mainmenu,
    div.database {
        width: 100%;
        border: none;
    }
    .mainmenu h2,
    .database h2 {
        background: #4b88d1;
        border-left: 14px #081f82 solid;
        font-family: serif;
        font-size: 90%;
        font-weight: bold;
        padding: 17px 10px 18px 10px;
    }
    .mainmenu ul,
    .database ul {
        margin: 18px 0 0 0 !important;
        padding: 0 34px 0 34px !important;
    }
    .mainmenu li,
    .database li {
        background-position: 5px center !important;
        float: none !important;
        width: 100% !important;
    }
    .mainmenu li:not(:first-child),
    .database li:not(:first-child) {
        margin-top: 3px;
    }
    .mainmenu a,
    .database a {
        font-size: 100% !important;
        display: inline-block;
    }
    .mainmenu p,
    .database p {
        line-height: 1.5;
    }
    div.database div {
        padding: 0 34px 0 34px;
        font-size: 100% !important;
    }
    .database-fac span {
        font-size: 100% !important;
    }
    div.news {
        border: 0;
        padding: 0;
        width: 100%;
    }
    .news h2 {
        background: #d0d0d0;
        font-size: 90%;
        font-weight: bold;
        padding: 17px 10px 18px 24px;
    }
    .news ul {
        box-sizing: border-box;
        margin: 20px auto 0;
        padding: 0 25px;
        width: 100%;
    }
    .news li {
        background: url(../common/arrow_right_blue.gif)  no-repeat 5px 3px;
        font-size: 100%;
    }
    .news li:not(:first-child) {
        margin-top: 20px;
    }
    .news li a {
        font-size: 100% !important;
        line-height: 1.5;
        display: block;
    }
    .news li a font {
        font-size: 100% !important;
        display: block;
    }
    .news .backnum font {
        font-size: 100%;
    }
    #footermenu {
        width: 100%;
        text-align: center;
        border-bottom: 0;
    }
    #footermenu ul {
        padding: 8px 5px;
    }
    #footermenu li:first-child a {
        border-left: 0;
    }
    #footermenu li a {
        border-left: 1px solid #ccc;
        color: #ccc;
        font-size: 70%;
    }
    #footermenu li a:hover {
        color: #ccc;
        font-size: 70%;
    }
    #copyright {
        font-size: 90%;
        padding: 10px 20px;
    }
    #layout {
        background: #fff;
        width: 100%;
    }

    #headerlogo,
    .headerlogo {
        float: none;
        height: auto;
        object-fit: cover;
        object-position: left;
        width: 100%;
    }
    #headerlogo {
        height: 100%;
    }
    div.pickup {
        border: none;
    }
    div.pickup h3,
    div.pickup h2 {
        padding: 17px 20px 18px 20px;
        font-size: 95%;
        font-weight: bold;
    }
    div.pickup h2 {
        padding: 17px 20px 10px 20px;
    }
    div.pickup ul h3 {
        padding: 0;
        background-color: #fff;
    }
    .pickup ul {
        background-color: #D4E6F4;
        margin: 0;
        padding: 20px;
    }
    .pickup li {
        background: url(../common/arrow_right_blue.gif)  no-repeat 5px 6px;
    }
    .pickup li:not(:first-child) {
        margin-top: 5px;
    }
    .pickup li a {
        font-size: 100%;
        font-weight: bold;
    }
    .pickup.next {
        margin-bottom: 20px;
    }
    .pickup.next ul {
        padding: 10px 20px;
        background-color: #fff;
    }

    ul#headerEnglish {
        box-sizing: border-box;
        /* float: right; */
        border: none;
        font-size: 12px;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 22vw;
        height: 25.938vw;
    }
    #headerEnglish li {
        height: 100%;
        width: 100%;
    }
    #headerEnglish li a {
        align-items: center;
        background-color: #000;
        border: none;
        display: flex;
        font-weight: 500;
        height: 100%;
        justify-content: center;
        padding: 10px;
        width: 100%;
        text-decoration: none;
        box-sizing: border-box;
    }
    #headerEnglish li a:link {
        color: #fff;
    }
    ul#headerlink {
        clear: both;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-between; */
        padding: 5px 0;
        width: 100%;
        box-sizing: border-box;
    }
    #headerlink li {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    #headerlink li a {
        color: #000;
        border-left: 1px solid #000;
        background: none;
        padding: 0px 5px;
        font-weight: normal;
        font-size: 11px;
    }

    .to-top,
    .back {
        font-size: 100%;
        height: auto !important;
        margin-bottom: 25px;
        margin-top: 30px;
        text-align: center;
        width: auto !important;
    }
    .back {
        margin-top: -10px;
    }

    /* 重要なお知らせ */
    .imp-news {
        border: 3px double red;
        box-sizing: border-box;
        margin: 10px auto 20px !important;
        padding: 15px !important;
        width: calc(100% - 40px);
    }
    .imp-news-title {
        color: red;
        cursor: pointer;
        font-size: 100%;
        font-weight: bold;
    }
    .imp-news-content {
        display: none;
        font-size: 80%;
        margin-top: 10px;
    }
    .imp-news-content.is-active {
        display: block;
    }

    /* ハンバーガーメニュー */
    #menu-waku {
        background-color: #fff;
        border: none;
        border-bottom: 1px solid #081f82;
        border-top: 1px solid #081f82;
        box-sizing: border-box;
        height: 0;
        opacity: 0;
        padding: 0 25px;
        position: relative;
        top: -2px;
        transition: .3s;
        visibility: hidden;
        width: 100%;
    }
    #menu-waku.is-active {
        height: auto;
        opacity: 1;
        padding: 30px 25px;
        visibility: inherit;
    }
    #database {
        float: none;
        padding: 0;
        width: auto;
    }
    #database ul {
        background: none;
        border: 0;
        padding: 0;
        text-align: left;
        width: 100%;
    }
    #database li {
        font-size: 100%;
    }
    #database a {
        background-color: #081f82;
        color: #fff;
        display: inline-block;
        padding: 10px 20px;
        text-decoration: none;
    }
    #mainmanu {
        font-size: 100%;
        margin-top: 20px;
        width: 100% !important;
    }
    #mainmanu ul {
        padding: 0;
        width: 100% !important;
    }
    #mainmanu li {
        display: block;
        margin-top: 5px;
        padding-left: 0;
    }
    #mainmanu > ul > li:not(:first-child) {
        margin-top: 20px;
    }
    #mainmanu .midashi {
        display: block;
        float: none;
    }
    #mainmanu li a {
        border-right: none !important;
        border-width: 1px !important;
        padding: 0;
    }
    #mainmanu a.mainmenu-jis-act-current {
        background-color: #fff;
        color: #004585;
    }
    .l-hmb {
        align-items: center;
        border-bottom: 1px solid #081f82;
        border-left: 1px solid #081f82;
        border-right: 1px solid #081f82;
        border-top: 1px solid #081f82;
        display: flex;
        height: 35px;
        justify-content: center;
        margin-left: auto;
        margin-right: 20px;
        margin-top: 10px;
        width: 35px;
    }
    .l-hmb span {
        background-color: #081f82;
        height: 3px;
        position: relative;
        transition: .3s;
        width: 25px;
    }
    .l-hmb span::before,
    .l-hmb span::after {
        background-color: #081f82;
        bottom: 0;
        content: "";
        height: 3px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        transition: .3s;
        width: 25px;
    }
    .l-hmb span::before {
        top: -20px;
    }
    .l-hmb span::after {
        bottom: -20px;
    }
    .l-hmb.is-active span {
        background-color: #fff;
    }
    .l-hmb.is-active span::before {
        top: 0;
        transform: rotate(45deg);
    }
    .l-hmb.is-active span::after {
        bottom: 0;
        transform: rotate(-45deg);
    }

    .l-close {
        align-items: center;
        border-bottom: 1px solid #081f82;
        border-left: 1px solid #081f82;
        border-right: 1px solid #081f82;
        border-top: 1px solid #081f82;
        display: flex;
        height: 35px;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        margin-top: 30px;
        position: relative;
        width: 35px;
    }
    .l-close::before,
    .l-close::after {
        background-color: #081f82;
        bottom: 0;
        content: "";
        height: 3px;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
    }
    .l-close::before {
        transform: rotate(45deg);
    }
    .l-close::after {
        transform: rotate(-45deg);
    }

    /* 2階層 */
    #main {
        box-sizing: border-box;
        margin-left: 0;
        overflow: hidden;
        padding: 0 20px;
        width: 100%;
    }
    #main p.txt-m-h {
        height: auto !important;
        width: 100% !important;
        margin-left: 0 !important;
        text-indent: 0 !important;
    }
    #main .txt-m-h {
        box-sizing: border-box;
        font-size: 100%;
        line-height: 1.4;
        /* padding: 0 20px; */

    }
    #main p {
        margin-bottom: 10px;
    }
    #main .zu {
        /* padding: 0 20px; */
        font-size: 100%;
    }
    #main h2 {
        border-bottom: 1px solid #000;
        border-top: none;
        font-size: 100%;
        margin-bottom: 10px;
        /* margin: 0 20px; */
    }
    #main h3 {
        font-size: 100%;
        margin-bottom: 10px;
        margin-top: 20px;
    }
    #main h4 {
        font-size: 100%;
        margin-bottom: 20px;
        /* padding: 0 20px; */
    }
    #main a {
        overflow-wrap: break-word;
    }
    #main ul {
        margin: 0 0 10px 1em !important;
    }
    #main ul li {
        position: relative;
        list-style-type: disc;
        height: auto !important;
    }
    #main ul li ul {
        /* margin: 0; */
    }
    #main ul.tabletype_a_level2 {
    }
    #main .tabletype_a_level2 li {
        font-weight: normal;
        margin: 0;
    }
    #main .tabletype_a_level2 li:not(:first-child) {
        margin-top: 5px;
    }
    #main ul.tabletype_a {
        font-size: 100%;
    }
    #main ul.tabletype_a > li {
        font-weight: bold;
        list-style-type: none;
    }
    #main img.right {
        float: none;
    }
    #main img {
        margin-bottom: 10px;
        /* width: 100%; */
    }
    #bottom-submenu {
        margin-left: 0;
    }
    #submenu {
        border-top: none;
        box-sizing: border-box;
        float: none;
        font-size: 100%;
        padding: 0 20px 20px;
        width: 100%;
    }
    #submenu li {
        background-position: 5px 5px;
        padding-bottom: 0;
        padding-top: 2px;
    }
    #submenu li.sidemenu-current {
        background-position: 5px 5px;
    }
    #submenu li:not(:first-child) {
        margin-top: 5px;
    }
    #submenu li a {
        display: block;
    }
    #submenu ul.level2 {
        margin: 10px 0 0 0;
    }
    #submenu ul.level2 li {
        font-size: 100%;
        margin-top: 0;
        padding-left: 10px;
        background: url(../common/submenu_arrow2.gif) no-repeat 0px 4px;
        padding-top: 0;
    }
    #submenu ul.level2 li.sidemenu-current {
        background: #fff url(../common/submenu_squea.gif) no-repeat 0px 4px;
    }
    #submenu ul.level2 li:not(:first-child) {
        margin-top: 10px;
    }
    #submenu ul.level3 {
        margin: 10px 0 0 0;
    }
    #submenu ul.level3 li {
        padding-left: 10px;
    }
    #pan {
        font-size: 75%;
        padding: 20px 20px 10px;
    }
    #pan a {
        position: relative;
        top: -1px;
    }
    #main h1.title-jis-act,
    #main h1.title-international,
    #main h1.title-newjis,
    #main h1.title-mss,
    #main h1.title-jisc,
    #main h1.title-policy,
    #main h1.title-cooperation,
    #main h1.title-qa,
    #main h1.title-database,
    #main h1.title-iso-iec,
    #main h1.title-jis-mark,
    #main h1.title-other {
        border-left: 14px #901A5D solid;
        box-sizing: border-box;
        box-sizing: border-box;
        font-size: 100%;
        font-weight: bold;
        left: -20px;
        line-height: 1.5;
        margin-bottom: 25px;
        padding: 14px 10px 15px 10px;
        position: relative;
        width: calc(100% + 20px * 2);
    }

    #main h1.title-international {
        border-color: #EB3F01;
    }
    #main h1.title-newjis {
        border-color: #94185A;
    }
    #main h1.title-mss {
        border-color: #B0900B;
    }
    #main h1.title-jisc {
        border-color: #1C1A90;
    }
    #main h1.title-policy {
        border-color: #218875;
    }
    #main h1.title-cooperation {
        border-color: #006666;
    }
    #main h1.title-qa {
        border-color: #20529C;
    }
    #main h1.title-database {
        border-color: #666699;
    }
    #main h1.title-iso-iec {
        border-color: #EC4002;
    }
    #main h1.title-jis-mark {
        border-color: #C10000;
    }
    #main h1.title-other {
        border-color: #666699;
    }

    #main h1 {
        margin-bottom: 10px;
    }

    #bottom-submenu {
        font-size: 100%;
        padding: 10px 20px 30px;
    }
    #bottom-submenu > ul {
        display: block;
        text-align: left;
        font-size: 100%;
        margin: 0;
        width: 100% !important;
    }
    #bottom-submenu li {
        background: url(../common/submenu_arrow.gif) no-repeat 5px 4px;
        font-weight: bold;
        list-style-type: none;
        display: block;
        padding-left: 15px;
        padding-top: 0;
    }
    #bottom-submenu li:not(:first-child) {
        margin-top: 5px;
    }
    #bottom-submenu li a {
        border-right: none;
        display: block;
        padding: 0;
        white-space: normal;
    }
    #bottom-submenu li ul {
        margin: 5px 0 0 0;
    }
    img {
        max-width: 100%;
        height: auto;
    }

    /* jis-act */
    #main table.table-black1,
    #main table.table-databese2 {
        border: none;
        width: 100%;
    }
    /* 作業計画・作成状況の公開 START */
    .plan-ref table br {
        display: none;
    }
    .plan-ref table font[size] {
        display: none;
    }
    .plan-ref table a {
        display: inline-block;
        margin-top: 0;
        position: relative;
        width: 100%;
    }
    .plan-ref table a::before {
        content: "○";
        height: 1em;
        display: inline-block;
    }
    .plan-ref-table {
        overflow-x: auto;
        white-space: normal;
    }
    /* 作業計画・作成状況の公開 END */
    #main table.table-black1 td {
      font-size: 12px;
    }
    #main .table-databese2 th {
        vertical-align: middle;
        padding: 5px;
    }
    #main .table-databese2 td {
        padding: 10px;
    }
    #main table {
        height: auto !important;
        width: 100% !important;
        /* display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch; */
    }
    /* table tbody {
        display:table;
        width: 100%;
    } */
    #main table tbody td {
        padding: 3px;
        vertical-align: text-top;
    }
    #main .table-databese2 td {
        height: 30px;

    }

    .l-lg {
        display: none !important;
    }

    table {
        -webkit-overflow-scrolling: touch;
        border: none !important;
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        width: 110% ​!important;
    }
    table tbody,
    table thead {
        width: 100%;
    }

    #main img[alt="PDFファイル"],
    #main img[alt="PDF"],
    #main img[alt="MS-Word文書"],
    #main img[alt="Excelファイル"],
    #main img[alt="JDT2019"] {
        margin-bottom: 0;
        width: 32px;
    }
    /* FAQ(よくある質問) */
    ul#accordion {
        margin-left: 0 !important;
    }
    ul#accordion li {
        font-size: 75%;
        list-style-type: none;
        line-height: 1.4;
    }
    .accordion .link:hover {
        background-color: #fff;
    }
    .accordion .link {
        padding: 0;
        cursor: pointer;
    }
    .accordion .link a {
        cursor: pointer;
        display: block;
        padding: 10px 20px;
    }
    .submenu {
        padding: 10px 20px;
        line-height: 1.6;
    }

    .qa #submenu ul li ul,
    .a2-1 #submenu ul li ul,
    .a3-1 #submenu ul li ul,
    .a4-1 #submenu ul li ul,
    .a5-1 #submenu ul li ul,
    .a6-1 #submenu ul li ul,
    .a7-1 #submenu ul li ul,
    .a8-1 #submenu ul li ul {
        margin-top: 8px;
    }
    .qa #submenu ul li ul li,
    .a2-1 #submenu ul li ul li,
    .a3-1 #submenu ul li ul li,
    .a4-1 #submenu ul li ul li,
    .a5-1 #submenu ul li ul li,
    .a6-1 #submenu ul li ul li,
    .a7-1 #submenu ul li ul li,
    .a8-1 #submenu ul li ul li {
        margin-left: -15px;
    }
    .qa #main p.txt-m-h,
    .a2-1 #main p.txt-m-h,
    .a3-1 #main p.txt-m-h,
    .a4-1 #main p.txt-m-h,
    .a5-1 #main p.txt-m-h,
    .a6-1 #main p.txt-m-h,
    .a7-1 #main p.txt-m-h,
    .a8-1 #main p.txt-m-h {
        text-align: left !important;
        font-size: 75%;
    }
    #main h2.qa {
        align-items: center;
        display: flex;
        left: -20px;
        padding: 10px 20px;
        position: relative;
        width: calc(100% + 20px * 2);
    }

    /* JISC関係用語と略語集 */
    .dictionary #main p.txt-m-h {
        font-size: 80%;
    }
    #main .zu {
        font-size: 80%;
    }

    /* JIS検索 */
    #main div.form-a {
        border-bottom: 0;
        box-sizing: border-box;
        left: -20px;
        padding: 10px 20px;
        position: relative;
        width: calc(100% + 20px * 2);
    }
    #main div.form-a strong {
        display: inline-block;
        font-weight: bold;
        margin-bottom: 10px;
    }
    #main div.form-a input[type="text"] {
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border-radius: 0;
        border: 1px solid #ccc;
        box-shadow: 0;
        box-sizing: border-box;
        height: 40px;
        text-shadow: none;
        width: 100%;
    }
    #main div.form-a input[type="button"] {
        -webkit-appearance: none;
        appearance: none;
        background: none;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #ccc;
        cursor: pointer;
        display: block;
        height: 30px;
        margin: 20px auto 0;
        padding: 0;
        width: 80px;

    }
    .general .imp-news {
        width: 100%;
    }
    #main .table-databese1 td {
        padding: 10px;
    }
    #main .table-databese1 th {
        padding: 10px;
    }

    .page-navi {
        margin-bottom: 10px;
        text-align: center;
    }
    #main .page-navi p,
    #main .page-navi ul {
        display: block;
        margin: 0;
    }
    #main .page-navi p {
        margin-right: 0;
    }
    #main .page-navi ul {
        margin-top: 5px;
    }
    #main .page-navi ul li {
        list-style: none;
    }

    /* ENG PAGE */
    .eng #header > h1,
    .eng #header > a {
        height: auto !important;
    }
    .eng .txt-m-h {
        font-size: 100%;
    }
    span[lang="EN-US"] strong {
        font-weight: bold;
    }
    a[href="#page-start"],
    a[href="#page_start"] {
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
        margin-top: 30px;
        width: 100%;
    }
    .eng #main h2 {
        border-top: none;
        font-size: 120%;
    }
    div.main-read-right {
        box-sizing: border-box;
        float: none;
        height: auto !important;
        margin-left: auto !important;
        margin-right: auto !important;
        width: 90% !important;
        margin-top: 20px;
    }
    #mainfontcont2 {
        border-color: red;
        box-sizing: border-box;
        width: 100% !important;
    }
    #mainfontcont2 p {
        background-color: #fff;
        border-color: red;
        padding: 10px 20px;
        box-sizing: border-box;
        text-align: left;
        width: 100% !important;
    }
    #mainfontcont2 p a {
        color: red;
    }
    .eng #main-read {
        font-size: 100%;
        line-height: 1.8;
        margin: 0 auto 30px !important;
        width: 90%;
    }
    .eng .mainmenu ul li {
        display: flex;
        position: relative;
    }
    .eng .mainmenu ul li::before {
        background-color: #000;
        border-radius: 50%;
        content: "";
        display: block;
        height: 1em;
        margin-right: .2em;
        top: 3px;
        position: relative;
        width: 1em;
    }
    .eng .mainmenu ul li span[lang="EN-US"] {
        width: calc(100% - 1em - .2em);
    }
    .mainmenu-Whats-New {
        position: relative;
    }
    .footer-txt-box {
        width: 90%;
        margin: 0 auto;
    }
    .eng #mainmanu .midashi:not(:first-of-type) {
        margin-top: 20px;
    }

    #main ol li {
        list-style: decimal;
    }

    .newjis-eng-list {
        display: flex;
        flex-wrap: wrap;
    }
    .newjis-eng-item {
        width: calc(33% - 10px);
        margin: 0 5px;
    }

    #sitemap1 {
        float: none;
        width: auto;
    }
    #sitemap2 {
        margin-left: 0;
    }
    .eng #sitemap1 h2,
    .eng #sitemap2 h2 {
        border-top: 1px dotted #999;
    }

    #sitemap1 ul li,
    #sitemap2 ul li {
        background: url(../common/submenu_arrow.gif) no-repeat 0px 8px;
        list-style-type: none;
    }
    .how-to_e #main h1 {
        font-size: 125%;
        font-weight: bold;
    }

    .site #main ul {
        margin: 0;
    }
    .site .MsoNormalTable {
        border: 1px solid #000;
    }
    .reaomore {
        align-items: center;
        background-color: #081f82;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: flex;
        font-size: 120%;
        font-weight: bold;
        justify-content: center;
        margin: 20px auto 30px;
        padding: 10px;
        width: 80%;
    }

    .flow-dev__imgarea {
        display: flex;
    }
    .flow-dev__imgarea--link {
      display: block;
      width: 25%;
    }
    /* 意見受付公告(JIS)(入力画面)フォーム START */
    .GnrOpinionReceptionNoticeStandardList #main table.table-databese1,
    .GnrOpinionReceptionNoticeStandardList tbody,
    .GnrOpinionReceptionNoticeStandardList tr,
    .GnrOpinionReceptionNoticeStandardList th,
    .GnrOpinionReceptionNoticeStandardList td,
    .GnrOpinionReceptionNoticeStandardList caption {
        border: none;
        padding: 0;
        display: block;
        box-sizing: border-box;
    }
    .GnrOpinionReceptionNoticeStandardList #main table.table-databese1 caption {
        font-size: 130%;
        margin-bottom: 10px;
    }
    .GnrOpinionReceptionNoticeStandardList #main table.table-databese1 input,
    .GnrOpinionReceptionNoticeStandardList #main table.table-databese1 textarea {
              appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        height: 45px;
        margin-top: 5px;
        padding: 0;
        width: 100%;
    }
    .GnrOpinionReceptionNoticeStandardList #main table.table-databese1 textarea {
        height: 180px;
    }
    .GnrOpinionReceptionNoticeStandardList #main input[type="button"] {
              appearance: none;
         -moz-appearance: none;
      -webkit-appearance: none;
      background-color: #fff;
      border-radius: 10px;
      border: 1px solid #ccc;
      padding: 3px 8px;

    }
    .GnrOpinionReceptionNoticeStandardList #main table.table-databese1 #opSummary,
    .GnrOpinionReceptionNoticeStandardList #main table.table-databese1 #opContent {
        margin-top: 20px;
    }
    .GnrOpinionReceptionNoticeStandardList #main .table-databese1 th {
        border: none;
        left: -20px;
        position: relative;
        padding: 10px 20px;
        width: calc(100% + 40px);
    }
    .GnrOpinionReceptionNoticeStandardList #main .table-databese1 tbody tr:not(:first-child) {
        margin-top: 20px;
    }
    .GnrOpinionReceptionNoticeStandardList #main .table-databese1 td {
        border: none;
        box-sizing: border-box;
        padding: 0;
        /* margin-bottom: 20px; */
    }
    .GnrOpinionReceptionNoticeStandardList #main .table-databese1 td table {
        margin-top: 20px;
    }
    .GnrOpinionReceptionNoticeStandardList #main .table-databese1 td table tr:not(:first-of-type) {
        margin-top: 20px;
    }
    .GnrOpinionReceptionNoticeStandardList #main .table-databese1 #zipBefore,
    .GnrOpinionReceptionNoticeStandardList #main .table-databese1 #zipAfter {
        width: auto;
    }
    /* 意見受付公告(JIS)(入力画面)フォーム END */
    #main #form select {
        /* -webkit-appearance: none;
        appearance: none; */
        background-color: #fff;
        border-radius: 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        height: 40px;
        position: relative;
        width: 100%;
    }
    #main #form #dispCnt {
        width: 30%;
    }
    #main #form .txt-m-h {
        margin-bottom: 25px;
    }
    /* データベース検索 START */
    .GnrDataBaseSearch #main h2 {
        box-sizing: border-box;
        left: -20px;
        padding: 10px;
        position: relative;
        width: calc(100% + 40px);
    }
    #main .mokuji-left {
        float: none !important;
        margin-top: 30px;
        width: 100% !important;
    }
    #main .mokuji-right {
        margin-left: 0 !important;
        margin-top: 30px;
    }
    #main .mokuji-resett {
        margin-left: 0 !important;
        margin-top: 30px;
    }
    /* データベース検索 END */
    /* ログイン画面 START */
    /* .GnrJISStandardDetailList #main h1.title-database,  */
    .GnrViewerLogIn #main h1.title-database {
        margin-top: 30px;
    }
    .GnrJISStandardDetailList #main input[type="text"],
    .GnrJISStandardDetailList #main input[type="password"] {
        -webkit-appearance: none;
        appearance: none;
        border-radius: 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        height: 40px;
        margin: 8px 0;
        width: 100%;
    }
    .GnrJISStandardDetailList #main input[type="button"] {
        -webkit-appearance: none;
        appearance: none;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 5px 10px;
    }
    .GnrJISStandardDetailList #main form[action="./GnrViewerLogIn"] table,
    .GnrJISStandardDetailList #main form[action="./GnrViewerLogIn"] tbody,
    .GnrJISStandardDetailList #main form[action="./GnrViewerLogIn"] tr,
    .GnrJISStandardDetailList #main form[action="./GnrViewerLogIn"] td {
        display: block;
    }
    .GnrJISStandardDetailList #main form[action="./GnrViewerLogIn"] th {
        text-align: left;
    }

    .GnrViewerLogIn #main table.table-databese1,
    /* .GnrJISStandardDetailList #main table.table-databese1, */
    .GnrViewerLogIn tbody,
    /* .GnrJISStandardDetailList tbody, */
    .GnrViewerLogIn tr,
    /* .GnrJISStandardDetailList tr, */
    .GnrViewerLogIn th,
    /* .GnrJISStandardDetailList th, */
    .GnrViewerLogIn td,
    /* .GnrJISStandardDetailList td, */
    .GnrViewerLogIn caption {
    /* .GnrJISStandardDetailList caption { */
        border: none;
        padding: 0;
        display: block;
        box-sizing: border-box;
    }
    .GnrViewerLogIn #main table.table-databese1 caption {
    /* .GnrJISStandardDetailList #main table.table-databese1 caption { */
        font-size: 130%;
        margin-bottom: 10px;
    }
    .GnrViewerLogIn #main table.table-databese1 input,
    .GnrViewerLogIn #main table.table-databese1 textarea {
    /* .GnrJISStandardDetailList #main table.table-databese1 input,
    .GnrJISStandardDetailList #main table.table-databese1 textarea { */
              appearance: none;
         -moz-appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        border: 1px solid #ccc;
        box-sizing: border-box;
        height: 45px;
        margin-top: 5px;
        padding: 0;
        width: 100%;
    }
    .GnrViewerLogIn #main input[type="button"],
    .GnrJISStandardDetailList #main input[type="button"] {
              appearance: none;
         -moz-appearance: none;
      -webkit-appearance: none;
      background-color: #fff;
      border-radius: 10px;
      border: 1px solid #ccc;
      padding: 3px 8px;

    }
    .GnrViewerLogIn #main .table-databese1 th {
    /* .GnrJISStandardDetailList #main .table-databese1 th { */
        border: none;
        left: -20px;
        position: relative;
        padding: 10px 20px;
        width: calc(100% + 40px);
    }
    .GnrViewerLogIn #main .table-databese1 tbody tr:not(:first-child) {
    /* .GnrJISStandardDetailList #main .table-databese1 tbody tr:not(:first-child) { */
        margin-top: 20px;
    }
    .GnrViewerLogIn #main .table-databese1 td {
    /* .GnrJISStandardDetailList #main .table-databese1 td { */
        border: none;
        box-sizing: border-box;
        padding: 0;
        /* margin-bottom: 20px; */
    }
    .GnrViewerLogIn #main .table-databese1 td table {
    /* .GnrJISStandardDetailList #main .table-databese1 td table { */
        margin-top: 20px;
    }
    .GnrViewerLogIn #main .table-databese1 td table tr:not(:first-of-type) {
    /* .GnrJISStandardDetailList #main .table-databese1 td table tr:not(:first-of-type) { */
        margin-top: 20px;
    }
    .GnrInquiry #main table,
    .GnrViewerLogIn #main table,
    .GnrOpinionReceptionNoticeStandardList #main table {
        overflow-x: inherit;
        overflow-y: inherit;
        white-space: normal;
    }
    /* ログイン画面 END */
    /* お問い合わせページ START */
    .GnrInquiry #main table.table-databese1,
    .GnrInquiry tbody,
    .GnrInquiry tr,
    .GnrInquiry th,
    .GnrInquiry td,
    .GnrInquiry caption {
        border: none;
        padding: 0;
        display: block;
        box-sizing: border-box;
    }
    .GnrInquiry #main table.table-databese1 caption {
        font-size: 130%;
        margin-bottom: 10px;
    }
    .GnrInquiry #main table.table-databese1 input,
    .GnrInquiry #main table.table-databese1 textarea,
    .GnrInquiry #main table.table-databese1 select {
        border: 1px solid #ccc !important;
        box-sizing: border-box;
        height: 45px;
        margin: 10px 0;
        width: 100% !important;
        padding: 10px;
        border-radius: 0;
    }
    .GnrInquiry #main table.table-databese1 input,
    .GnrInquiry #main table.table-databese1 textarea {
              appearance: none;
        -moz-appearance: none;
        -webkit-appearance: none;

    }
    .GnrInquiry #main table.table-databese1 textarea {
        height: 180px;
    }
    .GnrInquiry #main input[type="button"] {
              appearance: none;
         -moz-appearance: none;
      -webkit-appearance: none;
      background-color: #fff;
      border-radius: 10px;
      border: 1px solid #ccc;
      padding: 3px 8px;

    }
    .GnrInquiry #main .table-databese1 th {
        border: none;
        font-weight: bold;
        left: -20px;
        margin-bottom: 20px;
        padding: 10px 20px;
        position: relative;
        width: calc(100% + 40px);
    }
    .GnrInquiry #main .table-databese1 tbody tr:not(:first-child) {
        margin-top: 20px;
    }
    .GnrInquiry #main .table-databese1 td {
        border: none;
        box-sizing: border-box;
        padding: 0;
        /* margin-bottom: 20px; */
    }
    .GnrInquiry #main .table-databese1 td table {
        margin-top: 20px;
    }
    .GnrInquiry #main .table-databese1 td table tr:not(:first-of-type) {
        margin-top: 20px;
    }
    .GnrInquiry #main #consent1 {
        height: 1em !important;
        width: 1em !important;
        margin: 30px 0 0;
    }
    .steptable {
        margin: 30px 0 !important;
    }
    .steptable tr {
        display: flex;
        justify-content: center;
    }
    .steptable tr td {
        margin: 0 10px;
    }
    .steptable .step {
        border: 1px solid #ccc;
        font-size: 12px;
        border-radius: 10px;
    }
    .GnrInquiry .btn {
              appearance: none;
         -moz-appearance: none;
        -webkit-appearance: none;
        background-color: #fff;
        border-radius: 10px;
        border: 1px solid #ccc;
        padding: 3px 8px;
    }
    /* お問い合わせページ END */
    /* ISO/TC176規格名称一覧 START */
    .qms-list table td {
    }
    /* ISO/TC176規格名称一覧 END */
    /* ISO/TC207（環境マネジメント）規格名称一覧 START */
    .ems-list table td {
    }
    /* ISO/TC207（環境マネジメント）規格名称一覧 END */

    /* JIS検索 START */
    .GnrJISSearch .imp-news,
    .GnrDataBaseSearch .imp-news {
        width: 100%;
    }
    /* JIS検索 END */
    /* JIS規格詳細画面 START */
    .GnrJISNumberNameSearchList #main img,
    .toGnrJISStandardDetailList #main img {
        width: auto;
    }
    /* JIS規格詳細画面 END */
    /* JISマーク START */
    .newjismknews #main img {
        /* width: 150px; */
        outline: none;
    }
    /* JISマーク END */
    .GnrMeetingDistributedDocumentMenu,
    .GnrMeetingDistributedDocumentMenu #layout,
    .GnrMeetingDistributedDocumentMenu div,
    .GnrMeetingDistributedDocumentMenu ul,
    .GnrMeetingDistributedDocumentMenu form,
    .GnrOldDistributedDocumentMenu,
    .GnrOldDistributedDocumentMenu #layout,
    .GnrOldDistributedDocumentMenu div,
    .GnrOldDistributedDocumentMenu ul,
    .GnrOldDistributedDocumentMenu form  {
        max-height: none;
    }
    /* ISOの概要 START */
    .iso-guide #main h5 {
        font-size: 100%;
    }
    #main .iso-list dl dd {
        margin: 0;
    }
    /* ISOの概要 END */

    /* ISOの概要 START */
    /* #main .txt-m-h.settling_table {
        margin: 0 0 0 0 !important;
    } */
    #main table.settling_table {
        font-size: 90%;
        white-space: inherit;
    }
    /* ISOの概要 END */

    /* header無しページ */
    #cap-layout {
        box-sizing: border-box;
        padding: 0 20px;
        width: 100%;
    }
    #cap-layout .back {
        font-size: 100%;
        text-align: center;
        margin: 20px 0 0;
        padding: 0 0 20px;
    }
    #cap-layout .txt-m-h {
        font-size: 100%;
        line-height: 1.6;
    }
    #cap-layout ul {
        margin: 20px 0 0;
    }
    #cap-layout h2 {
        font-size: 105%;
    }
    .jis_kensaku-box__imgbox {
        display: flex;
    }
    #cap-layout table {
        height: auto;
        width: 100%;
    }
    #cap-layout table td {
        /* padding: 0px 20px; */
    }
    #cap-layout table td.txt-m-h {
        padding: 5px 10px;
    }
    /* Japanese Industrial Standards START */
    /* .dispHtml center table,
    .GnrKeyPointsOfJISToBeEstablishedList center table {
      border-collapse: separate;
      border-spacing: 1px;
      display: table;
      overflow-x: inherit;
      white-space: inherit;
      width: 100% !important;
    }
    .dispHtml center > table,
    .GnrKeyPointsOfJISToBeEstablishedList center > table {
      width: 95% !important;
      border-collapse: collapse;
      border-spacing: 0;
    }
    .dispHtml center > table:first-of-type,
    .GnrKeyPointsOfJISToBeEstablishedList center > table:first-of-type {
        width: 100% !important;
    }
    .dispHtml center > table:first-of-type tbody tr > td,
    .GnrKeyPointsOfJISToBeEstablishedList center > table:first-of-type tbody tr > td {
        padding: 5px 6px;
    }
    .dispHtml center table h3,
    .GnrKeyPointsOfJISToBeEstablishedList table h3 {
      font-size: 100%;
      margin-bottom: 10px;
      font-weight: bold;
    }
    .dispHtml center table tbody tr td table tbody tr td,
    .GnrKeyPointsOfJISToBeEstablishedList center table tbody tr td table tbody tr td {
      padding: 5px 10px;
    } */

    /* Japanese Industrial Standards END */
}
@media screen and (min-width:768px) {
  /* PC スタイル */
  .l-sm {
      display: none !important;
  }
  div.database div {
      margin-left: 23px;
  }
  .newjis-eng-list {
      display: flex;
      justify-content: center;
  }
  .newjis-eng-item {
      margin: 0 5px;
  }
  #main.site-pc .txt-m-h {
      margin-left: 0;
      padding: 0;
  }
  #main.site-pc .MsoNormalTable {
      border: 1px solid #000;
  }
  #bottom-submenu ul li ul {
      margin: 0;
      display: inline;
  }

  .flow-dev__imgarea {
      display: flex;
  }
  .imp-news {
      border: 3px double red;
      padding: 10px;
  }
  .imp-news-title {
      font-size: 16px;
      font-weight: bold;
  }
  .imp-news-content {
      font-size: 14px;
  }

  /* #main ul {
      margin: 0;
  } */
  #main ul.tabletype_a_level2 {
    font-size: 80%;
    padding: 0;
  }
  #main ul.tabletype_a_level2 li ul {
    padding: 0;
  }
  #main .iso-list {
      font-size: 80%;
  }
  #main .iso-list dl {
      display: flex;
      width: 100%;
  }
  #main .iso-list dl dt {
      margin: 0;
      width: 15%;
  }
  #main .iso-list dl dd {
      margin-left: 10px;
      width: calc(100% - 15% - 10px);
  }
  .jis_kensaku-box {
      display: flex;
      font-size: 80%;
  }
  .jis_kensaku-box ul {
      list-style-type: none;
  }
  .jis_kensaku-box__imgbox {
      align-items: center;
      display: flex;
  }
  #cap-layout .jis_kensaku-box__txtbox ul {
      padding: 0;
      margin: 0;
  }
  .jis_kensaku-box__inner,
  .jis_kensaku-box__imgbox {
      width: calc((100% - 20px) / 2);
  }
  .jis_kensaku-box__imgbox {
      margin-left: 20px;
  }
  .jis_kensaku-box__imgarea h3 {
      text-align: center;
  }
}

/* 共通 */
.border-1 {
    border: 1px solid #000 !important;
}
.txt-center {
    text-align: center !important;
}

body {
    -webkit-text-size-adjust: 100%;
}


@media screen and (max-width:374px) {
    /* SMALL SIZE */
    #headerlink li a {
        font-size: 10px;
        padding: 0 3px;
    }
}

/** 利用者情報入力画面 **/
/* 住所 */
.widthAddress {
    width:552px;
}

/* 勤務先 */
.widthWorkPlace {
    width:552px;
}
/* メールアドレス */
.widthEmail {
    width:495px;
}

/** お問い合わせフォーム **/
/* 件名 */
.widthSubject {
    width:510px;
}

/* ------------------------------------------------------------------
 textarea 横方向サイズ固定、function にて改行入力不可
-------------------------------------------------------------------*/
.resizeVertical {
	resize: vertical;
}


/* ------------------------------------------------------------------
 textarea 横方向サイズ固定、function にて改行入力不可
-------------------------------------------------------------------*/
.cancelEnter {
	resize: vertical;
}