@charset "UTF-8";
@media (max-width: 1600px) { #top #top-about .top-about-area .top-about-detail { padding-right: 20px; } }

@media screen and (max-width: 1400px) { header { width: 100%; padding: 0 10px; }
  header div a { font-size: 2.3125rem; }
  header #gnav { background-color: #f00; display: none; }
  header #nav-toggle { display: block; width: 45px; min-width: 45px; height: 35px; position: absolute; top: 25px; right: 10px; z-index: 9999; }
  header #nav-toggle span { display: block; position: absolute; width: 45px; height: 6px; left: 50%; border-radius: 2px; transform: translateX(-50%); background: #FD8F20; transition: .2s; }
  header #nav-toggle span:nth-child(1) { top: 5px; }
  header #nav-toggle span:nth-child(2) { top: 17px; }
  header #nav-toggle span:nth-child(3) { top: 29px; }
  .open #gnav { display: block; position: fixed; top: 80px; left: 0; right: 0; bottom: 0; z-index: 9999; overflow-y: auto; background-color: #ffffff; }
  .open #gnav ul { display: block; }
  .open #gnav ul li { width: 100%; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: space-between; margin-bottom: 0; }
  .open #gnav ul li a { display: block; width: 100%; padding: 20px; }
  .open #gnav ul li:hover { border-bottom: 1px solid #ccc; }
  .open #gnav ul li::after { padding-right: 30px; content: '▶'; }
  .open #gnav ul .border-none { width: 100%; padding: 0 20px; margin: 15px auto; border: none; }
  .open #gnav ul .border-none::after { display: none; }
  .open #gnav ul .border-none:hover { border: none; }
  .open #nav-toggle span:nth-child(1) { top: 15px; left: 0; transform: rotate(45deg); }
  .open #nav-toggle span:nth-child(2) { top: 17px; opacity: 0; }
  .open #nav-toggle span:nth-child(3) { top: 15px; left: 0; transform: rotate(-45deg); } }

@media screen and (max-width: 1440px) and (min-width: 561px) { #top #top-hero .hero-text { left: 10%; }
  #top #top-about .top-about-area { align-items: center; }
  #top #top-about .top-about-area .top-about-image { width: 50%; margin-top: 0; }
  #top #top-about .top-about-area .top-about-detail { width: 50%; padding: 60px 0px 75px 60px; align-items: flex-start; }
  #top #top-product .secpad { padding: 0 15px 180px; }
  #top #top-demo .secpad { display: flex; align-items: center; padding: 60px 15px; }
  #top #top-demo .secpad .top-demo-detail { width: 50%; }
  #top #top-demo .secpad .top-demo-image { width: 50%; position: relative; top: 0; }
  #top #top-demo .secpad .top-demo-image img { width: 100%; }
  #top #top-other .secpad, #top #top-company .secpad { padding: 60px 15px; }
  #top .top-banner { padding: 0 15px; }
  #reason-quality #quality-1 .secpad, #reason-quality #quality-2 .secpad { padding: 0 15px; }
  #reason-quality #quality-1 .secpad .quality-content { padding-left: 60px; }
  #reason-quality #quality-1 .secpad .quality-content .detail { margin-right: 60px; }
  #reason-quality #quality-1 .secpad .quality-content img { width: 50%; }
  #reason-quality #quality-2 .secpad .quality-content .detail-area { margin-right: 60px; }
  #reason-quality #quality-2 .secpad .quality-content img { width: 50%; margin-right: 60px; }
  #reason-elect #for-sier .secpad, #reason-elect #for-maker-eng .secpad { padding: 100px 15px 90px; }
  #reason-elect #flexible .secpad .flexible-content { padding-left: 60px; }
  #reason-elect #flexible .secpad .flexible-content .detail { margin-right: 60px; }
  #reason-elect #flexible .secpad .flexible-content img { width: 50%; } }

@media screen and (max-width: 1024px) and (min-width: 561px) { #top #top-about { margin-bottom: 90px; }
  #top #top-about .top-about-area { flex-direction: column; }
  #top #top-about .top-about-area .top-about-image { order: 2; width: 80%; }
  #top #top-about .top-about-area .top-about-detail { order: 1; width: 100%; padding: 50px 50px 10px; }
  #top #top-about .top-about-area .top-about-detail .linkBtn { margin: 0 auto 25px; }
  footer .footer-area #footer-contact .secpad { padding: 100px 15px; }
  footer .footer-area #footer-contact .secpad .contact-tel { padding: 0 30px; }
  footer .footer-area #footer-contact .secpad .contact-formLink { padding-left: 30px; }
  footer .footer-area #footer-linkList .linkList-area { padding: 120px 15px; }
  footer .footer-area #footer-nav .footer-nav-area { padding: 0 15px; }
  .secpad { padding: 0 20px; }
  #pageHeader { height: 250px; }
  #breadcrumbs .breadcrumbs-content { padding: 25px 20px 70px; }
  #reason-quality #page-top .secpad .probrem-list .probrem-list-item:not(:last-child) { margin-right: 50px; }
  #reason-quality #quality-1 .secpad .quality-content img, #reason-quality #quality-2 .secpad .quality-content img { width: 80%; }
  #reason-quality #quality-1 .secpad .quality-content { flex-direction: column; padding: 60px 0 150px; }
  #reason-quality #quality-1 .secpad .quality-content .detail { margin: 0 0 20px 0; }
  #reason-quality #quality-2 .secpad .quality-content { flex-direction: column; padding: 60px 0 150px; }
  #reason-quality #quality-2 .secpad .quality-content .detail-area { order: 1; margin: 0 0 30px 0; }
  #reason-quality #quality-2 .secpad .quality-content .detail-area .detail { margin: 0 0 20px 0; }
  #reason-quality #quality-2 .secpad .quality-content img { order: 2; margin-right: 0; }
  #reason-elect #page-top .secpad .probrem-list .probrem-list-item:not(:last-child) { margin-right: 50px; }
  #reason-elect #flexible .secpad .flexible-content { flex-direction: column; padding: 60px 0 150px; }
  #reason-elect #flexible .secpad .flexible-content .detail { margin: 0 0 20px 0; }
  #reason-elect #flexible .secpad .flexible-content img { width: 80%; }
  #reason-elect #for-sier, #reason-elect #for-maker-eng { background-size: cover; }
  #reason-elect #for-sier .secpad, #reason-elect #for-maker-eng .secpad { flex-direction: column; justify-content: center; align-items: center; }
  #reason-elect #for-sier .secpad .text, #reason-elect #for-maker-eng .secpad .text { margin: 0 0 50px 0; }
  #reason-elect #for-sier .secpad .text .linkBtn, #reason-elect #for-maker-eng .secpad .text .linkBtn { margin: 0 auto; }
  #top #top-demo .secpad .top-demo-detail { padding: 30px 0; }
  #top #top-company .secpad .top-company-area .top-company-detail { padding: 0 0 0 30px; }
  #product .touch-list .touch-list-item { width: calc(50% - 27px); }
  #product .touch-list .touch-list-item:not(:nth-child(3n)) { margin-right: 0; }
  #product .touch-list .touch-list-item:nth-child(odd) { margin-right: 45px; }
  #touch .touch-content { padding: 0 15px; }
  #touch .touch-content .touch-list .touch-list-item a { justify-content: space-between; }
  #touch .touch-content .touch-list .touch-list-item a .image { width: 20%; margin-right: 10px; }
  #touch .touch-content .touch-list .touch-list-item a .size { width: 30%; font-size: 3.125rem; margin-right: 10px; text-align: center; }
  #touch .touch-content .touch-list .touch-list-item a .size span { font-size: 1.75rem; }
  #touch .touch-content .touch-list .touch-list-item a .detail-list .detail-list-item { width: 50%; width: calc(50% - 5px); }
  #touch .touch-content .touch-list .touch-list-item a .detail-list .detail-list-item:nth-child(-n + 3) { margin-bottom: 0; }
  #touch .touch-content .touch-list .touch-list-item a .detail-list .detail-list-item:not(:nth-child(3n)) { margin-right: 0; }
  #touch .touch-content .touch-list .touch-list-item a .detail-list .detail-list-item:nth-child(-n + 4) { margin-bottom: 10px; }
  #touch .touch-content .touch-list .touch-list-item a .detail-list .detail-list-item:nth-child(odd) { margin-right: 10px; }
  #touch-s #slider { padding-bottom: 80px; }
  #touch-s #slider .slide .swiper-wrapper .swiper-slide img { width: 100%; }
  #touch-s #slider .thumbnail .swiper-wrapper .swiper-slide { margin-right: 10px; }
  #touch-s #slider .thumbnail .swiper-wrapper .swiper-slide img { width: 100%; }
  #touch-s #single-content .tab-list { justify-content: center; padding-left: 0; }
  #touch-s #single-content .tab-list .label-chara .tab-item, #touch-s #single-content .tab-list .label-spec .tab-item, #touch-s #single-content .tab-list .label-relProd .tab-item { width: 180px; }
  #touch-s #single-content #chara-content { padding: 0 15px; }
  #touch-s #single-content #chara-content .chara-area .text { width: 50%; }
  #touch-s #single-content #chara-content .chara-area .image { width: 50%; }
  #touch-s #single-content #chara-content .chara-area .image img { width: 100%; }
  #touch-s #single-content #spec-content { padding: 0 15px; }
  #touch-s #single-content #relProd-content { padding: 0 15px; }
  #contact .secpad form .twoColorAreaListNoBorder dt { padding-left: 20px; }
  #contact .secpad form .twoColorAreaListNoBorder dd { padding-right: 20px; } }

@media screen and (max-width: 768px) and (min-width: 561px) { #top #top-product .secpad .top-product-list { flex-direction: column; }
  #top #top-product .secpad .top-product-list .product-list-item { width: 60%; margin: 0 auto; }
  #top #top-product .secpad .top-product-list .product-list-item:not(:last-child) { margin: 0 auto 30px; }
  #top #top-other .secpad { padding: 60px 15px; }
  #top #top-other .secpad .top-other-list { flex-direction: column; }
  #top #top-other .secpad .top-other-list .other-list-item { margin: 0 auto; }
  #top #top-other .secpad .top-other-list .other-list-item:not(:last-child) { margin: 0 auto 30px; } }

@media screen and (max-width: 768px) { #top #top-product .secpad .top-product-list .product-list-item a { background-color: #fff; }
  footer .footer-area #footer-contact .secpad { flex-direction: column; align-items: center; }
  footer .footer-area #footer-contact .secpad .contact-detail, footer .footer-area #footer-contact .secpad .contact-tel, footer .footer-area #footer-contact .secpad .contact-formLink { width: 350px; padding: 0; border: none; }
  footer .footer-area #footer-contact .secpad .contact-detail, footer .footer-area #footer-contact .secpad .contact-tel { padding: 15px 0; border-bottom: 1px solid #333; }
  footer .footer-area #footer-contact .secpad .contact-formLink { padding-top: 15px; }
  footer .footer-area #footer-contact .secpad .contact-tel h3 { margin-bottom: 5px; }
  footer .footer-area #footer-linkList { display: none; }
  footer .footer-area #footer-nav { padding: 30px 20px; }
  footer .footer-area #footer-nav .footer-nav-area { display: block; }
  footer .footer-area #footer-nav .footer-nav-area nav ul { display: none; }
  footer .footer-area #footer-nav .footer-nav-area small { display: block; text-align: center; }
  .mechanism-sub .secpad { display: block; }
  .mechanism-sub .secpad .mecha-wrap { width: 100%; }
  .mechanism-sub .secpad aside { width: 100%; margin-left: 0; } }

@media screen and (max-width: 560px) { /*----------------------------------------------- 共通項目 -----------------------------------------------*/
  html { font-size: 14px; }
  #pageHeader { height: 150px; }
  #pageHeader .pageHeaderContent { padding-left: 10px; }
  #pageHeader .pageHeaderContent h1 { font-size: 1.5rem; }
  #pageHeader .pageHeaderContent h1 span { margin-bottom: 0; font-size: 1rem; }
  #breadcrumbs .breadcrumbs-content { padding: 20px 0 50px 10px; overflow: auto; white-space: nowrap; }
  .headingSetHr { font-size: 1.55rem; margin-bottom: 25px; padding-bottom: 12px; }
  main > .secpad { padding: 0 10px; }
  .catch-copy { text-align: left; }
  .linkBtn { max-width: 100%; margin: 0 auto; }
  .spBr, .spMenu, .spImg { display: block; }
  .pcBr, .pcImg { display: none; }
  .pageTopBtn { display: none !important; }
  .headingType2 { margin-bottom: 10px; }
  .headingColorLine { font-size: 1.5rem; }
  header #gnav ul .otherMenu { padding: 10px 0; }
  header #gnav ul .otherMenu:hover { border: none; }
  header #gnav ul .otherMenu a { padding: 0; font-size: 0.875rem; }
  header #gnav ul .otherMenu a span { margin-left: 10px; }
  footer .footer-area #footer-contact .secpad { padding: 30px 20px; display: block; }
  footer .footer-area #footer-contact .secpad .contact-detail, footer .footer-area #footer-contact .secpad .contact-tel, footer .footer-area #footer-contact .secpad .contact-formLink { width: 100%; }
  footer .footer-area #footer-contact .secpad .contact-detail h3 { margin-bottom: 10px; }
  footer .footer-area #footer-contact .secpad .contact-tel h3 { margin-bottom: 10px; }
  footer .footer-area #footer-contact .secpad .contact-tel .detail { margin: 0 auto; }
  .decoFrameHeading { position: relative; }
  .decoFrameHeading h2 { font-size: 1.5rem; padding: 0 10px; }
  .decoFrameHeading::before { width: 100%; position: absolute; transform: scale(0.5); top: 10px; left: -90px; }
  .decoFrameHeading::after { width: 100%; position: absolute; transform: scale(0.5); bottom: 10px; right: -90px; }
  /*----------------------------------------------- トップページ -----------------------------------------------*/
  #top #top-hero { height: 500px; }
  #top #top-hero .hero-wrap .star { z-index: 99 !important; }
  #top #top-hero .hero-wrap .layer_1 { z-index: 98; }
  #top #top-hero .hero-wrap .layer_1, #top #top-hero .hero-wrap .layer_2, #top #top-hero .hero-wrap .layer_3 { height: 500px; }
  #top #top-hero .hero-wrap .hero-text { left: 5%; bottom: 5px; max-width: auto; min-width: auto; width: 90%; }
  #top .top-hero-scroll, #top .top-hero-scroll-2 { display: none; }
  #top #top-about { padding: 50px 10px; }
  #top #top-about .top-about-area { flex-direction: column; }
  #top #top-about .top-about-area .headingType2 { font-size: 1.9375rem; }
  #top #top-about .top-about-area .top-about-image { margin-top: 0; width: 100%; order: 2; }
  #top #top-about .top-about-area .top-about-detail { width: 100%; padding: 0; order: 1; }
  #top #top-about .top-about-area .top-about-detail .detail { margin-bottom: 30px; }
  #top #top-product .secpad { padding: 50px 10px; }
  #top #top-product .secpad .headingType2 { margin-bottom: 40px; }
  #top #top-product .secpad .top-product-list { display: block; margin-bottom: 30px; }
  #top #top-product .secpad .top-product-list .product-list-item { margin-bottom: 20px; width: 100%; }
  #top #top-product .secpad .top-product-list .product-list-item:not(:last-child) { margin-right: 0; }
  #top #top-product .secpad .top-product-list .product-list-item a { width: 100%; padding: 20px; }
  #top #top-product .secpad .top-product-list .product-list-item a .headingType3, #top #top-product .secpad .top-product-list .product-list-item a .detail { width: 55%; float: left; text-align: left; }
  #top #top-product .secpad .top-product-list .product-list-item a .headingType3 { margin: 12px 0 10px; }
  #top #top-product .secpad .top-product-list .product-list-item a .headingType3 span { margin: 0 0 18px; }
  #top #top-product .secpad .top-product-list .product-list-item a .image { width: 45%; float: right; margin-bottom: 0; }
  #top #top-product .secpad .top-product-list .product-list-item a .image img { width: 80%; }
  #top #top-product .secpad .top-product-list .product-list-item a::after { content: ""; clear: both; display: block; }
  #top #top-demo .secpad { padding: 50px 10px; }
  #top #top-demo .secpad .top-demo-image { position: static; width: 100%; }
  #top #top-demo .secpad .top-demo-image img { width: 100%; }
  #top #top-demo .secpad .top-demo-detail { padding: 0; margin-bottom: 30px; }
  #top #top-demo .secpad .top-demo-detail .headingType3 { margin-bottom: 40px; }
  #top #top-demo .secpad .top-demo-detail .detail { margin-bottom: 20px; }
  #top #top-other .secpad { padding: 50px 10px; }
  #top #top-other .secpad .top-other-list { display: block; }
  #top #top-other .secpad .top-other-list .other-list-item { width: 100%; margin: 0 auto 20px; height: 320px; }
  #top #top-other .secpad .top-other-list .other-list-item .item-content { padding-top: 60px; }
  #top #top-other .secpad .top-other-list .other-list-item .item-content .headingType3 { margin-bottom: 40px; }
  #top #top-company .secpad { padding: 50px 10px; }
  #top #top-company .secpad .top-company-area { flex-direction: column; }
  #top #top-company .secpad .top-company-area .top-company-image { width: 100%; order: 2; }
  #top #top-company .secpad .top-company-area .top-company-detail { width: 100%; padding: 0; order: 1; margin-bottom: 50px; }
  #top #top-company .secpad .top-company-area .top-company-detail p { margin-bottom: 50px; font-size: 1.375rem; }
  #top #top-company .secpad .top-company-area .top-company-detail .page-link .linkBtn2:first-child { margin-right: 20px; }
  #top .top-banner { width: 100%; padding: 0 10px; margin: 10px 0; }
  #top .top-banner img { width: 100%; }
  #top #top-news .secpad { padding: 50px 10px; }
  #top #top-news .secpad .top-news-area { display: block; }
  #top #top-news .secpad .top-news-area .top-news-heading { width: 100%; display: flex; align-items: center; }
  #top #top-news .secpad .top-news-area .top-news-heading .headingType2 { margin-bottom: 40px; }
  #top #top-news .secpad .top-news-area .top-news-list { width: 100%; }
  .star:nth-child(1) { width: 200px; left: calc(50% - 200px); }
  .star:nth-child(2) { animation: poco2 30s linear infinite; width: 300px; left: calc(50% - 250px); }
  .star:nth-child(5) { width: 300px; left: calc(50% - 300px); }
  .star:nth-child(6) { z-index: 99; }
  .star:nth-child(7) { z-index: 99; }
  .star:nth-child(8) { z-index: 99; }
  .star:nth-child(12) { z-index: 99; }
  .star:nth-child(12) { z-index: 99; }
  .star:nth-child(16) { z-index: 99; }
  .star:nth-child(17) { z-index: 99; }
  .star:nth-child(18) { z-index: 99; }
  .star:nth-child(20) { z-index: 99; }
  /*----------------------------------------------- 製品情報 -----------------------------------------------*/
  #product .touch-list { justify-content: center; margin-bottom: 110px; }
  #product .touch-list .touch-list-item { display: block; padding: 20px; width: 100%; margin-bottom: 15px; }
  #product .touch-list .touch-list-item:not(:last-child), #product .touch-list .touch-list-item:not(:nth-child(3n)), #product .touch-list .touch-list-item:nth-child(odd) { margin-right: 0; }
  #product .touch-list .touch-list-item .headingType3, #product .touch-list .touch-list-item .detail, #product .touch-list .touch-list-item .size { width: 55%; float: left; text-align: left; }
  #product .touch-list .touch-list-item .detail { margin-bottom: 10px; font-size: 14px; }
  #product .touch-list .touch-list-item .image { width: 45%; height: 100%; float: right; }
  #product .touch-list .touch-list-item .image img { width: 80%; margin-left: 10px; }
  #product .touch-list .touch-list-item .waku { padding: 5px 5px; width: 45%; margin-left: auto; }
  #product .touch-list .touch-list-item::after { content: ""; display: block; clear: both; }
  #product #prod-monitor { padding: 90px 10px 0; }
  #product #prod-module, #product #prod-panel { padding: 0 10px; }
  /*----------------------------------------------- タッチモニター リスト -----------------------------------------------*/
  #touch .touch-content { padding: 0 10px; }
  #touch .touch-content .linkBtn { padding: 15px 20px; text-align: left; }
  #touch .touch-content .touch-list .touch-list-item a { display: flex; text-align: center; padding: 10px 0; }
  #touch .touch-content .touch-list .touch-list-item a img, #touch .touch-content .touch-list .touch-list-item a .size { margin-right: 0; text-align: center; }
  #touch .touch-content .touch-list .touch-list-item a img { margin-right: 10px; width: 35%; }
  #touch .touch-content .touch-list .touch-list-item a .size { width: 65%; font-size: 3.8125rem; }
  #touch .touch-content .touch-list .touch-list-item a .detail-area { display: none; }
  /*----------------------------------------------- タッチ 個別 -----------------------------------------------*/
  #touch-s #slider { padding-bottom: 60px; }
  #touch-s #slider .slide img { width: 100%; }
  #touch-s #slider .thumbnail .swiper-slide { margin-right: 10px; }
  #touch-s #slider .thumbnail .swiper-slide img { width: 100%; }
  #touch-s #single-content { margin: 60px 0; }
  #touch-s #single-content .tab-list { padding-left: 0; margin-bottom: 40px; }
  #touch-s #single-content .tab-list li { width: 33.3%; }
  #touch-s #single-content .tab-list li .tab-item { width: 100%; }
  #touch-s #single-content #chara-content { padding: 0 10px; }
  #touch-s #single-content #chara-content .chara-area { display: block; }
  #touch-s #single-content #chara-content .chara-area .text { width: 100%; margin-right: 0; margin-bottom: 20px; }
  #touch-s #single-content #chara-content .chara-area .text .convex-image-wrap { margin-top: 20px; }
  #touch-s #single-content #chara-content .chara-area .image { width: 100%; }
  #touch-s #single-content #chara-content .chara-area .image img { width: 100%; }
  #touch-s #single-content #spec-content { padding: 0 10px; margin-top: 0; }
  #touch-s #single-content #spec-content .spec-table table tbody tr th { padding: 10px 9px; text-align: left; }
  #touch-s #single-content #spec-content .spec-table table tbody tr td { padding: 12px 10px; }
  #touch-s #single-content #relProd-content { padding: 0 10px; }
  #touch-s #single-content #relProd-content .relProd-list { flex-wrap: wrap; }
  #touch-s #single-content #relProd-content .relProd-list .relProd-list-item { width: calc(50% - 10px); }
  #touch-s #single-content #relProd-content .relProd-list .relProd-list-item:not(:last-child) { margin-right: 10px; }
  /*----------------------------------------------- よくある質問 -----------------------------------------------*/
  #faq .secpad .faq-area { padding-top: 60px; }
  #faq .secpad .faq-area::after { margin-top: 60px; }
  #faq .secpad .faq-area .btnType1 { width: 80%; margin: 0 auto; }
  #faq .secpad .faq-area dl .question::before, #faq .secpad .faq-area dl .answer::before { font-size: 1.75rem; top: -2px; }
  #faq .secpad .faq-area dl .question, #faq .secpad .faq-area dl .answer { line-height: 1; padding-left: 35px; }
  #faq .secpad .faq-area dl .question { margin-bottom: 25px; }
  #faq .secpad .faq-area dl .question::before { content: 'Q'; }
  #faq .secpad .faq-area dl .answer::before { content: 'A'; }
  #faq .secpad .faq-area .detail { margin-left: 0; }
  #faq .secpad .faq-area .detail .detail-list .detail-list-item { text-indent: -1em; padding-left: 1em; }
  /*----------------------------------------------- サポート -----------------------------------------------*/
  #support .secpad .page-top > img { width: 100%; }
  #support .secpad .detail-list { display: block; }
  #support .secpad .detail-list .detail-list-item { width: 100%; }
  #support .secpad .repair { width: 100%; }
  /*----------------------------------------------- 会社概要 -----------------------------------------------*/
  #about .secpad .twoColorAreaListNoBorder dt { width: 25%; padding-left: 10px; }
  #about .secpad .twoColorAreaListNoBorder dd { width: 75%; padding: 25px 10px; }
  #about .secpad .twoColorAreaListNoBorder .wrap ul { list-style-type: decimal; }
  #about .secpad .twoColorAreaListNoBorder .wrap ul li { font-size: 0.875rem; }
  /*----------------------------------------------- 新着情報 -----------------------------------------------*/
  #info .secpad .info-list .info-list-item a { display: block; }
  #info .secpad .info-list .info-list-item a p { width: 100%; }
  /*----------------------------------------------- お問い合わせ -----------------------------------------------*/
  #contact .secpad form .twoColorAreaListNoBorder { display: block; }
  #contact .secpad form .twoColorAreaListNoBorder dt { width: 100%; padding: 15px 15px 0 15px; }
  #contact .secpad form .twoColorAreaListNoBorder dd { width: 100%; padding: 15px; }
  #contact .secpad form .twoColorAreaListNoBorder .list .item { width: 100%; margin-bottom: 10px; }
  #contact .secpad form .twoColorAreaListNoBorder .check-list .horizontal-item { width: 49%; }
  /*----------------------------------------------- お客様に選ばれる理由 -----------------------------------------------*/
  #reason-elect #page-top .secpad h3, #reason-quality #page-top .secpad h3 { margin-bottom: 40px; padding-left: 60px; }
  #reason-elect #page-top .secpad h3::before, #reason-quality #page-top .secpad h3::before { width: 40px; }
  #reason-elect #page-top .secpad .probrem-list, #reason-quality #page-top .secpad .probrem-list { display: block; padding: 0 0 90px; }
  #reason-elect #page-top .secpad .probrem-list .probrem-list-item, #reason-quality #page-top .secpad .probrem-list .probrem-list-item { width: 100%; margin: 0 auto; text-align: center; padding-bottom: 60px; }
  #reason-elect #page-top .secpad .probrem-list .probrem-list-item:not(:last-child), #reason-quality #page-top .secpad .probrem-list .probrem-list-item:not(:last-child) { margin-right: 0; }
  #reason-elect #page-top .secpad .probrem-list .probrem-list-item img, #reason-quality #page-top .secpad .probrem-list .probrem-list-item img { margin-bottom: 30px; }
  #reason-elect #flexible .secpad, #reason-quality #flexible .secpad { padding: 15px 10px; }
  #reason-elect #flexible .secpad .flexible-heading, #reason-quality #flexible .secpad .flexible-heading { position: static; }
  #reason-elect #flexible .secpad .flexible-content, #reason-quality #flexible .secpad .flexible-content { display: block; padding: 40px 0; }
  #reason-elect #flexible .secpad .flexible-content .detail, #reason-elect #flexible .secpad .flexible-content img, #reason-quality #flexible .secpad .flexible-content .detail, #reason-quality #flexible .secpad .flexible-content img { width: 90%; }
  #reason-elect #flexible .secpad .flexible-content .detail, #reason-quality #flexible .secpad .flexible-content .detail { margin: 0 auto 20px; }
  #reason-elect #for-sier, #reason-elect #for-maker-eng, #reason-quality #for-sier, #reason-quality #for-maker-eng { background-size: cover; }
  #reason-elect #for-sier .secpad, #reason-elect #for-maker-eng .secpad, #reason-quality #for-sier .secpad, #reason-quality #for-maker-eng .secpad { padding: 30px 10px; display: block; }
  #reason-elect #for-sier .secpad .text, #reason-elect #for-maker-eng .secpad .text, #reason-quality #for-sier .secpad .text, #reason-quality #for-maker-eng .secpad .text { width: 100%; margin-right: 0; }
  #reason-elect #for-sier .secpad .text h3, #reason-elect #for-maker-eng .secpad .text h3, #reason-quality #for-sier .secpad .text h3, #reason-quality #for-maker-eng .secpad .text h3 { font-size: 2rem; }
  #reason-elect #for-sier .secpad .linkBtn, #reason-elect #for-maker-eng .secpad .linkBtn, #reason-quality #for-sier .secpad .linkBtn, #reason-quality #for-maker-eng .secpad .linkBtn { margin-bottom: 30px; }
  #reason-elect #for-sier .secpad .point-list .point-list-item, #reason-elect #for-maker-eng .secpad .point-list .point-list-item, #reason-quality #for-sier .secpad .point-list .point-list-item, #reason-quality #for-maker-eng .secpad .point-list .point-list-item { align-items: center; }
  #reason-elect #for-sier .secpad .point-list .point-list-item:not(:last-child), #reason-elect #for-maker-eng .secpad .point-list .point-list-item:not(:last-child), #reason-quality #for-sier .secpad .point-list .point-list-item:not(:last-child), #reason-quality #for-maker-eng .secpad .point-list .point-list-item:not(:last-child) { margin-bottom: 25px; }
  #reason-elect #for-sier .secpad .point-list .point-list-item .image, #reason-elect #for-maker-eng .secpad .point-list .point-list-item .image, #reason-quality #for-sier .secpad .point-list .point-list-item .image, #reason-quality #for-maker-eng .secpad .point-list .point-list-item .image { width: 10%; margin-right: 15px; }
  #reason-elect #for-sier .secpad .point-list .point-list-item p, #reason-elect #for-maker-eng .secpad .point-list .point-list-item p, #reason-quality #for-sier .secpad .point-list .point-list-item p, #reason-quality #for-maker-eng .secpad .point-list .point-list-item p { width: 85%; }
  #reason-elect #quality-1 .secpad, #reason-elect #quality-2 .secpad, #reason-quality #quality-1 .secpad, #reason-quality #quality-2 .secpad { padding: 15px; }
  #reason-elect #quality-1 .secpad .quality-heading, #reason-elect #quality-2 .secpad .quality-heading, #reason-quality #quality-1 .secpad .quality-heading, #reason-quality #quality-2 .secpad .quality-heading { position: static; text-align: left; left: 0; }
  #reason-elect #quality-1 .secpad .quality-content, #reason-elect #quality-2 .secpad .quality-content, #reason-quality #quality-1 .secpad .quality-content, #reason-quality #quality-2 .secpad .quality-content { padding: 60px 0; display: block; }
  #reason-elect #quality-1 .secpad .quality-content .detail, #reason-elect #quality-2 .secpad .quality-content .detail, #reason-quality #quality-1 .secpad .quality-content .detail, #reason-quality #quality-2 .secpad .quality-content .detail { width: 100%; margin-bottom: 15px; }
  #reason-elect #quality-1 .secpad .quality-content .detail-area, #reason-elect #quality-2 .secpad .quality-content .detail-area, #reason-quality #quality-1 .secpad .quality-content .detail-area, #reason-quality #quality-2 .secpad .quality-content .detail-area { width: 100%; margin: 40px 0 0 0; }
  #reason-elect #quality-1 .secpad .quality-content .detail-area .detail, #reason-elect #quality-2 .secpad .quality-content .detail-area .detail, #reason-quality #quality-1 .secpad .quality-content .detail-area .detail, #reason-quality #quality-2 .secpad .quality-content .detail-area .detail { margin-bottom: 60px; }
  #reason-elect #quality-1 .secpad .quality-content img, #reason-elect #quality-2 .secpad .quality-content img, #reason-quality #quality-1 .secpad .quality-content img, #reason-quality #quality-2 .secpad .quality-content img { display: block; width: 80%; margin: 0 auto; }
  #reason-elect #quality-1, #reason-quality #quality-1 { margin-bottom: 0; }
  #reason-elect #page-bottom .secpad p, #reason-quality #page-bottom .secpad p { text-align: left; margin-bottom: 60px; }
  /*----------------------------------------------- 新着情報-シングルページ -----------------------------------------------*/
  #info-s #pageHeader .pageHeaderContent h1 { font-size: 1.75rem; }
  /*----------------------------------------------- ダウンロード -----------------------------------------------*/
  #download .secpad .catalog-content { display: block; }
  #download .secpad .catalog-content img { width: 100%; margin-right: 0; }
  #download .secpad .twoColorAreaList dt { padding-left: 15px; }
  #download .secpad .catalog-content img { margin-bottom: 30px; }
  /*----------------------------------------------- 研究発表 -----------------------------------------------*/
  #study .secpad .study-list { flex-wrap: wrap; }
  #study .secpad .study-list .study-list-item { max-width: calc((100% - 30px) / 2); width: 100%; margin-bottom: 30px; }
  #study .secpad .study-list .study-list-item:not(:last-child) { margin-right: 0; }
  #study .secpad .study-list .study-list-item:not(:nth-child(2n)) { margin-right: 30px; }
  /*----------------------------------------------- カタログダウンロード -----------------------------------------------*/
  #catalog .secpad .study-list { flex-wrap: wrap; }
  #catalog .secpad .study-list .study-list-item { max-width: calc((100% - 30px) / 2); width: 100%; margin-bottom: 30px; }
  #catalog .secpad .study-list .study-list-item:not(:last-child) { margin-right: 0; }
  #catalog .secpad .study-list .study-list-item:not(:nth-child(2n)) { margin-right: 30px; }
  /*----------------------------------------------- 404 -----------------------------------------------*/
  #notfound { padding: 0 15px; }
  #notfound .content p:first-child { font-size: 48px; }
  #notfound .content p:last-child { font-size: 22px; }
  /*----------------------------------------------- デモ機申込み -----------------------------------------------*/
  #demo .secpad .demo-detail p { text-align: left; }
  /*----------------------------------------------- タッチパネルの選び方 -----------------------------------------------*/
  #mecha .mecha-wrap li { width: 100%; }
  #mecha .mecha-wrap li:nth-child(2) { margin-top: 30px; }
  .mechanism-sub .secpad .image img { width: 100%; }
  .mechanism-sub .secpad .iframe-wrapper { height: 0; padding-bottom: 60%; position: relative; }
  .mechanism-sub .secpad .iframe-wrapper iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
  .mechanism-sub .secpad aside .mecha-wrap li { width: 100%; }
  .mechanism-sub .secpad aside .mecha-wrap li:nth-child(2) { margin-top: 30px; }
  /*----------------------------------------------- 本ウェブサイトのご利用について -----------------------------------------------*/
  #terms { padding: 90px 5px 0px; }
  #terms #contact .secpad div { width: 100%; }
  /*----------------------------------------------- 20200714追加 -----------------------------------------------*/
  #info-s iframe { height: 260px; }
  /*-----------------------------------------------
採用事例
-----------------------------------------------*/
  .box-content { display: block; margin: auto; }
  .box-content .box-content_child { text-align: center; }
  .box-content .box-content_child img { width: calc(100% /2); }
  .box-content .box-content_left, .box-content .box-content_right { width: 100%; margin: auto; }
  .box-text-content { width: 90%; margin: auto; margin-bottom: 20px; } }

/*# sourceMappingURL=sp.css.map */