@charset "UTF-8";
/*!===================================================================

	2021.10.13から追加分のみ

====================================================================*/
html {scroll-behavior:smooth;}
/*--------------------------------------------
製品ページ
----------------------------------------------*/
/*製品ページキャッチ内のArialフォント用*/
#products #model .mainArea .ttlArea .name-in-catch {
    font-family: "Arial Black", Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 22px;
    font-size: 2.2rem;
    margin-top: 5px;
    margin-bottom: 40px;
    color: #000000;
}
.name-in-catch-pc {
    /*width: 60px;*/
    font-size: 12px;
    font-size: 1.2rem;
    position: relative;
    top: -6px;
    color: #FFF;
    line-height: 1.0;
    font-weight: bold;
    text-align: center;
    padding: 4px 10px 3px;
    border-radius: 50px;
    background: #000;
}

/*2023.10.05追加*/
#container .p-pcno {
  /*font-family: "Arial Black", Arial, sans-serif;*/
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #ffffff;
  background-color: #000000;
  padding: 3px 8px;/*padding: 3px 13px;*/
  font-size: 80%;/*font-size: 40%;*/
  position: relative;
  /*top: -8px;*/
  border-radius: 30px;
  margin-left: 8px;
}

#container #lineUp .p-pcno {
  padding: 3px 13px;
  font-size: 40%;
}


/*製品名サイドナビ（サイドナビは黒丸に入れない）*/
#sideNav .navList ul.pro li.aco ul li a {
  flex-direction: row!important;
  justify-content: flex-start!important;
}
#sideNav .p-pcno {
  /*font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: transparent;
  padding: 0;
  font-size: 100%;
  border-radius: 0px;
  margin-left: 8px;*/
  font-size: 0.8rem;/*font-size: 30%;*/
  padding: 2px 5px;
  align-items: center;
}




/*----------------------------------------------
GibbsCam home.php内
--------------------------------------------------*/

/*Gibbsトップページ home.php
「V**についてはこちら」ボタン
--------------------------------*/
#gibbsCam .versionList ul {
  margin-top: 15px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
	-ms-flex-pack: justify;
  justify-content: space-between;
}
#gibbsCam .versionList ul li.btn2 {
  width: calc((100% - 20px) / 2);
  height: 45px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 15px;
  /*width: 285px;
  height: 45px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 15px;*/
}
#gibbsCam .versionList ul li:nth-of-type(odd) {
  margin-right: 20px;
}

@media screen and (max-width: 769px) {
  #gibbsCam .versionList ul  {
    -webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    /*width: 240px;
    height: 35px;
    font-size: 14px;
    font-size: 1.4rem;*/
  }
  #gibbsCam .versionList ul li.btn2 {
    width: 240px;
    height: 35px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #gibbsCam .versionList ul li:nth-of-type(odd) {
    margin-right: 0px;
  }
}

#gibbsCam .versionList ul li.btn2 a {
    width: 100%;
    height: 100%;
    color: #FFF;
    text-decoration: none;
    padding-right: 30px;
    padding-left: 20px;
    background: #00763c;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}
#gibbsCam .versionList ul li.btn2 a:after {
    font-family: 'icomoon';
    content: "\e900";
    position: absolute;
    top: calc(50% - 0.5em);
    right: 20px;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    font-size: 1rem;
}

/* 動画を追加 2023.08.09
-------------------------------------*/
#gibbsCam .videoList ul {
  display: flex;
}

#gibbsCam .videoList ul li.btn_video {
  width: calc((100% - 20px) / 2);
  margin-bottom: 15px;
}
#gibbsCam .videoList ul li.btn_video:nth-of-type(odd) {
  margin-right: 20px;
}

#gibbsCam .videoList ul li.btn_video a {
  text-decoration: none;
  color: #000000;
}

@media screen and (max-width: 769px) {
  #gibbsCam .videoList ul li.btn_video {
    
  }
}

@media screen and (max-width: 575px) {
  #gibbsCam .videoList ul {
    flex-direction: column;
  }
  #gibbsCam .videoList ul li.btn_video {
    width: 100%;
  }
}



/* Instagram Feed
画面サイズが狭くなった時にも２つ横並びに表示させる
https://smashballoon.com/doc/change-the-number-of-columns-for-small-screens/
*/

/* Media queries */
@media all and (max-width: 640px){
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item{
    width: 50% !important;
  }
  #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
    width: 25% !important;
  }
}

@media all and (max-width: 480px){
  #sb_instagram.sbi_col_3 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_4 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_5 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_6 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_7 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_8 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_9 #sbi_images .sbi_item,
  #sb_instagram.sbi_col_10 #sbi_images .sbi_item{
    width: 50% !important;
  }
}
/*--------------------------------------------------
 採用トップ　画像横並びのとこ
----------------------------------------------------*/
#recruit #top #cnt02 .guideNav .column {
  width: calc(100% / 4)!important;
  /* width: calc(100% / 3); */
}
@media screen and (max-width: 769px) {
#recruit #top #cnt02 .guideNav .column {
  width:100%!important;
  /* width: calc(100% / 3); */
}
}
/*--------------------------------------------------
 採用お問い合わせフォーム追加に伴う
 レイアウト変更
----------------------------------------------------*/
#recruit #top .column.col_w50 {
  /*width: 50%!important;*/
  margin-bottom: 2px;
}
@media screen and (max-width: 769px) {
  #recruit #top .column.col_w50 {
    width: 100%!important;
  }
}


/*--------------------------------------------------
 採用ーキャリア採用
----------------------------------------------------*/
#recruit ul.btList .btInq {
	width: 65%;
	margin-bottom: 50px;
}
@media screen and (max-width: 769px) {
	#recruit ul.btList .btInq {
	width: 100%;
}
}
#recruit ul.btList .btInq a {
  padding-left: 100px;
  background-image: url("../images/contact/icon_contact.png");
  background-position: left 40px center; }
  @media screen and (max-width: 769px) {
    #recruit ul.btList .btInq a {
      padding-left: 55px;
      background-size: 30px auto;
      background-position: left 15px center; } }

#recruit ul.btList li.bnrTel {
  line-height: 1.1;
  font-weight: bold;
  padding-right: 40px;
  padding-left: 40px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  background: #f2f2f2;
  border-bottom: 5px solid  #a9a9a9; }
  #recruit ul.btList li.bnrTel p.btTel {
    font-size: 28px;
    font-size: 2.8rem;
    color: #00763c;
    padding-left: 20px;
    background: url("../images/common/inqArea/icon_tel.png") no-repeat left center; }
    #recruit ul.btList li.bnrTel p.btTel a {
      color: #00763c;
      text-decoration: none; }
      #recruit ul.btList li.bnrTel p.btTel a span {
        font-size: 16px;
        font-size: 1.6rem;
        color: #000;
        margin: 0 15px;
        vertical-align: middle; }
  #recruit ul.btList li.bnrTel .desc {
    text-align: center;
    margin-bottom: 7px; }
  #recruit ul.btList li.bnrTel .flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center; }
    #recruit ul.btList li.bnrTel .flex .btTel {
      font-size: 24px;
      font-size: 2.4rem;
      background-size: 15px auto; }
    #recruit ul.btList li.bnrTel .flex .guide {
      font-size: 14px;
      font-size: 1.4rem;
      padding: 0 15px;
      margin-left: 8px;
      position: relative; }
      #recruit ul.btList li.bnrTel .flex .guide:before {
        content: "/";
        position: absolute;
        top: -5px;
        left: 0;
        font-size: 24px;
        font-size: 2.4rem;
        color: #c2c2c2; }
      #recruit ul.btList li.bnrTel .flex .guide:after {
        font-family: 'icomoon';
        content: "\e900";
        position: absolute;
        top: 0.2em;
        right: 0;
        font-weight: normal;
        font-style: normal;
        font-size: 10px;
        font-size: 1rem;
        color: #00763c; }
      #recruit ul.btList li.bnrTel .flex .guide a {
        color: #00763c; }
        #recruit ul.btList li.bnrTel .flex .guide a:hover {
          color: #f16316; }
  @media screen and (max-width: 769px) {
    #recruit ul.btList li.bnrTel {
      height: 60px;
      padding-right: 15px;
      padding-left: 15px;
      border-bottom-width: 3px; }
      #recruit ul.btList li.bnrTel p.btTel {
        font-size: 20px;
        font-size: 2rem;
        padding-left: 5px;
        background-size: auto 18px; }
        #recruit ul.btList li.bnrTel p.btTel a {
          color: #00763c;
          text-decoration: none; }
          #recruit ul.btList li.bnrTel p.btTel a span {
            font-size: 14px;
            font-size: 1.4rem;
            margin: 0 10px; }
      #recruit ul.btList li.bnrTel .desc {
        margin-bottom: 5px; }
      #recruit ul.btList li.bnrTel .flex .btTel {
        font-size: 20px;
        font-size: 2rem;
        padding-left: 15px;
        background-size: 12px auto; }
      #recruit ul.btList li.bnrTel .flex .guide {
        font-size: 12px;
        font-size: 1.2rem;
        padding: 0 13px 0 10px;
        margin-left: 5px; }
        #recruit ul.btList li.bnrTel .flex .guide:before {
          top: -2px;
          font-size: 18px;
          font-size: 1.8rem; } }
/*タブ切り替え全体のスタイル*/
/*タブを横並びに*/
#recruit .live-careertab {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 50px;
}
#recruit .live-careertab:after {
  content: '';
  width: 100%;
  height: 1px;
  background:#999;
  display: block;
  order: -1;
}
#recruit .tab_label {
  height: 60px;
  line-height: 60px;
  color:#000;
  background:#fff;
  border-top: 3px solid #666;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
  margin-left: 10px;
  margin-right: 10px
}
#recruit .tab_label:hover {
	color: #00763c;
	border-top: 3px solid #00763c;
}
#recruit .tab_label:not(:last-of-type){
  margin-right: 0px;
}
#recruit .tab_content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブタブ */
#recruit .tab_active:checked+.tab_label {
  color:#000;
  background:#fff;
  border-top: 3px solid #00763c;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  position: relative;
}
#recruit .tab_active:checked+.tab_label:after {
  content: '';
  width: 100%;
  height: 1px;
  background:#fff;
  display: block;
  order: 0;
  position: absolute;
  bottom: -1px;
}
#recruit .tab_active:checked+.tab_label+.tab_content {
  height: auto;
  overflow: auto;
  padding: 40px 0 0 0;
  opacity: 1;
  transition: .5s opacity;
}
/* ラジオボタン非表示 */
#recruit .tab_active {
  display: none;
}
/*アンカーリンクボタン---------------------------------*/
#recruit .tab_content h5 {
	margin-left: 20px;
}
#recruit .tab_content .live-careerlink{
 	display: flex;
 	flex-wrap: wrap;
	margin-bottom: 30px;
	width: 98%;
	
}
#recruit .tab_content .live-careerlink a {
	text-decoration: none;
	width: calc(100%/2);
}
#recruit .tab_content .live-careerlink a p{
	line-height: 18px;
  	margin-left: 10px;
  	margin-right: 10px;
	height: 50px;
	background: #fff;
	border-bottom:  1px solid #999;
	font-weight: bold;
	padding-left: 30px;
	color: #000;
	display:flex;
	align-items:center;
}
#recruit .tab_content .live-careerlink a p:hover {
	color:  #00763c;
}
#recruit .tab_content .live-careerlink a p::before {
	  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-bottom: solid 2px #00763c;
  border-right: solid 2px #00763c;
  position: absolute;
  top: 50%;
  left: 20PX;
  margin-top: -6px;
  transform: rotate(45deg);
}
/*採用内容ボックス---------------------------------*/
#recruit .tab_content dl {
	margin-bottom: 30px;
}
#recruit .tab_content dl.table dt:nth-of-type(1),
#recruit .tab_content dl.table dd:nth-of-type(1) {
    background: #00763c;
	color: #fff;
	font-weight: bold;
	}
/*------------------------------------------------------------------------

旧マツウラのモノづくり

選ばれる理由

2022.05.12

#technology　本アップで_test消す

-------------------------------------------------------------------------*/

#technology .live-reasontobe {
  margin-bottom: 90px;
}


/*キャッチ*/
.font-ab {
  font-family: "Arial", Arial, sans-serif;
  font-weight: bold;
  /*font-style: italic;*/
  vertical-align: top;
  font-size: 3.2rem;
}
@media screen and (max-width: 767px) {
  .font-ab {
    font-size: 2.8rem;
  }
}

#technology .live-reasontobe .intro .catch {
  color:#000000;
}

#technology .live-reasontobe .intro .catch .f-color-blue {
  color: #2f6fcf;
}

@media screen and (max-width: 500px) {
  #technology .live-reasontobe .intro {
    text-align: center;
  }
}





#technology .live-reasontobe .live-content-bg {
  width: 100%;
  /*position: absolute;*/
  top: 0;
  left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
  /*z-index: -10;*/
  position: relative;
}

/*----------------------------------------
videoタグで背景で自動再生・ループ
-------------------------------------------------------*/
#technology .live-reasontobe .live-yt-wrap{
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  width: 100%;
  padding-top: 56.25%;/*古いブラウザ用*/
  /*aspect-ratio: 16 / 9;古いブラウザに対応するためコメントアウト*/
  object-fit: contain;
  overflow: hidden;
}
#technology .live-reasontobe .live-yt-wrap video {
  position: absolute;
  z-index: 0;
  /*min-width: 100%;
  min-height: 100%;*/
  width: auto;
  height: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  overflow: hidden;
  opacity: 1;
  background-image: none;
  transition-property: opacity;
  transition-duration: 1000ms;
}

