/* レスポンシブ用 表示非表示 */

.pc_onry,
.pc_onry640 {
  display: inherit;
}
.sp_onry,
.sp_onry640 {
  display: none;
}

@media (max-width: 1400px) {
  .main-visual-inner {
    aspect-ratio: 3 / 2;
  }
}
@media (max-width: 1280px) {
  /*=============================================
共通 1280px
=============================================*/
  .footer-bar-inner, 
    /*.banner-inner,*/
    .glovalnavi-inner, 
    .container-inner, 
    .footer-menu-inner, 
    .footer-inner,
    .inside-container {
    padding-right: 20px;
    padding-left: 20px;
    width: auto;
    max-width: 100%;
  }
  :is(
      .column1-wrapper,
      .archive-wrapper,
      .single-wrapper,
      .form-wrapper,
      .faq-inner
    )
    .container-inner {
    padding: 0;
  }
  /*=============================================
ヘッダー 1280px
=============================================*/
  .banner-inner,
  .scroll-mavi-inner {
    padding-left: 20px;
  }
  /*=============================================
TOP 1280px
=============================================*/
  /*:is(.top-info,.top-wrok).top-container {
		padding-left: 20px;
		padding-right: 20px;
	}*/

  /*----- お問い合せ -----*/
  .top-contact {
    padding-top: 120px;
  }
}
/*ここまでmax-1280px;*/

