.korange {
  color: #eb6d00;
}

.kwonder{
  color: #232650!important;
}

.movie_div{
  width: 90%; 
  margin: 0 auto;
}

html {
  letter-spacing: 1px;
}

#Bodywall {
  margin-top: 0 !important;
}

.second_nav {
  margin-top: -10px;
  padding-top: 10px;
  z-index: 2;
}

#second_menu2 {
  z-index: 10;
}

/* 色設定や余白の設定 */

.machine-spec td {
  border: solid #eee 2px !important;
}

.color02 {
  background-color: #f2ddc8 !important;
  color: black !important;
  font-weight: bold;
}

.color05, table.ib_spec_table.color05 td {
  background-color: #6c6059 !important;
  color: white !important;
}

.color03, table.ib_spec_table td {
  background-color: #fffef9;
}

.color06 {
  background-color: #69727d;
  color: #ffffff;
}

.color07 {
  background-color: #9aafb6;
  color: #ffffff;
}

.color08 {
  background-color: #f5f5f5 !important;
}

.color09 {
  background-color: #fff;
}

#main {
  background-color: #f6f5f8;
}

#contents {
  padding: 0 3%;
  max-width: 1500px !important;
}

#contents a {
  color: #0645ad !important;
}

#pankudu {
  padding: 0 3%;
  text-align: left;
}

#pankudu a {
  color: #333 !important;
}

/* トップのバナー */
#top-head {
  height: 300px;
  width: 100%;
  background-image: url(../../introductory/img/bg_cutting.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: -1.8em 0 0 0;
}

#top-head h1 {
  color: #fff;
  font-weight: normal;
  font-size: 2.5rem;
  line-height: 1.5;
  width: 95%;
  max-width: 1200px;
  text-align: left;
  text-shadow: 1px 2px 2px rgb(52 85 43 / 80%);
  padding: 3.2em 0 0 1em;
}

/* バナーとサブメニュー */
.top-manymenu {
  height: 300px !important;
}
.top-manymenu h1 {
  padding-top: 3.5em !important;
}

.imgH {
  width: 50%;
  margin: 0px 50px 10px 10px;
  float: left;
}

/* ソリューショントップ */
.main-top {
  margin-bottom: 50px;
  margin-right: 10px;
  /* text-align: center; */
}

/* 大きい製品写真 */
.top_img {
  margin: 0 auto;
  display: block;
}

/* 製品ごとのページのタイトル */
.main-top-product {
  text-align: left;
  margin-bottom: 100px;
  padding-left: 10px;
}

/* トップの製品名 */
.solution-name {
  line-height: 1.3;
  font-size: 5rem;
  margin: 0 auto 15px auto;
  text-align: center;
}

.wonder-name {
  line-height: 1.3;
  font-size: 5rem;
  margin: 0 0 15px 0;
}

.wonder-name span {
  font-size: 1.5rem;
  font-weight: lighter;
}

.kongs-name {
  margin-bottom: 100px;
}

