@charset "UTF-8";
/* CSS Document */
* {
  letter-spacing: .1em;
}
/*@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;500;700;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=BIZ+UDGothic:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&family=Shippori+Mincho:wght@700&display=swap');
body {
  font-size: 14px;
  padding-top: 70px;
}
p {
  font-weight: 400;
}
.honbun {
  font-weight: 400;
}
.komidashi {
  font-weight: 700;
}
.info-oomidashi {
  font-family: sans-serif;
  font-size: 15px;
}
.info_title {
  font-family: sans-serif;
  font-size: 15px;
  background: #106ADC;
  color: #fff;
  padding: 5px !important;
}
.info_title a {
  color: #fff;
}
.info_lead {
  font-family: sans-serif;
  font-size: 16px;
}
.oomidashi {
  font-weight: 700;
}
.s-oomidashi {
  font-family: 'Noto Serif JP', serif;
  /*font-family: BIZ UDGothic', sans-serif;
	*/
  font-weight: 900;
  font-size: 50px;
  color: white;
}
/*製品ページ　特徴　使用方法　書式*/
.feature h4 {
  font-family: sans-serif;
  font-size: 20px;
}
.feature h5 {
  font-family: sans-serif;
  font-size: 16px;
}
.feature p {
  font-family: sans-serif;
  font-size: 14px;
}
.feature .s_lead {
  font-family: sans-serif;
  font-size: 16px;
}
.feature table {
  font-family: sans-serif;
  font-size: 14px;
}
.table-responsive table {
  font-family: sans-serif;
  font-size: 16px;
}
/*強みページ書式*/
.tsuyomi .t_lead {
  font-family: sans-serif;
  font-size: 16px;
}
.tsuyomi p {
  font-family: sans-serif;
  font-size: 14px;
  text-align: justify;
}
.tsuyomi h5 {
  font-family: 'BIZ UDGothic', sans-serif;
  font-size: 20px;
}
.tsuyomi .card-title {
  font-family: 'BIZ UDGothic', sans-serif;
  font-size: 16px;
}
.tsuyomi .card-text {
  font-family: 'BIZ UDGothic', sans-serif;
  font-size: 14px;
}
.technote h3 {
  font-family: sans-serif;
  font-size: 16px;
}
.technote h5 {
  font-family: 'BIZ UDGothic', sans-serif;
  font-size: 16px;
}
.technote .t_lead {
  font-family: sans-serif;
  font-size: 16px;
}
.technote p {
  font-family: sans-serif;
  font-size: 16px;
  text-align: justify;
}
.technote table {
  font-family: sans-serif;
  font-size: 14px;
  text-align: justify;
}
nav {
  font-family: sans-serif;
  font-size: 15px !important;
}
.bg-header {
  background-color: #1e2f5a;
}
.bg-cyan {
  background-color: #ccffff;
}
.bg-gray {
  background-color: #f7f8f8;
}
.bg-darkred {
  background-color: #F75A6C;
}
.bg-footer {
  background-color: #1e2f5a;
}
.bg-footer2 {
  background-color: #25396F;
}
.bg-footer3 {
  background-image: url("../../images/footer_bg_2_img.png");
  background-size: cover;
}
.bg-dic {
  background-color: antiquewhite;
}
.font_size_verysmall {
  font-size: 0.05em;
}
.sub2 a {
  color: #333;
}
.side_a-1 {
  color: #333;
  font-weight: bold;
  border-left: solid;
  text-decoration: underline;
  text-underline-position: auto;
  font-size: medium;
}
/*メニュー全体の設定*/
.sub2 ul.submenu2 {
  margin-bottom: 10px; /*メニューブロックの下に空けるスペース*/
  border-top: solid 1px #e4e4e4; /*上の線の線種、幅、色*/
  font-size: 0.8em;
}
/*メニュー１個ごとの設定*/
.sub2 ul.submenu2 li {
  background: #fff; /*背景色*/
  border-bottom: solid 1px #e4e4e4; /*下の線の線種、幅、色*/
}
.sub2 ul.submenu2 li a {
  text-decoration: none;
  display: block;
  padding: 2px 0px; /*メニュー内の余白。上下、左右への設定。*/
}
/*メニュー全体の設定2*/
.sub2 ul.submenu2 {
  margin: 0px; /*メニューブロックの下に空けるスペース*/
  list-style: none;
  padding-left: 0px;
}
/*メニュー１個ごとの設定*/
.sub2 ul.submenu2 li {
  background: #fff; /*背景色*/
  padding: 0px 10px;
}
.sub2 ul.submenu2 li a {
  text-decoration: none;
  display: block;
  padding: 3px 0px
}
/*PAGE TOP設定
---------------------------------------------------------------------------*/
.pagetop {
  margin: 0px;
}
.pagetop a {
  margin-top: 30px;
  color: #FFF; /*文字色*/
  font-size: 20px; /*文字サイズ*/
  background: #333; /*背景色*/
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: 4px 4px 0px 0px; /*角丸のサイズ。左上、右上、右下、左下。*/
}
/*マウスオン時*/
.pagetop a:hover {
  background-color: #999; /*背景色*/
  color: #FFF; /*文字色*/
}
.contents .inner2 {
  width: 1400px; /*スライダー用幅*/
  margin: 0 auto;
}
/*フッターメニュー
---------------------------------------------------------------------------*/
/*メニューボックス全体*/
.footermenu h5 {
  font-family: sans-serif;
  font-size: 14px;
}
.footermenu p {
  font-family: sans-serif;
  font-size: 12px;
}
.footermenu a {
  color: #fff;
  text-decoration: none;
}
/*１行分の設定*/
.footermenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footermenu ul li a {
  color: #fff;
  font-family: sans-serif;
  font-size: 12px;
  text-decoration: none;
}
.footermenu2 ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.footermenu2 ul li a {
  color: #fff;
  font-family: sans-serif;
  font-size: 14px;
  text-decoration: none;
}
/*aアンカーずれ対策*/
.unker-zure {
  padding-top: 70px;
  margin-top: -70px;
}
/*コピーライト
---------------------------------------------------------------------------*/
.copyright {
  color: #fff;
  text-align: center;
  background: #333; /*背景色*/
}
.copyright a {
  text-decoration: none;
  color: #fff;
}
/*トップページ内「更新情報・お知らせ」ブロック
---------------------------------------------------------------------------*/
/*PAGE TOP設定
---------------------------------------------------------------------------*/
.pagetop {
  width: auto;
}
/*head animation*/
div.animation_box {
  padding: 10px;
  animation-name: fadeIn;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: backwards;
  animation-iteration-count: 1;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-50px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
div.animation_box2 {
  padding: 10px;
  animation: fadeIn2 1.5s ease 0.5s 1 normal backwards;
}
@keyframes fadeIn2 {
  from {
    opacity: 0;
    transform: translateX(-200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.sub2 button {
  font-size: 1em;
  border-radius: 5px;
}
.indent-1 {
  padding-left: 1em;
  text-indent: -1em;
}
/*  sticky table css  */
.sticky_table_wrapper {
  overflow: scroll;
  width: 100%;
  height: 80vh;
}
.sticky_table thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  white-space: nowrap;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}
.sticky_table thead tr:nth-child(1) th {
  top: 0;
}
.sticky_table thead tr:nth-child(2) th {
  top: 3.5rem;
}
.sticky_table th:first-child {
  /* 横スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  left: 0;
}
/*sticky table design*/
.sticky_table {
  border-collapse: collapse;
}
.sticky_table th, .sticky_table td {
  text-align: center;
  padding: 1rem 1rem;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: normal;
}
.sticky_table thead th {
  background: #1e2f5a;
  color: #fff;
}
.sticky_table tbody tr:nth-child(even) th {
  background: #E4D8D4;
}
.sticky_table tbody tr:nth-child(even) td {
  background: #eee;
}
.sticky_table tbody tr:nth-child(odd) th {
  background: #E4D8D4;
}
.sticky_table tbody tr:nth-child(odd) td {
  background: #fff
}
.table thead {
  background-color: #1e2f5a;
  color: white;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  font-family: sans-serif;
  font-size: 14px;
}
.table thead th {
  font-weight: normal;
}
.table tbody {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
  font-family: sans-serif;
  font-size: 14px;
}
.table tbody td {
  background: #eee;
}
.table tbody tr:nth-child(odd) td {
  background: #fff;
}
.machine {
  width: 100%;
  margin-bottom: 1rem;
}
.machine th, .machine td {
  padding: 0.75rem;
  vertical-align: top;
}
.machine thead {
  background-color: #1e2f5a;
  color: white;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
}
.machine {
  white-space: nowrap;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(255, 255, 255, 0.8);
  color: #000;
}
.table-bg-img {
  background-image: url("../images/setsubi_img_wt.png");
  background-position: center;
  background-repeat: repeat-y;
}
.chart-bg-img {
  background-image: url("../images/setsubi_img_wt.png");
  background-position: center;
  background-repeat: repeat-y;
}
.jumbotron1 {
  background-image: url("../images/faq_head_img.jpg");
  background-size: cover;
  background-position: center 30%;
  height: 300px;
}
.jumbotron2 a {
  color: dimgray;
}
.jumbotron2 a:hover {
  color: cornflowerblue;
}
.jumbotron2 .active {
  color: brown;
}
.t-shadow {
  text-shadow: -1px -1px 5px #000000;
}
.title_bg_img {
  background-color: rgba(255, 255, 255, 0.7);
}
/*faq button*/
.faq-bg-image-1 {
  background-image: url("../images/faq_manufacture.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.faq-bg-image-2 {
  background-image: url("../images/faq_tech.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.faq-bg-image-3 {
  background-image: url("../images/faq_sell.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.faq-bg-image-4 {
  background-image: url("../images/faq_atsunyu.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.faq-bg-image-5 {
  background-image: url("../images/faq_eco.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.faq-bg-image-6 {
  background-image: url("../images/faq_materialjpg.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.faq-bg-image-7 {
  background-image: url("../images/faq_strongtest.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.faq-bg-image-8 {
  background-image: url("../images/faq_another.jpg");
  background-size: cover;
  background-position: center;
  height: 300px;
}
.cd_ec-bg-image {
  background-image: url("../../dic/images/lab_title_img.jpg");
  /*background-size: cover;*/
  background-position: center;
  background-repeat: no-repeat;
  height: 300px;
}
a.btn-green1 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green1:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_product.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green1:hover {
  background: #5DB0F8;
}
a.btn-green2 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green2:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_tech1.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green2:hover {
  background: #5DB0F8;
}
a.btn-green3 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green3:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_cart.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green3:hover {
  background: #5DB0F8;
}
a.btn-green4 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green4:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_nutter.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green4:hover {
  background: #5DB0F8;
}
a.btn-green5 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green5:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_eco1.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green5:hover {
  background: #5DB0F8;
}
a.btn-green6 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green6:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_material1.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green6:hover {
  background: #5DB0F8;
}
a.btn-green7 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green7:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_test.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green7:hover {
  background: #5DB0F8;
}
a.btn-green8 {
  padding: 0.5em;
  margin: 10px 0;
  display: block;
  color: #fff;
  background: #0266A2;
  text-decoration: none;
  font-weight: light;
  font-size: 0.9em;
  border-radius: 5px;
  text-align: left;
  text-decoration: none;
}
a.btn-green8:before {
  content: "";
  display: inline-block;
  width: 50px;
  height: 50px;
  margin: -3px 5px 0 0;
  background: url("../images/faq_i_another1.png") no-repeat;
  background-size: cover;
  vertical-align: middle;
}
a.btn-green8:hover {
  background: #5DB0F8;
}
/*本文見出し*/
.komidashi h5 {
  position: relative;
  padding: 1rem .5rem;
}
.komidashi h5:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#002085), to(#a2b0ea));
  background-image: -webkit-linear-gradient(right, #002085 0%, #a2b0ea 100%);
  background-image: linear-gradient(to left, #002085 0%, #a2b0ea 100%);
  font-family: 'BIZ UDGothic';
  font-size: 20px;
}
.tsuyomi .komidashi h5 {
  position: relative;
  padding: 1rem .5rem;
}
.tsuyomi .komidashi h5:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#002085), to(#a2b0ea));
  background-image: -webkit-linear-gradient(right, #002085 0%, #a2b0ea 100%);
  background-image: linear-gradient(to left, #002085 0%, #a2b0ea 100%);
}
/*スライダー用CSS*/
.key_visual {
  width: 100%;
  max-width: 100%;
  padding-top: 0px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
.key_visual img {
  width: 100%;
  vertical-align: bottom;
}
.key_visual_s {
  width: 100%;
  max-width: 100%;
  padding-top: 0px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}
.key_visual_s img {
  width: 100%;
  vertical-align: bottom;
  margin: 10px;
}
.slick-next, .slick-prev {
  z-index: 1;
}
.slick-next {
  right: 10px;
}
.slick-prev {
  left: 10px;
}
.t-shadow {
  text-shadow: 5px 5px 5px #333333;
}
.t-shadow2 {
  text-shadow: 5px 5px 5px #000000;
}
.t-shadow3 {
  text-shadow: 2px 2px 3px #000000;
}
.office {
  color: #333;
  font-size: 1.3em;
  background: rgba(255, 255, 255, 0.8)
}
.subtitles {
  font-size: 0.7em;
}
/*パララックス*/
/*固定する背景*/
.pll-back {
  box-sizing: border-box;
  color: #000;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 2% 20%;
  margin: 0 auto;
}
.parallax-bg {
  background-image: url("../images/test20221206.png");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.parallax-bg2 {
  background-image: url("../images/seihin_bag02.png");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.parallax-bg3 {
  background-image: url("../images/insert_seihin_img.png");
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/*スクロールするコンテンツ*/
.scrollbox {
  background: rgba(255, 255, 255, 0.00);
}
/*seihin-table*/
table.seihin-tbl {
  border: solid 1px #666;
  text-align: left;
  width: 100%;
  white-space: nowrap;
}
.seihin-tbl th {
  padding: 10px;
  background-color: #1e2f5a !important;
  color: #fff;
  text-align: center;
  border: solid 1px #fff;
}
.seihin-tbl tr:nth-child(2n+1) {
  background: #F7F3E8;
}
.seihin-tbl td {
  padding: 10px;
  color: #000;
  text-align: center;
  border: solid 1px #666;
}
.seihin-tbl td ol li {
  text-align: left;
}
.seihin-tbl caption {
  width: 100%;
  text-align: left;
  background-color: cornflowerblue;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 10px;
  caption-side: top;
}
table.seihin-tbl2 {
  border: solid 1px #666;
  text-align: left;
  width: 100%;
  white-space: nowrap;
}
.seihin-tbl2 th {
  padding: 10px;
  background-color: #1e2f5a !important;
  color: #fff;
  text-align: center;
  border: solid 1px #fff;
}
.seihin-tbl2 td {
  padding: 10px;
  color: #000;
  text-align: center;
  border: solid 1px #666;
}
.seihin-tbl2 td ol li {
  text-align: left;
}
table.seihin-tbl3 {
  border: solid 1px #666;
  text-align: left;
  width: 100%;
}
.seihin-tbl3 th {
  padding: 5px;
  background-color: #1e2f5a !important;
  color: #fff;
  text-align: center;
  border: solid 1px #fff;
}
.seihin-tbl3 td {
  padding: 10px;
  color: #000;
  text-align: left;
  border: solid 1px #666;
}
.seihin-tbl3 td ol li {
  text-align: left;
}
.seihin-tbl3 td.nokaigyo {
  white-space: nowrap;
}
.seihin-tbl3 td img {
  min-width: 100px;
}
table.seihin-tbl4 {
  border: solid 1px #666;
  text-align: left;
  width: 100%;
}
.seihin-tbl4 th {
  padding: 5px;
  background-color: #1e2f5a !important;
  color: #fff;
  text-align: center;
  border: solid 1px #fff;
}
.seihin-tbl4 td {
  padding: 10px;
  color: #000;
  text-align: center;
  border: solid 1px #666;
}
.seihin-tbl4 td ol li {
  text-align: left;
}
.seihin-tbl4 td.nokaigyo {
  white-space: nowrap;
}
.seihin-tbl4 td img {
  min-width: 100px;
}
table.seihin-tbl5 {
  border: none;
  text-align: left;
  width: 100%;
}
.seihin-tbl5 th {
  padding: 5px;
  background-color: #1e2f5a !important;
  color: #fff;
  text-align: center;
  border: solid 1px #fff;
}
.seihin-tbl5 td {
  border: none;
  padding: 10px;
  color: #000;
  text-align: center;
}
.seihin-tbl5 td ol li {
  text-align: left;
}
table.seihin-tbl6 {
  border: none;
  text-align: center;
  width: 100%;
}
.seihin-tbl6 thead {
  border: #000 solid thin;
}
.seihin-tbl6 th {
  padding: 5px;
  background-color: #1e2f5a !important;
  color: #fff;
  text-align: center;
  border: solid thin #fff;
}
.seihin-tbl6 td {
  border: #000 solid thin;
  padding: 10px;
  color: #000;
  text-align: center;
  background-color: #fff;
}
.seihin-tbl6 td ol li {
  text-align: left;
}
.seihin-tbl4 td.nokaigyo {
  white-space: nowrap;
}
.seihin-tbl5 td img {
  min-width: 100px;
}
table.seihin-tbl-mold {
  border: solid 1px #666;
  text-align: left;
  width: 100%;
  white-space: nowrap;
}
.seihin-tbl-mold th {
  padding: 10px;
  background-color: #1e2f5a !important;
  color: #fff;
  text-align: center;
  border: solid 1px #fff;
}
.seihin-tbl-mold tr:nth-child(2n+1) {
  background: #F7F3E8;
}
.seihin-tbl-mold td {
  padding: 10px;
  color: #000;
  text-align: center;
  border: solid 1px #666;
  font-size: 12px;
}
.seihin-tbl-mold td ol li {
  text-align: left;
}
.seihin-tbl-mold caption {
  width: 100%;
  text-align: left;
  background-color: cornflowerblue;
  font-size: 1em;
  font-weight: bold;
  color: #FFFFFF;
  padding-left: 10px;
  caption-side: top;
}
/*ふきだし*/
.balloon {
  position: relative;
  background-color: #ffc4c4;
  padding: 10px;
  color: #333;
  margin: 15px;
}
.balloon::before {
  content: "";
  position: absolute;
  border: 12px solid transparent;
  border-right: 12px solid #ffc4c4;
  top: 20%;
  left: -24px;
}
.balloon p {
  margin: 0;
  padding: 0;
}
.talk {
  margin-bottom: 40px;
}
.talk figure img {
  width: 100%;
  height: 100%;
  /*
border: 2px solid #9ce191;
border-radius: 50%;
*/
  margin: 0;
}
/* 画像の下のテキスト */
.talk-imgname {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
}
p.talk-text {
  margin: 0 0 8px;
}
p.talk-text:last-child {
  margin-bottom: 0px;
}
/* 回り込み解除 */
.talk:after, .talk:before {
  clear: both;
  content: "";
  display: block;
}
/* ----- 左の場合 ----- */
/* 左画像 */
.talk-Limg {
  margin-left: 4px;
  margin-top: -1px;
  float: left;
  width: 150px;
}
/* 左からの吹き出しテキスト */
.talk-Ltxt {
  color: #444;
  position: relative;
  margin-left: 170px;
  padding: 1.2em;
  border: 3px solid #9ce191;
  background-color: #fff;
  border-radius: 5px;
}
/* 左の三角形を作る */
.talk-Ltxt:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #9ce191;
  top: 15px;
  left: -20px;
}
.talk-Ltxt:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  top: 15px;
  left: -16px;
}
/* ----- 右の場合 ----- */
/* 右画像 */
.talk-Rimg {
  margin-right: 4px;
  margin-top: -1px;
  float: right;
  width: 150px;
}
/* 右からの吹き出しテキスト */
.talk-Rtxt {
  position: relative;
  margin-right: 170px;
  padding: 1.2em;
  border: 3px solid #9ce191;
  background-color: #ebffe7;
  border-radius: 5px;
}
/* 右の三角形を作る */
.talk-Rtxt:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #9ce191;
  top: 15px;
  right: -23px;
}
.talk-Rtxt:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #ebffe7;
  top: 15px;
  right: -19px;
}
/* 可変フォントサイズ*/
.vw1 {
  font-size: 3.25vw;
}
.vw2 {
  font-size: 1.375vw;
}
.vw3 {
  font-size: 1.15vw;
}
/*youtube iframe wrapper*/
.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*マウスオーバーアクション*/
.hover-lg-ac {
  display: inline-block;
  transition: all .3s ease 0s;
  text-decoration: none;
}
.hover-lg-ac:hover {
  cursor: pointer;
  transform: scale(1.2);
  text-decoration: none;
}
.hover-lg-ac a {
  text-decoration: none;
}
/*fixed banner*/
.right-fixed-banner {
  position: fixed;
  top: 10%;
  bottom: 30%;
  right: 0px;
  margin-right: 0px;
  text-align: center;
  font-size: 1.2em;
  writing-mode: vertical-rl;
  align-items: center;
  z-index: 100;
}
.banner-box {
  height: 25em;
  border: none;
  padding: 2%;
  color: white;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.banner-box a {
  color: white
}
#banner-1 {
  background: #096CDF;
}
.left-fixed-banner {
  position: fixed;
  top: 50%;
  bottom: 30%;
  left: 0px;
  margin-left: 0px;
  text-align: center;
  font-size: 1.2em;
  writing-mode: vertical-rl;
  align-items: center;
  z-index: 100;
}
.banner-box2 {
  height: 10em;
  border: none;
  padding: 2%;
  color: white;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.banner-box2 a {
  color: white
}
#banner2-1 {
  background: #999999;
}
.t-box {
  display: block;
  padding: 20px;
  background-color: rgba(232, 231, 212, 0.0);
  color: #fff;
  border-radius: 0px
}
/*パンクズ*/
.cmn-bread ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cmn-bread ul li {
  display: inline;
}
.cmn-bread ul li span {
  color: #333333;
}
.cmn-bread ul li a {
  text-decoration: none;
}
.cmn-bread ul li::after {
  content: "\03e";
  color: #979797;
  font-size: 14px;
  margin: 0px 4px 8px 8px;
}
.cmn-bread ul li:last-child::after {
  display: none;
}
.under_line {
  text-decoration: underline
}
.head-logo {
  max-width: 300px;
}
@media screen and (max-width:768px) {
  .head-logo {
    max-width: 250px;
  }
  .c_arrow {
    display: none !important;
  }
}
.slick-prev::before, .slick-next::before {
  color: #666;
  font-size: 40px;
}
.tbg-white {
  background-color: white;
}
.tbg-lightgray {
  background-color: lightgray;
}
.tbg-002 {
  background-color: #E0E0E0;
}
.tbg-001 {
  background-image: url("../images/top_vt_bg.jpg");
  background-size: auto;
}
.hr1 {
  position: relative;
  overflow: visible;
  text-align: center;
  color: #363636;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #363636;
  margin-bottom: 50px;
  margin-left: 220px;
}
/* hrの上に重ねて表示するコンテンツを指定 */
.hr1::after {
  position: absolute;
  top: -0.9em; /* コンテンツ位置の高さを指定 */
  left: 0%; /* 左から見たコンテンツ位置を指定 */
  display: inline-block;
  content: 'Our Products'; /* 表示したいテキストを指定 */
  font-size: 2em;
  background: rgba(0, 0, 0, 0);
  margin-left: -220px;
}
.hr2 {
  position: relative;
  overflow: visible;
  text-align: center;
  color: #363636;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #363636;
  margin-bottom: 50px;
  margin-left: 540px;
}
.hr2::after {
  position: absolute;
  top: -0.9em; /* コンテンツ位置の高さを指定 */
  left: 0%; /* 左から見たコンテンツ位置を指定 */
  display: inline-block;
  content: 'Core capabilities of the company'; /* 表示したいテキストを指定 */
  font-size: 2em;
  background: rgba(0, 0, 0, 0);
  margin-left: -520px
}
.hr3 {
  position: relative;
  overflow: visible;
  text-align: center;
  color: #696969;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #696969;
  margin-bottom: 50px;
}
/* hrの上に重ねて表示するコンテンツを指定 */
.hr3::after {
  position: absolute;
  top: -0.9em; /* コンテンツ位置の高さを指定 */
  left: 0%; /* 左から見たコンテンツ位置を指定 */
  display: inline-block;
  content: 'Technical information'; /* 表示したいテキストを指定 */
  font-size: 2em;
  background: white;
}
.hr4 {
  position: relative;
  overflow: visible;
  text-align: center;
  color: #a3a6a3;
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #a3a3a3;
  margin-bottom: 50px;
  margin-left: 270px;
}
/* hrの上に重ねて表示するコンテンツを指定 */
.hr4::after {
  position: absolute;
  top: -0.9em; /* コンテンツ位置の高さを指定 */
  left: 0%; /* 左から見たコンテンツ位置を指定 */
  display: inline-block;
  content: 'Vintage Catalog'; /* 表示したいテキストを指定 */
  font-size: 2em;
  background: rgba(0, 0, 0, 0);
  margin-left: -250px;
}
.border-left-title {
  border-left: solid 10px #a3a3a3;
  font-size: 1.5em;
  padding-left: 5px;
}
.tokyo-lead {
  background-color: rgba(255, 255, 255, 1.00);
}
.head-inq {
  border: none;
  color: #fff;
  padding: 0px;
  font-size: 0.9em;
  line-height: 0.95em;
}
/*タブ切り替え*/
/* ▼タブ機能の掲載領域の装飾(※必須ではありません) */
.tabbox {
  margin: 0px;
  padding: 1em;
  background-color: #FFFFFF;
} /*#f8f8ff

   /* ▼タブ機能を制御するラジオボタン(非表示にする) */
.tabbox input {
  display: none;
}
/* ▼タブ(共通装飾＋非選択状態の装飾) */
.tab {
  display: inline-block;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: black;
  border-radius: 0.3em 0.3em 0px 0px;
  padding: 0.75em 1em;
  color: black;
  background-color: #e0e0e0;
  font-weight: bold;
}
/* ▼タブにマウスポインタが載った際の装飾 */
.tab:hover {
  background-color: #ccffcc;
  color: green;
  cursor: pointer;
}
/* ▼チェックが入っているラジオボタンの隣にあるタブの装飾(＝選択状態のタブ) */
input:checked + .tab {
  color: green;
  background-color: #ffffff;
  position: relative;
  z-index: 10;
}
/* ▼タブの中身(共通装飾＋非選択状態の装飾) */
.tabcontent {
  display: none;
  border: 1px solid black; /**/
  margin-top: -1px;
  padding: 1em;
  position: relative;
  z-index: 0;
  background-color: #ffffff;
}
/* ▼チェックが入っているラジオボタンに対応するタブの中身を表示する */
#tabcheck1:checked ~ #tabcontent1 {
  display: block;
}
#tabcheck2:checked ~ #tabcontent2 {
  display: block;
}
#tabcheck3:checked ~ #tabcontent3 {
  display: block;
}
#tabcheck4:checked ~ #tabcontent4 {
  display: block;
}
#tabcheck5:checked ~ #tabcontent5 {
  display: block;
}
#tabcheck6:checked ~ #tabcontent6 {
  display: block;
}
#tabcheck7:checked ~ #tabcontent7 {
  display: block;
}
.tb-iron {
  border: none;
  margin-bottom: 30px;
}
.active-color {
  color: blue !important;
}
/* 東京営業所パララックス効果用のスタイル */
.parallax001 {
  background-image: url('../images/tokyo_office01.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax002 {
  background-image: url('../images/tokyo_office02.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax003 {
  background-image: url('../images/tokyo_office03.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax005 {
  background-image: url('../../tech/images/oosaka_kitahama.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax006 {
  background-image: url('../../tech/images/oosaka_receptionroom.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax007 {
  background-image: url('../../tech/images/oosaka_img.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax008 {
  background-image: url('../../tech/images/mishima_hoffice001.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax009 {
  background-image: url('../../tech/images/mishima_hoffice002.jpg'); /* パララックス用の背景画像 */
  height: 100vh;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.section_t {
  padding: 100px 0;
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.section_t p {
  font-size: 1.2em;
}
.office-bg {
  background-color: rgba(255, 255, 255, 0.5);
}
.salesbase {
  color: #333333;
}
.salesbase h2 {
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  margin-bottom: 60px;
  letter-spacing: -0.5px;
}
/*品番検索ページ*/
#results {
  max-height: 300px;
  overflow-y: auto;
  position: relative;
}
/*品番検索ボタン一般ページ用*/
.search-button {
  display: inline-block; /* インライン要素をブロック要素に変更 */
  padding: 5px 30px 5px 30px; /* 内側の余白 */
  background-color: #f5a623; /* ボタンの背景色 */
  color: #000263; /* テキストの色 */
  text-decoration: none; /* 下線を削除 */
  border-radius: 20px; /* ボタンの角を丸くする */
  border: solid 1px #666666;
  box-shadow: inset 2px 2px 5px rgba(255, 255, 255, 0.7), inset -2px -2px 5px rgba(0, 0, 0, 0.3);
  font-size: 1.1em; /* フォントサイズ */
  text-align: center; /* テキストを中央揃え */
  transition: background-color 0.3s ease; /* ホバー時のアニメーション */
}
.search-button:hover {
  background-color: #6A92BA; /* ホバー時の背景色 */
  color: #ffffff !important;
  text-decoration: none !important; /* 下線を削除 */
  border: solid 1px #ffffff;
  box-shadow: inset We -2px -2px 5px rgba(255, 255, 255, 0.7), inset 2px 2px 5px rgba(0, 0, 0, 0.3);
}
.search-button a:hover {
  text-decoration: none;
  color: #ffffff !important;
}
/* 営業拠点電話揃え*/
.contact-info {
  display: flex;
  flex-direction: column;
  align-items: center; /*左寄せ→中央寄せ*/
  justify-content: center; /*横方向中央配置*/
  width: 100%;
  /*align-items: flex-start;*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.contact-item {
  display: flex;
  gap: 10px;
}
.label {
  min-width: 80px; /* 必要に応じて調整 */
  text-align: left;
  justify-content: center;
}
.value {
  white-space: nowrap;
}
.sale_btn a:hover {
  text-decoration: none;
}


img.pn-search {
  transition: transform 0.3s ease-in-out; /* 拡大アニメーションを追加 */
}


img.pn-search:hover {
  transform: scale(1.5); /* マウスオーバー時に1.2倍に拡大 */
}
/* スマホでは hover 無効 */
@media (max-width: 768px) {
  img.pn-search:hover {
    transform: none !important;
  }
}


.map-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9のアスペクト比 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.map-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/*品番検索手順インデックス番号*/
.text-bango {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  padding-left: 20px; /* 縦棒との余白 */
  display: inline-block;
}
.text-bango::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px; /* 縦棒の太さ */
  height: 110%;
  background-color: #1D0595; /* 縦棒の色 */
}
.text-bango::after {
  content: "";
  position: absolute;
  bottom: -5px; /* テキストとの間隔 */
  left: 0;
  width: 500%;
  height: 4px; /* アンダーラインの太さ */
  background: linear-gradient(to right, #1D0595, #FFFFFF); /* グラデーション */
}