@charset 'UTF-8';
html {
  font-size: 62.5%;
}

@media screen and (max-width: 768px) {
  /* ==================================================== */
  /*サブタイトルモジュール(h2-module)
/* ==================================================== */
  .h2-module.en {
    color: #014099;
    margin-bottom: 10px;
  }
  /* ==================================================== */
  /* 地金価格情報(marketInfo-container)
/* ==================================================== */
  .marketInfo-container {
    padding-bottom: 110px;
  }
  .marketInfoTable {
    width: 95%;
  }
  /* ==================================================== */
  /*フッター(footer-container)
/* ==================================================== */
  .footer-container {
    margin-top: 0;
  }
  .footer-container .links_top .listNum01::after, .footer-container .links_top .listNum02::after, .footer-container .links_top .listNum03::after, .footer-container .links_top .listNum05::after, .footer-container .links_top .listNum06::after {
    display: none;
  }
  .footer-container .links li {
    display: list-item;
  }
  .footer-container .links_top .listNum05 {
    margin-left: 0;
  }
  .footer-container .links div {
    /* display: -ms-flexbox;
        display: flex; */
    margin-right: auto;
    margin-left: auto;
    padding-right: 13%;
    padding-left: 13%;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer-container .links_top .listNum01, .footer-container .links_top .listNum02, .footer-container .links_top .listNum03, .footer-container .links_top .listNum05, .footer-container .links_top .listNum06 {
    margin-right: 0;
  }
  .footer-container .links_top .listNum04 {
    margin-bottom: 25px;
  }
  .footer-container .links ul {
    margin-right: 0;
    margin-left: 0;
  }
  .footer-container .links_top ul {
    width: auto;
  }
  .footer-container .links_bottom .listNum01::after, .footer-container .links_bottom .listNum02::after, .footer-container .links_bottom .listNum03::after, .footer-container .links_bottom .listNum04::after, .footer-container .links_bottom .listNum06::after, .footer-container .links_bottom .listNum07::after {
    display: none;
  }
  .footer-container .links_bottom .listNum01, .footer-container .links_bottom .listNum02, .footer-container .links_bottom .listNum03, .footer-container .links_bottom .listNum04, .footer-container .links_bottom .listNum06, .footer-container .links_bottom .listNum07 {
    margin-right: 0;
  }
  .footer-container .links_bottom .listNum05 {
    margin-bottom: 25px;
  }
  .footer-container .links_bottom .listNum06 {
    margin-left: 0;
  }
  .logoArea--inner {
    width: 100%;
  }
  .page-top {
    display: none;
  }
  .footer-container .toEngsiteBtn {
    position: static;
    margin-left: auto;
  }
  .links_bottom .listNum05--pc {
    display: none;
  }
  .footer-container .links_bottom ul {
    width: auto;
  }
  .footer-container .links_bottom .listNum05 {
    margin-bottom: 0;
  }
  /* ==================================================== */
  /* 新着情報(news-container)
/* ==================================================== */
  .news-container .newsList {
    width: 95%;
    padding: 55px 0 55px 0;
  }
  .news-container .newsList dt {
    float: none;
  }
  /* ==================================================== */
  /* 製品情報(products-container)
/* ==================================================== */
  .productList {
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .productList li {
    width: 100%;
  }
  .productList li:nth-child(odd) .productItem-module {
    float: none;
    margin-right: auto;
  }
  .productItem-module {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
  }
  .productItem-module p {
    width: 90%;
  }
  .productItem-module figure {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    height: inherit;
  }
  .productList li:nth-child(even) .productItem-module {
    margin-left: auto;
  }
  /* ==================================================== */
  /*メインビジュアル(mainvisual-container)
/* ==================================================== */
  .slick-dots {
    bottom: 5px;
  }
  .spMenu a {
    color: #313131;
  }
  .slick-next {
    right: 1.5%;
  }
  .slick-prev {
    left: 1.5%;
  }
  .slick-prev, .slick-next {
    top: 50%;
  }
  #en_introduction {
    width: 94%;
    margin: auto;
    margin-bottom: 50px;
  }
  .slick-prev img, .slick-next img {}
  .slick-next:before {
    content: url("../images/icon_slider--next_sp.png");
  }
  .slick-prev:before {
    content: url(../images/icon_slider--prev_sp.png);
  }
  /* ==================================================== */
  /*ヘッダー(header-container)
/* ==================================================== */
  .header-container {
    border-top: none;
  }
  .header-container .inner {
    width: 100%;
  }
  .header-container .toEngsiteBtn {
    display: none;
  }
  .header-container .pcMenu {
    display: none;
  }
  .header-container .titleLogo {
    position: static;
    width: 57%;
    padding-top: 40px;
    padding-left: 5%;
  }
  .header-container .titleLogo.en {
    width: 52%;
  }
  .header-container .inner {
    height: 100px;
  }
  #navToggle {
    cursor: pointer;
  }
  .spMenu {
    position: absolute;
    z-index: 999999;
    top: 102px;
    left: 100%;
    display: block;
    width: 100%;
    height: 100vh;
    transition: .5s ease-in-out;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
    /*通常時はビュー外*/
    background: white;
  }
  .spMenu li {
    border-bottom: 1px solid #eaeaea;
  }
  .spMenu li a {
    display: block;
    padding: 10px;
  }
  .openNav .spMenu {
    left: 0;
  }
  #navToggle {
    position: relative;
    width: 30px;
    height: 25px;
    cursor: pointer;
  }
  #navToggle div {
    position: relative;
  }
  #navToggle span {
    position: absolute;
    display: block;
    width: 100%;
    transition: .35s ease-in-out;
    border-bottom: solid 3px #fff;
  }
  #navToggle span:nth-child(1) {
    top: 0;
  }
  #navToggle span:nth-child(2) {
    top: 11px;
  }
  #navToggle span:nth-child(3) {
    top: 22px;
  }
  .openNav #navToggle span:nth-child(1) {
    top: 11px;
    transform: rotate(-45deg);
  }
  .openNav #navToggle span:nth-child(2), .openNav #navToggle span:nth-child(3) {
    top: 11px;
    transform: rotate(45deg);
  }
  .navToggle--wrapper {
    position: absolute;
    top: 30px;
    right: 10px;
    padding: 9px 8px;
    background: rgba(0,0,0,1.00);
  }
  .spMenu li a {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .toEngsiteLink--sp {
    position: absolute;
    top: 30px;
    right: 65px;
    display: block;
    width: 20px;
    height: 30px;
    padding: 6px 14px 7px;
    background: #f1f4f7;
  }
  .toEngsiteLink--sp img {
    display: block;
    width: 90%;
  }
  /* ==================================================== */
  /*下層ページタイトル(secondPageTitle-container--sp)
/* ==================================================== */
  .secondPageTitle-container {
    flex-direction: column;
    -ms-flex-direction: column;
  }
  .secondPageTitle-container .engTitle {
    margin-right: 0;
  }
  .breadcrumb-module {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  /* ==================================================== */
  /*パンくずリスト(breadcrumb-module)
/* ==================================================== */
  .breadcrumb-module {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  /* ==================================================== */
  /*1カラムページ全般
/* ==================================================== */
  .oneColumn-wrapper {
    width: 100%;
  }
  .oneCol-module {
    width: 94%;
    margin: auto;
  }
  .businessImage {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
    border: none;
  }
  .businessImage figcaption {
    box-sizing: border-box;
    width: 100%;
    padding-right: 5%;
    padding-left: 5%;
  }
  .businessDetailList-module div img {
    width: 45%;
    margin-left: 20px;
  }
  .businessDetailList-module {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  /* ==================================================== */
  /*2カラムページ全般
/* ==================================================== */
  .twoColumn-wrapper {
    flex-direction: column;
    width: 100%;
    -ms-flex-direction: column;
  }
  .twoColumn-wrapper .sub-wrapper {
    width: 95%;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
  }
  .twoColumn-wrapper .main-wrapper {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
  }
  .twoColumn-wrapper .main-wrapper table .title {
    width: 35%;
  }
  /* ==================================================== */
  /*新着情報ページ
/* ==================================================== */
  dl.newspageListx {}
  dl.newspageList dt {
    padding: 0px;
    padding: 17px 0px 0px 0.8em
  }
  dl.newspageList dd {
    margin: 0px 1em
  }
  dl.newspageList dd a {
    padding: 6px 0px 18px 0px;
  }
  /* ==================================================== */
  /*新着情報詳細ページ
/* ==================================================== */
  .news_detail {
    margin-bottom: 30px;
  }
  /* ==================================================== */
  /*地金価格情報ページ
/* ==================================================== */
  .market-module {
    width: 94%;
    margin: 0px auto 40px;
  }
  .market-module p.range span {
    display: block;
  }
  .market-module p.summary {
    margin-left: 0px;
  }
  /* ==================================================== */
  /*喜平ページ(kihei-module)
/* ==================================================== */
  .kihei-module header {
    width: 90%;
    margin: 0px auto 20px;
  }
  div.imageKihei {
    width: 100%;
    height: inherit;
    margin: 0px auto 15px;
    float: none;
  }
  ul.pageLinkA {
    float: none;
    width: 100%;
    margin: auto;
  }
  ul.pageLinkA li {
    margin-bottom: 10px;
  }
  .kihei-module .btn-module {
    width: 100%;
    height: 45px;
  }
  .kihei-module section {
    width: 94%;
    margin: auto;
  }
  .kiheiLeft {
    width: 100%;
    text-align: center;
    float: none;
  }
  .kiheiRight {
    width: 100%;
    float: none;
  }
  /* ==================================================== */
  /*製品ページ(product-module)
/* ==================================================== */
  .product-module section {
    width: 94%;
    margin: 0px auto 30px;
  }
  .product-module section h2 {
    text-align: center;
    margin-bottom: 10px;
  }
  .product-module section img.productPhoto {
    position: inherit;
    top: 0px;
    width: 100%;
    margin-bottom: 10px;
  }
  .product-module section p {
    width: 100%;
    margin-bottom: 20px;
  }
  .product-module .btn-module {
    width: 100%;
  }
  /* ==================================================== */
  /*製品ページ(product-module)
/* ==================================================== */
  .english-wrapper {
    width: 100%;
  }
  section.en_Contact {
    width: 94%;
    margin: auto;
  }
  .oneCol-module table.contactTable {
    width: 100%
  }
  a.bnKnowledge {
    font-size: 16px;
    padding: 10% 4%;
    background-position: 98% 12px;
    color: #404040;
    background-size: 100px 120px;
    width: 86%;
  }
  a.bnKnowledge span {
    font-size: 14px;
  }
  /* ==================================================== */
  /*フッター(footer-container)
/* ==================================================== */
  .contactTable {
    width: 92%;
    margin: 0px auto 30px;
  }
  .contactTable th, .contactTable td {
    width: inherit;
    display: block;
  }
  /* ==================================================== */
  /*プライバシーポリシー
/* ==================================================== */
  .oneCol-module-privacy {
    width: 94%;
    margin: auto;
  }
}