/* 製品ページの製品名 */
.product-name {
  font-size: 5rem;
  margin-bottom: 40px;
  margin-top: 30px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.product-name span {
  font-size: 2rem;
  margin-bottom: 40px;
  margin-top: 30px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-weight: lighter;
}

/* トップの製品名下 */
.mini-name {
  font-weight: lighter;
  border-style: none;
  margin-bottom: 50px;
}

/* 下線を消す */
.border-none {
  border-style: none;
}

h2 {
  border-bottom: solid 1px lightgrey;
  padding-bottom: 20px;
  margin-top: 50px !important;
  margin-bottom: 30px;
  margin-left: 11px !important;
  font-size: 2.5rem;
  max-width: 93%;
  line-height: 1.2;
}

.title_border {
  border-bottom: solid 1px lightgrey !important;
  margin-bottom: 20px;
}

h3 {
  border-bottom: solid 1px lightgrey;
  padding-bottom: 10px;
  margin-top: 18px !important;
  margin-bottom: -5px;
  font-size: 1.5rem;
  line-height: 1.5;
  margin-left: 0;
  margin-right: 0;
}

.line_height {
  line-height: 1.5;
}

h4 {
  font-size: 1.3rem;
}

h5 {
  margin-top: 20px;
  margin-bottom: 0;
  font-size: 1.1rem;
}

.top_img {
  margin-top: 65px;
}

.top_img_wonder {
  margin-top: 47px;
  margin-bottom: 50px;
}

.top_img_c {
  margin-top: 20px;
}

.center {
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.align {
  text-align: left;
}

.product_describe {
  line-height: 1.5;
}

.red {
  color: red;
}

.light {
  font-weight: lighter;
  font-size: 80%;
}

.h3_height {
  line-height: 1.5;
}

a h3 {
  color: black;
}

p {
  font-weight: 300;
  line-height: 35px;
  font-size: 1.1rem;
}

.standard_p {
  margin-left: 41px;
}

#threeIM img {
  max-width: 180px;
}

.kadomaru {
  border-radius: 15px!important;
}

.single_layout {
  width: 100%;
  margin-top: 20px;
}

.above_table {
  margin-bottom: 20px;
}

/* text-align: center */
.center {
  text-align: center;
}

/* 注意書き */
.caution {
  padding-right: 30px;
  padding-left: 1%;
  margin-bottom: 30px;
}
.pmini {
  margin-top: 30px;
  font-size: 0.8rem;
  line-height: 25px;
}

.upcaution {
  margin-bottom: 10px !important;
}

.noneup {
  margin-top: 5px;
}

/* Apple風カード型レイアウト */
div.hune {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

/* Kongsbergシリーズスペック表 ヘッダーメニュースティッキー */

.series2 {
  background: white;
  float: left;
  width: 45%;
  margin: 0.5% 0.5% 10px 0.5%;
  padding: 2% 2%;
  border-radius: 15px;
}

.series3 {
  background: white;
  float: left;
  width: 28%;
  margin: 0.5% 0.5% 10px 0.5%;
  padding: 2% 2%;
  border-radius: 15px;
}

.series4 {
  background: white;
  float: left;
  width: 20%;
  margin: 0.5% 0.5% 80px 0.5%;
  padding: 2% 2%;
  border-radius: 15px;
}

.series4_5 {
  background: white;
  float: left;
  width: 20%;
  margin: 0.5% 0.5% 80px 0.5%;
  padding: 2% 2%;
  border-radius: 15px;
}

.series5 {
  background: white;
  float: left;
  width: 15%;
  margin: 0.5% 0.5% 80px 0.5%;
  padding: 1% 2%;
  border-radius: 15px;
}

.series5 .oldmodel {
  font-size: 0.9rem;
  margin-top: 5px;
}

.product_tr0 {
  position: sticky;
  top: 90px;
  width: 15%;
  background-color: #f6f5f8;
  margin-bottom: 0 !important;
  z-index: 1;
}

.product_trm {
  /* position: sticky;
  top: 90px; */
  width: 20%;
  background-color: #f6f5f8;
  margin-bottom: 0 !important;
  z-index: 1;
}

.product_trw {
  /* position: sticky;
  top: 90px; */
  width: 28%;
  background-color: #f6f5f8;
  margin-bottom: 0 !important;
  z-index: 1;
}

.product_trh {
  /* position: sticky;
  top: 90px; */
  width: 45%;
  background-color: #f6f5f8;
  margin-bottom: 0 !important;
  z-index: 1;
}

.product_tr1 {
  background: linear-gradient(359deg, #f0f0f0, white);
  margin-bottom: 0 !important;
  border-radius: 15px 15px 0 0;
}

.product_tr1_sp {
  background-color: black !important;
  margin-bottom: 0px !important;
  padding: 2% !important;
}

.product_tr1 p {
  color: #eb6d00;
  font-weight: bold;
}

.product_tr1_sp p {
  color: #eb6d00 !important;
  font-weight: bold !important;
  font-size: 1rem !important;
}

.product_tr2 {
  margin-bottom: 10px !important;
  margin-top: 20px !important;
}

.product_tr_bl {
  background: #f0f0f0;
}

.series4_lineup {
  float: left;
  width: 25%;
}

.pcard {
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 15px;
  background-color: white;
  padding: 35px 45px;
  margin: 10px;
  border: solid 1px white;
  align-items: stretch;
  display: inline-block;
  width: 97.5%;
}

/* 3分割用 */
.pcard2 {
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 15px;
  background-color: white;
  padding: 2%;
  margin: 10px;
  border: solid 1px white;
  align-items: stretch;
  display: inline-block;
  width: 100%;
}

.pcard3 {
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 15px;
  background-color: white;
  padding: 3% 4% 4% 4%;
  margin: 10px;
  border: solid 1px white;
  align-items: stretch;
  display: inline-block;
  width: 98%;
}

/* 2分割 */
.pcard4 {
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 15px;
  background-color: white;
  padding: 3%;
  margin: 10px 5px;
  border: solid 1px white;
  align-items: stretch;
  display: inline-block;
  width: 100%;
}

.pcardk {
  padding: 40px 60px;
  position: relative;
}

/* カード要素のCSS */
.pleft {
  display: inline;
}

.pright {
  display: inline;
}

.pleft h4,
.pright2 h4,
.pleft2 h4 {
  margin: 0 0 7px 0;
}

p.pleft > h3,
p.pright > h3 {
  margin: 30px 0 10px 0;
}

.pleft2 {
  width: 47%;
  margin-right: 3%;
  float: left;
}

.pright2 {
  width: 46%;
  float: right;
}

.pleft2_table {
  width: 49%;
  float: left;
}

.pright2_table {
  width: 50%;
  float: right;
}

.pleft3 {
  width: 25%;
  padding-right: 30px;
}

.pright3 {
  width: 70%;
}

.pleft4 {
  width: 35%;
  padding-right: 30px;
}

/* 変えない */
.pright4 {
  width: 60%;
  float: right;
}

.pleft5 {
  width: 49%;
  padding-left: 1%;
}

.pright5 {
  width: 49%;
}

.pleft6 {
  width: 65%;
  float: left;
}

.pright6 {
  width: 30%;
  margin-top: 15px;
  float: right;
}

.pright6_x_head {
  width: 30%;
  margin-left: 60px;
  margin-top: 15px;
  float: right;
}

.pleft7{
  width: 47%;
  padding-right: 3%;
  float: left;
}

.pright7{
  width: 47%;
  margin-top: 15px;
  float: right;
}

.pleft8{
  width: 54%;
  padding-right: 3%;
  float: left;
}

.pright8{
  width: 40%;
  margin-top: 15px;
  float: right;
}


/* カード内画像の端丸設定 */
.pcard img {
  /* border-radius: 28px; */
}

.pcard h3 {
  margin-top: 3px;
  border-bottom: none;
}

/* 1個並びレイアウト用 */
/* .psingle {
  width: 97.3% !important;
} */

/* 2個並びレイアウト用 */
.phalf {
  width: 48%;
}

/* 3個並びレイアウト用 */
.pthird {
  width: 31.5%;
}

/* 4個並びレイアウト用 */
.pquart {
  width: 23%;
}

.pquart2 {
  width: 23%!important;
}
/* 6個並びレイアウト用 */
.psix {
  width: 15%;
}

dt {
  font-size: 18px;
  font-weight: bold;
  margin: 50px 0 10px 0;
}

dt:before {
  content: '\025ce';
}

dd {
  font-size: 14px;
}

#caution {
  margin-left: 30px;
}

#caution > li {
  margin-bottom: 8px;
}

/* lineup */

.lineup .pcard {
  margin: 10px !important;
}

.lineup .pthird {
  text-align: left;
}

.lineup .bokashi {
  position: relative;
  overflow: hidden;
}

.bokashi::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 10px 15px #fff;
}