/*上に乗せる見出したち*/
#technology .live-reasontobe .live-content-bg-over{
  width: 100%;
  height: 100%;
  /*background: -moz-linear-gradient(bottom, #000000 10%, transparent);
  background: -webkit-linear-gradient(bottom, #000000 10%, transparent);
  background: linear-gradient(to top, #000000 10%, transparent);*/
  background: rgba(0,0,0,0.5);
  position: relative;
}
/*比率を保持して可変box 16x9
----------------------------------*/
.live-box-16x9::before {
  content: "";
  display: block;
  padding-top: 56.25%;/* 16:9 9÷16×100=56.25%*/
}
/*比率を保持して可変boxのinner*/
#technology .live-reasontobe .live-box-16x9 .live-inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  /*overlay中身配置用CSSここから*/
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 40px;
}
#technology .live-reasontobe .live-box-16x9 .live-inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background-color: #00763c;
}


/*section*/
#technology .live-reasontobe section {
  position: relative;
}
#technology .live-reasontobe section + section {
  margin-top: 120px!important;
}
/*
@media screen and (max-width: 767px) {
  #technology #top #container .live-reasontobe section + section {
    margin-top: 120px;
  }
}*/





/*SPレイアウト変更用のテキスト位置*/
#technology .live-reasontobe .live-section-ytbg .live-exp-sp {
    display: block;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}
@media screen and (max-width: 767px) {
  #technology .live-reasontobe .live-box-16x9 .live-inner {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 30px;
  }
  #technology .live-reasontobe .live-box-16x9 .live-inner h2 {
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100%;
  }
  /*#technology #top #container .live-reasontobe .live-box-16x9 .live-inner p {
    display: none;
  }*/

}

@media screen and (max-width: 575px) {
  #technology .live-reasontobe .live-box-16x9 .live-inner h2 img {
    height: 80%;
  }
}




/*-------------------ここまで--*/

#technology .live-reasontobe .live-box-16x9 .live-inner h2 + p {
  margin-top: 30px;
}

#technology .live-reasontobe .live-box-16x9 .live-inner p {
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
}





/*スクロール誘導まわり*/

#technology .live-scroll-ani .arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	right: 20px;
	margin-left: -30px;
	bottom: 20px;
}

#technology .live-scroll-ani .arrows path {
	stroke: #ffffff;
	fill: transparent;
	stroke-width: 1px;
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite;
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

#technology .live-scroll-ani .arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

#technology .live-scroll-ani .arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

#technology .live-scroll-ani .arrows path.a3 {
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

/*ボタンまわり*/

#technology .live-btn-area {
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
}



@media screen and (max-width: 767px) {
  #technology .live-btn-area.pc {
    display: none;
  }
  #technology .live-btn-area.sp {
    display: block;
  }
  #technology .live-btn-area {
    margin-top: 10px;
  }
}

#technology .live-btn-area ul {
  display: flex;
}

#technology .live-btn-area ul li {
  height: 45px;
}

#technology .live-btn-area ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00763c;
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  padding: 5px 30px 5px 20px;
  position: relative;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #00763c;
    border-top: 1px solid #00763c;
    border-left: 1px solid #00763c;
    border-right: 1px solid #00763c;
}


#technology .live-btn-area ul li a:hover {
  /*opacity: 0.8;*/
  background-color: #ffffff;
  color: #00763c;
}

#technology .live-btn-area ul li a::before{
  content: "";
  position: absolute;
    right: 10px;
    width: 8px;
    height: 9px;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  transition: all 0.3s ease;
}

#technology .live-btn-area ul li a:hover::before {
  border-top: 2px solid #00763c;
    border-right: 2px solid #00763c;
  /*border-top: 2px solid #FCFF00;
    border-right: 2px solid #FCFF00;*/
  transition: all 0.3s ease;
}


@media screen and (max-width: 767px) {
  #technology .live-btn-area ul {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  #technology .live-btn-area ul li {
    width: 100%;
    height: 50px;
  }
  #technology .live-btn-area ul li a {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #00763c;
    border-left: 1px solid #00763c;
    border-right: 1px solid #00763c;
  }
  #technology .live-btn-area ul li a:hover {
    border-bottom: 1px solid #00763c;
  }
}




/*スクロール誘導　アニメまわり*/
#technology .live-scroll-ani {
  position: absolute;
  left: 50%;
  /*left: calc(50% - 14px);*/
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  margin-top: 20px;
}


#technology .live-scroll-ani .chevron {
  position: absolute;
  width: 28px;
  height: 8px;
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
  animation: scroll-move 3s ease-out infinite;
}

#technology .live-scroll-ani .chevron:first-child {
  animation: scroll-move 3s ease-out 1s infinite;
}

#technology .live-scroll-ani .chevron:nth-child(2) {
  animation: scroll-move 3s ease-out 2s infinite;
}

#technology .live-scroll-ani .chevron:before,
#technology .live-scroll-ani .chevron:after {
  content: ' ';
  position: absolute;
  top: 0;
  height: 100%;
  width: 51%;
  background: #00763c;
}

#technology .live-scroll-ani .chevron:before {
  left: 0;
  transform: skew(0deg, 30deg);
}

#technology .live-scroll-ani .chevron:after {
  right: 0;
  width: 50%;
  transform: skew(0deg, -30deg);
}

@keyframes scroll-move {
  25% {
    opacity: 1;

  }
  33% {
    opacity: 1;
    transform: translateY(30px);
  }
  67% {
    opacity: 1;
    transform: translateY(40px);
  }
  100% {
    opacity: 0;
    transform: translateY(55px) scale3d(0.5, 0.5, 0.5);
  }
}




/*------------------------------------------------------------------------

教えてマツウラさん

top
※automationページを参考に

-------------------------------------------------------------------------*/
/*サムネ　pngで書き出すと背景が透けるので白を入れる*/
#oshiete .oshiete-thumb {
  background-color: #ffffff;
  border-radius: 15px;
  width:100%;
}


#oshiete #oshiete_list .monoGl .column .name {
  margin-top: 10px;
}


#oshiete #oshiete_list .monoGl .column .icon-video {
  position: absolute;
  top: 0;
  right: 0;
  background: -moz-linear-gradient(45deg, rgba(255,132,0,1) 0%, rgba(255,0,0,1) 44%, rgba(255,132,0,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(255,132,0,1) 0%, rgba(255,0,0,1) 44%, rgba(255,132,0,1) 100%);
  background: linear-gradient(45deg, rgba(255,132,0,1) 0%, rgba(255,0,0,1) 44%, rgba(255,132,0,1) 100%);
  z-index: 3;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  width: 80px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 15px;
  padding-right: 9px;
}

#oshiete #oshiete_list .monoGl .column .icon-video::after {
  content: "";
  position: absolute;
  top: 10px;
  right: 10px;
  width:0;
  height:0;
  border-style:solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #FFFFFF;
}
#oshiete #oshiete_list .monoGl .column .icon-video::before {
  content: "";
  position: absolute;
  top: 7px;
  right: 6px;
  width: 15px;
  height: 15px;
  border: 1px solid #ffffff;
  border-radius: 10px;
}


/*------------------------------------------------------------------------

教えてマツウラさん

single

-------------------------------------------------------------------------*/

#oshiete-single {}

.intro .oshiete-icon-video {
  position: relative;
  top: -7px;  
  background: -moz-linear-gradient(45deg, rgba(255,132,0,1) 0%, rgba(255,0,0,1) 44%, rgba(255,132,0,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(255,132,0,1) 0%, rgba(255,0,0,1) 44%, rgba(255,132,0,1) 100%);
  background: linear-gradient(45deg, rgba(255,132,0,1) 0%, rgba(255,0,0,1) 44%, rgba(255,132,0,1) 100%);
  z-index: 3;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  padding-right: 15px;
  padding-top: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 85px;
  height: 25px;
  margin-left: 5px;
  border-radius: 15px;
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

.intro .oshiete-icon-video::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 10px;
  width:0;
  height:0;
  border-style:solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #FFFFFF;
}
.intro .oshiete-icon-video::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 6px;
  width: 15px;
  height: 15px;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

@media screen and (max-width: 769px) {
  .intro .oshiete-icon-video {
    top: -3px;
    width: 75px;
    height: 23px;
    font-size: 1.2rem;
  }
  .intro .oshiete-icon-video::after {
    top: 7px;
  }
  .intro .oshiete-icon-video::before {
    top: 4px;
  }
}


.oshiete-midashi {
  font-weight: bold;
  font-size: 3.4rem;
  position: relative;
  margin-bottom: 5px;
  font-style: italic;
  font-family: "Arial";
font-family: "Arial Black";
  color: #cccccc;
  text-align: center;
}




/*上部　質問部分
------------------------------------------------------*/
#oshiete-single .oshiete-upper {
  background-color: #dce8f0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 20px;
  padding-right: 50px;
  padding-left: 50px;
  border-radius: 15px;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-upper {
    padding-right: 20px;
    padding-left: 20px;
  }
}

#oshiete-single .oshiete-upper dl.oshiete-question {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  padding-right: 23px;
  padding-left: 23px;
  padding-top: 10px;
}
#oshiete-single .oshiete-upper dl.oshiete-question dt {
  width: 180px;
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.14em;
  font-weight: bold;
}
#oshiete-single .oshiete-upper dl.oshiete-question dt span {
  color: #006931;
}
#oshiete-single .oshiete-upper dl.oshiete-question dd {
  width: calc(100% - 180px);
}
#oshiete-single .oshiete-upper dl.oshiete-question dd h3 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  letter-spacing: 0.14em;
  font-weight: bold;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-upper dl.oshiete-question {
    flex-direction: column;
  }
  #oshiete-single .oshiete-upper dl.oshiete-question dt,
  #oshiete-single .oshiete-upper dl.oshiete-question dd {
    width: 100%;
  }
}



/* 動画部分
-----------------------*/
#oshiete-single .oshiete-upper-yt {
  margin-bottom: 80px;
}
#oshiete-single .oshiete-upper-yt > p .oshiete-icon-video {
  position: relative;
  top: -7px;
  background-color: #FF0000;
  z-index: 3;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.2rem;
  padding-right: 11px;
  padding-top: 2px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 25px;
  margin-left: 5px;
  border-radius: 15px;
}

#oshiete-single .oshiete-upper-yt > p .oshiete-icon-video::after {
  content: "";
  position: absolute;
  top: 8px;
  right: 10px;
  width:0;
  height:0;
  border-style:solid;
  border-width: 4px 0 4px 5px;
  border-color: transparent transparent transparent #FFFFFF;
}
#oshiete-single .oshiete-upper-yt > p .oshiete-icon-video::before {
  content: "";
  position: absolute;
  top: 5px;
  right: 6px;
  width: 15px;
  height: 15px;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

@media screen and (max-width: 769px) {
  #oshiete-single .oshiete-upper-yt > p .oshiete-icon-video {
    top: -3px;
    width: 75px;
    height: 23px;
    font-size: 1.2rem;
  }
  #oshiete-single .oshiete-upper-yt > p .oshiete-icon-video::after {
    top: 7px;
  }
  #oshiete-single .oshiete-upper-yt > p .oshiete-icon-video::before {
    top: 4px;
  }
}


#oshiete-single .oshiete-upper-yt {
  background-color: #eaeace;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 50px;
  padding-left: 50px;
  border-radius: 15px;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-upper-yt {
    padding-right: 20px;
    padding-left: 20px;
  }
}









/*下部　回答部分
---------------------------------------------------------------*/
#oshiete-single .oshiete-bottom {
  margin-top: 15px;
}

#oshiete-single .oshiete-bottom .oshiete-answer {
  background-color: #006931;
  min-height: 166px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  position: relative;
  padding-top: 38px;
  padding-left: 97px;
  padding-right: 114px;
  padding-bottom: 20px;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-bottom .oshiete-answer {
    padding-left: 57px;
    padding-right: 84px;
  }
}

/*背景：Aの文字*/
#oshiete-single .oshiete-bottom .oshiete-answer .bg-answer-txt {
  position: absolute;
  top: 38px;
  left: 20px;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-bottom .oshiete-answer .bg-answer-txt img {
    width: 45px;
  }
}

/*背景：マツウラさん*/
#oshiete-single .oshiete-bottom .oshiete-answer .bg-answer-matsu {
  position: absolute;
  bottom: 0;
  right: 10px;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-bottom .oshiete-answer .bg-answer-matsu img {
    width: 74px;
  }
}

/*回答　見出し*/
#oshiete-single .oshiete-bottom .oshiete-answer .oshiete-answer-title {
  position: relative;
  padding-bottom: 30px;
}
#oshiete-single .oshiete-bottom .oshiete-answer .oshiete-answer-title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url("../images/technology/oshiete/answer-line.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
#oshiete-single .oshiete-bottom .oshiete-answer .oshiete-answer-title h3 {
  font-size: 2.8rem;
  line-height: 4.2rem;
  /*letter-spacing: 0.14em;*/
  color: #ffffff;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-bottom .oshiete-answer .oshiete-answer-title h3 {
    font-size: 2.4rem;
    line-height: 3.8rem;
  }
}




/*回答　詳細*/
#oshiete-single .oshiete-bottom .answer-details {
  border-left: 10px solid #006931;
  border-right: 10px solid #006931;
  border-bottom: 10px solid #006931;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  padding-bottom: 40px;
}

/*回答　詳細　中身*/
#oshiete-single .oshiete-bottom .answer-details .answer-details-cont {
  padding-left: 35px;
  padding-right: 40px;
  padding-top: 30px;
}
@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-bottom .answer-details .answer-details-cont {
    padding-left: 20px;
    padding-right: 25px;
  }
}