@media (max-width: 1000px) {
  /*=============================================
共通 1000px
=============================================*/
  .pc_onry {
    display: none;
  }
  .sp_onry {
    display: inherit;
  }

  html,
  body {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }

  img {
    height: auto;
    max-width: 100%;
  }

  textarea,
  input {
    max-width: 95%;
  }

  /* iframe埋め込み */
  .iframe-wrap iframe {
    aspect-ratio: 16/9;
    width: 100%;
    height: 100%;
  }

  /* 

    1.2 レイアウト 

    */

  .footer-bar-inner,
  .banner-inner,
  .glovalnavi-inner,
  .container-inner,
  .footer-menu-inner,
  .footer-inner {
    width: 100%; /* ページ全体の幅 */
  }

  .container {
    display: block;
    padding: 0;
  }

  .custom-background .wrapper {
    width: auto;
    max-width: 100%;
  }

  /*.footer-bar-inner, 
    /*.banner-inner,*/
  /*    .glovalnavi-inner, 
    .container-inner, 
    .footer-menu-inner, 
    .footer-inner,
    .inside-container {
        padding-right: 20px;
        padding-left: 20px;
        width: auto;
        max-width: 100%;
    }*/
  :is(
      .column1-wrapper,
      .archive-wrapper,
      .single-wrapper,
      .form-wrapper,
      .faq-inner
    )
    .container-inner {
    padding: 0;
  }

  .glovalnavi > .pad {
    /* padはグローバルメニューの調整用クラス */
    margin-left: 20px;
    margin-right: 20px;
  }

  .glovalnavi ul ul,
  .glovalnavi ul ul li {
    display: none;
  }

  /* ２カラム */

  .right_sidebar #contents {
    display: block;
    float: none;
    width: auto;
  }

  .right_sidebar #main {
    float: left;
    margin-left: 0;
    margin-right: -220px; /* sidebar + margin(20) */
    width: 100%;
  }

  .right_sidebar .main-inner {
    margin-left: 0;
    margin-right: 220px; /* sidebar + margin(20) */
  }

  .right_sidebar #sidebar1 {
    float: right;
    width: 200px;
  }

  .right_sidebar #sidebar2 {
    float: right;
    clear: right;
    width: 200px;
  }

  /* 

    2.2 サイトタイトル、サイトの説明

    */

  .site-description {
    display: none;
  }

  /* カスタムヘッダー */
  .header-txt {
    left: 40px;
    width: auto;
  }

  /*
	    
    2.3 追加
    
    */

  /*=============================================
ドロワーメニュー 1000px
=============================================*/
  .gloval-drawer-box ul {
    width: 100%;
    line-height: 1.2;
    position: relative;
  }
  .gloval-drawer-box ul.nav-menu > li {
    border-bottom-width: 2px;
  }
  .gloval-drawer-box ul.nav-menu > li:first-of-type {
    border-top-width: 2px;
  }
  .gloval-drawer-box ul.nav-menu li {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    pointer-events: none;
  }
  .gloval-drawer-box ul.nav-menu > li.menu-item-has-children:before {
    content: "";
    width: 100%;
    max-width: 55px;
    height: 100%;
    max-height: 55px;
    position: absolute;
    right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    pointer-events: auto;
  }
  .gloval-drawer-box ul.nav-menu > li.menu-item-has-children:after {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: relative;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    max-width: 55px;
    color: rgba(51, 51, 51, 0.9);
    transition: ease 0.4s;
    pointer-events: auto;
  }
  .gloval-drawer-box ul.nav-menu > li.clicked:after {
    transform: rotateZ(135deg);
  }
  .gloval-drawer-box ul.nav-menu li a {
    padding: 1.2rem 0.5rem;
    pointer-events: auto;
    z-index: 50;
  }
  .gloval-drawer-box ul.nav-menu li.menu-item-has-children:hover,
  .gloval-drawer-box ul.nav-menu li.menu-item-has-children:active {
    cursor: pointer;
  }
  .gloval-drawer-box ul.nav-menu li.menu-item-has-children a {
    width: 90%;
    width: min(100% - 55px, 768px);
  }
  .gloval-drawer-box ul.nav-menu li.menu-item-has-children .sub-menu a {
    width: 100%;
  }
  .gloval-drawer-box ul.nav-menu li a:before {
    padding-right: 1rem;
    padding-left: 0.5rem;
  }
  .gloval-drawer-box ul .sub-menu {
    padding: 0;
    left: 0;
    top: 0;
  }
  .gloval-drawer-box ul .open-menu {
    border-top: 1px #ffffff solid;
    order: 3;
  }
  .gloval-drawer-box ul .open-menu li:last-of-type {
    border: none;
  }
  .gloval-drawer-box ul .open-menu li > a {
    background-color: rgba(112, 112, 112, 0.9);
  }
  .gloval-drawer-box ul .sub-menu .sub-menu li:last-of-type {
    border-bottom: none;
  }
  .gloval-drawer-box ul .open-menu .sub-menu a {
    background-color: rgba(136, 136, 136, 0.9);
  }
  .gloval-drawer-box .menu-item-has-children .open-menu {
    /*display: none;*/
    max-height: 0;
    opacity: 0;
    flex-wrap: wrap;
    animation: out-active ease 0.3s 0s forwards;
    animation-direction: alternate;
  }
  @keyframes out-active {
    0% {
      max-height: 100vh;
      opacity: 1;
    }
    50% {
      max-height: 0;
    }
    100% {
      max-height: 0;
    }
  }
  @-webkit-keyframes out-active {
    0% {
      max-height: 100vh;
      opacity: 1;
    }
    50% {
      max-height: 0;
    }
    100% {
      max-height: 0;
    }
  }
  .gloval-drawer-box .menu-item-has-children.clicked .open-menu {
    display: flex;
    animation: in-active ease 0.8s 0s forwards;
    animation-direction: alternate;
  }
  @keyframes in-active {
    0% {
      max-height: 0;
      opacity: 0;
    }
    90% {
      opacity: 1;
    }
    100% {
      max-height: 100vh;
      opacity: 1;
    }
  }
  @-webkit-keyframes in-active {
    0% {
      max-height: 0;
      opacity: 0;
    }
    90% {
      opacity: 1;
    }
    100% {
      max-height: 100vh;
      opacity: 1;
    }
  }
  /*=============================================
ヘッダー 1000px
=============================================*/
  .banner {
    /*position: fixed;
		top: 0;
		left: 0;
		z-index: 90;
		background: #ffffff;
		width: 100%;
		border-bottom: 1px solid rgba(0,0,0,0.3);*/
  }
  .wrapper {
    margin-top: 60px;
  }
  .banner-inner {
    padding: 0 0 0 20px;
  }

  /*ナビスクロール固定用*/
  .scroll-navi,
  .clone-nav {
    display: none;
  }

  /*.banner-inner,
	.scroll-mavi-inner {
		padding-left: 20px;
		padding-right: 20px;
	}*/
  .search #container {
    padding-top: 30px;
  }
  /*=============================================
フッター 1000px
=============================================*/
  .footer-menu-inner .menu-wap-left {
    width: 34%;
    margin-right: 1.5%;
  }
  .footer-menu-inner .menu-wap-right {
    width: 63%;
    margin-left: 1.5%;
    gap: 4%;
  }
  .menu-wap-right .footer-menu-item {
    width: calc(100% / 2 - 2%);
  }
  /*=============================================
TOP 1000px
=============================================*/
  #Services .section-inner,
  .home #top-wrok .section-inner {
    flex-wrap: wrap;
  }
  .home #Services .section-inner h2,
  .home #Services .services_contents,
  .home #top-wrok .section-inner h2,
  .home #Services .top-wrok-inner {
    width: 100%;
  }
  .visual_text_box .visual-text-inner {
    padding: 60px 20px;
    justify-content: flex-start;
  }
  .top-inner .container-inner {
    padding-left: 0;
    padding-right: 0;
  }
  /*	:is(.top-info,.top-wrok).top-container {
		padding-left: 20px;
		padding-right: 20px;
	}*/
  /*----- インフォメーション -----*/
  .info-post {
    gap: 1rem 1.3333333%;
  }
  /*.info-post .mix {
    	width: calc(100% / 4 - 1%);
	}*/
  .top-info .tab_item {
    padding: 12px 20px;
  }

  /*----- インフォメーション END -----*/
  /*----- CEマーキングの基礎知識 -----*/
  .top-know-title-inner {
    padding-right: 20px;
    padding-left: 20px;
  }
  .top-know-3box-inner {
    padding-right: 20px;
    padding-left: 20px;
    gap: 2.5%;
  }
  .top-know-3box-inner .know-3box-item {
    width: calc(100% / 3 - 1.75%);
    padding: 2%;
  }
  .know-3box-item .know-3box-img {
    margin-bottom: 28px;
  }
  @keyframes more-list {
    0% {
      left: 0;
    }
    50% {
      left: 5%;
    }
    100% {
      left: 0;
    }
  }
  @-webkit-keyframes more-list {
    0% {
      left: 0;
    }
    50% {
      left: 5%;
    }
    100% {
      left: 0;
    }
  }
  /*----- CEマーキングの基礎知識 END -----*/
  /*----- お問い合せ -----*/
  .top-contact-box .contact-3box-item {
    padding: 8% 3% 7%;
  }
  /*----- お問い合せ END -----*/

  /*=============================================
下層 共通 1000px
=============================================*/
  /*----- ページ内リンク -----*/
  .in-scroll-ul .in-scroll-3box {
    width: calc(100% / 3 - 5px);
    margin: 15px 2.5px;
  }
  /*.in-scroll-ul .in-scroll-4box {
    	width: calc(100% / 2 - 30px);
		max-width: 370px;
		margin: 15px;
	}*/
  /*=============================================
サービス内容 1000px
=============================================*/
  .ce-mark-box .flex-row .flex-th {
    min-width: 15rem;
  }
  #service .services_contents .mark_box {
    width: 48%;
  }

  /*=============================================
グローバルサポート 02-3 海外出荷前検査/〜  768px
=============================================*/
  .product-range-box .product-range-item {
    width: calc(100% / 3 - 0.6666666rem);
  }
  /*=============================================
CEマーク基礎知識 1000px
=============================================*/

  /*=============================================
セミナー情報 カスタム投稿アーカイブ使用 1000px
=============================================*/

  /*=============================================
会社概要 1000px
=============================================*/
  /*-----02-2 製品・指令の対応実績 -----*/
  /*-- サークル箇所 --*/
  .flex-container .flex-circle {
    gap: 50px 15px;
  }
  .flex-circle .flex-circle-four {
    width: calc(100% / 3 - 10px);
  }
  /*-- サークル箇所 END --*/
  /*-----02-2 製品・指令の対応実績 END -----*/
} /*ここまでmax 1000px*/
/*=============================================
max-width: 900px
=============================================*/
@media (max-width: 900px) {
  /*=============================================
セミナー情報 カスタム投稿アーカイブ使用 900px
=============================================*/
  /*----- INDEX -----*/
  .archives-link-ul .archives-link-li {
    width: calc(100% / 6);
  }
  /*----- INDEX END -----*/

  /*=============================================
よくある質問 900px
=============================================*/
  .accordion-textarea .flex-ac-item-area .left-item {
    flex: none;
  }
} /*ここまでmax 900px*/
/*=============================================
max-width: 768px
=============================================*/
@media (max-width: 768px) {
  /*=============================================
フッター 768px
=============================================*/
  .menu-wap-left .footer-first-inner {
    display: flex;
    flex-wrap: wrap;
    gap: 3%;
    margin-bottom: 40px;
  }
  .footer-first-inner :is(.footer-logo, .footer-address-box) {
    width: calc(100% / 2 - 1.5%);
  }
  .footer-menu-item .footer-address01 {
    margin-top: 0;
  }
  .footer-menu-inner .footer-menu-wap {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .footer-menu-inner .menu-wap-right {
    gap: 3%;
  }
  .menu-wap-right .footer-menu-item {
    width: calc(100% / 3 - 2%);
  }
  /*=============================================
TOP 768px
=============================================*/
  /*----- メインビジュアル -----*/
  .visual_text_box .visual-text-inner {
    width: 85%;
    padding: 40px 20px;
  }
  .visual-text-inner .button {
    display: none;
  }
  /*----- メインビジュアル END -----*/
  .home #Services .support .mark_box {
    width: calc((100% - 120px) / 4);
  }
  .home #Services .support .mark_box:nth-of-type(5n) {
    margin-right: 40px;
  }
  .home #Services .support .mark_box:nth-of-type(4n) {
    margin-right: 0;
  }
  /*----- インフォメーション END -----*/
  /*.info-post {
    	gap: 1rem 1.5%;
	}
	.info-post .mix {
    	width: calc(100% / 3 - 1%);
	}*/
  /*----- インフォメーション END -----*/

  /*----- CEマーキングの基礎知識 -----*/
  .top-know-3box-inner {
    gap: 2%;
  }
  .top-know-3box-inner .know-3box-item {
    width: calc(100% / 3 - 2%);
    padding: 20px 10px;
  }
  /*----- CEマーキングの基礎知識 END -----*/

  /*----- セミナー情報 -----*/
  .top-about-box .top-about-inner {
    flex-wrap: wrap;
  }
  .top-about-inner .top-about-item:first-of-type {
    max-width: 100%;
    padding: 50px 20px 100px;
  }
  .top-about-item .about-text-box:not(:last-of-type) {
    margin-bottom: 40px;
  }
  .top-about-inner .top-about-item:last-of-type {
    margin-left: 0;
    margin-top: -5%;
    padding-right: 20px;
    padding-left: 20px;
  }
  /*----- セミナー情報 END -----*/

  /*----- お問い合せ -----*/
  .top-contact {
    padding-top: 100px;
  }
  .top-contact-box .contact-3box-item {
    padding: 8% 1% 7%;
  }
  /*----- お問い合せ END -----*/

  /*=============================================
下層 共通 768px
=============================================*/
  /*----- ページ内リンク -----*/
  .in-scroll-ul .in-scroll-1vertical,
  .in-scroll-ul .in-scroll-2box,
  .in-scroll-ul .in-scroll-3box,
  .in-scroll-ul .in-scroll-4box {
    width: calc(100% / 2 - 10px);
    margin: 15px 5px;
  }
  .in-scroll-ul .in-scroll-3box:nth-of-type(3n + 1),
  .in-scroll-ul .in-scroll-3box:nth-of-type(3n + 3) {
    margin-left: auto;
    margin-right: auto;
  }

  /*=============================================
アーカイブ 共有 768px
 (TOP インフォメーションと共有箇所あり)
=============================================*/
  .archive-wrapper .info-post {
    gap: 1rem 1.5%;
  }

  /*=============================================
インフォメーション 768px
=============================================*/
  /*.index-inner .info-post .mix {
		width: calc(100% / 3 - 1%);
	}*/

  /*=============================================
アーカイブカテゴリー 768px
=============================================*/
  /*.archive-info-box .info-post .info-item-box {
		width: calc(100% / 3 - 1%);	
	}*/

  /*=============================================
サービス内容 768px
=============================================*/
  /*-----01 グローバルサポート -----*/
  .item-container .flex-support-box {
    gap: 40px;
  }
  .flex-support-box .support-item {
    width: calc(100% / 2 - 20px);
    padding: 1.5rem 1rem;
  }
  .support-item .btn-area {
    margin-bottom: 10px;
  }
  .services table thead {
    display: none;
  }
  .services table .country,
  .services table .mark,
  .services table .explanation {
    display: block;
    width: 100%;
    border-left: 1px solid #ddd;
  }
  .services table .country {
    border-top: 1px solid #ddd;
  }
  .services table .explanation {
    border-right: 1px solid #ddd;
  }
  /*-----01 グローバルサポート END -----*/
  /*-----02 CEマーク取得までの基本的な流れ -----*/

  /*-----02 CEマーク取得までの基本的な流れ END -----*/

  /*=============================================
グローバルサポート 02-3 海外出荷前検査/〜  768px
=============================================*/
  /*検査サービスの範囲*/
  .service-range-box {
    gap: 1rem; /*service-range-innerの上下左右空白間隔*/
  }

  /*対象となる製品範囲*/
  .product-range-box .product-range-item {
    width: calc(100% / 2 - 0.5rem);
  }

  /*=============================================
CEマーク基礎知識 768px
=============================================*/
  .in-scroll-box .in-scroll-ul .in-scroll-li {
    width: calc(100% / 2 - 2.5px);
    margin: 5px 0 0;
  }
  #Knowledge .flex,
  #About .reverse {
    flex-flow: column;
  }
  #Knowledge .flex .img-box,
  #Knowledge .flex .variable,
  #About .reverse .img-box,
  #About .flex .variable {
    width: 100%;
    margin: 0 auto 20px;
  }
  /*=============================================
セミナー情報 カスタム投稿アーカイブ使用 768px
=============================================*/
  /*----- INDEX -----*/
  .archives-link-ul .archives-link-li {
    width: calc(100% / 5);
  }
  /*----- INDEX END -----*/

  /*=============================================
会社概要 768px
=============================================*/
  #About table {
    border-left: none;
    border-top: none;
    background: #f5f8fa;
  }
  #About table th,
  #About table td {
    width: 100%;
    display: block;
    border: none;
  }
  #About table tr {
    margin-top: 20px;
    display: block;
  }
  #About table th {
    background: #ebeff5;
  }
  #About ul.flex li {
    width: 48%;
  }
  /*-----03 エンジニア紹介 -----*/
  /*-- 専門分野箇所 --*/
  .flex-check {
    gap: 15px;
  }
  .flex-check .flex-check-three {
    width: calc(100% / 3 - 10px);
  }
  .flex-check .flex-check-box {
    padding: 1rem 0.5rem;
  }
  .flex-check-02 {
    margin: 15px auto 40px;
  }
  /*-- 専門分野箇所 END --*/
  /*-----03 エンジニア紹介 END -----*/

  /*=============================================
よくある質問 768px
=============================================*/
  .accordion-textarea .flex-sp-768 .left-item {
    flex: none;
  }

  /*=============================================
無料相談サービス 768px
=============================================*/
  /*-------- 共通箇所 --------*/
  .flex-consulting {
    flex-wrap: wrap;
  }
  .flex-consulting .left-box,
  .flex-consulting .right-box {
    flex: none;
    width: 100%;
  }
  .flex-consulting .left-box .text-box {
    margin-right: 0;
  }
  .flex-consulting .right-box .img-box {
    min-width: 0;
  }
  /*-------- 共通箇所 END --------*/
  /*-------- 見出し＆ページリンク箇所 --------*/
  .flex-consulting-heading .text-box {
    margin-bottom: 30px;
  }
  .flex-consulting-heading .right-box {
    margin-top: 15px;
  }
  /*-------- 見出し＆ページリンク箇所 END --------*/
  /*-------- 項目箇所 --------*/
  .flex-consulting-item .left-box {
    order: 2;
  }
  .flex-consulting-item .right-box {
    order: 1;
    margin-bottom: 30px;
  }
  .flex-consulting-item .emphasis-box {
    order: 3;
    padding: 0.5rem 1rem;
  }
  .flex-consulting-item03-4 {
    padding: 30px 2.5%;
  }
  .flex-consulting-item03-4 .right-box .img-box {
    max-width: 80%;
    margin: auto;
  }
  /*- 完全予約箇所 -*/
  .reserve-container .flex-th {
    max-width: 110px;
  }
  .reserve-container .flex-td {
  }
  .reserve-container .flex-link {
    padding-top: 3%;
    max-width: 100%;
  }
  /*- 完全予約箇所 END -*/
  /*-------- 項目箇所 END --------*/

  /*=============================================
フォーム使用ページ用 共通 768px
=============================================*/

  /*=============================================
CE手引書ダウンロード用フォーム 768px
=============================================*/
  .vertical-line-box .flex_box {
    padding: 20px 0 40px;
  }
  .vertical-line-box .flex_box .document_box {
    margin-top: 20px;
    padding: 15px 15px;
  }
  .vertical-line-box .flex_box .tebikisho {
    padding: 0;
  }
  .download-form-box .document_box .left,
  .vertical-line-box .flex_box .document_box .right {
    width: 100%;
    max-width: 500px;
  }
  .vertical-line-box .flex_box .document_box .bold {
    text-align: center;
  }
} /*ここまで768px*/
@media (min-width: 641px) {
  .sp_640 {
    display: none;
  }
}
/*=============================================
max-width: 640px
=============================================*/
@media (max-width: 640px) {
  .pc_onry640 {
    display: none;
  }
  .sp_onry640 {
    display: inherit;
  }

  html,
  body {
    width: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }

  img {
    height: auto;
    max-width: 100%;
  }

  textarea,
  input {
    max-width: 95%;
  }

  /* 

    1.2 レイアウト 

    */

  .footer-bar {
    display: none;
  }

  .main-inner .entry,
  .main-inner .widget {
    padding: 30px 20px 10px 20px;
  }

  .right_sidebar #contents,
  .right_sidebar #main,
  .right_sidebar #sidebar1,
  .right_sidebar #sidebar2,
  .column1 #contents,
  .column1 #main,
  .column1 #sidebar1,
  .column1 #sidebar2 {
    display: block;
    float: none;
    clear: none;
    margin-right: 0;
    max-width: auto;
    width: 100%;
  }

  .right_sidebar .main-inner,
  .column1 .main-inner {
    margin-right: 0;
  }

  .right_sidebar .container-inner.r {
    padding-top: 20px;
  }

  /* 

    2.2 サイトタイトル、サイトの説明

    */

  .site-title {
    margin: 0;
    padding: 20px 0;
    font-size: 1.5em;
    line-height: 1.33em;
  }

  .site-description {
    margin: 0;
    font-size: 1em;
    line-height: 1.33em;
  }

  /* 

    2.3 グローバルメニュー

    */

  /* メニューボタン */

  .gnavi-btn {
    position: relative;
    z-index: 10;
    display: block;
    margin: 20px 20px 0;
    padding: 0.75em 1em;
    border: 1px solid #b0b0b0;
    border-radius: 2px;
    background: #f0f0f0;
    background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
    background: linear-gradient(top, #fff 0%, #e6e6e6 100%);
    box-shadow: 0 1px 2px rgba(000, 000, 000, 0.2);
    color: #222;
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    font-size: 14px;
    font-size: 1.08rem;
    cursor: pointer;
  }

  .gnavi-btn:hover {
    background: #f0f0f0;
    background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
    background: linear-gradient(top, #fff 0%, #ededed 100%);
    color: #555;
    cursor: pointer;
  }

  .gnavi-btn:active {
    position: relative;
    top: 1px;
    box-shadow: 0 2px 2px rgba(000, 000, 000, 0.3) inset;
  }

  /* リストスタイルリセット（スキン用） */

  .glovalnavi:before,
  .glovalnavi:after,
  .glovalnavi *,
  .glovalnavi-inner,
  .glovalnavi ul,
  .glovalnavi li,
  .glovalnavi li a {
    margin: 0;
    padding: 0;
    width: auto;
    border: none;
    background: none;
    box-shadow: none;
    text-shadow: none;
  }

  .glovalnavi *:before,
  .glovalnavi *:after,
  .glovalnavi a:before,
  .glovalnavi a:after,
  .glovalnavi li a:before,
  .glovalnavi li a:after {
    content: none;
  }

  /* グローバルメニュー表示／非表示 */

  .glovalnavi {
    display: none;
  }

  .gnavi-open {
    display: block;
  }

  /* メニューリスト */

  .glovalnavi {
    width: auto;
    margin: 0 20px 20px;
    padding: 0;
    border: 1px solid #e6e6e6;
    background-image: none;
    background-color: #fff;
    box-shadow: none;
  }

  .glovalnavi > .pad {
    /* padはグローバルメニューの調整用クラス／上の継承をキャンセル */
    margin-left: 0;
    margin-right: 0;
  }

  .glovalnavi ul ul,
  .glovalnavi ul ul li {
    /* 上の継承をキャンセル */
    display: block;
  }

  .glovalnavi li {
    float: none;
    padding: 14px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 13px;
    font-size: 1rem;
  }

  .glovalnavi li:last-child {
    border-bottom: none;
  }

  .glovalnavi li:hover {
    background: none;
    text-shadow: none;
  }

  .glovalnavi li:active {
    background-color: rgba(0, 0, 0, 0.05);
    text-shadow: none;
  }

  .glovalnavi li a,
  .glovalnavi li a:visited {
    color: #333;
    text-shadow: none;
  }

  .glovalnavi li a:hover {
    color: #333;
    text-shadow: 0 0 5px #fff;
  }

  /* 第二階層 */

  .glovalnavi ul ul {
    position: static;
    z-index: 10;
    display: block;
    margin: 0 0 0 1em;
    padding: 0;
    border: none;
  }

  .glovalnavi li li {
    display: block;
    clear: left;
    margin: 0.5em 0 0;
    padding: 0;
    border: none;
    border-top-color: transparent;
    border-bottom: none;
    background: transparent;
    box-shadow: none;
    font-weight: normal;
    white-space: normal;
    width: 100%;
  }

  .glovalnavi li li:before {
    color: #666;
    content: " - ";
  }

  .glovalnavi li li:first-child {
    border-top-color: none;
  }

  .glovalnavi li li:last-child {
  }

  .glovalnavi li li:hover {
    background: none;
    border-bottom: none;
  }

  .glovalnavi li li a {
    display: inline;
    padding: 0;
    background: none;
    box-shadow: none;
    color: #555;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    font-size: 0.93rem;
    line-height: 1.5;
  }

  .glovalnavi li li:hover > a,
  .glovalnavi li li a:hover {
    color: #000;
    text-shadow: 0 1px 0 #fff;
    box-shadow: none;
  }

  .glovalnavi li li a:before {
    content: none;
  }

  .glovalnavi ul ul ul {
    top: auto;
    left: auto;
    padding-top: 0;
  }

  .glovalnavi ul li > ul {
    display: block;
  }

  /* 

    3.1 メインコンテンツ

    */

  /* アイキャッチ */

  .entry-img {
    float: left !important;
    padding: 0;
    zoom: 1;
    width: 40%;
  }

  .entry-img:after {
    display: block;
    clear: both;
    content: "";
  }

  .entry-img img {
    margin: 0 auto 0em;
  }

  /* 

    3.3 サブコンテンツ

    */

  /* 折り畳みボタン */

  .sub-btn {
    display: block;
    margin: 20px auto;
    padding: 0.75em 1em;
    border: 1px solid #b0b0b0;
    border-radius: 2px;
    background: #f0f0f0;
    background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
    background: linear-gradient(top, #fff 0%, #e6e6e6 100%);
    box-shadow: 0 1px 2px rgba(000, 000, 000, 0.2);
    color: #222;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 12px;
    font-size: 0.93rem;
    cursor: pointer;
  }

  .sub-btn:hover {
    background: #f0f0f0;
    background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
    background: linear-gradient(top, #fff 0%, #ededed 100%);
    color: #555;
    cursor: pointer;
  }

  .sub-btn:active {
    position: relative;
    top: 1px;
    box-shadow: 0 2px 2px rgba(000, 000, 000, 0.3) inset;
  }

  /* サブコンテンツ表示／非表示 */

  .sidebar {
    display: none;
  }

  .sub-open {
    display: block;
  }

  /* 

    ショートコード

    */

  /* 飾り背景 */

  [class^="bg-deco-"] {
    width: auto !important;
  }

  /* 吹き出しイラスト */

  .ib-left .colored_bg:after,
  .ib-right .colored_bg:after {
    position: static;
    width: auto;
    height: auto;
    border: none;
    content: none;
  }

  .ib-left [class^="title-"],
  .ib-right [class^="title-"] {
    padding: 0;
  }

  [class^="title-"]:before {
    position: static;
    width: auto;
    height: auto;
    content: none;
  }

  .ib-illust img {
    display: none;
  }

  .ib-left .ib-bubble {
    margin-left: 0;
  }

  .ib-right .ib-bubble {
    margin-right: 0;
  }

  /* レスポンシブ用 表示非表示 */

  .lsc {
    display: none;
  }
  .ssc {
    display: block;
  }

  /* WordPress用 */

  img.alignleft,
  img.alignright {
    float: none;
    display: block;
    padding: 0;
    margin: auto;
  }

  /* オプトイン用フォームページ
   ========================================================================== */
  .optin_text {
    float: none;
  }

  .form_box {
    min-width: 100%;
    float: none;
    border: 1px solid #ccc;
    padding: 20px 20px 20px 20px;
  }
  section .form_box h3 {
    margin-top: 0px;
    padding: 5px;
  }

  /*=============================================
 フッター 640px
=============================================*/
  .footer-bar {
    display: block;
  }
  .sb-menu,
  .footer-navi {
    display: none;
  }
  .footer-menu {
    padding: 50px 0;
  }
  .menu-wap-left .footer-first-inner {
    gap: 0;
    margin-bottom: 30px;
  }
  .footer-first-inner :is(.footer-logo, .footer-address-box) {
    width: 100%;
  }
  .footer-menu .footer-menu-item {
    width: 100%;
    margin: 0;
    border: none;
  }
  .footer-menu-item .footer-address {
    margin-top: 20px;
  }
  .footer-menu-item ul.menu {
    position: relative;
    margin: 0;
  }
  .footer1 ul.menu > li:first-of-type {
    border-top: 1px #ffffff solid;
  }
  .footer-menu-inner .footer-menu-item ul.menu > li {
    position: relative;
    border-bottom: 1px #ffffff solid;
    padding-bottom: 0;
  }
  .footer-menu-item ul.menu > li > a {
    position: relative;
    display: flex;
    width: 100%;
    padding: 1rem 0.5rem;
  }
  .footer-menu-item ul.menu > li > a:before {
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-right: 0.5rem;
  }
  .footer-menu-item li ul.sub-menu {
    position: relative;
  }
  .footer-menu-item ul.sub-menu li {
    position: relative;
    border-top: 1px #ffffff solid;
    padding-top: 0;
    text-indent: 0;
    margin-left: 0;
    line-height: 1.2;
  }
  .footer-menu-item ul.sub-menu li > a {
    position: relative;
    display: flex;
    width: 100%;
    padding: 1rem 0.5rem 1rem 1rem;
    background-color: #707070;
  }
  .footer-menu-item ul.sub-menu .sub-menu li > a {
    background-color: rgba(136, 136, 136, 1);
    padding-left: 2rem;
  }
  .footer-menu .footer-menu-item li:not(.not-a) > a:hover,
  .footer-menu .footer-menu-item li:not(.not-a) > a:active {
    color: #ffffff;
    background-color: #c8a738;
  }
  .footer {
    padding-bottom: 47px;
  }
  .footer-inner {
    padding: 2%;
  }
  .footer-menu .footer-menu-item li:not(.not-a) a:hover,
  .footer-menu .footer-menu-item li:not(.not-a) a:active {
    color: #ffffff;
  }

  /*=============================================
追加 共通 640px
=============================================*/
  /*スクロールトップ*/
  #page-top {
    bottom: 50px;
  }
  /*サイドアイコンメニュー*/
  .btn-fix {
    top: auto;
    left: 0;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    z-index: 90;
    flex-flow: initial;
    flex-wrap: nowrap;
    right: auto;
    bottom: 0;
    flex-flow: initial;
  }
  .btn-fix a {
    box-sizing: border-box;
    border-top: 1px #565656 solid;
    width: calc(100% / 2);
    flex-direction: inherit;
    letter-spacing: 0.1rem;
    transform: translateX(0);
    text-align: center;
    writing-mode: inherit;
    font-size: 12px;
    padding: 0;
    padding-block: 19.5px;
  }
  .btn-fix .search-bar {
    display: none;
  }
  .btn-fix a.more-up {
    margin-bottom: 0;
  }
  .btn-fix a span,
  .btn-fix a i {
    writing-mode: inherit;
    text-orientation: inherit;
  }
  .btn-fix a span {
    margin-left: 0.5rem;
  }

  .btn-fix a i {
    margin-top: 0;
    /* margin-left: 0.5rem; */
    margin-bottom: 0;
  }
  .btn-fix a.more-up:hover,
  .btn-fix a.more-down:hover {
    transform: translateX(0);
    background: #fff;
    color: #003978;
  }
  /*=============================================
TOP 640px
=============================================*/
  /*----- 共通 -----*/
  .top-container {
    margin-top: 50px;
  }
  .h2-box {
    margin-bottom: 40px;
  }
  .h3-box {
    margin-bottom: 20px;
  }
  .btn-box {
    margin-top: 30px;
  }
  .home #Contact .section-inner .more-up,
  .page #Contact .section-inner .more-up,
  .single #Contact .section-inner .more-up,
  .archive #Contact .section-inner .more-up {
    margin-right: 0;
  }
  /*----- 共通 END -----*/
  /*----- メインビジュアル -----*/
  .main-visual-inner {
    aspect-ratio: 1;
  }
  .visual_text_box {
    justify-content: center;
    align-content: center;
    align-items: center;
  }
  .visual_text_box .visual-no-inner {
    flex: none;
    display: none;
  }
  .visual_text_box .visual-text-inner {
    width: 100%;
    margin: auto 20px;
    padding: 0 20px 100px;
    justify-content: center;
    height: auto;
  }
  .visual-text-inner .visual-text {
    /*max-width: 100%;*/
  }
  /*----- メインビジュアル END -----*/
  /*----- インフォメーション -----*/
  /*
	ul.tab-menu {
    	margin-bottom: 20px;
    	column-gap: 3px;
	}
	.info-post .mix {
    	width: calc(100% / 2 - 1%);
    }
    .info-post {
    	gap: 1rem 2%;
    }
    .info-item-inner dl.info-text-box {
    	margin: 0.5rem 0;
	}
	.home #top-info ul.tab-menu{
		flex-wrap: wrap;
	}*/
  .top-info .tab_item {
    margin-left: 10px;
    margin-bottom: 10px;
    background: #fff;
  }
  #top-info .top-info-title-inner input:checked + .tab_item {
    box-shadow: none;
    border-bottom: #003978 2px solid;
  }
  #top-info .info-post .info-link {
    flex-flow: column;
  }
  #top-info .info-post .info-item-box .info-eye-img,
  #top-info .info-post .info-item-box .info-text-box {
    width: 100%;
    max-width: 100%;
  }
  /*----- インフォメーション END -----*/
  /*----- CEマーキングの基礎知識 -----*/
  .top-know {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .top-know-3box-inner {
    padding-right: 20px;
    padding-left: 20px;
    gap: 20px 0;
  }
  .top-know-3box-inner .know-3box-item {
    width: 100%;
    max-width: 100%;
    padding: 2rem;
  }
  .know-3box-item .know-3box-img {
    margin-bottom: 37px;
  }

  .top-about-box {
    margin-top: 50px;
  }
  .top-about-inner .top-about-item:last-of-type {
    margin-top: -50px;
  }
  /*----- CEマーキングの基礎知識 END -----*/
  /*----- セミナー情報 -----*/
  .top-wrok-title-inner .h2-box {
    margin-bottom: 30px;
  }

  .top-wrok-inner {
    padding: 0.5rem;
  }

  .top-wrok-inner .top-wrok-item {
    align-content: center;
    align-items: center;
    margin: 1rem 0;
  }
  .top-wrok-inner .top-wrok-item:not(:last-of-type) {
    border-bottom: 1px #ddd dotted;
    margin: 1rem 0 0.75rem;
    padding-bottom: 0.75rem;
  }
  .top-wrok-item .time {
    margin-right: 0;
  }
  .top-wrok-item dd.title {
    width: 100%;
    margin-top: 0.5rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    top: 0;
    flex: none;
  }
  .top-wrok .btn-box {
    justify-content: center;
    margin-top: 30px;
  }
  /*----- セミナー情報 END -----*/
  /*----- お問い合せ -----*/
  .top-contact {
    padding-top: 50px;
  }
  .top-contact-title-inner .h2-box {
    margin-top: 0;
    margin-bottom: 30px;
  }

  .top-contact-box .top-contact-3box-inner {
    flex-wrap: wrap;
  }
  .top-contact-box .contact-3box-item {
    width: 100%;
    max-width: 100%;
    padding: 30px 20px;
  }
  .contact-3box-item p.contact-3box-text {
    margin-bottom: 30px;
  }
  /*----- お問い合せ END -----*/

  /*=============================================
下層 共通 640px
=============================================*/
  /*----- パンくずリスト -----*/
  .breadcrumb {
    margin-bottom: 0;
  }
  /*----- パンくずリスト END-----*/
  /*----- ページ内リンク -----*/
  .in-scroll-ul .in-scroll-1vertical,
  .in-scroll-ul .in-scroll-2box,
  .in-scroll-ul .in-scroll-3box,
  .in-scroll-ul .in-scroll-4box {
    width: 100%;
    max-width: 420px;
    margin: 5px auto;
  }
  /*----- ページ内リンク END-----*/
  /*----- flexテーブル箇所 -----*/
  .flex-table {
    margin-top: 0;
  }
  /*----- flexテーブル箇所 -----*/
  /*----- フッター上 リンクメニュー -----*/
  .link-baaner-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .link-banner-inner {
    flex-wrap: wrap;
    gap: 20px 0;
  }
  .link-banner-inner .btn-box {
    width: 100%;
  }
  .link-banner-inner .btn-box:nth-of-type(odd),
  .link-banner-inner .btn-box:nth-of-type(even) {
    justify-content: center;
  }
  .link-banner-inner .btn-box .list-a {
    max-width: 420px;
  }
  /*----- フッター上 リンクメニュー END -----*/
  /*----- 全体枠系 -----*/
  .main-eye-box .main-eye-inner {
    aspect-ratio: 3/1;
  }
  .vertical-container {
    margin-top: 30px;
  }
  .inside-box {
    padding-top: 50px;
    padding-bottom: 0;
  }
  .inside-bottom-box,
  .inside-container:last-of-type .inside-box {
    padding-bottom: 50px;
  }
  .white-container-box {
    padding: 30px 5%;
  }
  .white-container-box .text-container {
    padding-top: 20px;
  }
  .white-container-box > .text-container:first-of-type,
  .white-container-box .img-container + .text-container,
  .white-container-box > .img-box + .text-container {
    padding-top: 0;
  }
  .not-side-container {
    padding: 30px 0 0;
  }
  .not-side-container .link-baaner-container {
    margin-top: 30px;
  }
  .img-top-type-a {
    margin-top: 50px;
  }
  /*----- 全体枠系 END -----*/
  /*----- 見出し系 -----*/
  .h3-line-a-type h3,
  .h3-line-b-type h3,
  .h3-line-c-type h3 {
    margin-top: 30px;
  }
  h3.not-top-h3 {
    margin-top: 0;
  }
  .h4-line h4,
  .h4-line-a h4 {
    margin-top: 30px;
  }
  /*----- 見出し系 END -----*/
  /*----- ページナビゲーション -----*/
  .page-navi-box {
    padding-top: 20px;
  }
  /*----- ページナビゲーション END -----*/
  /*=============================================
アーカイブ 共有 640px
 (TOP インフォメーションと共有箇所あり)
=============================================*/
  .archive-wrapper .info-post {
    gap: 1rem 2%;
  }
  .archive-wrapper :is(.information-container, .archive-container) {
    padding-bottom: 30px;
  }

  /*=============================================
インフォメーション 640px
=============================================*/
  /*.index-inner .info-post .mix {
		width: calc(100% / 2 - 1%);
	}*/

  /*=============================================
アーカイブカテゴリー 640px
=============================================*/
  /*.archive-info-box .info-post .info-item-box {
		width: calc(100% / 2 - 1%);	
	}*/
  .archive-info-box .info-post .info-item-box .info-eye-box {
    flex-flow: column;
  }
  #top-info #info-post .info-item-box .info-eye-img,
  #top-info #info-post .info-item-box .info-text-box {
    width: 100%;
    max-width: 100%;
  }

  /*=============================================
サービス内容 640px
=============================================*/
  /*-----01 グローバルサポート -----*/
  .item-container .flex-support-box {
    padding-top: 0;
    gap: 20px 0;
  }
  .flex-support-box .support-item {
    width: 100%;
    padding: 20px 5%;
  }
  .support-item .btn-area {
    margin-bottom: 0;
  }
  #service .services_contents .mark_box-wrap{
    width: 100%;
  }
  #service .services_contents .mark_box {
    width: 100%;
  }
  /*-----01 グローバルサポート END -----*/
  /*-----02 CEマーク取得までの基本的な流れ -----*/
  .ce-mark-box .flex-table {
    margin-top: 0;
  }
  .ce-mark-box .flex-row {
    flex-wrap: wrap;
    border-image: none;
    border-image-slice: 0;
    border: none;
  }
  .ce-mark-box .flex-row:before {
    display: none;
  }
  .ce-mark-box .flex-row:not(:last-of-type) {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #333333 dotted;
  }
  .ce-mark-box .flex-row .flex-th {
    position: relative;
    width: 100%;
    min-width: 0;
    border-bottom: 2px #f2f2f2 solid;
    /*border-image: linear-gradient(to right, #E60012 2rem, #F2F2F2 2rem, #F2F2F2 100%);
    border-image-slice: 1;*/
    margin-bottom: 1rem;
    line-height: 0.82;
  }
  .ce-mark-box .flex-row .flex-th:before {
    position: absolute;
    content: "";
    width: 2rem;
    height: 2px;
    background-color: #e60012;
    left: 0;
    bottom: -2px;
    z-index: 1;
  }
  .ce-mark-box .flex-row .flex-td {
    width: 100%;
  }
  /*-----02 CEマーク取得までの基本的な流れ END -----*/
  /*=============================================
グローバルサポート 02-2 食品接触材試験/〜
=============================================*/
  .flex-one-item .icon-img {
    max-width: 16%;
  }
  .column-box .flex-two-inner {
    align-items: flex-start;
    padding: 20px 5%;
    column-gap: 1rem;
  }
  /*=============================================
グローバルサポート 02-3 海外出荷前検査/〜  768px
=============================================*/
  /*検査サービスの範囲*/
  .service-range-box {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem; /*service-range-innerの上下左右空白間隔*/
  }
  .service-range-box .service-range-inner {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .service-range-box .service-range-left {
    padding-bottom: 40px;
  }
  .service-range-inner .service-range-item {
    width: 100%;
    max-width: 100%;
  }
  .service-range-left .range-item.range-text {
    display: none;
  }
  /*対象となる製品範囲*/
  .product-range-box .product-range-text {
    width: 100%;
    margin-bottom: 1rem;
  }
  .product-range-box .product-range-text .text-ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .product-range-text .text-ul li:nth-of-type(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }
  .product-range-text .text-ul li:nth-of-type(2) {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
  }
  .product-range-text .text-ul li:nth-of-type(3) {
    grid-column: 1 / 2;
    grid-row: 3 / 4;
  }
  .product-range-text .text-ul li:nth-of-type(4) {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }
  .product-range-text .text-ul li:nth-of-type(5) {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
  }
  /*=============================================
CE マーク基礎知識 640px
=============================================*/
  /*-----01-2 テーブル箇所 -----*/
  .flex-container {
    margin-top: 50px;
  }
  .flex-tr-three .flex-td {
    padding: 0.5rem 0.3rem;
    min-height: 6rem;
  }
  /*-----01-2 テーブル箇所 END -----*/
  /*-----06 CEマーキングの6つのステップ -----*/
  .text-container6-02 .h4-line h4 {
    margin-top: 0;
  }
  /*-----06 CEマーキングの6つのステップ END -----*/

  /*=============================================
セミナー情報 カスタム投稿アーカイブ使用 640px
=============================================*/
  /*----- INDEX -----*/
  .archives-link-ul .archives-link-li {
    width: calc(100% / 4);
  }
  /*----- INDEX END -----*/
  /*----- タイトル箇所 -----*/
  .archives-year-box .flex-year {
    margin-top: 40px;
  }
  .archives-year-box .flex-year .year-box {
    position: absolute;
    padding-bottom: 25px;
  }
  /*----- タイトル箇所 END -----*/
  /*----- 一覧箇所 -----*/
  .seminar-sp {
    margin-top: 10px;
  }
  .seminar-box {
  }

  .seminar-box .flex-sp-body {
    margin-bottom: 30px;
    border: 2px #cacaca solid;
  }
  .seminar-box:last-of-type .flex-sp-body:last-of-type {
    margin-bottom: 0;
  }
  .seminar-box .flex-sp-body .flex-tr {
    width: 100%;
    padding: 1rem 1rem 0;
  }
  .seminar-box .flex-sp-body .flex-tr:last-of-type {
    padding-bottom: 30px;
  }
  .seminar-box .flex-sp-body .flex-th,
  .seminar-box .flex-sp-body .flex-td {
    justify-content: flex-start;
    padding: 0 0 1rem;
    min-width: 0;
    border: none;
  }
  .seminar-box .flex-sp-body .flex-th {
    flex: 0.5;
    border-right: none;
    border-bottom: 1px #cacaca solid;
    max-width: 6rem;
  }

  .seminar-box .flex-sp-body .flex-td {
    flex: 1.5;
    margin-left: 1rem;
    border-bottom: 1px #cacaca dotted;
  }
  .seminar-box .flex-sp-body .flex-tr:nth-last-of-type(-n + 2) .flex-th,
  .seminar-box .flex-sp-body .flex-tr:nth-last-of-type(-n + 2) .flex-td {
    border-bottom: none;
  }
  .seminar-box .flex-sp-body .flex-td-01 span,
  .seminar-box .flex-sp-body .flex-td-04 span {
    justify-content: flex-start;
    padding: 0.5rem;
    min-height: 2.2rem;
  }
  .seminar-box .flex-sp-body .flex-th span,
  .seminar-box .flex-sp-body .flex-td span {
  }
  .seminar-box .flex-sp-body .btn-area {
    width: 100%;
  }
  .seminar-box .flex-sp-body .btn-box {
    margin-top: 20px;
  }
  .archive-inner .inside-box.page-inside-box {
    padding-bottom: 30px;
  }
  /*----- 一覧箇所 END -----*/
  .seminar-page-navi {
  }

  /*=============================================
カスタム投稿&投稿ページ 640px
 single-wrokshop.php
 single.php
=============================================*/
  /*----- 投稿ページ 共通 -----*/
  .single-wrapper .outside-container {
    margin-bottom: 30px;
  }

  /*- TOPタイトル箇所 -*/
  .single-wrapper .main-none-eye-inner {
    padding-top: 128.5px;
  }
  /*- TOPタイトル箇所 END -*/

  /*- ページ内タイトル箇所 -*/
  .single-wrapper .single-header-container {
    margin-bottom: 30px;
  }
  .single-wrapper .single-header .h2-box {
    margin-bottom: 30px;
  }
  /*- ページ内タイトル箇所 END -*/
  /*- アイキャッチ箇所 -*/
  .single-wrapper .single-eye-box {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  /*- アイキャッチ箇所 END -*/
  /*- ボタンエリア箇所 -*/
  .single-wrapper .seminar-btn-area {
    padding-top: 20px;
  }
  /*- ボタンエリア箇所 END-*/
  /*- 前後ページへのリンク -*/
  .single-wrapper .entry-navi {
    margin-top: 30px;
    padding-bottom: 20px;
  }
  /*- 前後ページへのリンク END -*/
  /*----- 投稿ページ 共通 END -----*/

  /*=============================================
セミナー一覧 カスタム投稿ページ 640px
single-wrokshop.php
=============================================*/
  /*- INDEX箇所 -*/
  .single-wrokshop-inner .archives-link-box {
    margin-top: 30px;
    padding-bottom: 50px;
  }
  /*- INDEX箇所 END-*/

  /*=============================================
会社概要 640px
=============================================*/
  /*-----02-2 製品・指令の対応実績 -----*/
  /*-- テーブル箇所 --*/
  .about-table .flex-tr-two .flex-td:first-of-type {
    width: 20%;
    min-width: 4rem;
  }
  .flex-tr-one .flex-td,
  .flex-tr-two .flex-td {
    padding: 1rem 0.5rem;
  }
  /*-- テーブル箇所 END --*/
  /*-- サークル箇所 --*/
  .flex-container .flex-circle {
    gap: 20px 10px;
  }
  .flex-circle .flex-circle-four {
    width: calc(100% / 2 - 5px);
  }
  /*-- サークル箇所 END --*/
  /*-----02-2 製品・指令の対応実績 END -----*/
  /*-----03 エンジニア紹介 -----*/
  /*-- 専門分野箇所 --*/
  .flex-check .flex-check-three {
    width: calc(100% / 2 - 7.5px);
  }
  .flex-check-box .icon-img-box {
    margin-right: 0.5rem;
    max-width: 25px;
  }
  .flex-check-02 {
    margin: 15px auto 30px;
  }
  /*-- 専門分野箇所 END --*/
  /*-----03 エンジニア紹介 END -----*/
  /*-----04 会社案内・沿革 -----*/
  :is(.profile-table, .history-table) .flex-tr {
    flex-wrap: wrap;
    border-bottom: none;
    margin-bottom: 20px;
  }
  :is(.profile-table, .history-table) .flex-tr:before {
    display: none;
  }
  :is(.profile-table, .history-table) .flex-tr:last-of-type {
    margin-bottom: 0;
  }
  :is(.profile-table, .history-table) .flex-tr .flex-th,
  :is(.profile-table, .history-table) .flex-tr .flex-td {
    width: 100%;
  }
  :is(.profile-table, .history-table) .flex-tr .flex-th {
    position: relative;
    min-width: 0;
    max-width: 100%;
    border-bottom: 1px #f2f2f2 solid;
    /*border-image: linear-gradient(to right, #E60012 7rem, #F2F2F2 7rem, #F2F2F2 100%);
		border-image-slice: 1;*/
    padding-bottom: 5px;
  }
  :is(.profile-table, .history-table) .flex-tr .flex-th:before {
    position: absolute;
    content: "";
    width: 7rem;
    height: 1px;
    background-color: #e60012;
    left: 0;
    bottom: -1px;
    z-index: 1;
  }
  :is(.profile-table, .history-table) .flex-tr .flex-td {
    padding-top: 1.5rem;
  }
  .iframe-box iframe {
    aspect-ratio: 5/4;
  }
  /*-----04 会社案内・沿革 END -----*/

  /*=============================================
よくある質問 640px
=============================================*/
  .accordion-content {
    padding-top: 30px;
    padding-bottom: 50px;
    padding: 30px 0 50px;
  }
  .accordion-textarea .flex-sp-640 .left-item {
    flex: none;
  }
  .accordion-textarea .title-box {
    flex-wrap: wrap;
    gap: 1rem 0;
  }
  .accordion-textarea .title-box .span-title {
    width: 100%;
    min-width: 0;
    max-width: 100%;
  }

  /*=============================================
CE手引書ダウンロード用フォーム 640px
=============================================*/

  /*----- MW WP Form内 -----*/
  /*-- flex-table --*/
  .form-box .flex-tr {
    flex-wrap: wrap;
  }
  .form-box .flex-th,
  .form-box .flex-td {
    width: 100%;
    max-width: 100%;
    flex: none;
  }
  .form-box .flex-th {
    padding-bottom: 10px;
  }
  .form-box .flex-th .th-item {
    margin-right: 0;
  }
  .form-box .flex-th .th-title br {
    display: none;
  }
  .form-box .th-title .min-title {
    margin-left: 0.5rem;
  }
  .form-box .flex-td {
    flex-wrap: wrap;
  }
  .form-box .flex-td p br {
    display: none;
  }
  .form-box .flex-td :is(input, textarea, select) {
    padding: 20px 10px;
  }
  .form-box .flex-td :is(select) {
    background-color: #d9d4d4;
  }
  .form-box .flex-td .form-post-code {
    max-width: 100%;
  }
  /*-- flex-table END --*/
  /*-- text-container --*/
  .form-box .check-box {
    flex-wrap: wrap;
  }
  /*-- text-container END --*/
  /*-- submit-box --*/
  .submit-box .flex-submit {
    flex-wrap: wrap;
  }
  .flex-submit .form-btn {
    max-width: 420px;
  }
  /*登録ページ用*/
  .mw_wp_form_input {
  }
  .mw_wp_form .error {
    margin-top: 0.25rem;
  }
  /*登録ページ用 END*/

  /*確認ページ用*/
  .mw_wp_form_confirm {
  }
  .mw_wp_form_preview {
  }
  .mw_wp_form_preview .flex-submit .form-btn {
    flex-wrap: wrap;
    width: 100%;
  }
  .mw_wp_form_preview .flex-submit .submit-btn {
  }
  /*確認ページ用 END*/
  /*-- submit-box END --*/
  /*----- MW WP Form内 END -----*/

  /*=============================================
無料相談サービス 640px
=============================================*/
  /*-------- 共通箇所 --------*/
  /*-------- 共通箇所 END --------*/
  /*-------- 見出し＆ページリンク箇所 --------*/
  .flex-consulting-heading .right-box {
    margin-top: 30px;
    margin-bottom: 20px;
  }
  /*-------- 見出し＆ページリンク箇所 END --------*/
  /*-------- 項目箇所 --------*/
  .flex-consulting-item {
    margin-bottom: 40px;
  }
  /*- 完全予約箇所 -*/
  .reserve-container {
    padding: 20px 2.5% 30px;
  }
  .reserve-container .text-container {
    padding-top: 0;
  }
  .reserve-container .flex-th {
    max-width: 80px;
    padding: 0.75rem 0.25rem;
  }
  /*- 完全予約箇所 END -*/
  /*-------- 項目箇所 END --------*/

  /*=============================================
フォーム使用ページ用 共通 640px
=============================================*/
  .form-wrapper .outside-container {
    margin-bottom: 30px;
  }
  .form-white-container {
    padding: 30px 0 0;
  }
  /*----- TOPタイトル箇所 -----*/
  .form-wrapper .main-none-eye-inner {
    padding-top: 128.5px;
  }
  /*----- TOPタイトル箇所 END -----*/
  /*----- MW WP Form内 -----*/
  /*-- flex-table --*/
  .form-box .text-container {
    padding-top: 10px;
  }
  .form-box
    :is(input, textarea, select):not(
      input[type="radio"],
      input[type="checkbox"]
    ),
  .form-box .flex-td .radio-box {
    padding: 20px 5px;
  }
  .form-box .flex-text-box {
    padding-top: 1rem;
    padding-bottom: 0.5rem;
  }
  /*-- text-container END --*/
  /*-- submit-box --*/
  .submit-box {
    margin-top: 50px;
  }
  /*-- submit-box END --*/
  /*確認ページ用*/
  .mw_wp_form_confirm {
  }
  .mw_wp_form_preview {
  }

  .form-box .mw_wp_form_preview .flex-td {
    border-top: 1px #f2f2f2 dotted;
    padding: 1rem 5px 0;
  }
  /*確認ページ用 END*/
  /*----- MW WP Form内 END -----*/
  /*=============================================
CE手引書ダウンロード用フォーム 640px
=============================================*/

  /*=============================================
CE手引書ダウンロード 640px
=============================================*/
  .vertical-line-box .flex_box .document_box {
    width: 100%;
    max-width: 450px;
    margin: 20px auto 0;
  }
  .download-box {
    margin-bottom: 50px;
  }
  .download-container {
    padding: 20px 20px 10px;
  }
  .download-container .flex-download {
    gap: 30px 0;
  }
  .flex-download .download-text-box {
    justify-content: center;
    width: 100%;
  }
  .flex-download .download-img-box {
    flex: none;
    justify-content: center;
    width: 100%;
  }
  .download-text-box .p-text {
    justify-content: center;
  }
  .download-text-box .download-a-box {
    align-items: center;
    margin-top: 30px;
  }
  .download-a-box .p-title {
    padding: 1rem 0 0;
    min-width: 0;
    font-size: clamp(20px, 6vw, 30px);
  }
  .download-a-inner a span {
    padding-bottom: 2.5px;
  }
}
/*max-width: 640pxここまで*/
/*=============================================
max-width: 520px
=============================================*/
@media (max-width: 520px) {
  /*=============================================
TOPページ 520px
=============================================*/
  /*メニュー*/
  .top-menu-box {
    overflow: visible;
  }
  .top-menu .menu-right,
  .top-menu .menu-left {
    position: relative;
    right: 0;
    top: 0;
    transform: none;
  }
  #post-menu .top-img-box {
    display: none;
  }
  a.top-menu-a {
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 100%;
    max-height: 100%;
    padding: 10% 5%;
  }
  .top-menu01 a.top-menu-a {
    background-image: linear-gradient(
        180deg,
        rgba(192, 130, 55, 0.9),
        rgba(192, 130, 55, 0.9)
      ),
      url(img/top/img_top_01.jpg);
  }
  .top-menu02 a.top-menu-a {
    background-image: linear-gradient(
        180deg,
        rgba(192, 130, 55, 0.9),
        rgba(192, 130, 55, 0.9)
      ),
      url(img/top/img_top_02.jpg);
  }
  .top-menu03 a.top-menu-a {
    background-image: linear-gradient(
        180deg,
        rgba(192, 130, 55, 0.9),
        rgba(192, 130, 55, 0.9)
      ),
      url(img/top/img_top_03.jpg);
  }
  .top-menu h3 {
    /*padding: 5% 5% 1%;
		width: 100%;
		text-align: left;
		background: rgba(192,130,55,0.8);
		margin-bottom: 0;*/
  }
  .top-menu dl {
    /*background: rgba(192,130,55,0.8);
		padding: 0 5% 5%;*/
  }
  .top-menu .i-box {
    /*position: relative;
		margin: 0 0 0 auto;
		text-align: right;*/
  }
  .main-visual-inner {
    aspect-ratio: 5 / 8;
  }
  .home #Services .support .mark_box {
    width: calc((100% - 80px) / 3);
  }
  .home #Services .support .mark_box:nth-of-type(5n) {
    margin-right: 40px;
  }
  .home #Services .support .mark_box:nth-of-type(4n) {
    margin-right: 40px;
  }
  .home #Services .support .mark_box:nth-of-type(3n) {
    margin-right: 0;
  }
  /*=============================================
会社概要 520px
=============================================*/
  #About ul.flex li {
    width: 100%;
  }
  /*=============================================
CE マーク基礎知識 520px
=============================================*/
  .in-scroll-box .in-scroll-ul {
    justify-content: center;
  }
  .in-scroll-box .in-scroll-ul .in-scroll-li {
    width: 100%;
  }
  .h2-title {
    margin-top: -136px;
  }

  /*=============================================
セミナー情報 カスタム投稿アーカイブ使用 520px
=============================================*/
  /*----- INDEX -----*/
  .archives-link-ul .archives-link-li {
    width: calc(100% / 3);
  }
  /*----- INDEX END -----*/

  /*=============================================
よくある質問 520px
=============================================*/
  .accordion-textarea .grid-box {
    display: flex;
    flex-wrap: wrap;
  }
  .accordion-textarea .grid-box .span-grid {
    width: 100%;
  }

  /*=============================================
フォーム使用ページ用 共通 520px
=============================================*/
  .form-box .flex-td .radio-box {
    flex-wrap: wrap;
    gap: 0;
    padding: 10px 5px;
  }
  .form-box .flex-td .radio-box br {
    display: none;
  }
  .form-box .flex-td .radio-box .mwform-radio-field {
    width: 100%;
    padding: 10px 0;
  }
}
/*max-width: 520pxここまで*/
/*=============================================
max-width: 480px
=============================================*/
@media (max-width: 480px) {
  /*=============================================
ヘッダー 480px
=============================================*/
  .banner-inner .banner-box-a {
    max-width: 180px;
  }

  /*=============================================
TOP 480px
=============================================*/

  /*=============================================
下層 共通 480px
=============================================*/

  /*=============================================
無料個別相談会・
無料電話相談サービスのご予約を受付けました。ページ 480px
=============================================*/
  .reception-box .p-title {
    flex-direction: column;
  }

  /*=============================================
会社概要 480px
=============================================*/

  /*=============================================
セミナー情報 カスタム投稿アーカイブ使用 480px
=============================================*/
  /*----- INDEX -----*/
  .archives-link-ul .archives-link-li {
    width: calc(100% / 2);
  }
  /*----- INDEX END -----*/
  .seminar-box .btn-box a.list-a {
    max-width: 95%;
  }
  /*=============================================
カスタム投稿&投稿ページ 480px
 single-wrokshop.php
 single.php
=============================================*/
  /*----- 投稿ページ 共通 -----*/
  /*- ページ内タイトル箇所 -*/
  .single-wrapper .h2-box .category {
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 0.5rem;
    padding-right: 0;
  }
  .single-wrapper .h2-box .category span {
    font-size: 12px;
  }
  /*- ページ内タイトル箇所 END -*/
  /*----- 投稿ページ 共通 END -----*/
  /*=============================================
よくある質問 480px
=============================================*/
  .accordion-title {
    padding: 0.75rem 0.5rem;
  }
  .accordion-inner {
    padding: 1.5rem 0.5rem;
  }
  .accordion-inner .accordion-textarea {
    padding-left: 0.5rem;
  }
  .accordion-box .circle-width {
    max-width: 50px;
  }

  /*=============================================
無料相談サービス 480px
=============================================*/
  /*-------- 項目箇所 --------*/
  .flex-consulting-item .emphasis-box {
    padding: 0.5rem;
  }
  .flex-consulting-item .h3-line-d-type {
    flex-wrap: wrap;
    gap: 1.25rem 0;
  }
  .flex-consulting-item .img-icon-box {
    max-width: 113px;
    margin: auto;
  }
  .flex-consulting-item03-4 {
    padding: 20px 2.5%;
  }
  /*- 完全予約箇所 -*/
  .reserve-container .btn-box a.list-a {
    max-width: 95%;
  }
  /*- 完全予約箇所 END -*/
  /*-------- 項目箇所 END --------*/

  /*=============================================
フォーム使用ページ用 共通 480px
=============================================*/
  .form-box .flex-date-box .span-date {
    max-width: 100%;
  }
  .form-box .flex-td .date-time-box .flex-date-box {
    flex-wrap: wrap;
  }

  /*=============================================
CE手引書ダウンロード用フォーム 480px
=============================================*/

  /*=============================================
CE手引書ダウンロード 480px
=============================================*/
  .download-a-box .pdf-icon-box {
    max-width: 60px;
  }
  .download-a-box .download-a-inner {
    max-width: 50px;
  }
  .download-a-inner a .download-icon img {
    max-width: 26px;
  }
}
/*max-width: 480pxここまで*/