.bokashi-top {
  position: relative;
  overflow: hidden;
}

.bokashi-top::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 10px 15px #f6f5f8;
}

/* スペック表 */
.machine-spec td {
  text-align: center;
  padding-left: 5px;
  vertical-align: middle;
  padding-right: 4px;
  font-size: 13px;
  height: 30px;
  border: #eee solid 1px;
}

.item2 h3 {
  margin-top: 10px !important;
}

/* 動画 */
.single_video {
  width: 100%;
  margin-top: 20px;
  padding-bottom: 10px;
  padding-left: 13px;
}

/* 段ボールのアイコン */
.ib_icon {
  position: relative;
  left: 35px;
}

.ib_icon::before {
  content: url(../intelligent_box/img/ib_icon.webp);
  display: inline-block;
  transform: scale(0.6);
  position: absolute;
  top: -8px;
  left: -45px;
}

.link_button {
  background: #f58320;
  padding: 10px 20px;
  width: 90%;
  text-align: center;
  /* margin-left: auto; */
  /* position: absolute; */
  /* right: 60px;
  bottom: 40px; */
}

.link_button p {
  color: black !important;
  font-weight: bold;
  margin: 0 auto;
  font-size: 0.9rem !important;
}

/* Intelligent_box TOPモデル該当アイコン */
.ib_model_icon{
  max-width: 300px;
  }


/* IB各モデルページ　IB全シリーズ共通機能 */
#allfunction{
width: 97.5%;
}
.ib_func{
  display: flex;
  flex-wrap: wrap;
  padding: 35px 45px;
  background-color: white;
  border-radius: 15px;
  gap: 10px;
}
.ib_func_card{
  width: calc(100% / 6 - 10px);
  height: auto;
  text-align: center;
}
.ib_func_card p{
  font-size: 0.8rem;
  line-height: 1.3;
}
.ib_func_link{
  text-align: center;
  margin: 0 auto;
  padding: 10px 0px;
}

/* IBタイトル上 パディング */
#top-head .ib_title{
  padding-top: 4em;
}
#top-head .ib-top-h1{
    padding: 3.2em 0 0 1em !important;
}

/* IBオプションor標準搭載ラベル */
.option_label{
  font-size: 0.8rem;
  background-color: orange;
  padding: 0 10px;
  width: 80px;
  text-align: center;
}

/* IB3000HD専用 */
.flow {
  display: block;
  margin: 0 auto;
}

.ib3000hd_spec tr td:nth-last-of-type(1) {
  background-color: #e1d4c8 !important;
}

.ib3000pro_spec tr td:nth-last-of-type(2) {
  background-color: #e1d4c8 !important;
}

.ib2800ultra_spec tr td:nth-last-of-type(3) {
  background-color: #e1d4c8 !important;
}

.ib2800max_spec tr td:nth-last-of-type(4) {
  background-color: #e1d4c8 !important;
}

.ib2500pro_spec tr td:nth-last-of-type(1) {
  background-color: #e1d4c8 !important;
}

.ib1800_spec tr td:nth-last-of-type(3) {
  background-color: #e1d4c8 !important;
}

.ib2500_spec tr td:nth-last-of-type(2) {
  background-color: #e1d4c8 !important;
}

.ib2800ultra_spec_sp tr td:nth-last-of-type(1) {
  background-color: #e1d4c8 !important;
}

.ib2800max_spec_sp tr td:nth-last-of-type(2) {
  background-color: #e1d4c8 !important;
}

.ib2500pro_spec_sp tr td:nth-last-of-type(1) {
  background-color: #e1d4c8 !important;
}

.ib1800_spec_sp tr td:nth-last-of-type(1) {
  background-color: #e1d4c8 !important;
}

.ib2500_spec_sp tr td:nth-last-of-type(2) {
  background-color: #e1d4c8 !important;
}

.kome{
  font-weight: 600;
  color: orange;
}

.lite_movie {
  padding-bottom: 25.83% !important;
}

.movie-wrap {
  margin-bottom: 100px !important;
  z-index: 0;
}

.movie-wrap::after {
  display: none !important;
}

.bigp {
  font-size: 1.4rem !important;
  line-height: 35px;
}

.multip {
  font-size: 1.2rem !important;
  line-height: 35px;
}

/* トップページ用 */

#jp_kongsberg{
  margin: 20px auto!important;
  font-size: 2rem;
}

.top_lineup {
  display: flex;
  flex-wrap: wrap;
}

/* .top_lineup img {
  max-width: 20%;
  min-width: 20%;
  height: auto;
  flex: 1 1 auto;
} */

.top_lineup a {
  max-width: 20%;
  min-width: 20%;
  height: auto;
  min-height: 118px;
  flex: 1 1 auto;
}

.top_lineup img {
  width: 100%;
}

.pconly_top.top_img {
  margin-bottom: 0px !important;
}

.first_model h3 {
  font-size: 1.1rem;
}

/* KongsbergCのツール構成部分 */
.product_hudaree {
  width: 48%;
  margin-right: 2%;
  float: left;
  padding: 1%;
}

.strong_margin_100 {
  margin-top: -100px;
}

.allc_img {
  width: 64% !important;
}

.allc_table {
  width: 32%;
}

/* KongsCのトップスライド */
.slideshow {
  width: 100%;
  height: 550px; /* スライドショーの高さを設定 */
  overflow: hidden;
  position: relative;
}

.slideshow img {
  width: 100%;
  height: auto;
  position: absolute;
  animation: slide 10s infinite;
}