/*回答　詳細　中身 見出しとpの１セット
#oshiete-single .oshiete-bottom .answer-details .answer-details-cont .answer-detail-set {
  margin-top: 30px;
}*/

/*回答　詳細　中身 見出しとpの１セットの中のpadding用*/
#oshiete-single .oshiete-bottom .answer-details .answer-details-cont .answer-detail-wrap {
  padding-left: 30px;
  padding-top: 20px;
}


/*チェックマーク付き見出し*/
#oshiete-single .oshiete-bottom .answer-details h4.answer-chk-hdg {
  font-size: 2.0rem;
  line-height: 2.8rem;
  letter-spacing: 0.14em;
  font-weight: bold;

  margin-top: 30px;
}
#oshiete-single .oshiete-bottom .answer-details h4.answer-chk-hdg > span {
  position: relative;
  padding-left: 30px;
}
/*チェックマーク*/
#oshiete-single .oshiete-bottom .answer-details h4.answer-chk-hdg > span::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 25px;
  height: 18px;
  background-image: url("../images/technology/oshiete/icon-chk.jpg");
  background-repeat: no-repeat;
  background-size: contain;
}
/*マーカー用*/
#oshiete-single .oshiete-bottom .answer-details h4.answer-chk-hdg span > span {
  background: linear-gradient(transparent 60%, #fcff00 0%);
  padding: 0 5px 3px 5px;
}


/*画像*/
#oshiete-single .oshiete-bottom .answer-details p + .answer-detail-img {
  margin-top: 30px;
}
#oshiete-single .oshiete-bottom .answer-details .answer-detail-img {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #eaeace;
  width: 100%;
  padding: 20px;
  margin-top: 15px;
}

/*自由入力欄*/
#oshiete-single .oshiete-bottom .answer-details .answer-detail-free {
  background-color: #eaeace;
  width: 100%;
  padding: 20px;
  margin-top: 15px;
}


/*機種ラインナップ*/
#oshiete-single .oshiete-bottom .answer-details ul.machine-lineup {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  background-color: #ffffff;
  padding: 40px 5px 10px 5px;
}
#oshiete-single .oshiete-bottom .answer-details ul.machine-lineup li {
  width: calc((100% - 60px) / 2);
  margin: 5px 10px 5px 10px;
}

#oshiete-single .oshiete-bottom .answer-details ul.machine-lineup li a {
  color: #000000;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}


/*機種名*/
#oshiete-single .oshiete-bottom .answer-details .machine-catch {
  text-align: center;
  margin-bottom: 5px;
}
#oshiete-single .oshiete-bottom .answer-details .machine-catch span:nth-of-type(1) {
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    /*margin-bottom: 3px;
    height: 24px;
    display: table-cell;
    vertical-align: middle;*/
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    justify-content: center;
    height: inherit;
}
#oshiete-single .oshiete-bottom .answer-details .machine-catch span:nth-of-type(2) {
    min-height: 50px;
    font-family: "Arial Black", Arial, sans-serif;
    font-weight: bold;
    font-style: italic;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.0;
    margin-bottom: 10px;
}

#oshiete-single .oshiete-bottom .answer-details ul.machine-lineup li p:nth-of-type(2) {
  margin-top: auto;
}


@media screen and (max-width: 991px) {
  #oshiete-single .oshiete-bottom .answer-details ul.machine-lineup {
    padding: 40px 20px 10px 20px;
  }
  #oshiete-single .oshiete-bottom .answer-details .machine-catch span:nth-of-type(2) {
    font-size: 20px;
    font-size: 2.0rem;
  }
}
@media screen and (max-width: 575px) {
  #oshiete-single .oshiete-bottom .answer-details .machine-catch span:nth-of-type(2) {
    font-size: 16px;
    font-size: 1.6rem;
  }
}



/*
#oshiete-single .oshiete-bottom .answer-details .answer-detail-img + .answer-detail-img {
  margin-top: 15px;
}*/


/*マツウラさんのおすすめ
---------------------------------*/
#oshiete-single .oshiete-bottom .answer-reccomend {
  margin-top: 30px;
}

/*マツウラさんのおすすめタイトルまわり*/

#oshiete-single .oshiete-bottom .answer-reccomend .oshiete-reccomend-title {
  position: relative;
  padding-top: 22px;
  height: 100%;
  min-height: 82px;
}
/*背景マツウラさん*/
#oshiete-single .oshiete-bottom .answer-reccomend .oshiete-reccomend-title .bg-reccomend-matsu {
  position: absolute;
  top: 0;
  left: 20px;
}
#oshiete-single .oshiete-bottom .answer-reccomend .oshiete-reccomend-title h3 {
  background-color: #006931;
  padding-left: 116px;
  min-height: calc( 82px - 22px);
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}


/*おすすめカラム
-----------------------------*/
#oshiete-single .pro-related {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-right: 50px;
  padding-left: 50px;
  margin-top: 40px;
}

#oshiete-single .pro-related .pro-related-col {
  width: calc((100% - 80px) / 2);
}

#oshiete-single .pro-related .pro-related-col:nth-of-type(odd) {
  margin-right: 80px;
}

@media screen and (max-width: 991px) {
  #oshiete-single .pro-related {
    padding-right: 20px;
    padding-left: 20px;
  }
  #oshiete-single .pro-related .pro-related-col {
    width: calc((100% - 30px) / 2);
  }
  #oshiete-single .pro-related .pro-related-col:nth-of-type(odd) {
    margin-right: 30px;
  }
}


#oshiete-single .pro-related .pro-related-col a {
  text-decoration: none;
  color:#000000;
  display: flex;
  flex-direction: column;
  height: 100%;
}


#oshiete-single .pro-related .pro-related-col a .p-img {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  width: 100%;
  /*height: 150px;*/
  overflow: hidden;
}

#oshiete-single .pro-related .pro-related-col a .p-img img {
  /*width: 80%;*/
  object-fit: contain;
  width: 100%;
}

#oshiete-single .pro-related .pro-related-col a .p-catch {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 3px;
}

#oshiete-single .pro-related .pro-related-col a .name {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  vertical-align: top;
  font-size: 2.6rem;
  text-align: center;
  margin-top: auto;
  margin-bottom: 10px;
}

#oshiete-single .pro-related .pro-related-col a .btn.more {
  width: 100%;
  height: 50px;
  font-size: 16px;
  font-size: 1.6rem;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;

}
@media screen and (max-width: 991px) {
  #oshiete-single .pro-related .pro-related-col a .name {
    font-size: 2.0rem;
  }
  #oshiete-single .pro-related .pro-related-col a .btn.more {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

#oshiete-single .pro-related .pro-related-col a:hover .btn.more {
  opacity: 0.8;
}

/*機種名を入れるとき用*/
#oshiete .font-abi,
#oshiete-single .font-abi{
  /* font-family: "Arial", Arial, sans-serif; */
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  vertical-align: top;
}





/*------------------------------------------------
2022.06.22
製品ページのものづくりギャラリー部分を
メディアライブラリの関連動画を持ってくる形に変更
--------------------------------------------------*/

#model .monoGl .column p.movie img {
  width: 100%;
  object-fit: cover;
}




/*------------------------------------------------
2022.07.26
展示会専用ページ告知
--------------------------------------------------*/

div.comingsoonBox {
  text-align: center;
  border-top: solid 1px #f0f0f0;
  border-bottom: solid 1px #f0f0f0;
  padding-bottom: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 500px;
  margin-right: auto;
  margin-left: auto;
  /*background: #00763c;
  color: #fff;*/
  border: solid 4px #00763c;
  padding-top: 20px;
  padding-bottom: 20px;
}

div.comingsoonBox .date {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 5.5rem;
  letter-spacing: 10px;
  padding-left: 20px;
}
div.comingsoonBox.english .date {
  font-size: 4.0rem;
  letter-spacing: 0px;
}

div.comingsoonBox .date span {
  font-size: 2.5rem;
  letter-spacing: 0px;
  position: relative;
  top: -10px;
}

div.comingsoonBox .txt {
  font-size: 2.3rem;
}

div.comingsoonBox .cs-txt {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 2.5rem;
  color: #00763c;/*#fcff00#969696*/
}




/*-----------------------------------
20220913 index
なぜか切り替え画像がクリックしても効かない
--------------------------------------------*/
#imgGallery .bx-wrapper #slider > div .img,
#imgGallery .bx-wrapper #slider > div .img img {
  pointer-events: none;
}

#imgGallery .bx-pager > div a.active {
  pointer-events: none;
}

#index #imgGallery #inWrap #slider > div a {
  pointer-events: auto;
}




/*-----------------------------------
20221004 JIMTOF2022展示会新商品シルエット
--------------------------------------------*/
.ex-newPro-box {}

.ex-newPro-box ul {
  display: flex;
  justify-content: space-between;
}

.ex-newPro-box ul li {
  width: calc((100% - 30px) / 2);
  border: 5px solid #F0F0F0;
  padding: 15px;
  transition: all 0.3s ease;
}
.ex-newPro-box ul li:hover {
  border: 5px solid #00763c;
  transition: all 0.3s ease;
}

.ex-newPro-box ul li a {
  pointer-events: none;
}

/*-----------------------------------
20241010 JIMTOF2024展示会展示機
--------------------------------------------*/
.ex-newPro-box2 {}

.ex-newPro-box2 + .ex-newPro-box2 {
  margin-top: 60px;
}

.ex-newPro-box2 ul {
  display: flex;
  justify-content: space-between;
}

.ex-newPro-box2 ul li {
  width: calc((100% - 30px) / 2);
  /*border: 5px solid #F0F0F0;*/
  padding: 0px;
  transition: all 0.3s ease;
}
.ex-newPro-box2 ul li:hover {
  /*border: 5px solid #00763c;*/
  transition: all 0.3s ease;
}

.ex-newPro-box ul li a {
  pointer-events: none;
}

.ex-newPro-box2 .single-pro {
  padding-left: 40px;
  padding-right: 40px;
}

.ex-newPro-box2 .hdg-booth {
  text-align: center;
  padding-right: 70px;
  padding-left: 70px;
}





/* 20230220 光造形フォーラム
-----------------------------------*/
#mediforumTop #forum-jikai {
border: 3px solid #DCDCDC;
	max-width: 710px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px;
	display: flex;
	justify-content: center;
}

/* 20230303 インターンシップ
-----------------------------------*/
#internship #forum-jikai {
border: 3px solid #DCDCDC;
	max-width: 710px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px;
	display: flex;
	justify-content: center;
}



/* 2023.04.04 トップバナーがない場合
-------------------------------------*/
#index #imgGallery + #quality {
  margin-top: 100px;
}


/* 2023.04.04 ナビ段落ズレ調整
------------------------------------
@media screen and (min-width: 769px) {
  nav .megamenu .megaWrap ul.menuList.products li a .series {
      height: 60px;
      padding: 15px 25px 0 15px;
      position: relative;
  }
}

@media screen and (min-width: 769px) {
  nav .megamenu .megaWrap ul.menuList > li > a .menuBtn {
    height: 60px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.3;
    padding: 0 15px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
  }
}
*/



/* マツウラニュース　松浦悠人コラム追加
-----------------------*/
#mNews #column .ttlArea.yuto {
  background-image: url("../images/topix/matsuuraNews/point_yuto.jpg");
}

#mNews #top .otherArea {
  padding: 25px 15px;
  background: #f0f0f0;
}



/* 20230926　PC10 表記統一化
　　　　　　　　　　　機種のみだしの文字を小さく
-----------------------*/
/*製品紹介top*/
#products #top #lineUpAll .block .products .column a {
        display: block;
        height: 100%;
        color: #000;
        text-decoration: none;
        text-align: center;
        padding: 10px;
        border-right: 1px solid #e9e9e9;
        border-bottom: 1px solid #e9e9e9;
        background: #FFF; }
#products #top #lineUpAll .block .products .column a .name {
          /*display: inline-block;*/
          font-size: 12px;
          font-size: 1.2rem;
          font-family: "Arial Black", Arial, sans-serif;
          font-weight: bold;
          font-style: italic;
          padding-right: 15px;
          position: relative;
  display: flex;
  align-items: flex-end;
}
#products #top #lineUpAll .block .products .column a .name .point_number {
          /*width: 60px;*/
          color: #FFF;
          line-height: 1.0;
          font-weight: bold;
          text-align: center;
          padding: 2px 8px 2px 7px;
  margin-left: 5px;
          border-radius: 50px;
          background: #000;
          font-size: 10px;
          font-size: 1.0rem;
          vertical-align: baseline;
}
/*ハジめて！マツウラ！*/
#products #beginner .itemLineUp .column a.inBox .name {
        min-height: inherit;
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0 3px;
        padding-right: 0px;
        padding-left: 0px;
        position: relative; }
#products #beginner .itemLineUp .column a.inBox .name .point_number {
          /*width: 60px;*/
          color: #FFF;
          line-height: 1.0;
          font-weight: bold;
          text-align: center;
          padding: 2px 8px 2px 7px;
          margin-left: 5px;
          border-radius: 50px;
          background: #000;
          font-size: 10px;
          font-size: 1.0rem;
          vertical-align: baseline;
}
@media screen and (max-width: 769px){
  #products #beginner .itemLineUp .live-noarea {
    display: none;  
  }  
}
/*自動化・無人化システム*/
#technology #automation .itemLineUp .column a.inBox .name {
        min-height: inherit;
        font-size: 12px;
        font-size: 1.2rem;
        margin: 0 3px;
        padding-right: 0px;
        padding-left: 0px;
        position: relative; }