@keyframes slide {
  0% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.slideshow img:nth-child(1) {
  animation-delay: 0s;
}

.slideshow img:nth-child(2) {
  animation-delay: 4s;
}

.image:nth-of-type(1) {
  animation-delay: 0s;
}
.image:nth-of-type(2) {
  animation-delay: 4s;
}

/* Xページ用 */

.allx_img {
  width: 64% !important;
  margin-bottom: 35px;
}

.all_space {
  width: 100%;
  margin-top: 30px;
}

/* iPCページ用 */

.ipc_typename {
  padding: 10px !important;
}

/* .ipc_box {
  padding: 3% 4%;
} */

/* Xシリーズヘッドページ用 */

.head_img {
  margin-top: 20px;
  margin-left: 40px;
}

.head_bottom {
  padding-bottom: 0 !important;
}

.head_border {
  max-width: 800px;
}

/* Ultimate */
.kbUltimate .feature_img {
  margin: 0 auto;
  display: block;
}

/* CとXの加工資材用 */

.cutview .pcard2 {
  width: 15%;
}

.cutview img {
  border-radius: 15px 15px 0 0;
}

.cutview p {
  border-radius: 0 0 15px 15px;
}

.cutview_left {
  margin-left: 0;
}

.half_top {
  margin-top: 30px !important;
}

.xe_tool .pcard4 {
  padding: 1%;
}

/* Cユニットページ用 */
.c_unit_img {
  margin-bottom: 20px;
}

.c_unit_gap {
  gap: 20px;
}

.foam_cutting_unit p {
  margin: -8px 0 0 0 !important;
}

.top_kado {
  border-radius: 15px 15px 0 0;
}

.under_kado {
  border-radius: 0 0 15px 15px;
}
.kongs_leftimg {
  margin-top: 25px;
  /* margin-bottom: 70px; */
}
.bold {
  font-weight: bold;
}

.bottom_zero{
  margin-bottom: 0!important;
}

.scene img{
  padding-left: 10px;
  width: 32%;
}

.heater  .pright7{
  display: flex;
  align-items: center;
}

.black {
  background: black;
  padding: 0 2px;
  color: white;
}

.sign_solution {
  width: 70%;
}

.youtube {
  margin: 25px auto 0 auto; 
  max-width: 90%;
  display: block;
}

/* IBスペック表 項目名のオンオフ */
td.ib_spec_th {
	font-size: 0.8rem !important;
	position:sticky;
	top: 92px;
	z-index:1;
}

table.ib_spec_table.sp-koumoku, h5.sp-koumoku {
	display: none;
}

table.ib_spec_table td {
	height: 50px;
}

table.ib_spec_table td img {
	margin-top: 8px;
	margin-bottom: 8px;
	height: 100px;
}

.h_pc75 { height:75px !important; }
.h_pc150 { height:125px !important; }
.h_pc300 { height:300px !important; }

.w_pc32 { width:36%; }
.w_pc25 { width:25%; }
.w_pc16 { width:18%; }
.w_pc15 { width:15%; }
.w_pc8 { width:8%; }
.w_pc7 { width:7%; }

table.ib_spec_table.machine-spec.w_sp64.w_pc32 td{
	border-left: 0 !important;
}

/* MBM関連のCSS */

.mbm_top {
  width: 80%;
}

.handfork {
  width: 50%;
}


.handfork_spec td {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
}




/* ここからArtios */
.top_img_artios {
  display: block;
  /* max-width: 600px; */
  width: 100%;
  height: auto;
  margin: 58px auto 0 auto;
}


.artios_a {
  margin-bottom: 25px!important;
}

.artios_button {
  color: #0645ad;
  text-decoration: underline!important;
  text-align: left;
  margin-bottom: 0;
}

.link {
  color: #0645ad;
  font-size: .9rem;
  text-decoration: underline;
}

.div_third {
  width: 32.5%;
}

.div_second{
  width: 49%;
}

.div_third p,.div_second p {
  font-size: .8rem;
  margin:0 auto;
}

.flex_huda {
  display: flex;
}

.icon_flex {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: end;
}

.icon_flex a {
  margin-right: 20px;
}

.picsys_icon {
  width: 120px;
  height: auto;
}


.ipc_icon {
  width: 60px;
  height: auto;
  margin-right: 10px;
}

.artios_back {
  background-image: url(../artios/webp/back3.webp);
  background-size: 35%;
  background-position: right 40px center;
  background-repeat: no-repeat;
}

.artios_table td {
  font-size: 1.1rem;
  border: #eee solid 1px!important;
}

.artios_table tr td:first-child{
  padding-left: 20px;
}

.step{
  margin-top: 0!important;
  margin-bottom: 10px!important;
  color: #0646ada8;
  border-bottom: none;
  text-align: center;
}

.sol_name {
  font-size: 1.3rem;
}

.mini_h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.machine-spec .artiospec {
  /* border: 2px solid black!important; */
  padding-top: 5px;
  padding-bottom: 5px;
}

.machine-spec tr .no_border {
  border-bottom: none!important;
  z-index: 0;
}

/* flexの縦方向を中心に */
.align {
  align-items: center;
}

/* barbieriの素材 */
.cutview2 .pcard2 {
  width: 15%;
}

.cutview2 img {
  border-radius: 10px;
}

.barbieri_ind{
  padding: 0!important;
}

.bar_material{
  margin-top: 50px!important;
}

.barbieri_option_name{
  margin-bottom: 3px!important;
}

.barbieri_option_ed {
  margin-top: 3px!important;
}

.video-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
}
.video-content {
  position: relative;
  width: 100%;
  max-width: 800px;
  background: none;
   /* 16:9 aspect ratio */
  height: 0;
  margin-bottom: 35%;
}
.video-content lite-youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.barbieri_movie:hover,.pop_movie:hover {
  opacity: .8;
  transition: 0.3s;
  cursor: pointer;
}

.close-btn {
  opacity: 0;
}