#technology #automation .itemLineUp .column a.inBox .name .point_number {
          /*width: 60px;*/
          color: #FFF;
          line-height: 1.0;
          font-weight: bold;
          text-align: center;
          padding: 2px 8px 2px 7px;
          /*margin-left: 5px;*/
          border-radius: 50px;
          background: #000;
          font-size: 10px;
          font-size: 1.0rem;
          vertical-align: baseline;
  margin-left: 5px;
}

/*製品詳細ページの製品タイトル-------------------*/
/*引用元：contents.css 3289*/
#products #model .mainArea .column {
  /*width: 50%;
   padding-right: 15px; */
  margin-right: auto;
}
/*引用元：contents.css 3309*/
#products #model .mainArea .ttlArea .name {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 35px;
  font-size: 3.5rem;
  margin-top: 5px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}

/*=========================================
　MiOS ページ
===========================================*/
.logo_mios img{
	width: 150px;
	margin-bottom: 0.5rem;
}
@media screen and (max-width: 769px){
.logo_mios img{
	width: 100px;
	margin-bottom: 0.5rem;
}
	}
.logo_mios-s img{
	width: 100px;
	margin-bottom: 0.5rem;
}
@media screen and (max-width: 769px){
	.logo_mios-s img{
	margin-bottom: 0.2rem;
	margin-right: 5px;
}
	}
.mios-keypoint p img{
	display: block;
	margin: 0 auto 30px auto;
}
.mios-keypoint ul li {
	margin-bottom: 1rem;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
.mios-keypoint ul li:before {
	content: '';/*何も入れない*/
 display: inline-block;
  width: 15px;/*画像の幅*/
  height: 15px;/*画像の高さ*/
  background: url( "../images/products/mios/icon_check.png") no-repeat;
  background-size: contain;
  vertical-align: middle;
 padding-right: 25px;
}


.mios-keypoint .inner-box {
  padding-right: 20px;
  padding-left: 20px;
}
.mios-keypoint .inner-box > p {
  margin-bottom: 10px;
}


#mios #keypoint {
  margin-bottom: 60px;
}




/*pが入る問題の対策
---------------------------*/
#miosfeatures .itemLineUp .column {}

#miosfeatures .itemLineUp .column > p {
  display: none;
}


/* シリーズトップ　PC付き表記を追加したことによる表示崩れ対策
------------------------------*/
/*#lineUp .block .column .inBox .name,
.itemLineUp .column .inBox .name {
  display: flex;
  align-items: center;
  justify-content: center;
}*/

#lineUp .block .column .inBox .name {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
#lineUp .block .column .inBox .name .p-pcno {
  margin-top: 5px;
}
.itemLineUp .column .inBox .name {
  display: flex;
  align-items: center;
  justify-content: center;
}
/*自動化無人化の部分*/
#products #series #lineUp .autoSystem .name .abi {
    display: flex;
    justify-content: center;
    align-items: center;
}
#products #series #lineUp .autoSystem .name .abi .p-pcno {
  font-size: 1.4rem;
  line-height: 1.0;
  padding: 4px 10px 3px;
}


/*MiOSについてさらに詳しくはこちら　ボタン
--------------------------*/
.btn-mios-here {
  border: 2px solid #00763C;
  width: 100%;
  max-width: 450px;
  margin-right: auto;
  margin-left: auto;
}
.btn-mios-here a {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  font-size: 130%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 30px 55px 30px 30px;
  background-color: #EED712;
  position: relative;
}
.btn-mios-here a:hover {
  background-color: #ffffff;
}
.btn-mios-here a::after {
  content: "";
  position: absolute;
  top: 35px;
  right: 30px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 12px;
  border-color: transparent transparent transparent #000000;
}
@media screen and (max-width: 769px){
  .btn-mios-here a {
    font-size: 100%;
  }
  .btn-mios-here a::after {
    border-width: 6px 0 6px 7px;
  }
}


/*MiOSロゴ
--------------------------*/
#container .logo_mios_abi {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  padding: 0px 5px;
  position: relative;
}
#container .logo_mios_abi span {
  color: #00763C;
}

/*縦幅を大きくしたい
-------------------------------*/
h4:not(.nonCom), #products #ccOther h3, #enContact h3 {
    height: auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.0;
    padding: 10px 20px 10px 30px;
    margin-bottom: 30px;
    border: solid 1px #00763c;
    border-bottom-width: 3px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: relative;
}

@media screen and (max-width: 769px){
  h4:not(.nonCom), #products #ccOther h3, #enContact h3 {
    font-size: 16px;
    font-size: 1.6rem;
    height: auto;
    padding: 10px 10px 10px 15px;
    margin-bottom: 15px;
    border-bottom-width: 2px;
  }
}




/* 2023.12.04　with restrictions 制限アリ　表記追加
-------------------*/
.bkPoint span span {
    display: inline-block;
    padding: 0;
    border-radius: 0;
    background: transparent;
  margin-top: 5px;
}
#lineUp .block .column .inBox .bkPoint span span,
.itemLineUp .column .inBox .bkPoint span span {
    padding: 0;
    margin-bottom: 0px;
}



/*--------------------------------------------
2024.02.19 トピックス　てんじかいミニLP
----------------------------------------------*/
/*ミニLPレイアウト確認用*/
#topix #container.mini-lp #sideNav {
	display: none;
}

/* ミニLP用　ここから
--------------------------*/
/*#topix #container.mini-lp*/


#topix  #container.mini-lp #contents {
	width: 100%;
	max-width: 1000px;
}

/**/
#topix #container .ex-mini-lp .sec-box {
	margin-top: 50px;
}
#topix #container .ex-mini-lp .sec-box-inner {
	width: 100%;
	max-width: 700px;
	margin-right: auto;
	margin-left: auto;
}

/*　20240725_追加　*/
#topix #container .ex-mini-lp .ex-mini-wrap .mainImg {
  max-width: 1000px;
  width: 100%;
}
#topix #container .ex-mini-lp .ex-mini-wrap .mainImg img {
  width: 100%;
}

/*セクション見出し*/
#topix #container .ex-mini-lp .live-sec-hdg {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
	margin-bottom: 50px;
}

#topix #container .ex-mini-lp .live-sec-hdg span {
  display: block;
}

#topix #container .ex-mini-lp .live-sec-hdg span:nth-of-type(1) {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #000000;
  opacity: 0.1;
  font-size: 11rem;
  margin-bottom: -65px;
}
#topix #container .ex-mini-lp .live-sec-hdg span:nth-of-type(2) {
  color: #101010;
  font-size: 4.2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #topix #container .ex-mini-lp .live-sec-hdg span:nth-of-type(1) {
    font-size: 6.0rem;
    margin-bottom: -35px;
  }
  #topix #container .ex-mini-lp .live-sec-hdg span:nth-of-type(2) {
    font-size: 2.8rem;
  }
}


#topix #container .ex-mini-lp .concept-txt {
  position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	width: 100%;
	max-width: 700px;
}
#topix #container .ex-mini-lp .concept-txt::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(0deg, #2FA5BB, #3A46A8);
  background: -webkit-linear-gradient(0deg, #2FA5BB, #3A46A8);
  background: linear-gradient(90deg, #2FA5BB, #3A46A8);

  border-radius: 5px;
  z-index: -1;
}

#topix #container .ex-mini-lp .concept-txt h3 {
	font-size: 3.0rem;
	font-weight: bold;
	/* margin-bottom: 20px; */
	margin: 20px 20px;
	color: #ffffff;
	background-image: none;
	padding-top: 0;
}
#topix #container .ex-mini-lp .concept-txt h3::before,
#topix #container .ex-mini-lp .concept-txt h3::after{
	content: none;
}



@media screen and (max-width: 991px) {
  #topix #container .ex-mini-lp .concept-txt::before {
    left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  }
	#topix #container .ex-mini-lp .concept-txt h3 {
		font-size: 1.8rem;
	}
}


#topix #container .ex-mini-lp .concept-txt p {
  -webkit-filter:drop-shadow(1px 3px 5px rgba(18, 19, 47, 0.8));
  -moz-filter:drop-shadow(1px 3px 5px rgba(18, 19, 47, 0.8));
  -ms-filter:drop-shadow(1px 3px 5px rgba(18, 19, 47, 0.8));
  filter:drop-shadow(1px 3px 5px rgba(18, 19, 47, 0.8));
}



/*太字見出し*/
#topix #container .ex-mini-lp .live-hdg-bold {
	font-weight: bold;
	font-size: 2.2rem;
	text-align: center;
	letter-spacing: 0.13em;
	margin-bottom: 20px;
}


/*バナー*/
#topix #container .ex-mini-lp .live-bnr-list {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
  margin-left: -25px;
}

#topix #container .ex-mini-lp .live-bnr-list p {
	margin-left: 25px;
}


/*ボタン*/
#topix #container .ex-mini-lp .live-btn-ex {
	width: 100%;
	max-width: 320px;
	height: 50px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}

#topix #container .ex-mini-lp .live-btn-ex a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid #00763C;
	color: #00763C;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #ffffff;
	text-decoration: none;
}

#topix #container .ex-mini-lp .live-btn-ex a:hover {
	background-color: #00763C;
	color: #ffffff;
}

#topix #container .ex-mini-lp .live-btn-ex a span {
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}

#topix #container .ex-mini-lp .live-btn-ex a span::after {
	content: "";
	position: absolute;
	top: 6px;
	right: 0;
	width: 0;
  height: 0;
  border-style: solid;
	border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #00763c;
	border-right: 0;
}

#topix #container .ex-mini-lp .live-btn-ex a:hover span::after  {
	border-left: 8px solid #ffffff;
}

#topix #container .ex-mini-lp .live-btn-ex02 {
	width: 100%;
	max-width: 320px;
	height: 50px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#topix #container .ex-mini-lp .live-btn-ex02 a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	border: 1px solid #00763C;
	color: #00763C;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #ffffff;
	text-decoration: none;
}

#topix #container .ex-mini-lp .live-btn-ex02 a:hover {
	background-color: #00763C;
	color: #ffffff;
}

#topix #container .ex-mini-lp .live-btn-ex02 a span {
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}

#topix #container .ex-mini-lp .live-btn-ex02 a span::after {
	content: "";
	position: absolute;
	top: 6px;
	right: 0;
	width: 0;
  height: 0;
  border-style: solid;
	border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #00763c;
	border-right: 0;
}

#topix #container .ex-mini-lp .live-btn-ex02 a:hover span::after  {
	border-left: 8px solid #ffffff;
}


/*LUMEXサンプルワーク*/
#topix #container .ex-mini-lp .live-sample-works-wrap {
  width: 100%;
  max-width: 785px;
  margin-right: auto;
  margin-left: auto;
}
#topix #container .ex-mini-lp ul.live-sample-works {
  display: flex;
  justify-content: center;
  margin-left: -25px;
  margin-bottom: 30px;
  width: 100%;
}

#topix #container .ex-mini-lp ul.live-sample-works li {
  width: calc((100% - 25px) / 2);
  margin-left: 25px;
}

#topix #container .ex-mini-lp ul.live-sample-works li p:nth-of-type(1) {}

#topix #container .ex-mini-lp ul.live-sample-works li p:nth-of-type(2) {
  text-align: center;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 10px;
}



/*------------------------------------------------
2024.3.12 近日開催の展示会一覧
----------------------------------------------------*/
.container.latest-ex {
  max-width: 1000px;
}

.text-green {
  color: #00763c;
}

.latest-ex .intro {
  margin-bottom: 50px;
  text-align: center;
}

.latest-ex .intro .catch {
  font-size: 4.0rem;
  margin-bottom: 10px;
}
@media screen and (max-width: 991px) {
  .latest-ex .intro .catch {
    font-size: 3.5rem;
  }
}


/*page.php上でbodyにIDをつけてサイドナビを非表示にする*/
/*確認用
#topix #container #sideNav {
  display: none;
}

#topix #container #contents {
  width: 100%;
  max-width: inherit;
}*/


.latest-ex-wrap {}

.latest-ex-wrap + .latest-ex {
  margin-top: 130px;
}

.latest-ex-wrap + .latest-ex-wrap {
  margin-top: 130px;
}

@media screen and (max-width: 991px) {
  .latest-ex-wrap {
    padding-right: 10px;
    padding-left: 10px;
  }
}




/* 近日開催の展示会リスト
----------------------*/
.latest-ex-list {
  max-width: 900px;
  margin-right: auto;
  margin-left: auto;
}
.latest-ex-list ul {}

.latest-ex-list ul li {
  width: 100%;
}

.latest-ex-list ul li + li {
  margin-top: 70px;
}

.latest-ex-list ul li dl {
  display: flex;
}

.latest-ex-list ul li dl dt {
  max-width: 500px;
  
}

.latest-ex-list ul li dl dt img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left center;
}

.latest-ex-list ul li dl dd {
  padding-left: 20px;
  max-width: 380px;
}

.latest-ex-list ul li dl dd .ex-hdg {
  font-size: 1.4rem;
  color: #9E9F9F;
}

.latest-ex-list ul li dl dd .ex-date {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 4.0rem;
  line-height: 4.0rem;
}

.latest-ex-list ul li dl dd .ex-title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-top: 8px;
}

.latest-ex-list ul li dl dd .ex-place {
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 8px;
}

.latest-ex-list ul li dl dd .ex-btn {
  width: 100%;
  height: 55px;
  margin-top: 8px;
}

.latest-ex-list ul li dl dd .ex-btn a {
  background-color: #00763C;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  padding-right: 50px;
  padding-left: 20px;
}
.latest-ex-list ul li dl dd .ex-btn a:hover {
  background-color: #101010;
}

.latest-ex-list ul li dl dd .ex-btn a::after {
  content:"";
  position: absolute;
  top: 20px;
  right: 15px;
  width: 17px;
  height: 15px;
  background-image: url("../images/topix/latest/icon_ex-btn.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

@media screen and (max-width: 810px) {
  .latest-ex-list {
    max-width: 400px;
  }
  .latest-ex-list ul li dl {
    flex-direction: column;
  }
  .latest-ex-list ul li dl dd {
    padding-left: 0;
    padding-top: 10px;
    max-width: inherit;
  }
  .latest-ex-list ul li dl dd .ex-date {
    font-size: 3.0rem;
    line-height: 3.0rem;
  }
  .latest-ex-list ul li dl dd .ex-title {
    font-size: 1.8rem;
  }
  .latest-ex-list ul li dl dd .ex-btn a {
    font-size: 1.4rem;
  }
}

/* 終了した展示会　一覧
----------------------*/
.end-ex-list {
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}
.end-ex-list ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}

.end-ex-list ul li {
  width: calc((100% - 45px) / 3);
  margin-left: 15px;
  margin-bottom: 20px;
}

.end-ex-list ul li div a {
  position: relative;
  z-index: 1;
}
.end-ex-list ul li div a::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.35);
  z-index: 2;
}

.end-ex-list ul li div a .end-txt {
  position: absolute;
  right: 20px;
  bottom: 10px;
  z-index: 3;
  font-weight: bold;
  font-size: 1.8rem;
  color: #ffffff;
  opacity: 0.8;
}

.end-ex-list ul li .ex-date {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 3.0rem;
  line-height: 3.0rem;
  text-align: center;
  margin-top: 5px;
}

@media screen and (max-width: 991px) {
  .end-ex-list ul li .ex-date {
    font-size: 2.0rem;
    line-height: 2.0rem;
  }
}


.latest-ex-wrap #topix {
  width: 100%;
  max-width: 960px;
  margin-right: auto;
  margin-left: auto;
}


/*参加予定の展示会一覧*/
.latest-ex-wrap .btn-black {
  height: 80px;
  max-width: 710px;
  margin-right: auto;
  margin-left: auto;
}
.latest-ex-wrap .btn-black a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  /*background-color: #000000;*/
  background-color: #00763c;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}
.latest-ex-wrap .btn-black a::after {
  content:"";
  position: absolute;
  top: 31px;
  right: 40px;
  width: 17px;
  height: 15px;
  background-image: url("../images/topix/latest/icon_ex-btn.svg");
  background-repeat: no-repeat;
  background-size: contain;
}

.latest-ex-wrap .btn-black a:hover {
  /*background-color: #00763c;*/
  background-color: #000000;
}



/*--------------------------------------------
医療フォーラムページ
----------------------------------------------*/
#mediforum .lecture ul.list li a .outLink:after {
          font-family: 'icomoon';
          content: none;
          position: absolute;
          top: 0.2em;
          right: 0;
          font-weight: normal;
          font-style: normal;
          font-size: 12px;
          font-size: 1.2rem;
          color: #000; }







/*--------------------------------------------
2024トップリニューアル　2024.3.22
----------------------------------------------*/

#index #renew2024 {}

/* 製品一覧
----------------------------------------*/
#index #renew2024 #cont-pro {
  background-image: url("../images/index/renew2024/bg_map.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: auto auto;
  padding-top: 130px;
  padding-bottom: 30px;
}

@media screen and (max-width: 767px) {
  #index #renew2024 #cont-pro {
    padding-top: 50px;
    padding-bottom: 10px;
  }
}


#index #renew2024 #cont-pro .cont-inner {
  width: 100%;
  max-width: 1920px;
  margin-right: auto;
  margin-left: auto;
}

#index #renew2024 #cont-pro .cont-inner .txt-wrap {
  width: 100%;
  max-width: 440px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 480px) {
  #index #renew2024 #cont-pro .cont-inner .txt-wrap {
    max-width: inherit;
    padding-right: 20px;
    padding-left: 20px;
  }
}




/*見出し*/
#index #renew2024 #cont-pro h2.hdg-chosen {
  display: flex;
  flex-direction:column;
  align-items: center;
}

#index #renew2024 #cont-pro h2.hdg-chosen > span:nth-of-type(1) {
  font-size: 3.0rem;
  font-weight: bold;
  font-style:normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  color: #00763B;
  margin-bottom: 10px;
}

#index #renew2024 #cont-pro h2.hdg-chosen > span:nth-of-type(1).abi {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
}

#index #renew2024 #cont-pro h2.hdg-chosen > span:nth-of-type(1).abi img {
  max-width: 250px;
    margin-bottom: 25px;
    margin-right: 15px;
}

#index #renew2024 #cont-pro h2.hdg-chosen > span:nth-of-type(2) {
  font-size: 3.0rem;
  font-weight: bold;
  font-style:normal;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
  color: #000000;
}
#index #renew2024 #cont-pro h2.hdg-chosen > span:nth-of-type(2) > span {
  color: #2F6FCF;
}

@media screen and (max-width: 767px) {
  #index #renew2024 #cont-pro h2.hdg-chosen > span:nth-of-type(1) {
    font-size: 2.0rem;
  }
  #index #renew2024 #cont-pro h2.hdg-chosen > span:nth-of-type(2) {
    font-size: 2.0rem;
  }
}


#index #renew2024 #cont-pro .cont-inner .txt-wrap p.txt {
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  line-height: 3.0rem;
}
@media screen and (max-width: 767px) {
  #index #renew2024 #cont-pro .cont-inner .txt-wrap p.txt {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}





/*ボタン*/
#index #renew2024 #cont-pro .cont-inner .txt-wrap p.btn.green {
  width: 100%;
  max-width: 250px;
  height: 45px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 40px;
}
#index #renew2024 #cont-pro .cont-inner .txt-wrap p.btn.green a {
  width: 100%;
  height: 100%;
  background-color: #00763C;
  color: #ffffff;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  #index #renew2024 #cont-pro .cont-inner .txt-wrap p.btn.green {
    margin-bottom: 20px;
  }
}





/*製品ラインアップ*/
#index #renew2024 #cont-pro .pro-lineup {}

#index #renew2024 #cont-pro .pro-lineup img {
  mix-blend-mode: multiply;
  background-color: #ffffff;
}



/* ユーザーボイス
----------------------------------------*/
.style-video {
	height: 500px;
	overflow: hidden;
}

.style-video .live-inner {
	position: relative;
  height: 500px;
}

@media screen and (max-width: 1280px) {
	.style-video {
		height: 400px;
	}
  .style-video .live-inner {
    height: 400px;
  }
}

@media screen and (max-width: 767px) {
	.style-video {
		height: 300px;
	}
  .style-video .live-inner {
    height: 300px;
  }
}


/* 上に乗せるボタンと見出し
------------------*/
.style-video .live-inner .live-over-btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}
.style-video .live-inner .live-over-btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
  text-decoration: none!important;
}


.style-video .live-inner .live-over-btn .live-over-hdg {
	margin-bottom: 30px;
}

.style-video .live-inner .live-over-btn .live-over-hdg p:nth-of-type(1) {
  color: #ffffff;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 3.8rem;
  text-align: center;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.style-video .live-inner .live-over-btn .live-over-hdg p:nth-of-type(1)::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background-color: #ffffff;
}
.style-video .live-inner .live-over-btn .live-over-hdg p:nth-of-type(2) {
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  font-size: 3.0rem;
  line-height: 4.8rem;
}

.style-video .live-inner .live-over-btn .live-over-btn-body {}


@media screen and (max-width: 991px) {
  .style-video .live-inner .live-over-btn .live-over-hdg {
    margin-bottom: 20px;
  }
  .style-video .live-inner .live-over-btn .live-over-hdg p:nth-of-type(1) {
    font-size: 2.8rem;
  }
  .style-video .live-inner .live-over-btn .live-over-hdg p:nth-of-type(2) {
    font-size: 1.8rem;
    line-height: 2.8rem;
  }
  .style-video .live-inner .live-over-btn .live-over-btn-body img {
    width: 70px;
    height: 70px;
  }
}




/*上に乗せるさんかく
-------------------------*/
.style-video .live-inner .live-video-overlay {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	mix-blend-mode: multiply;
	max-height: 700px;
	overflow: hidden;
}
@media screen and (max-width: 1280px) {
	.style-video .live-inner .live-video-overlay {
		max-height: 467px;
	}
}
@media screen and (max-width: 767px) {
	.style-video .live-inner .live-video-overlay {
		max-height: 390px;
	}
}

.style-video .live-inner .live-overlay-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: multiply;
	pointer-events: none;
	background-color: rgba(0,0,0,0.5);
	z-index: 2;
}

.style-video .live-inner .live-overlay-inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 960px;
	height: 700px;
	background-image: url("../images/index/renew2024/ami-triangle-_l.svg");
	background-repeat: no-repeat;
	background-size: contain;
	mix-blend-mode: multiply;
	z-index: 2;
}
.style-video .live-inner .live-overlay-inner::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 960px;
	height: 700px;
	background-image: url("../images/index/renew2024/ami-triangle-_r.svg");
	background-repeat: no-repeat;
	background-size: contain;
	mix-blend-mode: multiply;
	z-index: 2;
}

@media screen and (max-width: 1280px) {
	.style-video .live-inner .live-overlay-inner::before {
		width: 640px;
		height: 467px;
		background-image: url("../images/index/renew2024/ami-triangle-_l_m.svg");
	}
	.style-video .live-inner .live-overlay-inner::after {
		width: 640px;
		height: 467px;
		background-image: url("../images/index/renew2024/ami-triangle-_r_m.svg");
	}
}

@media screen and (max-width: 767px) {
	.style-video .live-inner .live-overlay-inner::before {
		width: 195px;
		height: 390px;
		background-image: url("../images/index/renew2024/ami-triangle-_l_s.svg");
	}
	.style-video .live-inner .live-overlay-inner::after {
		width: 195px;
		height: 390px;
		background-image: url("../images/index/renew2024/ami-triangle-_r_s.svg");
	}
}



/*２*/
/*jquery.mb.YTPlayer
--------------------------------------*/
.style-video #ytPlayerWrap2{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding-top: 56.25%;/*古いブラウザ用*/
  /*aspect-ratio: 16 / 9;古いブラウザに対応するためコメントアウト*/
  background: #fff;/*固定ヘッダーの視認性用*/
  /*mix-blend-mode: difference;固定ヘッダーの視認性用*/
	min-height: 700px;
	/*読み込み前用の背景*/
	background-image: url("../images/preopen/video30s-loop.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}

@media screen and (max-width: 1280px) {
	.style-video #ytPlayerWrap2{
		min-height: 467px;
	}
}
@media screen and (max-width: 767px) {
	.style-video #ytPlayerWrap2{
		min-height: 390px;
	}
}


.style-video #ytPlayerWrap2::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 1;
}


.style-video #ytPlayer2{
  z-index: -2;
  position: relative;
}
/*正方形で全面*/
@media screen and (max-width: 767px) {
  .style-video #ytPlayerWrap2{
    object-fit:cover;
    overflow: hidden;
    height: 100vw;
  }
  .style-video #ytPlayer2{
    object-fit:cover;
    overflow: hidden;
    height: 100vw;
  }
  /*正方形にしたときに縦幅にあわせて動画を全面にするハック*/
  .style-video iframe#iframe_ytPlayer2 {
    width: 100vh!important;
    top: 50%!important;
    left: 50%!important;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
  }
}



/*比率を保持して可変box 16x9
----------------------------------*/
.live-box-16x9::before {
  content: "";
  display: block;
  padding-top: 56.25%;/* 16:9 9÷16×100=56.25%*/
}
/*比率を保持して可変boxのinner
#index .live-box-16x9 .live-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30%;
  再生ボタン・ニュース位置
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  padding-bottom: 115px;
  padding-right: 60px;
}
@media screen and (max-width: 991px) {
  #index .live-box-16x9 .live-inner {
    padding-bottom: 20px;
    padding-right: 20px;
  }
}*/

/*video-toggle利用*/
.style-video .live-box-16x9 .live-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*再生ボタン・ニュース位置*/
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  /*padding-bottom: 115px;
  padding-right: 60px;*/
}
@media screen and (max-width: 991px) {
  .style-video .live-box-16x9 .live-inner {
    /*padding-bottom: 20px;
    padding-right: 20px;*/
  }
}

/*indexのボタン用に右下へボタンを動かす*/
.video-toggle {
    position: absolute;
  /*ボタンの位置の微調整ここを触ると再生が始まったときの位置を調整する必要あり*/
  left: 40%;
  bottom: -30%;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s cubic-bezier(0.6, 0, 0.4, 1);
}
.video-toggle .video-toggle-inner {
    position: absolute;
  right: 0;
  bottom: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: transform 0.6s cubic-bezier(0.6, 0, 0.4, 1);
}
/*再生が始まったらvideo位置を真ん中にする*/
.video-toggle.active  {
  position: absolute;
  left: 0;
  bottom: 0;
}

.video-toggle-inner:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background-image: url("../images/index/icon_movie.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 120px;
  height: 120px;
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transition-delay: 1s;
  transition-duration: 1s;
}

/*videoタグを使う場合最初は透過
---------------------------------*/
.video-toggle video {
  opacity: 0;
}
.video-toggle.active video {
  opacity: 1;
}

/*ボタン*/
.video-toggle.active .video-toggle-inner:before {
  opacity: 0;
  transition-delay: 0.3s;
  transition-duration: 0.3s;
}

/* ローディング画面 60秒
-------------------------------------------------*/
#cont-uvoice #loading {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /*background: #333;*/
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 50px;
}
/*loading アニメーション------------*/
#cont-uvoice #loading {
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50% - 32px);
  width: 64px;
  height: 64px;
}