.barbieri_table td {
  font-size: 16px;
}

.image-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}
.image-content {
  position: relative;
  max-width: 90%;
  max-height: 90%;
  z-index: 10000;
}
.image-content img.inside_case {
  max-width: 90%;
  max-height: 100%;
  border-radius: 8px;
}

.case:hover {
  opacity: .8;
  transition: 0.3s;
  cursor: pointer;
}

.ava_link {
  display: inline-block;
}

.ava_button {
  width: fit-content;
  padding: 8px 25px;
  background-color: #002f7b;
  color: white;
  border-radius: 15px;
  font-weight: bold;
  display: inline-block;
}

.ava_industry_card{
  padding: 3% 3% 1% 3%!important;
}

.ava_industry_imgs {
  margin-top: 30px!important;
}

.b_m {
  margin-bottom: 25px;
}

.ava_suite_top{
  line-height: 1;
  margin-bottom: 0;
}

.main-top .ava_suite_bottom {
  margin-top: 10px!important;
}

.ava_industry{
  font-size: 1.8rem;
}

.nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 32px;
  color: #fff;
  background: rgba(0,0,0,0.3);
  border: none;
  cursor: pointer;
  padding: 10px;
  z-index: 10001;
  user-select: none;
}

.prev-btn {
  left: -18px;
}

.ava_strength_margin{
  margin-top: 25px!important;
  margin-bottom: 0;
}

/* enimacのcss */
.enimac_name {
  margin-bottom: 0!important;
}

/* CapePackのcss */
.top_one::before {
  content: "1. ";
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;         /* 番号の幅 */
  text-align: right; 
}

.top_two::before {
  content: "2. ";
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;         /* 番号の幅 */
  text-align: right; 
}

.top_three::before {
  content: "3. ";
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;         /* 番号の幅 */
  text-align: right; 
}

.top_four::before {
  content: "4. ";
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;         /* 番号の幅 */
  text-align: right; 
}

.top_one,.top_three,.top_two,.top_four {
  position: relative;
  padding-left: 2.5em;
}

.two_image img{
  width: 48%;
}

.two_image {
  justify-content: space-between;
}

.top_img_cape {
  display: block;
  /* max-width: 600px; */
  width: 100%;
  height: auto;
  margin: 12px auto 0 auto;
}

.img_border{
  border:1px solid black;
}

.artios_icon {
  width: 60px;
  height: auto;
}

@media screen and (min-width:769px) {
  .sp_only_768 {
    display: none;
  }
}

@media (max-width: 1514px) {
  .wideness {
    display: none;
  }
  /* .pthird {
    width: 48%;
  } */

  .slideshow {
    height: 500px;
  }
  .kongs_leftimg {
    margin-top: 55px;
  }
}

@media screen and (max-width:1320px){
  .artios_back {
  background-size: 30%;
}
}

@media (max-width: 1270px) {

	table.ib_spec_table td img {
		max-width: 100%;
	}

    .artios_back {
  background-size: 25%;
}
}

@media (min-width:1169px) {
  .spectro_name {
  margin-bottom: 50px!important;
}

 .ava_industry_name {
  margin-bottom: 0!important;
  padding-bottom: 0!important;
  font-size: 1.1rem;
} 

.ava_industry_card {
  padding: 2%!important;
}

}

@media (max-width: 1168px) {

      .artios_back {
  background-image: none!important;
}

.lite_movie {
  padding-bottom: 60% !important;
}

	/* IBスペック表 項目名のオンオフ */
	table.ib_spec_table.sp-koumoku, table.sp_table_mg  {
		display: table;
		margin-top: 10px;
	}
	.ib_spec_table.pc_only{
		display: none;
	}
	h5.sp-koumoku {
		display: inline-block;
		margin-bottom:0;
	}
  

	.h_sp150{ height: 125px !important; }

	.w_sp64 { width:64%; }
	.w_sp32 { width:32%; }
	.w_sp31 { width:35%; }
	.w_sp21 { width:21%; }
	.w_sp11 { width:13%; }
	.w_sp10 { width:8%; }

  .youtube {
    max-width: 100%!important;
  }

  .kongs_leftimg {
    margin-top: 25px;
    margin-bottom: 40px;
  }
  /* 4つ並び */
  .series4 {
    width: 100%;
    margin: 0.5% 0.5% 80px 0.5%;
    padding: 5%;
  }

  .slideshow {
    height: 450px;
  }

  .product_hudaree {
    width: 100%;
  }

  div h3 {
    padding-bottom: 5px !important;
  }

  .tool_unit {
    margin-bottom: 20px;
  }

  /* Ultimate */
  .kbUltimate .feature_img {
    margin: 30px auto 10px auto;
    display: block;
    max-width: 100%;
  }

  .feature_img img {
    margin: 0 auto;
    display: block;
  }

  .kbUltimate dd {
    margin: 30px auto 10px auto;
    display: block;
  }

  .kbUltimate dd img {
    margin: 0 auto;
    display: block;
  }

  .kbUltimate dt {
    text-align: center;
    margin-top: 40px;
  }

  .ultimate_img_under {
    margin-bottom: 30px;
  }

  /* 文字関係 */
  h2 {
    font-size: 2.5rem !important;
    margin: 0 0 10px 0;
    padding-bottom: 10px;
    line-height: 1.5;
  }

  h3 {
    line-height: 1.8;
  }

  h4 {
    font-size: .9rem;
  }

  p {
    font-size: 18px;
    line-height: 1.5;
  }

  .standard_p {
    margin-left: 10px;
  }

  /* スペースを削除 */
  .block {
    display: none;
  }

  #contents h3 {
    font-size: 1.5rem !important;
  }

  .h3_height {
    line-height: 1.8;
  }
  #contents h4 {
    margin-bottom: 10px;
  }

  /* ヘッダーバナー */
  #top-head h1 {
    font-size: 1.9rem;
    padding-top: 80px;
  }
  .ib-top-h1{
  font-size: 1.3rem !important;
}

  #top-head .one_sub {
    font-size: 2rem;
    padding-top: 90px;
  }

  #top-head {
    height: 215px;
  }

  .imgH {
    width: 100%;
    margin: 10px auto 50px;
  }

  /* Flex解除時にコンテンツの横幅をいっぱいにする */
  .pleft,
  .pright,
  .pleft2,
  .pright2,
  .pleft3,
  .pright3,
  .pleft4,
  .pright4,
  .pleft5,
  .pright5,
  .pleft6,
  .pright6,
  .pleft7,
  .pright7,
  .pleft8,
  .pright8 {
    width: 100%;
  }

  .pleft5 {
    padding-left: 0;
  }

  .pleft4 {
    padding-right: 0;
  }

  .pright6 {
    margin: 0;
  }

  .pright6_x_head {
    width: 100%;
    margin: 0;
  }

  .pleft2_table {
    width: 100%;
  }

  .pright2_table {
    width: 100%;
  }

  /* 注意書きの調整 */
  #caution {
    font-size: 11px;
    margin-left: 10px;
  }
  .caution {
    padding-right: 5%;
  }
  .pmini {
    font-size: 1rem !important;
    margin-top: 10px;
    margin-bottom: 30px;
  }

  /* 以下追加CSS */

  /* メインのIntelligentBoxタイトル */
  .main-top-product {
    margin-bottom: 50px;
  }

  .product-name {
    font-size: 3.2rem;
    margin-bottom: 20px;
  }

  .product-name span {
    font-size: 1.5rem;
  }

  .mini-name {
    margin-bottom: 10px;
  }

  .main-top {
    margin-bottom: 30px;
  }

  .product_describe {
    line-height: 1.5;
  }

  