#cont-uvoice #loading div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-sizing: border-box;
  opacity: .8;
}

#cont-uvoice #loading .one {
  border-top: 1px solid #B9BBDB;
  animation: rotate-left 1s linear infinite;
}

#cont-uvoice #loading .two {
  border-right: 1px solid #E8ABC8;
  animation: rotate-right 1s linear infinite;
}

#cont-uvoice #loading .three {
  border-bottom: 1px solid #B9BBDB;
  animation: rotate-right 1s linear infinite;
}

#cont-uvoice #loading .four {
  border-left: 1px solid #E8ABC8;
  animation: rotate-right 1s linear infinite;
}


@keyframes rotate-left {
  0% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes rotate-right {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*loading アニメーション--ここまで----------*/

/*-------------------ここまで--*/




/* タブで切り替えお知らせ　トピックス
----------------------------------------*/
/*アルファベット見出し　緑*/
#index #renew2024 .hdg-green_al {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #00763B;
  font-size: 3.8rem;
  text-align: center;
  margin-bottom: 60px;
}
#index #renew2024 .hdg-green_al span {
  position: relative;
  padding-bottom: 15px;
}
#index #renew2024 .hdg-green_al span::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background-color: #00763B;
}
@media screen and (max-width: 991px) {
  #index #renew2024 .hdg-green_al {
    font-size: 2.8rem;
    margin-bottom: 50px;
  }
}




/*トピックス*/
#index #renew2024 #cont-topics {
  padding-top: 60px;
}

#index #renew2024 #cont-topics .cont-inner {}



/*タブ　動きあり javascriptで動きの制御
------------------------------------*/
#index #renew2024 #cont-topics .live-tab-wrap .tabs{
  width:100%;
  position:relative;
}

#index #renew2024 #cont-topics .live-tab-wrap .tab-buttons {
  border-bottom: 1px solid #999999;
  width: 100%;
  max-width: 1920px;
  padding-right: 20px;
  padding-left: 20px;
  margin-right: auto;
  margin-left: auto;
}
#index #renew2024 #cont-topics .live-tab-wrap .tab-buttons .tab-buttons-inner {
  width: 100%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
  position:relative;
  display: flex;
  justify-content: space-between;
}

#index #renew2024 #cont-topics .live-tab-wrap .tab-buttons .tab-buttons-inner > span{
  width: calc((100% - 30px) / 4);
  cursor:pointer;
  float:left;
  text-align:center;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
  border-top: 3px solid #666666;
  border-right: 1px solid #999999;
  border-left: 1px solid #999999;
}

#index #renew2024 #cont-topics .live-tab-wrap .tab-buttons span.content1,
#index #renew2024 #cont-topics .live-tab-wrap .tab-buttons span.content2,
#index #renew2024 #cont-topics .live-tab-wrap .tab-buttons span.content3,
#index #renew2024 #cont-topics .live-tab-wrap .tab-buttons span.content4{
  /*border-bottom: 1px solid #999999;*/
}


#index #renew2024 #cont-topics .live-tab-wrap #lamp{
  width: calc((100% - 30px) / 4);
  height: 61px;/**/
  /*background: rgba(255, 255, 255, 1);*/
  border-top: 3px solid #00763C;
  border-bottom: 1px solid #ffffff;
  display:block;
  position:absolute;
  top: 0px;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
  z-index: 4;
}
#index #renew2024 #cont-topics .live-tab-wrap #lamp.content1{
  left:0;
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
#index #renew2024 #cont-topics .live-tab-wrap #lamp.content2{
  left:calc(100% / 4);
  -o-transition: all .3s ease;
  -webkit-transition: all .5s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
#index #renew2024 #cont-topics .live-tab-wrap #lamp.content3{
  left:calc((100% / 4) * 2);
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
#index #renew2024 #cont-topics .live-tab-wrap #lamp.content4{
  left:calc((100% / 4) * 3);
  -o-transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  transition: all .3s ease;
}
/*-------*/

/*タブ中身*/
#index #renew2024 #cont-topics .live-tab-wrap .tab-content{
  display:inline-block;
  padding-top: 30px;
  padding-bottom: 30px;
  width: 100%;
}
/*展示会・すべて以外*/
#index #renew2024 #cont-topics .live-tab-wrap .tab-content-inner {
  width: 100%;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  padding-right: 20px;
  padding-left: 20px;
}

#index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner,
#index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner {
  width: 100%;
  max-width: 1740px;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
}


/*左　展示会*/
#index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner .left-box,
#index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner .left-box{
  width: 65%;
  padding-right: 30px;
}

#index #renew2024 #cont-topics .left-box .topEvent {
  display: flex;
  justify-content: flex-start;
}

#index #renew2024 #cont-topics .left-box .topEvent .block {
  width: calc((100% - 20px) / 2);
}

#index #renew2024 #cont-topics .left-box .topEvent .block + .block {
  margin-left: 20px;
}

#index #renew2024 #cont-topics .left-box .topEvent .block a {
  display: block;
  color: #000;
  text-decoration: none;
}
#index #renew2024 #cont-topics .left-box .topEvent .block a .img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#index #renew2024 #cont-topics .left-box .topEvent .block a .txt {
    padding: 20px 60px 20px 30px;
    background: #f0f0f0;
    position: relative;
}
#index #renew2024 #cont-topics .left-box .topEvent .block a .txt:before {
    font-family: 'icomoon';
    content: "\e900";
    position: absolute;
    top: calc(50% - 8px);
    right: 35px;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    color: #FFF;
    z-index: 1;
}
#index #renew2024 #cont-topics .left-box .topEvent .block a .txt:after {
    content: "";
    position: absolute;
    top: calc(50% - 12px);
    right: 30px;
    width: 24px;
    height: 24px;
    background: #00763c;
}
#index #renew2024 #cont-topics .left-box .topEvent .block a .txt .ttl {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.2;
    font-weight: bold;
    margin-bottom: 5px;
}
#index #renew2024 #cont-topics .left-box .topEvent .block a .txt dl {
    font-size: 12px;
    font-size: 1.2rem;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
#index #renew2024 #cont-topics .left-box .topEvent .block a .txt dl dt {
    width: 3em;
    position: relative;
}
#index #renew2024 #cont-topics .left-box .topEvent .block a .txt dl dd {
    width: calc(100% - 3em);
}

#index #renew2024 #cont-topics .live-tab-wrap .tab-content-inner .left-box .latest-ex-wrap {
  margin-top: 30px;
}

#index #renew2024 #cont-topics .live-tab-wrap .tab-content-inner .left-box .latest-ex-wrap .btn.green {
  height: 50px;
  width: 100%;
  max-width: 350px;
  margin-right: auto;
  margin-left: auto;
}

#index #renew2024 #cont-topics .live-tab-wrap .tab-content-inner .left-box .latest-ex-wrap .btn.green a {
  background-color: #00763C;
  color: #ffffff;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  #index #renew2024 #cont-topics .live-tab-wrap .tab-content-inner .left-box .latest-ex-wrap {
    margin-top: 20px;
  }
  #index #renew2024 #cont-topics .live-tab-wrap .tab-content-inner .left-box .latest-ex-wrap .btn.green a {
    font-size: 1.6rem;
  }
}


/*右　トピックス*/
#index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner .right-box,
#index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner .right-box{
  width: 35%;
}

@media screen and (max-width: 1399px) {
  #index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner .left-box,
  #index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner .left-box{
    width: 50%;
  }
  #index #renew2024 #cont-topics .left-box .topEvent .block {
    width: 100%;
  }
  #index #renew2024 #cont-topics .left-box .topEvent .block:nth-of-type(2) {
    display: none;
  }
  #index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner .right-box,
  #index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner .right-box{
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner,
  #index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner{
    flex-direction: column;
  }
  #index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner .left-box,
  #index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner .left-box{
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
  }
  #index #renew2024 #cont-topics .live-tab-wrap .content1 .tab-content-inner .right-box,
  #index #renew2024 #cont-topics .live-tab-wrap .content3 .tab-content-inner .right-box{
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
  }
}




/* ピックアップ
----------------------------------------*/
#index #renew2024 #cont-pickup {}

/*緑背景*/
#index #renew2024 .bg-green {
  background-color: #CCE3D7;
  padding-top: 60px;
  padding-bottom: 70px;
  margin-top: 70px;
  margin-bottom: 50px;
}

#index #renew2024 #cont-pickup .cont-inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1250px;
  margin-right: auto;
  margin-left: auto;
}

/*左　ピックアップ*/
#index #renew2024 #cont-pickup .cont-inner .left-box {
  width: calc(50% - 25px);
  padding-right: 25px;
}
#index #renew2024 #cont-pickup .cont-inner .left-box .link-oshiete {}

#index #renew2024 #cont-pickup .cont-inner .left-box .link-oshiete a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
}

#index #renew2024 #cont-pickup .cont-inner .left-box .link-oshiete a p:nth-of-type(1) {
  background-color: #ffffff;
  border-radius: 20px;
  overflow: hidden;
}
#index #renew2024 #cont-pickup .cont-inner .left-box .link-oshiete a p:nth-of-type(2) {
  font-weight: bold;
  color: #00763B;
  font-size: 2.2rem;
  margin-top: 10px;
}
#index #renew2024 #cont-pickup .cont-inner .left-box .link-oshiete a p:nth-of-type(3) {
  color: #000000;
  font-weight: bold;
  font-size: 1.6rem;
}


/*右　インスタグラム*/
#index #renew2024 #cont-pickup .cont-inner .right-box {
  width: calc(50% - 25px);
  padding-left: 25px;
}


@media screen and (max-width: 1290px) {
  #index #renew2024 #cont-pickup .cont-inner {
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media screen and (max-width: 991px) {
  #index #renew2024 #cont-pickup .cont-inner .left-box {
    width: calc(50% - 10px);
    padding-right: 10px;
  }
  #index #renew2024 #cont-pickup .cont-inner .left-box .link-oshiete a p:nth-of-type(2) {
    font-size: 1.8rem;
  }
  #index #renew2024 #cont-pickup .cont-inner .left-box .link-oshiete a p:nth-of-type(3) {
    font-size: 1.4rem;
  }
  #index #renew2024 #cont-pickup .cont-inner .right-box {
    width: calc(50% - 10px);
    padding-left: 10px;
  }
}

@media screen and (max-width: 767px) {
  #index #renew2024 #cont-pickup .cont-inner {
    flex-direction: column;
  }
  #index #renew2024 #cont-pickup .cont-inner .left-box {
    width: 100%;
    padding-right: 0px;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
  }
  #index #renew2024 #cont-pickup .cont-inner .right-box {
    width: 100%;
    padding-left: 0px;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 50px;
  }
}



/* ボタンたち
-----------------------------------------*/
#index #renew2024 #cont-btns {}

#index #renew2024 #cont-btns .cont-inner {
  width: 100%;
  max-width: 1250px;
  margin-right: auto;
  margin-left: auto;
}

#index #renew2024 #cont-btns .cont-inner ul.list-btns {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-left: -20px;
}

#index #renew2024 #cont-btns .cont-inner ul.list-btns li {
  width: 188px;
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  border-bottom: 1px solid #707070;
  border-top: 5px solid #00763B;
  margin-left: 20px;
  margin-bottom: 20px;
}

#index #renew2024 #cont-btns .cont-inner ul.list-btns li a {
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

#index #renew2024 #cont-btns .cont-inner ul.list-btns li a .btn-body {
  padding-top: 20px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}

#index #renew2024 #cont-btns .cont-inner ul.list-btns li a .btn-body p:nth-of-type(1) {
  width: 110px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#index #renew2024 #cont-btns .cont-inner ul.list-btns li a .btn-body p:nth-of-type(1) img {
  width: 100%;
  height: auto;
}

#index #renew2024 #cont-btns .cont-inner ul.list-btns li a .btn-body p:nth-of-type(2) {
  color: #000000;
  font-weight: bold;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 1.4rem;
}

#index #renew2024 #cont-btns .cont-inner ul.list-btns li a .btn-green {
  height: 35px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-family: "Arial Black", Arial, sans-serif;
font-weight: bold;
font-style: italic;
  font-size: 1.6rem;
  background-color: #00763B;
  margin-top: auto;
  position: relative;
  padding-right: 10px;
}
#index #renew2024 #cont-btns .cont-inner ul.list-btns li a .btn-green:before {
    font-family: 'icomoon';
    content: "\e900";
    position: absolute;
    top: calc(50% - 8px);
    right: 10px;
    font-weight: normal;
    font-style: normal;
    font-size: 12px;
    font-size: 1.2rem;
    color: #FFF;
    z-index: 1;
}








/*----------------------------------------
製品ページ改訂　2024.5.20
----------------------------------------*/
#products #series_new #container {
  max-width: none;
}
@media screen and (max-width: 1024px) {
	#products #series_new #container,
	#products #series_new .container {
       padding-right: 0px;
       padding-left: 0px;
    }
}


#products #series_new #container #sideNav:not(.series_new) {
  display: none;
}


#products #series_new .cont_inner {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 1094px) {
	#products #series_new .cont_inner {
		padding-right: 35px;
		padding-left: 35px;
	}
}


#products #series_new #container #contents {
  width: 100%;
  max-width: none;
}

#products #series_new #contents_new {
  padding-bottom: 100px;
}


/*見出し arial 白文字*/
.hdg-abi01 {
  text-align: center;
  font-family: "Arial Black", Arial, sans-serif;
font-weight: bold;
font-style: italic;
  font-size: 3.8rem;
  color: #ffffff;
  position: relative;
  padding-bottom: 20px;
	margin-bottom: 40px;
}
.hdg-abi01::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background-color: #ffffff;
}