/* Intelligent_box h1 タイトル上パディング */
.ib_title{
  padding-top: 130px !important;
}
#top-head .ib-top-h1{
    padding-top: 130px !important;
}

  /* カードのCSS */
  .pcard {
    margin: 10px;
    display: inline-block;
    width: 95%;
  }

  .pcard2 {
    margin: 10px;
    display: inline-block;
    width: 95%;
    padding: 30px 25px 25px;
  }

  .pcard3 {
    margin: 10px;
    display: inline-block;
    width: 95%;
    padding: 30px 25px 25px;
  }

  .pconly {
    display: none;
  }

  div.pcard {
    padding: 35px 50px 50px;
  }

  /* flexの順番を変更 */
  .reverse {
    display: flex;
    flex-direction: column-reverse;
  }

  /* 1個並びレイアウト用 */
  .psingle {
    margin-bottom: 20px;
  }

  /* 2個並びレイアウト用 */
  .phalf {
    width: 95%;
  }

  .pquart2 {
  width: 20%!important;
}

  .pcard4 {
    width: 46%;
  }

  .multicam_box .pcard2 {
    width: 46%;
  }

  .lineup_product {
    width: 97%;
  }

  .ib_func{
    padding: 35px 50px 50px;
  }

  .ib_func_card{
    width: calc(100% / 3 - 10px);
  }

  /* スペック表 */

  table {
    margin: 30px auto;
  }

  .machine-spec td {
    font-size: 0.65rem;
    overflow-wrap: break-word;
  }

  /* アイコン */
  .ib_icon::before {
    top: -5px;
  }

  .cutview .pcard2 {
    width: 30%;
  }

  .cutview .pcard2 p {
    font-size: 0.9rem;
  }

   .cutview2 .pcard2 {
    width: 30%;
  }

  .cutview2 .pcard2 p {
    font-size: 0.9rem;
  }

  .strong_margin_100 {
    margin-top: 30px;
  }

  .strong_margin_100 img {
    width: 100%;
  }

  .feature_sp_bottom {
    margin-bottom: 20px;
  }

  .above_button {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .above_img {
    margin-bottom: 25px;
  }

  .link_button {
    width: 75%;
    padding: 15px 20px;
    margin: 0 auto;
  }

  .link_button p {
    font-size: 1rem !important;
  }

  .x_spec {
    margin: 0 0 30px 0;
  }

  .x_tool_right {
    float: right;
  }

  .foam_cutting_unit {
    margin-bottom: 50px;
  }

  .heater .pright7{
    margin-top: 25px;;
  }

  .sign_solution {
  width: 100%;
}

  .under_mini_name {
    margin-bottom: 40px;
  }

  /* Artios関連 */

#contents .icon_flex h4 {
  margin-bottom: 30px!important;
}

.under_link {
  margin-top: 30px;
}

.artios_table td {
  font-size: 0.9rem;
}

.barbieri_table td {
  font-size: 16px;
}

.ava_industry_card{
  width: 42.5%;
}
}

@media (max-width: 1053px){
  .hs170none {
    display: none;
  }

  .second_menu span:hover {
    color: #315691!important;
  }


}

@media (max-width: 1000px) {
	div.caution ul li {
		font-size: 0.8rem !important;
		padding-bottom: 10px;
		line-height: 1.5;
	}

	div.caution p.pmini  {
		font-size: 0.8rem !important;
		padding-bottom: 15px;
	}

  .slideshow {
    height: 350px;
  }
  .sp_center {
    text-align: center;
  }
}

@media (max-width: 900px) {



  .support {
    width: 100%!important;
  }

  .div_third{
    width: 45%;
  }

  .flex_huda {
  display: flex;
  flex-wrap: wrap;
}

  .wonder-spec td {
    font-size: 0.5rem!important;
  }

  .option-table{
    margin-top: 20px;
    margin-bottom: 25px;
  }

  .series5 .oldmodel {
    font-size: 0.5rem;
    margin-top: 8px;
  }
  .br-pc {
    display: none;
  }

  .product_tr0 {
    position: static;
    width: 100%;
  }

  .pconly_spec {
    display: none;
  }

  .korder10 {
    order: 40;
  }
  .korder11 {
    order: 41;
  }
  .korder12 {
    order: 42;
  }
  .korder13 {
    order: 43;
  }
  .korder14 {
    order: 44;
  }
  .korder15 {
    order: 45;
  }
  .korder16 {
    order: 46;
  }
  .korder17 {
    order: 47;
  }
  .korder18 {
    order: 48;
  }
  .korder19 {
    order: 49;
  }
  .korder20 {
    order: 30;
  }
  .korder21 {
    order: 31;
  }
  .korder22 {
    order: 32;
  }
  .korder23 {
    order: 33;
  }
  .korder24 {
    order: 34;
  }
  .korder25 {
    order: 35;
  }
  .korder26 {
    order: 36;
  }
  .korder27 {
    order: 37;
  }
  .korder28 {
    order: 38;
  }
  .korder29 {
    order: 39;
  }
  .korder30 {
    order: 20;
  }
  .korder31 {
    order: 21;
  }
  .korder32 {
    order: 22;
  }
  .korder33 {
    order: 23;
  }
  .korder34 {
    order: 24;
  }
  .korder35 {
    order: 25;
  }
  .korder36 {
    order: 26;
  }
  .korder37 {
    order: 27;
  }
  .korder38 {
    order: 28;
  }
  .korder39 {
    order: 29;
  }
  .korder40 {
    order: 10;
  }
  .korder41 {
    order: 11;
  }
  .korder42 {
    order: 12;
  }
  .korder43 {
    order: 13;
  }
  .korder44 {
    order: 14;
  }
  .korder45 {
    order: 15;
  }
  .korder46 {
    order: 16;
  }
  .korder47 {
    order: 17;
  }
  .korder48 {
    order: 18;
  }
  .korder49 {
    order: 19;
  }
  .korder50 {
    order: 50;
  }
  .korder51 {
    order: 51;
  }
  .korder52 {
    order: 52;
  }
  .korder53 {
    order: 53;
  }
  .korder54 {
    order: 54;
  }
  .korder55 {
    order: 55;
  }
  .korder56 {
    order: 56;
  }
  .korder57 {
    order: 57;
  }
  .korder58 {
    order: 58;
  }
  .korder59 {
    order: 59;
  }
  .korder60 {
    order: 60;
  }
  .korder61 {
    order: 61;
  }
  .korder62 {
    order: 62;
  }
  .korder63 {
    order: 63;
  }
  .korder64 {
    order: 64;
  }
  .korder66 {
    order: 66;
  }
  .korder66 {
    order: 66;
  }
  .korder67 {
    order: 67;
  }
  .korder68 {
    order: 68;
  }
  .korder69 {
    order: 69;
  }

  .korder63,
  .korder64 {
    display: none;
  }
  .pconly {
    display: none;
  }

  .series4_5,
  .series2,
  .series3,
  .series5 {
    padding: 5%;
  }

  .series2,
  .series3,
  .series4_5,
  .series5 {
    width: 100%;
  }

  .slideshow {
    height: 300px;
  }

  div.pcard {
    padding: 28px 32px;
  }

  .ib_func{
    padding: 15px 24px 24px;
  }

  .solution-name {
    font-size: 2.5rem;
    margin-bottom: 0px;
    margin-top: 50px;
  }

  .product-name {
    font-size: 2.5rem;
    margin-bottom: 15px;
  }

  .product-name span {
    font-size: 1rem;
  }

  .product_describe {
    line-height: 1.2;
  }

  .pmini {
    font-size: 0.6rem !important;
    margin-bottom: 10px;
    margin-top: 0;
  }

  h2 {
    font-size: 1.7rem !important;
  }

  p {
    font-size: 16px;
    line-height: 2;
  }

  #contents h3 {
    font-size: 1.1rem !important;
    padding-bottom: 0;
    margin-top: 12px !important;
  }

  h3 {
    line-height: 1.2;
  }

  .h3_height {
    line-height: 1.5;
  }
  .ib_icon::before {
    top: -11px;
  }

  .lite_movie {
    padding-bottom: 60% !important;
  }

  .material_cut li {
    font-size: 0.7rem;
  }

  .movie-wrap {
    margin-bottom: 0 !important;
  }

  .spec_br {
    display: none;
  }

  .cutview p {
    font-size: 0.8rem!important;
  }

    .cutview2 p {
    font-size: 0.8rem!important;
  }

  .wonder-ttl {
    margin-top: 20px;
    font-size: 2rem;
  }

  .top_img_wonder {
    margin-bottom: 0;
  }

  .sol_name {
  font-size: 1rem;
}

#contents .step {
  margin-top: 0px!important;
  font-size: 1.4rem!important;
}

.ava_suite_top{
  font-size: 4rem;
}

#contents .ava_strength_margin{
  margin-top: 25px!important;
  margin-bottom: 0;
}
}