@media screen and (max-width: 991px) {
	.hdg-abi01 {
		font-size: 2.4rem;
		padding-bottom: 15px;
	}
}


/*見出し arial 緑文字*/
.hdg-abi02 {
  text-align: center;
  font-family: "Arial Black", Arial, sans-serif;
font-weight: bold;
font-style: italic;
  font-size: 3.8rem;
  color: #00763D;
  position: relative;
  padding-bottom: 20px;
	margin-bottom: 40px;
}
.hdg-abi02::after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 30px;
  height: 1px;
  background-color: #00763D;
}

@media screen and (max-width: 991px) {
	.hdg-abi02 {
		font-size: 2.4rem;
		padding-bottom: 15px;
	}
}



/*ボタン*/
#series_new .btn_more {
	height: 50px;
	max-width: 225px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
#series_new .btn_more a {
	background-color: rgba(0, 118, 61, 1);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	height: 100%;
	color: #ffffff;
	font-family: "Arial Black", Arial, sans-serif;
font-weight: bold;
font-style: italic;
	text-decoration: none;
	position: relative;
	padding-right: 30px;
	padding-left: 30px;
}
#series_new .btn_more a::after {
	content: "";
	position: absolute;
	top: 20px;
	right: 20px;
	width: 7px;
	height: 12px;
	background-image:url( 'data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="6.827" height="10.826" viewBox="0 0 6.827 10.826"><path d="M618.012,1632.463l-1.414-1.414,4-4-4-4,1.414-1.414,5.413,5.413Z" transform="translate(-616.598 -1621.637)" fill="%23fff"/></svg>' );
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.5s ease;
}

#series_new .btn_more a:hover {
	background-color: rgba(0, 118, 61, 0.7);
}



/***********************/

#products #series_new #sideNav_wrap_new {
  position: fixed;
  top: 85px;
  left: -550px;
  z-index: 11;
  width: 550px;
  transition: all 0.3s ease;
}
/*クリックされたら*/
/*#products #series_new #sideNav_wrap_new.panelactive {
  left: 0px;
  transition: all 0.3s ease;
}*/
#products #series_new #sideNav_wrap_new:hover {
  left: 0px;
}

#series_new #sideNav.series_new {
  display: flex;
    width: 100%;
  max-width: none;
  background-color: #f0f0f0;
  border-right: 5px solid #00763D;
}
#series_new #sideNav.series_new .nav-wrap {
  width: 50%;
}

/*縦ボタン*/
#series_new #sideNav_new_btn {
  background-color: #00763D;
  width: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: -50px;
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: 5px solid #00532B;
}
/*#series_new #sideNav_new_btn:hover {
  cursor: pointer;
}*/

#series_new #sideNav_new_btn p:nth-of-type(1) {
  margin-bottom: 15px;
}

#series_new #sideNav_new_btn p:nth-of-type(1) span {
  width: 20px;
  height: 2px;
  background-color: #ffffff;
  display: block;
}
#series_new #sideNav_new_btn p:nth-of-type(1) span + span {
  margin-top: 5px;
}

#series_new #sideNav_new_btn p:nth-of-type(2) {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

#series_new #sideNav_new_btn p:nth-of-type(2) span:nth-of-type(1) {
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 0.2em;
}

#series_new #sideNav_new_btn p:nth-of-type(2) span:nth-of-type(2) {
  font-family: "Arial Black", Arial, sans-serif;
font-weight: bold;
font-style: italic;
  font-size: 1.2rem;
  position: relative;
  right: -5px;
}

@media screen and (max-width: 1094px) {
	#series_new #sideNav_new_btn {
		width: 30px;
		right: -30px;
		padding-top: 20px;
		padding-bottom: 10px;
	}
	#series_new #sideNav_new_btn p:nth-of-type(1) span {
		width: 15px;
	}
	#series_new #sideNav_new_btn p:nth-of-type(2) span:nth-of-type(1) {
		font-size: 1.4rem;
	}
	#series_new #sideNav_new_btn p:nth-of-type(2) span:nth-of-type(2) {
		font-size: 1.0rem;
		right: -3px;
	}
}

@media screen and (max-width: 767px) {
	#series_new #sideNav_new_btn {
		display: none;
	}
}


/* サイドナビ */
#series_new #sideNav {
  border-top: none; }
  #series_new #sideNav .btnTtl {
    border-right: 3px solid #f0f0f0;
    border-left: 3px solid #f0f0f0; }
    #series_new #sideNav .btnTtl a {
      width: 100%;
      height: 100px;
      color: #000;
      text-decoration: none;
      line-height: 1.2;
      padding-right: 30px;
      padding-left: 15px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      #series_new #sideNav .btnTtl a .area {
        margin-right: auto; }
        #series_new #sideNav .btnTtl a .area .name {
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: bold;
          margin-bottom: 5px; }
        #series_new #sideNav .btnTtl a .area .nameSup {
          font-family: "Arial Black", Arial, sans-serif;
          font-weight: bold;
          font-style: italic;
          font-size: 10px;
          font-size: 1rem;
          color: #ccc;
          transition: .3s; }
      #series_new #sideNav .btnTtl a .btTop {
        font-size: 12px;
        font-size: 1.2rem;
        color: #ccc;
        padding-right: 15px;
        position: relative;
        transition: .3s; }
        #series_new #sideNav .btnTtl a .btTop:after {
          font-family: 'icomoon';
          content: "\e900";/*e900*/
          position: absolute;
          top: 0.1em;
          right: 0;
          font-weight: normal;
          font-style: normal;
          font-size: 10px;
          font-size: 1rem;
          color: #999; }
      #series_new #sideNav .btnTtl a:hover {
        color: #00763c; }
        #series_new #sideNav .btnTtl a:hover .nameSup,
#series_new #sideNav .btnTtl a:hover .btTop {
          color: #00763c; }
  #series_new #sideNav .navList {
    padding: 15px;
    background: #f0f0f0; }
    #series_new #sideNav .navList .cate {
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.0;
      font-weight: bold;
      margin-bottom: 5px; }
    #series_new #sideNav .navList ul {
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold; }
      #series_new #sideNav .navList ul li {
        line-height: 1.0;
        background: #FFF;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        position: relative; }
        #series_new #sideNav .navList ul li a {
          display: block;
          height: 60px;
          color: #000;
          text-decoration: none;
          padding-right: 40px;
          padding-left: 15px;
          position: relative;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: center;
          -ms-justify-content: center;
          justify-content: center;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column; }
          #series_new #sideNav .navList ul li a:hover {
            color: #00763c;
            text-decoration: none; }
          #series_new #sideNav .navList ul li a:after {
            font-family: 'icomoon';
            content: "\e900";/*e900*/
            position: absolute;
            top: calc(50% - .4em);
            right: 15px;
            font-weight: normal;
            font-style: normal;
            font-size: 10px;
            font-size: 1rem;
            color: #00763c; }
        #series_new #sideNav .navList ul li.aco > a:after {
          display: none; }
        #series_new #sideNav .navList ul li ul {
          line-height: 1.0;
          padding-bottom: 10px; }
          #series_new #sideNav .navList ul li ul li {
            font-size: 12px;
            font-size: 1.2rem;
            border: none; }
            #series_new #sideNav .navList ul li ul li a {
              height: auto;
              padding: 5px 40px 5px 25px; }
              #series_new #sideNav .navList ul li ul li a:before {
                content: "";
                position: absolute;
                top: 0.7em;
                left: 15px;
                width: 3px;
                height: 3px;
                background: #000; }
              #series_new #sideNav .navList ul li ul li a:hover:before {
                background: #00763c; }
              #series_new #sideNav .navList ul li ul li a:hover:after {
                color: #00763c; }
        #series_new #sideNav .navList ul li + li {
          margin-top: 2px; }
    #series_new #sideNav .navList.lineTop {
      border-top: 1px solid #ccc; }
    #series_new #sideNav .navList.mTop {
      margin-top: 20px; }

/*開閉ボタン*/
#series_new #sideNav .acoBtn {
  display: block;
  width: 40px;
  height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  transition: .2s;
  z-index: 99;
  cursor: pointer; }
  #series_new #sideNav .acoBtn:before {
    content: "＋";
    font-size: 11px;
    font-size: 1.1rem;
    position: absolute;
    top: calc(50% - .4em);
    right: calc(50% - .4em);
    color: #00763c;
    z-index: 1;
    transition: .2s; }
  #series_new #sideNav .acoBtn:after {
    content: "";
    position: absolute;
    top: calc(50% - 7px);
    right: calc(50% - 7px);
    width: 15px;
    height: 15px;
    border: 1px solid #00763c; }
  #series_new #sideNav .acoBtn.active:before {
    content: "－"; }
  #series_new #sideNav .acoBtn.active:after {
    background: #f0f0f0;
    border: none; }
#series_new #sideNav ul li ul .acoBtn:before {
  top: 17px;
  right: 28px;
  height: 12px; }
#series_new #sideNav ul li ul .acoBtn:after {
  top: 22px;
  right: 22px;
  width: 12px; }

/* サイドナビ - 製品紹介 */
#series_new #sideNav .navList ul.pro > li > a,
#series_new #sideNav .navList ul.pro .acoBtn {
  height: 70px; }
#series_new #sideNav .navList ul.cad > li > a {
  height: 50px; }
#series_new #sideNav .navList ul li .ttlSup {
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  margin-bottom: 3px; }
#series_new #sideNav .navList ul li .ttl {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 0.9;
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic; }
#series_new #sideNav .navList ul li ul li {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic; }
#series_new #sideNav .navList ul + .cate {
  margin-top: 20px; }

/******/
/*製品名サイドナビ（サイドナビは黒丸に入れない）*/
#series_new #sideNav .navList ul.pro li.aco ul li a {
  flex-direction: row!important;
  justify-content: flex-start!important;
}
#series_new #sideNav .p-pcno {
  /*font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  color: #000;
  background-color: transparent;
  padding: 0;
  font-size: 100%;
  border-radius: 0px;
  margin-left: 8px;*/
  font-size: 0.8rem;/*font-size: 30%;*/
  padding: 2px 5px;
  align-items: center;
}
/***********************/


/*コンテンツ*********/

/*イントロ
-------------*/
#series_new #contents_body #introtop .intro {
  margin-bottom: 0px;
}
#series_new #contents_body #introtop .intro .catch {
  margin-bottom: 0;
}

#series_new #contents_body #introtop .pro-img {
  display: flex;
  align-items: center;
  position: relative;
}

#series_new #contents_body #introtop .pro-img::after {
  content: "";
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 110%;
  height: calc(100% - 40%);
  background: -moz-linear-gradient(0deg, #FFFFFF, #D9EAE1, #CCE3D7, #D9EAE1, #FFFFFF);
  background: -webkit-linear-gradient(0deg, #FFFFFF, #D9EAE1, #CCE3D7, #D9EAE1, #FFFFFF);
  background: linear-gradient(90deg, #FFFFFF, #D9EAE1, #CCE3D7, #D9EAE1, #FFFFFF);
  z-index: -1;
}
@media screen and (max-width: 767px) {
	#series_new #contents_body #introtop .pro-img {
		padding-bottom: 20px;
	}
	#series_new #contents_body #introtop .pro-img::after {
		top: 10%;
		height: calc(100% - 10%);
	}
}

#series_new #contents_body #introtop .pro-img .img_wrap {
  width: 50%;
  padding-left: 50px;
}
#series_new #contents_body #introtop .pro-img .img_wrap img {
  mix-blend-mode: darken;
}

#series_new #contents_body #introtop .pro-img .title_wrap {
  width: 50%;
  padding-left: 30px;
  padding-right: 40px;
}
#series_new #contents_body #introtop .pro-img .title_wrap .ttl {
  font-weight: bold;
}
#series_new #contents_body #introtop .pro-img .title_wrap h3 {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 4.2rem;
}
#series_new #contents_body #introtop .pro-img .title_wrap .txt {
  font-weight: bold;
}

@media screen and (max-width: 991px) {
	#series_new #contents_body #introtop .pro-img .title_wrap h3 {
		font-size: 3.0rem;
	}
	#series_new #contents_body #introtop .pro-img .title_wrap .txt {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 767px) {
	#series_new #contents_body #introtop .pro-img {
		flex-direction: column;
	}
	#series_new #contents_body #introtop .pro-img .img_wrap {
		padding-left: 0;
		width: 100%;
		max-width: 350px;
		margin-right: auto;
		margin-left: auto;
	}
	#series_new #contents_body #introtop .pro-img .title_wrap {
		width: 100%;
		max-width: 450px;
		margin-right: auto;
		margin-left: auto;
	}
}


/*キーワード*/
#series_new #contents_body #introtop .keyword_wrap {
  padding-bottom: 50px;
}

#series_new #contents_body #introtop .keyword_wrap h4 {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 2.8rem;
  color: #00763D;
  margin-bottom: 20px;
}

#series_new #contents_body #introtop .keyword_wrap ul.keyword_list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -20px;
}

#series_new #contents_body #introtop .keyword_wrap ul.keyword_list li {
  width: calc((100% - 60px) / 3);
  position: relative;
  padding-left: 15px;
  font-weight: bold;
  margin-left: 20px;
  margin-bottom: 20px;
}
#series_new #contents_body #introtop .keyword_wrap ul.keyword_list li::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #00763D;
}

@media screen and (max-width: 991px) {
	#series_new #contents_body #introtop .keyword_wrap {
		padding-top: 20px;
		padding-bottom: 0px;
	}
	#series_new #contents_body #introtop .keyword_wrap h4 {
		font-size: 2.4rem;
		margin-bottom: 10px;
	}
	#series_new #contents_body #introtop .keyword_wrap ul.keyword_list li {
		width: calc((100% - 40px) / 2);
	}
}




/*メディアライブラリ
-------------*/
#series_new #contents_body #cont_medialibrary {
  background-color: #212121;
  padding-top: 30px;
  padding-bottom: 50px;
}

#series_new #contents_body #cont_medialibrary .video_list_wrap {
	display: flex;
	flex-wrap: wrap;
	margin-left: -15px;
}

#series_new #contents_body #cont_medialibrary .video_list_wrap .video_list_col {
	width: calc((100% - 60px) / 4);
	margin-left: 15px;
}

#series_new #contents_body #cont_medialibrary .video_list_wrap .video_list_col a {
	color: #ffffff;
	font-weight: bold;
	font-size: 1.6rem;
}
#series_new #contents_body #cont_medialibrary .video_list_wrap .video_list_col a .video-title {
	margin-top: 10px;
}

@media screen and (max-width: 767px) {
	#series_new #contents_body #cont_medialibrary .video_list_wrap .video_list_col {
		width: calc((100% - 30px) / 2);
		margin-bottom: 15px;
	}
}



/*サンプルワーク
-------------*/
#series_new #contents_body #cont_samplework {
	background-color: #CCE3D7;
	padding-top: 30px;
  padding-bottom: 50px;
	margin-top: 0;
}

#series_new #contents_body #cont_samplework .sampleWk .column {
    width: calc(100% / 4);
    padding-right: 12px;
    padding-left: 13px;
    margin-bottom: 30px;
}

#series_new #contents_body #cont_samplework .sampleWk .column .img img {
	width: 100%;
	object-fit: cover;
}

@media screen and (max-width: 767px) {
	#series_new #contents_body #cont_samplework .sampleWk .column {
		width: calc(100% / 2);
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 769px) {
	#series_new #contents_body  .sampleWk {
			max-width: none;
	}
}





/*スペック比較
-------------*/
#series_new #cont_lineup {}

#series_new #cont_lineup .scroll_wrap {
	width: 100%;
	overflow-x: scroll;
	padding-bottom: 10px;
}

#series_new #cont_lineup .table_wrap {
	width: 1024px;
}

#series_new #cont_lineup .table_wrap table {}

#series_new #cont_lineup .table_wrap table tr {}

#series_new #cont_lineup .table_wrap table tr th {
	background-color: #CCE3D7;
	width: 100px;
  min-width: 100px;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	border-top: 1px solid #FFFFFF;
	border-left: 1px solid #D9D9D9;
	vertical-align: middle;
}

#series_new #cont_lineup .table_wrap table tr td {
	padding: 10px;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#series_new #cont_lineup .table_wrap table tr td:last-of-type {
	border-right: 1px solid #999999;
}

#series_new #cont_lineup .table_wrap table tr:nth-of-type(1) th {
	background-color: #ffffff;
	border-left: transparent;
}
/*
#series_new #cont_lineup .table_wrap table tr:nth-of-type(1) td {
	border-top: 1px solid #999999;
}
*/
#series_new #cont_lineup .table_wrap table tr:nth-of-type(1) td {
	border-left: 1px solid transparent;
}
#series_new #cont_lineup .table_wrap table tr:nth-of-type(1) td:last-of-type {
	border-right: 1px solid transparent;
}


#series_new #cont_lineup .table_wrap table tr:nth-of-type(2) th {
	border-top: 1px solid #D9D9D9;
}
#series_new #cont_lineup .table_wrap table tr:last-of-type th {
	border-bottom: 1px solid #D9D9D9;
}


/*行：製品写真*/
#series_new #cont_lineup .table_wrap table tr.p-img td {
	padding: 0;
	position: relative;
}
#series_new #cont_lineup .table_wrap table tr.p-img td::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: -1px;
	width: 1px;
	height: calc(100% - 120px);
	background-color: #999999;
}
#series_new #cont_lineup .table_wrap table tr.p-img td:last-of-type::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: -1px;
	width: 1px;
	height: calc(100% - 120px);
	background-color: #999999;
}



#series_new #cont_lineup .table_wrap table tr.p-img td .p-img-box {
	padding: 15px;
	position: relative;
}
#series_new #cont_lineup .table_wrap table tr.p-img td .p-img-box::before {
	content: "";
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #999999;
}

#series_new #cont_lineup .table_wrap table tr.p-img td .p-img-box img {
  max-width: 200px;
}

#series_new #cont_lineup .table_wrap table tr.p-img td .p-img-box img:hover {
	opacity: 1;
	transform:scale(1.05);
}



#series_new #cont_lineup .table_wrap table tr.p-img td .name-wrap {
	height: 50px;
  width: 100%;
	background-color: #CCE3D7;
  display: flex;
  justify-content: center;
  align-items: center;
}
#series_new #cont_lineup .table_wrap table tr.p-img td .name-wrap .name {
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 2.1rem;
	text-align: center;
}
#series_new #cont_lineup .table_wrap table tr.p-img td .name-wrap .name .p-pcno {
	font-family: "Arial Black", Arial, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 1.1rem;
	position: relative;
	top: -8px;
  margin-left: 0px;
}

/*行：最大ワークサイズ*/
#series_new #cont_lineup .table_wrap table tr.max-worksize td {
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6rem;
}

#series_new #cont_lineup .table_wrap table tr.max-worksize td p:nth-of-type(1) img {
  max-width: 180px;
}

#series_new #cont_lineup .table_wrap table tr.max-worksize td p + p {
	margin-top: 20px;
}

/*ズームアイコン*/
#series_new #cont_lineup .table_wrap table tr td.icon_zoom {
	position: relative;
}
#series_new #cont_lineup .table_wrap table tr td.icon_zoom::after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45px;
	height: 45px;
	background-image: url("../images/skin/icon_zoom.svg");
  background-size: contain;
  background-repeat: no-repeat;
  transition: all 0.5s ease;
}



/*行：最大ワークサイズ*/
#series_new #cont_lineup .table_wrap table tr.install-size td{
	vertical-align: middle;
}
#series_new #cont_lineup .table_wrap table tr.install-size td .img_inssize a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}


/**********************************************
スクロールバーのカスタマイズ
***********************************************/
/*全体の幅*/
#series_new #cont_lineup ::-webkit-scrollbar {
    width: 15px;
	height: 15px;
}
/*スクロールバーの全体後ろ*/
#series_new #cont_lineup ::-webkit-scrollbar-track {
  border-radius: 15px;
  box-shadow: inset 0 0 5px rgba(204, 227, 215, 1);
}
/*スクロールバーの動く部分*/
#series_new #cont_lineup ::-webkit-scrollbar-thumb {
  background-color: rgba(0, 118, 61, 1);
  border-radius: 15px;
  /*box-shadow:0 0 0 1px rgba(0, 0, 0, .3);*/
}



/*MiOS
-------------*/
#series_new .mios-keypoint .wrap {
	display: flex;
	justify-content: space-between;
}
#series_new .mios-keypoint .wrap > p {
	width: 350px;
}
#series_new .mios-keypoint .wrap > .inner-box {
	width: calc(100% - 380px);
}

@media screen and (max-width: 767px) {
	#series_new .mios-keypoint .wrap {
		flex-direction: column;
	}
	#series_new .mios-keypoint .wrap > p {
		width: 100%;
	}
	#series_new .mios-keypoint .wrap > .inner-box {
		width: 100%;
	}
}


/* ページトップへ
----------------*/
#goTop {
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 100;
}
@media screen and (max-width: 767px) {
	#goTop {
		right: 0px;
	}
}

/* お問い合わせボタン
----------------*/
#btn_contact_fixed {
	position: fixed;
	bottom: 70px;
	right: 0px;
	z-index: 100;
}

#btn_contact_fixed a img:nth-of-type(2) {
	display: none;
}

@media screen and (max-width: 767px) {
	#btn_contact_fixed {
		bottom: 0px;
		right: 40px;
	}
	#btn_contact_fixed a img:nth-of-type(1) {
		display: none;
	}
	#btn_contact_fixed a img:nth-of-type(2) {
		display: block;
	}
}

/* 機種仕様一覧ボタン
----------------*/
#series_new .btn_specList {
  margin-top: 40px;
}

/* ハジめて！マツウラ！
----------------*/
#series_new .beginner {
  max-width: 320px;
  margin-left: auto;
}




/**********************************
2024.6.27 製品ページ改定
************************************/

.logo-img-maxia {
  position: relative;
  top: -6px;
}

#products #top #beginner .wrap .block .column a {
  color: #000000;
  text-decoration: none;
}
#products #top #beginner .wrap .block .column .inBox {
  transition: all 0.3s ease;
}
#products #top #beginner .wrap .block .column a:hover .inBox {
  background: #EAF6F0;
  transition: all 0.3s ease;
}

#products #top #beginner .wrap {
  position: relative;
}
#products #top #beginner .wrap .btnGuide {
  position: absolute;
  bottom: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 400px;
}
#products #top #beginner .wrap .btnGuide a {
  background-color: #CCE3D7;
  padding: 10px 50px;
  border-radius: 5px;
}
#products #top #beginner .wrap .btnGuide a:after {
  color: #00763D;
}

#products #top #beginner .wrap .btnGuide a .txt {
  color: #00763D;
}

#products #top #beginner .wrap .btnGuide a:hover {
  background-color: #EED712;
}

#products #top .btnGuide a {
  background-position: 15px 15px;
}

#products #top #beginner .wrap .btnGuide a:after {
  top:18px;
  right: 10px;
}


/*製品トップ*/
.new-block {
  width: 100%;
  position: relative;
  margin-bottom: 20px;
}
.new-block::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: -moz-linear-gradient(0deg, #FFFFFF, #D9EAE1);
  background: -webkit-linear-gradient(0deg, #FFFFFF, #D9EAE1);
  background: linear-gradient(90deg, #FFFFFF, #D9EAE1);
  z-index: -1;
}

.new-block.style02::before {
  background: -moz-linear-gradient(0deg, #D9EAE1, #FFFFFF);
  background: -webkit-linear-gradient(0deg, #D9EAE1, #FFFFFF);
  background: linear-gradient(90deg, #D9EAE1, #FFFFFF);
}

/*
.new-block + .new-block {
  margin-top: 30px;
}
*/


.new-block-wrap {
  display: flex;
  width: 100%;
  max-width: 760px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 30px;
  padding-bottom: 20px;
}

.new-block.style02 .new-block-wrap {
  flex-direction: row-reverse;
}

/*@media screen and (max-width: 769px) {
  .new-block-wrap {
    flex-direction: column;
    align-items: center;
  }
  .new-block.style02 .new-block-wrap {
    flex-direction: column;
    align-items: center;
  }
}*/


.new-block-wrap .new-block-left {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 30px;
}

.new-block.style02 .new-block-wrap .new-block-left  {
  padding-right: 0px;
  padding-left: 30px;
}

.new-block-wrap .new-block-left .name-sub {
  font-weight: bold;
  font-size: 1.6rem;
}

.new-block-wrap .new-block-left .name {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: bold;
  font-style: italic;
  font-size: 3.5rem;
  line-height: 3.5rem;
  margin-bottom: 10px;
}

.new-block-wrap .new-block-left .exp {
  font-weight: bold;
  font-size: 1.6rem;
}

.new-block-wrap .new-block-left .wrksize {
  font-weight: bold;
  font-size: 1.2rem;
}

.new-block-wrap .new-block-left .wrksize-num {
  font-weight: bold;
  font-size: 1.6rem;
}


.new-block-wrap .new-block-left ul.exp-list {
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
}

.new-block-wrap .new-block-left ul.exp-list li {
  width: 60px;
  height: 60px;
  border: 1px solid #cccccc;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  font-size: 1.4rem;
  background: rgba(255, 255, 255, 0.6);
}

.new-block-wrap .new-block-left ul.exp-list li + li {
  margin-left: 10px;
}

.new-block-wrap .new-block-right {
  width: 50%;
  text-align: right;
}

.new-block-wrap .new-block-right p {}

.new-block-wrap .new-block-right p img {
  max-width: 380px;
  mix-blend-mode: darken;
}



@media screen and (max-width: 769px) {
  #products #top #beginner {
    margin-bottom: 100px;
  }
  .new-block-wrap .new-block-left {
    width: 100%;
    max-width: 450px;
  }
  .new-block-wrap .new-block-right {
    width: 100%;
    max-width: 450px;
    position: relative;
    top: -50px;
    margin-bottom: -50px;
  }
  .new-block-wrap .new-block-right p img {
    max-width: 280px;
  }
}

@media screen and (max-width: 575px) {
  #products #top #beginner .wrap .btnGuide {
    max-width: none;
  }
  .new-block-wrap {
    flex-direction: column;
    align-items: center;
    max-width: 450px;
  }
  .new-block.style02 .new-block-wrap {
    flex-direction: column;
    align-items: center;
  }
  .new-block-wrap .new-block-left {
    padding-right: 0px;
  }
  .new-block.style02 .new-block-wrap .new-block-left {
    padding-left: 0px;
  }
  .new-block-wrap .new-block-left .name-sub {
    font-size: 1.4rem;
  }
  .new-block-wrap .new-block-left .name {
    font-size: 2.5rem;
    line-height: 2.5rem;
    margin-top: 5px;
  }
  .new-block-wrap .new-block-left .exp {
    font-size: 1.4rem;
  }
  .new-block-wrap .new-block-left ul.exp-list {
    margin-top: 10px;
    margin-botom: 10px;
  }
}


/****************************
ナビの縦サイズ変更
*****************************/
@media screen and (min-width: 769px) {
  nav .megamenu .megaWrap ul.menuList.products li a .menuBtn {
    height: 80px;
  }
}