@media (max-width: 811px) {
  /* spでは非表示 */
  .pconly_top {
    display: none;
  }

  .cutview .pcard2 {
    width: 44%;
    padding: 2%;
  }

  .cutview .pcard2 p {
    font-size: 0.5rem !important;
  }

    .cutview2 .pcard2 {
    width: 41%;
    padding: 2%;
  }

  .barbieri_ind {
    font-size: 1.0rem!important;
  }

  .scene img {
    width: 100%;
    margin-bottom: 15px;
    padding-left: 0;
  }

  /* .top_lineup img {
    min-width: 50%;
    max-width: 50%;
  } */

  .top_lineup a {
    min-width: 50%;
    max-width: 50%;
    display: grid;
  }

  .wonder_line {
    padding: 20px 30px;
  }
}

      @media (max-width: 768px) {

        .pc_only_768 {
          display: none;
        }

		.h_pc75 { height:113px !important; }
		.h_pc150 { height:188px !important; }
		.h_pc300 { height:450px !important; }
		.h_sp150{ height: 188px !important; }
		table.ib_spec_table td {
			height: 75px
		}

    #top-head h1{
      padding-left: 15px;
    }


		div.caution ul li {
			font-size: 0.7rem !important;
			padding-bottom: 10px;
			line-height: 1.5;
		}
      
		table.ib_spec_table td img {
			height: 70px;
		}
		table.ib_spec_table td.h_pc300.ib1800 img {
			height: 100px;
		}
		.h_pc150{ height: 95px !important; }

        #top-head h1 {
          font-size: 20px!important;
          padding-top: 90px!important;
        }
        #top-head {
          height: 200px !important;
        }

        /* Intelligent_box h1 タイトル上パディング */
        #top-head .ib_title{
        padding-top: 130px !important;
        }
        /* IBトップページ　タイトル上パディング */
         #top-head .ib-top-h1{
          padding-top: 110px !important;

      }

      /* MBM関連CSS */
      .handfork_spec {
        font-size: 13px!important;
      }

  .div_third{
    width: 100%;
  }

  /* Artios関連CSS */

  .picsys_icon {
  width: 80px;
  height: auto;
}

  .artios_icon {
  width: 50px;
  height: auto;
  padding-right: 3%!important;
}

.icon_flex h4{
  font-size: .7rem;
}

.artios_table tr td:first-child{
  padding-left: 5px;
}

.barbieri_table td {
  font-size: 13px;
}

.bar_soft_table td {
  font-size: 10px!important;
}

.ava_industry_imgs {
  margin-top: 15px!important;
}

.b_m {
  margin-bottom: 5px;
}

/* .ava_link {
  margin-bottom: 10px;
} */

#contents .ava_industry_card h3 {
  font-size: .8rem!important;
}

.ava_button {
  font-size: 0.7rem!important;
}

.ava_suite_top{
  font-size: 4rem;
}

.enimac_name {
  font-size: 2rem;
}

.two_image img{
  width: 100%;
  margin-bottom: 20px;
}

    }

@media (max-width: 700px) {
	td.ib_spec_th {
		top: 56px;
	}

  td.h_sp75 { height:75px !important; }
  
  .slideshow {
    height: 250px;
  }

  .top_img {
    margin-top: 58px;
  }

  .top_img_wonder {
    margin-top: 57px;
    margin-bottom: 0;
  }

  .top_img_c {
    margin-top: 35px;
  }

  .wonder_mini_name {
    margin-bottom: 40px;
  }

    .under_mini_name {
    margin-bottom: 40px;
  }

  .ttl {
    margin-top: 20px;
    font-size: 2rem;
  }


  .single_video{
    padding-left: 0;
  }

  .spec-top {
    margin-top: 15px;
  }

  .align strong {
    font-size: 1rem;
  }

  .mbm_top {
    width: 100%;
  }
}

@media (max-width: 680px){
  .top_img_cape {
    margin-top: 33px;
  }
}

@media (max-width: 600px) {
   /* Intelligent_box h1 タイトル上パディング */
        #top-head .ib_title{
        padding-top: 110px !important;
        }

         #top-head .ib-top-h1{
          padding-top: 95px !important;
          font-size: 18px !important;
        }

.ib-top-h1 .ib_top_br{
  display: none;
}

h2 {
  margin-top: 35px!important;
}
}

@media (max-width: 600px) {
  .slideshow {
    height: 200px;
  }

  .spectro_name {
    font-size: 2rem;
  }
}

@media (max-width: 550px) {
  .pcard4 {
    width: 100%;
  }

  .multicam_box .pcard2 {
    width: 100%;
  }

  h2 {
    font-size: 1.3rem !important;
  }
    .ib_func_card{
    width: calc(100% / 2 - 10px);
  }

    .pquart2 {
  width: 41%!important;
}

}

@media (max-width: 480px) {
  #contents h2 {
    font-size: 0.6rem;
  }

  .slideshow {
    height: 150px;
  }

  .head_popup {
    display: inline-block;
    margin-bottom: 120px;
  }

  .head_popup_sp {
    display: none;
  }

  /* mbmのスペック表調整 */
  .mbm_spec {
    line-height: 1.6!important;
  }

  .mbm_spec td {
    padding-top:5px!important;
    padding-bottom: 5px!important;
  }


  /* 上部バナーのフォントを小さくする場合 */
  #top-head .h1_mini{
    font-size: 18px!important;
  }

  .top_img_cape{
    margin-top: 30px!important;
  }

  .top_barbieri{
    width: 90%!important;
  }

#contents .ava_industry_card h3 {
  font-size: .7rem!important;
  margin: 5px!important;
}

.ava_suite_top{
  font-size: 2.8rem;
}

.enimac_name {
  font-size: 1.7rem;
}

  .top_img_cape{
    margin-top: 30px!important;
  }
}

@media (max-width: 400px) {
  .head_popup {
    margin-bottom: 50px;
  }
  .ib_func_link{
  font-size: 0.8rem;
}

.bar_soft_table td {
  font-size: 9px!important;
}
}

@media (min-width: 1169px) {
  /* pcでは非表示 */
  .sponly {
    display: none;
  }

  .top_img {
    margin-bottom: 30px;
  }

  .spec_br {
    display: none;
  }
}

@media (min-width: 901px) {
  .sponly_spec {
    display: none;
  }
}

@media (min-width: 812px) {
  /* pcでは非表示 */
  .sponly_top {
    display: none;
  }

  .sp_br {
    display: none;
  }

  .top-lineup img {
    width: 50%;
  }
}
/* 
@media (min-width: 400px) {
  .top_img {
    margin-top: 58px;
  }
} */
