@charset "utf-8";
/* 下層ページ用CSS */
/* ビーテック独自 */
/* タグcss */
.ct.laon,
.ct.tc-electronic,
.ct.tannoy,
.ct.lab-gruppen,
.ct.turbosound,
.ct.lake{
  background:var(--primary-color);
  color:#fff;
}
#ez-toc-container{
  padding: 0!important;
  background-color: #edf6ff!important;
  font-size: 15.5px;
  border:none!important;
}
.spblock{
  display:none;
}

iframe{
  max-width:100%;
  width:100%;
  height:468px;
}
.cn-text-container{
  margin-bottom:0!important;
}
#cookie-notice .cn-button:not(.cn-button-custom){
  padding:0 10px!important;
}
/*検索窓のエリア*/
#search-wrap {
  position: static;/*絶対配置にして*/
z-index: 2;/*最前面に設定。数字は変更可*/
/* top:10px;
right:50px; */
}
.js-scrollable{
  overflow-x:auto;
}
/*テキスト入力input設定*/
.search-textbtn input{
-webkit-appearance:none;/*SafariやChromeのデフォルトの設定を無効*/
width: 250px;/*テキスト入力エリアが伸びる前の横幅*/
height: 60px;
 padding: 20px;
border: none;
background:#fff url("https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/7-2-3/img/icon_search.svg") no-repeat 17px center;/*虫眼鏡アイコンを背景に表示*/
background-size: 25px 25px;
transition: all 0.5s;/*transitionを使ってスムースに伸ばす*/
outline: none;
cursor: pointer;/*カーソルを指マークに*/
	border-bottom: 1px solid;
	margin-bottom: 2rem;
}
#search-wrap .feas-submit-button{
  display:none;
}
/*テキスト入力inputにフォーカスした時の形状*/
/* .search-textbtn input:focus {
width: 250px;テキスト入力エリアが伸びる後の横幅
padding: 20px 0 20px 60px;
box-shadow: 0 2px rgba(6,0,1,.26);
} */
main{
  padding-top:77px;
}
.case-link {
  line-height: 1.5;
  font-size:15px;
}
.link{
  display:block;
}
.top-mv__img {
  width: 100%;
}
.company__message-img img {
  width: 100%;
  height: 100%;
  object-position: 80% 50%;
}
.privacyPolicy__content {
  margin: 50px auto;
  background: #f4f4f4;
  padding: 10px 20px 30px;
}
.privacyPolicy__content h2 {
  font-size: 30px;
  font-weight: bold;
  margin-top: 40px;
}
.privacyPolicy__content h3 {
  font-size: 26px;
  font-weight: bold;
  margin-top: 30px;
}
.privacyPolicy__content h4 {
  font-size: 24px;
  font-weight: bold;
  margin-top: 20px;
}
.privacyPolicy__content p {
  margin-top: 15px;
  line-height: 32px;
}
.siteMap__content {
  margin: 50px 0;
  display: flex;
  justify-content: space-around;
  background: #f4f4f4;
  padding: 30px 0 15px 0;
}
.siteMap__content__list__item
 {
  margin: 20px 0 20px 20px;
}
.siteMap__content__ttl {
  font-size: 20px;
  font-weight: bold;
}
.page {
  width: 40%;
}
.post {
  margin-left: 20px;
}
.products {
  margin-left: 20px;
}
.products-file_table{
  width:100%;
}
.products-file_ttl{
  width:45%;
  padding:15px 10px;
  border:1px solid #ccc;
  line-height:1.2;
}
.extend{
  display:none;
}
.products-file_name{
  width:50%;
  padding:15px 10px;
  border:1px solid #ccc;
  margin:0;
  line-height:1.2;
}
.products-file_link{
  width:5%;
  padding:15px 10px;
  border:1px solid #ccc;
  margin:0;
  line-height:1.2;
}
.products-file_link a{
  position:relative;
  top:2px;
}
.no-js {
  width: 100% !important;
}
.form-preview-wrap {
  margin: 0 auto;
  width: 86%;
}
.nav-item a:hover {
  color: var(--primary-color);
}
.add--search {
  cursor: pointer;
}
.currentLocation {
  color: var(--primary-color);
  font-weight: bold;
  position: relative;
}
.currentLocation::before {
  content: "";
  width: 110%;
  height: 8px;
  border-bottom: 8px solid var(--primary-color);
  position: absolute;
  bottom: -30px;
  left: -5%;
}
.search-drop {
  display: none;
  margin-top: 30px;
}
.breadcrumb-items {
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}
.breadcrumb-items li.breadcrumb-item {
	border-right: 1px solid #999999;
	padding: 2px 10px;
	color: #999999;
	font-weight: bold;
	font-size:14px;
	list-style-type: none;
}
.breadcrumb-item:first-child{
  padding-left:0;
}
.breadcrumb-item:last-of-type {
  border-right: none;
}
.breadcrumb-link {
  color: var(--primary-color);
}
.sidebox{
  width: 30%;
}
.support-main .sidebox{
  position:sticky;
  top:77px;
  height:100%;
}
.support-main a{
  text-decoration:underline;
}
.support-main a img {
	margin-bottom: 2px;
	vertical-align: middle;
}
.searchbox {
  width: 100%;
  background: #f4f4f4;
  padding: 50px 0;
  margin-top: 20px;
}
.searchbox__ttl {
  width: 75%;
  margin: 0 auto;
}
.searchbox__ttl,
.searchbox__heading {
  font-weight: bold;
}
.searchbox__form {
  width: 75%;
  margin: 20px auto;
}
.searchbox__word {
  background: white;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
}
.searchbox__word::placeholder {
  position: relative;
  left: 20px;
}
.searchbox__cat {
  line-height: 2.5;
}
.searchbox__heading {
  margin-top: 30px;
}
.searchbox__item {
  position: relative;
  user-select: none;
  font-size: 14px;
  list-style: none;
}
.searchbox__item-non {
  position: relative;
  user-select: none;
  font-size: 14px;
  list-style: none;
}
.searchbox__p {
  font-size: 14px;
  cursor: pointer;
  display: block;
  width: 85%;
  word-break: keep-all;
  line-height:1.3;
  padding:10px 0;
}
.searchbox__label {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.searchbox__text {
  margin-right: 10px;
}
.searchbox__btn-box {
  margin-top: 30px;
  text-align: center;
}
.searchbox__btn {
  text-align: center;
  padding: 10px 0px;
  background: var(--primary-color);
  color: white;
  font-weight: bold;
  margin: 30px auto 0;
  width: 55%;
  cursor: pointer;
}
.searchbox__btn::before {
  content: "条件検索はこちら";
}
.searchbox__btn.search-open::before {
  content: "元に戻す";
}
.searchbox__subitems {
  display: none;
  font-size: 13px;
  margin-left: 15px;
}
.lower-ttl {
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 1px solid #999999;
}
.p-d__sec {
  border-bottom: 1px solid #cccccc;
  position: relative;
}
.p-d__ttl {
  margin: 30px 0 30px;
	font-size: 22px;
  font-weight: bold;
  cursor: pointer;
	padding-right: 50px;
}

.p-d__ttl::before {
  content: "";
  background:url('../img/icon-plus_black.png');
  background-size:100% 100%;
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0px;
  right: 0px;
  transition: transform 0.3s;
}
.p-d__ttl.open::before {
  content: "";
  background:url('../img/icon-minus_black.png');
  background-size:100% 100%;
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 0px;
  right: 0;
}
.product-detail__overview__ttl.p-d__ttl::before {
  content: "";
  background:url('../img/icon-plus_black.png');
  background-size:100% 100%;
  display: block;
  width: 22px;
  height:22px;
  position: absolute;
  top: 0px;
  right: 0;
}
.product-detail__overview__ttl.p-d__ttl.open::before {
  content: "";
  background:url('../img/icon-minus_black.png');
  background-size:100% 100%;
  display: block;
  width: 22px;
  height:22px;
  position: absolute;
  top: 0px;
  right: 0;
}
.not-text {
  font-size: 24px;
  font-weight: bold;
}
/* ==============================================
                 検索結果ページ
============================================== */
.search-results-lineups-navigation {
  margin: 0 auto;
  text-align: center;
}
.search-text {
  width: 200px;
  margin: 20px 0 0 10%;
  position: relative;
}
.search-text.kiji{
  margin-left:0;
}
.search-text::before {
  font-family: "Material Icons";
  content: "\e8b6";
  position: absolute;
  left: 10px;
  top: 7px;
  font-size: 24px;
  color: #666666;
}
.search-text.kiji::before{
  top: 8px;
}
.search-text input {
  background: white;
  padding: 9px 10px 9px 40px;
  width: 200px;
  border: 2px solid #ddd;
}
.search-text.kiji input{
  background: white;
  padding: 9px 10px 9px 70px;
  width: 250px;
  border: 2px solid #ddd;
}
.search-text input::placeholder {
/*   padding-left: 25px; */
	  padding-left: 0;
  color: #666666;
}
.searchbox__cat {
  width: 80%;
  margin: 0 auto;
}
.feas_clevel_01 {
  display: block;
}
.feas_clevel_01 span {
  margin-left: 10px;
}
.feas-submit-button {
  padding: 10px 50px;
  color: white;
  background: var(--primary-color);
  font-weight: bold;
}
.search-results-back {
  overflow: hidden;
}
.search-results-main {
  display: flex;
  justify-content: space-between;
}
.search-results-lineups {
  width: 60%;
  margin-top: 50px;
}
.search-results-lineup {
  width: 30%;
  margin-right:5%;
  margin-bottom: 50px;
}
.search-results-lineup:nth-child(3n){
  margin-right:0;
}
.search-results-lineup-imgbox {
  text-align: center;
}
.search-results-lineup-img {
  width: 70%;
  margin: 10% 0;
}
.search-results-lineup-num {
  color: var(--primary-color);
  font-weight: bold;
  margin-top: 5px;
  font-size: 14px;
}
.search-results-lineup-name {
  margin-top: 10px;
  font-size: 13px;
}
.pagenation {
  width: 30%;
  margin: 0 auto;
}
.search-not {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  margin: 100px 0;
  width: 100%;
}
/* ==============================================
        メディアクエリ(タブレット,スマホ横)
============================================== */
@media (max-width: 1280px) {
}
@media (max-width: 1080px) {
}
/* ==============================================
               メディアクエリ(SP)
============================================== */
@media (max-width: 768px) {
  .breadcrumb-items,
  .lower-top-ttl {
    margin-top: 20px;
  }
  .searchbox-oc {
    background: #f4f4f4;
    height: 72px;
    line-height: 72px;
    padding: 0 60px 0 40px;
    color: var(--primary-color);
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
  }
  .searchbox-oc__icon {
    color: white;
    background: var(--primary-color);
    border-radius: 100%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    float: right;
    position: relative;
    top: 12px;
  }
  .searchbox {
    display: none;
  }
  .search-results-main {
    display: block;
  }
  .search-results-searchbox {
    width: 100%;
  }
  .search-results-lineups {
    width: 100%;
  }
  .search-results-lineup {
    width: 47.5%;
  }
  .search-cat .feas_clevel_01 {
    width: 48%;
    margin-bottom: 30px;
    margin-right: 0;
  }
  .search-cat-items {
    width: 100%;
  }
  .pagenation {
    width: 60%;
  }
}

/* --------------- 製品情報ページ --------------- */
.product-main {
  display: flex;
  justify-content: space-between;
}
.product-main .searchbox__form {
  margin: 0 auto;
}
.product-main .searchbox__heading {
  font-size: 20px;
  margin: 15px 0;
}
.product-right {
  width: 65%;
  padding-top:130px;
}
.product-sublogo {
  width: 50%;
  margin-top: 0px;
}
.product-bunner {
  padding: 20px 0;
  margin-top: 10px;
}
.product-bunner p {
  line-height: 2;
  margin-bottom: 10px;
}
.product-lineup__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
}
.product-linup__list__item {
  width: 30%;
  margin-bottom: 50px;
  margin-right: 3%;
	position: relative;
}
.product-linup__list__item__imgbox {
/*   border: 1px solid #cccccc; */
  text-align: center;
  overflow: hidden;
}
.product-linup__list__item__imgbox__img {
  transition: .5s;
}
.product-lineup__list__item__link:hover .product-linup__list__item__imgbox__img {
  transform: scale(1.1);
  transition: .5s;
}
.product-lineup__list__item__link:hover,
.product-detail__gallery__subtext:hover,
.product-connection-article__box__item a:hover{
  text-decoration:none;
}
p.product-linup__list__item__name,
.product-detail__gallery__text {
  font-weight: bold;
  margin-top: 20px;
  font-size: 14px!important;
  color:#494d50;
}
p.product-linup__list__item__text,
.product-detail__gallery__subtext {
  margin-top: 10px;
  font-size: 13px;
  color:#494d50;
  font-weight:400;
}
.product-explanation {
  margin-top: 20px;
}
.product-box h2,
.product-box h3 {
  font-weight: bold;
}
.product-box video{
  width:100%;
  height:auto;
}
.wp-video{
  margin:20px auto;
}
.product-box p {
  margin-top: 25px;
  line-height: 1.5;
}
.product-box img {
  margin-top: 25px;
}
.product-connection-article{
  margin-top:20px;
}
.product-connection-article__box,
.product-delivery-article__box {
  display: flex;
}
.product-connection-article__box__item,
.product-delivery-article__box__item {
  width: 31%;
  margin-right: 3.5%;
}
.product-connection-article__box__item:nth-child(3n),
.product-delivery-article__box__item:nth-child(3n){
  margin-right:0;
}
.product-connection-article__box__item__imgbox,
.product-delivery-article__box__item__imgbox {
  padding-top: 0;
}
.product-connection-article__box__item__body,
.product-delivery-article__box__item__body {
  margin-bottom:20px;
}
.product-connection-article__box__item__body__date,
.product-delivery-article__box__item__body__date {
  color: #666666;
  font-size: 13px;
  margin-top: 10px;
}
.product-connection-article__box__item__body__text,
.product-delivery-article__box__item__body__text {
  margin-top: 5px;
  font-size:14px;
}
/* ==============================================
      メディアクエリ(タブレット,スマホ横)
============================================== */
@media (max-width: 1280px) {
  .searchbox__p {
    font-size: 13px;
  }
}
@media (max-width: 1080px) {
  .product-right {
    width: 50%;
  }
}
/* ==============================================
               メディアクエリ(SP)
============================================== */
@media (max-width: 768px) {
  .product-main {
    display: block;
  }
  .topmain .main-contents{
    height:45.4vw;
    background: #FFF;
  }
  .case-ttl.ttl{
    margin-top:0;
  }
  .case-box{
    margin-top:15px;
  }
  .searchbox,
  .product-right,
  .product-connection-article__box__item,
  .product-delivery-article__box__item {
    width: 100%;
  }
  .product-connection-article__box,
  .product-delivery-article__box {
    width: 100%;
  }
  .product-delivery-article__box,
  .product-connection-article__body{
    padding-bottom:20px;
  }
  .product-connection-article__box,
  .product-delivery-article__box{
    display:block;
  }
  .product-linup__list__item {
    width: 45%;
  }
  .searchbox__items {
    font-size: 12px;
    line-height: 30px;
  }
  .product-sublogo {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
  .product-connection-article__box__item:nth-of-type(1)::after,
  .product-delivery-article__box__item:nth-of-type(1)::after {
    display: none;
  }
  .product-connection-article__box__item:nth-of-type(2)::after,
  .product-delivery-article__box__item:nth-of-type(2)::after {
    display: none;
  }
  .scroll--right {
    margin-right: calc(50% - 50vw);
    overflow-x:scroll;
  }
}
/* ---------------- 製品情報-シリーズ詳細ページ --------------- */
.product-linup__body__text {
  margin-bottom: 50px;
}
/* ---------------- 製品情報-製品詳細ページ --------------- */
/*田形画像表示*/
.product-image-flex-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.product-image-flex-box-item {
}

.product-detail__ttl{
  margin-top:50px;
}
.product-detail__introduction {
  margin-top: 20px;
  margin-bottom:80px;
}
.product-detail__introduction__slideimg__thumbnail {
  width: 16%;
  margin-left:0!important;
}
.product-main_wrap {
  width: 80%;
}
.product-detail__introduction__slideimg__main{
  position:relative;
  width:100%;
}
.product-detail__introduction__slideimg__main .slick-list {
  /*overflow: inherit; */
}
.products-single_label{
  position:absolute;
  top:0;
  left:20%;
  background:#333;
  color:#fff;
  padding:7px 0;
  width:80px;
  font-size:12px;
  text-align: center;
  z-index: 9999;
  box-shadow:0px 3px 6px rgba(0,0,0,0.18);
}
.products-single_label.new{
  background: var(--primary-color);
	color: #fff;
}
.product-detail__introduction__slideimg {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1000;
}
.product-detail__introduction__slideimg__thumbnail .slick-track {
  transform: unset !important;
}
.product-detail__introduction__left__item__imgbox__img {
  width: 70%;
  height: 70%;
  cursor: pointer;
}
.product-detail__introduction__right__item__imgbox__img {
  padding: 0px;
  transition: .3s;
}
.product-detail__introduction__right__item__imgbox__img:hover {
  transform: scale(1.1);
  transition: .3s;
}
.product-detail__introduction__right__item__imgbox a:hover {
  opacity: 1;
}
.product-detail__introduction__slidebox {
  position: relative;
}
.product-detail__introduction__slideimg-arrow {
  position: absolute;
  top: 0;
  bottom: 0%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-detail__introduction__slideimg-arrow .slider-arrow__left {
  position: relative;
  left: 17%;
  z-index: 2000;
}
.product-detail__introduction__slideimg-arrow .slider-arrow__right {
  position: relative;
  right: -3%;
  z-index: 2000;
}
.product-detail__introduction__body {
  margin-top: 5px;
  margin-left:0%;
}
.product-detail__introduction__body__catbox {
  display: flex;
}
.product-detail__introduction__body__brand {
  padding: 2px 10px;
  border-left: 1px solid #000;
}
.product-detail__introduction__body__brand:first-of-type {
  padding: 2px 10px 2px 0;
  border: none;
}
.product-detail__introduction__body__price {
  float: right;
  position: relative;
  bottom: 0px;
  font-size: 18px;
  margin-bottom:10px;
  font-weight: bold;
}
.product-detail__introduction__body__price__tax {
  font-weight: normal;
  font-size: 16px;
}
.product-detail__introduction__body__name {
  margin-top: 20px;
  font-weight: bold;
  font-size: 26px;
  font-size:20px;
}

p.product-detail__introduction__body__buybtn__p {
  cursor: pointer;
  background: var(--primary-color);
  color: white!important;
  line-height: 44px!important;
  height: 44px!important;
  text-align: center;
}
.product-detail__introduction__body__buybtn__link {
  width: 100%;
}
.product-detail__introduction__body__buybtn__link:hover {
  text-decoration: none;
}
.product-detail__overview__ttl {
  border-bottom: none;
}
.product-detail__technology__body,
.product-detail__spec__body,
.product-detail__accessory__body,
.product-detail__connection__body,
.product-detail__download__body,
.product-connection-article__body,
.product-delivery-article__body {
  display: none;
}
.product-detail__accessory__body,
.product-detail__connection__body {
  padding-bottom: 30px;
}
.product-detail__technology__body,
.product-detail__download__body {
  padding: 0px 0 30px;
}
.product-detail__overview__lows {
  padding-bottom: 30px;
}
.product-detail__technology__body p {
  font-size: 16px;
  line-height: 1.7;
  margin-bottom: 30px;
}
.product-detail__technology__body a{
  font-weight:bold;
  color:var(--primary-color);
}
.product-detail__technology__body table {
  width: 100%;
  font-size: 16px;
}
.product-detail__technology__body th {
  font-weight: bold;
}
.product-detail__technology__body th,
.product-detail__technology__body td {
  border: 1px solid #ddd;
  padding: 8px 15px;
  line-height: 1.7;
}
/*6/28 project　テーブル*/
.product-detail__overview__body table {
  width: 100%;
  font-size: 16px;
}
.product-detail__overview__body th {
  font-weight: bold;
}
.product-detail__overview__body th,
.product-detail__overview__body td {
  border: 1px solid #ddd;
  padding: 8px 15px;
  line-height: 1.7;
}
/*6/28 project　テーブル*/
.border-none,
.border-none th,
.border-none td{
  border:none!important;
}
.product-detail__overview__cat{
	font-weight: bold;
	margin-bottom: 30px;
}
.product-detail__overview__lows p{
  line-height:1.7;
  font-size:16px;
}
/* .product-detail__overview__gallery {
  display: flex;
} */
.product-detail__overview__gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.product-detail__overview__gallery__imgbox {
  width: 45%;
  margin-top: 30px;
  padding-top: 45%;
}
.product-detail__overview__cat{
	font-weight: bold;
	margin-bottom: 30px;
}
.product-detail__technology__ttl {
  border-bottom: none;
}
.product-detail__technology__subttl {
  font-size: 24px;
  font-weight: bold;
}
.product-detail__technology__text,
.product-detail__technology__text2 {
  margin-top: 30px;
  line-height: 1.5;
}
.product-detail__technology__subttl2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.product-detail__technology__video {
  width: 100%;
  margin-top: 20px;
}
.product-detail__spec__subttl {
  font-size: 20px;
  font-weight: bold;
  margin-top: 20px;
}
.product-detail__spec__text {
  margin-top: 30px;
  line-height: 1.5;
}
.product-detail__accessory__gallery,
.product-detail__connection__gallery {
  display: flex;
  flex-wrap: wrap;
}
.product-detail__accessory__gallery__itembox,
.product-detail__connection__gallery__itembox {
  width: 32%;
  margin-right: 2%;
}
.product-detail__connection__gallery__itembox:nth-child(3n){
  margin-right:0;
}
.product-detail__connection__gallery__itembox {
  display: block;
}
.product-detail__accessory__gallery__itembox:nth-of-type(n + 3),
.product-detail__connection__gallery__itembox:nth-of-type(n + 3) {
/*   margin-top: 20px; */
	margin-bottom: 20px;
}
.product-detail__accessory__gallery__text,
.product-detail__connection__gallery__text {
  margin-top: 10px;
  line-height: 1.5;
}
.product-detail__gallery__text {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}
.product-detail__gallery__subtext {
  font-size: 13px;
  color: #666666;
}
.imgbox-square {
  margin-bottom: 5px;
  overflow: hidden;
}
.product-detail__introduction__left__item__imgbox{
  border:1px solid #ccc;
}
.product-detail__download__text {
  margin-bottom: 20px;
  font-size: 16px;
  color: #444;
  text-decoration: underline;
  display: block;
}
.product-detail__download__text:last-child {
  margin-bottom: 0;
}
.lb-outerContainer {
  z-index: 20;
  user-select: none;
  cursor: zoom-in;
  position: relative;
  top: 0;
  transform: scale(1);
}
.zoom {
  cursor: zoom-out;
  top: 180px;
  transform: scale(2);
}
/* 納入事例ページ */
.dropdown {
  margin-top: 33px;
  margin-left: auto;
  position: relative;
  text-align: right;
}
.dropdown__btn {
  display: inline-block;
  width: 200px;
  padding: 16px 0;
  border: 1px solid #111;
  font-weight: bold;
  text-align: center;
  position: relative;
}
.dropdown__btn:focus,
.dropdown__btn:hover {
  opacity: 0.5;
}
.dropdown__btn.is-open::after {
  content: "";
  width: 100%;
  height: 100%;
  cursor: default;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
}
.dropdown__btn.is-open + .dropdown__body {
  display: block;
  z-index: 5;
}
.dropdown__body {
  display: none;
  width: 200px;
  background: #fff;
  box-shadow: 0 2px 6px 2px rgba(60, 64, 67, 0.149), 0 1px 2px 0 rgba(60, 64, 67, 0.302);
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  top: 52px;
  right: 0;
}
.dropdown__list {
  margin: 0;
  padding: 0;
}
.dropdown__item {
  display: block;
}
.dropdown__item-link {
  display: block;
  padding: 16px 0;
  text-decoration: none;
  color: black;
  text-align: center;
}
.dropdown__item-link:hover {
  background: #fbfbfb;
}
.arrow-down {
  width: 0;
  height: 0;
  border-left: 4.5px solid transparent;
  border-right: 4.5px solid transparent;
  border-top: 7px solid var(--primary-color);
}
.dropdown__btn .arrow-down {
  position: absolute;
  top: 21.5px;
  right: 10.5px;
}
.dropdown__btn.is-open .arrow-down {
  border-top: none;
  border-bottom: 7px solid var(--primary-color);
}
.tag-box {
  display: flex;
  align-items: center;
  margin-top: 30px;
  padding: 20px;
  background-color: #f2f2f2;
}
.tag-box__left {
  font-weight: bold;
}
.tag-box__right {
  flex-basis: 70%;
  padding-left: 5%;
}
.tag-box__right label:hover{
  opacity:0.5;
}
.tag-box__right input[type="text"]{
  background:#fff;
  padding:10px 15px;
  padding-left:40px;
  border: 2px solid #ddd;
}
.tag-box .ct {
  display: inline-block;
  width: auto;
  min-width: 80px;
}
.example .ttl{
  margin-top:30px;
}
.example-case-box {
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
}
.example-case-box .case-article {
  margin-bottom: 50px;
  flex-basis: 30%;
  margin-right: 3%;
}
.case-img-area {
  display: block;
}
.example-case-box .case-body,
.example-case-box .case-text {
  height: auto;
}
.example-case-box .case-article:nth-of-type(1)::after,
.example-case-box .case-article:nth-of-type(2)::after {
  content: none;
}
.wp-pagenavi-wrapper {
  margin-bottom: 80px;
  display: flex;
  justify-content: center;
}
.wp-pagenavi a,
.extend {
  display: inline-block;
  margin-right: 8px;
  width: 48px;
  height: 48px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  color: #999999;
  font-weight: bold;
  text-decoration: none;
}
.wp-pagenavi a:focus,
.wp-pagenavi a:hover {
  background-color: var(--primary-color);
  color: #fff;
}
.wp-pagenavi .current {
  display: inline-block;
  margin-right: 8px;
  width: 50px;
  height: 50px;
  border: 1px solid var(--primary-color);
  border-radius: 50%;
  text-align: center;
  line-height: 42px;
  color: #fff;
  background-color: var(--primary-color);
  font-weight: bold;
}
.wp-pagenavi .last {
  margin-right: 0;
}
@media (max-width: 768px) {
  .example .breadcrumb-items {
    top: 0;
  }
  .dropdown {
    margin-top: 0;
    top: -60px;
  }
  .dropdown__btn {
    width: 120px;
    font-size: 12px;
  }
  .dropdown__btn .arrow-down {
    top: 20px;
    right: 4px;
  }
  .tag-box {
    display: none;
  }
  .example-case-box {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 500px;
  }
  .wp-pagenavi .current,
  .wp-pagenavi a {
    margin-right: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}
/* 納入事例-記事ページページ */
.example-article-wrapper {
  overflow: hidden;
}
.example-article__container {
  max-width: 960px;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
}
.article-head{
  padding-top:30px;
}
.article-head__footer {
  margin-top: 19px;
  margin-bottom: 56px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.article-head__footer-left {
  display: flex;
  align-items: center;
  width:65%;
}
.article-head__footer .case-date {
  margin-right: 22px;
}
.article-head__footer .ct-link {
  height: auto;
}
.article-head__footer .ct {
  width: auto;
  min-width: 100px;
}
.article-head__footer .ct a{
	color: #333;
  max-width:100px;
}

/* 記事装飾まとめ */
.article-body h2,
.article-body h3,
.article-body h4,
.article-body h5,
.article-body h6{
  color:var(--primary-color);
  font-weight: bold;
  margin: 40px 0 20px;
}
.article-body div{
  max-width:100%;
}
.wp-caption-text{
  text-align:center;
  font-size:14px!important;
  color:rgb(139, 139, 139)!important;

		margin-top: 10px;
	margin-left: 10px;
	margin-right: 5px;
		line-height: 1.2 !important;
}
.article-body table{
  margin-bottom:30px;
}
.article-body h2{
	font-size: 24px;
  padding: 0.25em 0 0.5em 0.75em;
  border-left: 6px solid var(--primary-color);
  padding: 0.5em 0.75em;
  background-color: #f6f6f6;
}
.article-body h3{
  font-size: 22px;
  padding: 0 0.5em 0.5em;
  position: relative;
  border-bottom: 1px solid var(--primary-color);
}
.article-body h3::before{
  content: "";
  width: 100%;
  height: 2px;
  background: repeating-linear-gradient(90deg, var(--primary-color) 0%, var(--primary-color) 29.3%, rgba(150,150,150,.2) 29.3%, rgba(150,150,150,.2) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  display: block;
}
.article-body h4{
	font-size: 20px;
  padding: 0 0 0 0.5em;
  border-left: solid 2px var(--primary-color);
}
.article-body h5{
	font-size: 18px;
}
.article-body h6{
	font-size: 16px;
}
.postflex,
.postflexone{
  display:flex;
  align-items: flex-end;
}
.postflex a,
.postflexone a,
.postflexone div,
.product-detail__overview__gallery__imgbox{
  margin-right:10px;
  margin-bottom:10px;
}
.postflexone div,
.postflexone a{
  width:100%!important;
}
.postflex a:last-child,
.postflexone div:last-child,
.product-detail__overview__gallery__imgbox:last-child{
  margin-right:0;
}
.postflexone{
  position:relative;
  padding-bottom:1em;
}
.postflexone .wp-caption-text{
  display:none;
}
.flexcaption{
  position:relative;
  bottom:20px;
  display: block;
  text-align:center;
  width:100%;
	min-width:300px;
  margin:auto;
  text-align:center;
  font-size:14px!important;
  color:rgb(139, 139, 139)!important;
  margin-bottom:0;
}
.arrowimg{
  display:block;
  width:17px;
  height:auto;
  margin:0 auto;
  line-height:29px;
}
/* 共通文字 */
.article-body p,
.article-body .waku1,
.article-body .waku2,
.article-body .post-q,
.article-body .post-quote,
.article-body li,
.product-detail__technology__body p,
.product-detail__overview__lows p{
	font-size: 16px;
  color: #494D50;
  line-height: 1.75;
	margin-bottom: 20px;
}
.article-body ul,
ol{
  margin-left:1em;
  margin-bottom:20px;
}
.article-body li,
.product-right li{
  margin-bottom:5px;
  list-style: inside;
}
ol li{
  margin: 10px 0!important;
  list-style-type: decimal!important;
}
.support-right ol li,
.product-right ol li{
  margin: 10px 0!important;
}
.product-detail__overview__lows ol,
.support-right ol,
.product-detail__overview__gallery ol{
  margin-left:1.5em;
  list-style-type: decimal;
}
.product-detail__overview__lows ul,
.support-right ul,
.product-detail__overview__gallery ul,
.product-right ul{
  margin-left:1.5em;
  list-style-type: disc;
}
.article-body iframe{
  max-width:100%;
}
.article-body span.post-underline{
  background:linear-gradient(transparent 60%, #f5f110 0%)
}
span.post-underline_product{
  background:linear-gradient(transparent 60%, #f5f110 0%)
}
.article-body .waku1{
  border:1px solid rgb(155, 155, 155);
  padding:20px;
  margin:30px auto;
  width:auto;
}
.article-body .waku1 p:last-child{
  margin-bottom:0;
}
.article-body .waku2{
  background:rgba(108,1,0,0.1);
  padding:20px;
  margin:30px auto;
  width:auto;
}
.article-body .waku2 p:last-child{
  margin-bottom:0;
}
hr{
  margin-bottom:20px;
}
.article-body .post-q{
  position:relative;
  background:#eee;
  padding:15px;
  padding-left:60px;
}
.article-body .post-q::before{
  content:"";
  background:#333;
  width:30px;
  height:2px;
  position:absolute;
  left:20px;
  top:29px;
}
.article-body blockquote{
  position: relative;
  margin: 1.5em 0;
  padding: 2.2em 3em;
  font-size: .9em;
  background: #DFDFDF;
}
.article-body blockquote p {
  position: relative;
  margin: 1.5em 0;
  padding: 1.2em 2em;
  font-size: .9em;
  background: #DFDFDF;
  }
  .article-body blockquote p{
    margin-bottom:1.5em;
  }
.article-body blockquote:before{
  position: absolute;
  top: 15px;
  left: 20px;
  content: '“';
  font-size: 4em;
  color: #FFF;
  font-family:"ＭＳ Ｐゴシック",sans-serif;
  }


#ez-toc-container .ez-toc-title-container{
  background: var(--primary-color);
  box-shadow: 0px -2px 0px 0px var(--primary-color);
  width: 100%;
}
div#ez-toc-container p.ez-toc-title{
  color: #fff;
  font-size: 14px;
}
.ez-toc-title-container{
  padding: 0.5rem 0 0.5rem 1.5rem;
}
#ez-toc-container nav{
  padding-bottom: 1.2rem;
}
#ez-toc-container .ez-toc-list{
  margin: 1rem 1.5rem 0 1.5rem;
}
div#ez-toc-container ul li{
  padding:0;
  list-style:none;
}
#ez-toc-container a{
  line-height: 2;
  text-decoration: none;
  color: #333;
}
#ez-toc-container .ez-toc-heading-level-3{
  position: relative;
  margin-left: 0.65rem;
}
.article-body a,
.product-right a{
  color:var(--primary-color);
  font-weight:bold;
	word-break: break-all;
}
/* .article-body a{
  margin-bottom:20px;
} */
.product-delivery-article__box__item a,
.product-connection-article__box__item a,
a.product-detail__connection__gallery__itembox{
  color:#494d50;
  font-weight:400;
}
.product-delivery-article__box__item a:hover,
.product-connection-article__box__item a:hover{
  text-decoration:underline;
}
a.product-detail__accessory__gallery__itembox:hover,
a.product-detail__connection__gallery__itembox:hover{
  text-decoration:none;
}
.article-body img.size-full{
  width:100%;
}
.article-body img.alignright{
  margin-left:auto;
  margin-right:0;
}
.article-body img.aligncenter{
  margin-left:auto;
  margin-right:auto;
  display:block;
}
.article-body .aligncenter {
	margin-left: auto;
	margin-right: auto;
}
.article-body .alignnone {
	margin-right: auto;
}
.article-body table th,
.article-body table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
}
.article-body table th{
  font-weight:bold;
  text-align:center;
}
.article-body table tr{
  border: 1px solid #bbb;
}
.article-body table thead th{
  background:#eee;
}
/* end投稿装飾 */
.media_table {
    background-color: rgb(238,238,238);
    padding: 24px 40px;
    margin: 40px 0 56px;
}
.media_table #tableindex{
	margin-bottom: 16px;
    color: #002C6B;
    font-weight: bold;
    font-size: 18px;
}
.media_table ul{
	padding: 0 40px;
	line-height: 1.8;
	list-style: decimal;
}
.media_contents  p > strong {
    color: #111;
    font-size: 20px;
    font-weight: bold;
    line-height: 1.7;
    margin-bottom: 32px;
    margin-top: 48px;
    display: inline-block;
}
.media_contents p{
	font-size: 16px;
	color: #111;
	line-height: 1.7;
}

.sns {
  display: flex;
  align-items: center;
}
.sns-text {
  margin-right: 24px;
  color: #666666;
  font-size: 15px;
}
.sns-link {
  margin-right: 17px;
}
.sns-link:last-of-type {
  margin-right: 0;
}
.sns-icon {
  width: 20px;
}
.article__top-img {
  margin-bottom: 40px;
  width: 100%;
}
.article__top-img > a{
	width: 100%;
}
.article__top-img > a > img{
	width: 100%;
}
.article__top-img > .thumbnail-img, .article__top-img > .thumbnail-img > img{
  width: 100%;
}
.thumbnail-img img:hover{
  opacity:1;
  cursor:auto
}
.article__lead-text {
  margin-bottom: 40px;
  line-height: 2;
}
.index {
  padding: 24px 40px;
  background-color: #eeeeee;
}
.index__title {
  margin-bottom: 16px;
  color: #002c6b;
  font-size: 18px;
  font-weight: bold;
}
.index-list {
  padding-left: 16px;
  counter-reset: index-num 0;
}
.index__list-item {
  display: flex;
  margin-bottom: 10px;
  counter-increment: index-num;
}
.index__list-item:last-of-type {
  margin-bottom: 0;
}
.index__list-item::before {
  flex-shrink: 0;
  content: "- " counter(index-num);
  display: block;
  margin-right: 12px;
  font-weight: bold;
}
.index__list-item a {
  display: block;
  text-decoration: underline;
}
.index__list-item a:focus,
.index__list-item a:hover {
  text-decoration: none;
}
.article-section-title {
  margin-top: 56px;
  margin-bottom: 40px;
  font-size: 28px;
  font-weight: bold;
  position: relative;
}
.article-section-title::before {
  content: "";
  display: block;
  margin-top: 12px;
  width: 10%;
  height: 3px;
  background-color: var(--primary-color);
  position: absolute;
  bottom: -1px;
}
.article-section-title::after {
  content: "";
  display: block;
  margin-top: 12px;
  width: 100%;
  height: 1px;
  background-color: var(--primary-color);
}
.article-img {
  max-width: 900px;
  width: 93.75%;
  margin-right: auto;
  margin-bottom: 48px;
  margin-left: auto;
}
.article-img--mt48 {
  margin-top: 48px;
}
.article-img--small {
  max-width: 675px;
  width: 70.3%;
}
.article-img--large {
  width: 100%;
}
.img-caption {
  margin-top: 16px;
  font-size: 13px;
  color: #666666;
  text-align: center;
}
.article-section-heading {
  margin-top: 48px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
}
.article-text {
  margin-top: 32px;
  line-height: 2.125;
}
.article-caption {
  margin-top: 24px;
  color: #666666;
  font-size: 13px;
}
.arrows img{
  width:12px;
  height:10.8px;
  position:absolute;
  top:4px;
  left:0;
  right:0;
  bottom:0;
  margin: auto;
}
.before-icon {
  display: flex;
  color: var(--primary-color);
  font-family: "Font Awesome 5 Free";
  text-decoration: underline;
}
.before-icon::before {
  display: block;
  flex-shrink: 0;
  margin-right: 0.25em;
  width: 1em;
  height: 1em;
}
.before-icon--link::before {
  content: url(./../img/link-solid.svg);
}
.before-icon:focus,
.before-icon:hover {
  text-decoration: none;
}
.article-section__before-icon {
  margin-top: 48px;
  font-weight: 900;
}
.article-section-heading--link {
  margin-top: 48px;
}
.article-section-heading--link a {
  color: var(--primary-color);
  text-decoration: underline;
}
.article-section-heading--link a:focus,
.article-section-heading--link a:hover {
  text-decoration: none;
}
.remarkable-area {
  padding: 40px;
  background-color: #eeeeee;
}
.article__remarkable-area {
  margin-top: 48px;
}
.remarkable-area__heading {
  font-size: 20px;
  font-weight: bold;
}
.remarkable-area__text {
  margin-top: 16px;
}
.remarkable-area__link {
  margin-top: 16px;
  color: var(--primary-color);
  font-weight: bold;
}
.article-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 64px;
  padding: 40px 24px;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.next-btn a,
.previous-btn a,
.article-footer-link {
  color: var(--primary-color);
  font-weight: bold;
}
.next-btn-arrow {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: #fff;
  line-height: 32px;
  text-align: center;
}
.next-btn-arrow--left {
  margin-right: 8px;
}
.next-btn-arrow--right {
  margin-left: 8px;
}
.example-article-wrapper__case {
  margin-bottom: 80px;
}
.example-article-wrapper__case .case-ttl {
  font-size: 28px;
}
.example-article-wrapper__case .case-box {
  margin-top: 24px;
}
#pagehead{
  padding-top:60px;
  margin-top:-60px;
}
/* pagenavi */
ul.pagination{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
}
.pagination li {
	flex-shrink: 0;
}
.pagination li a{
  width:40px;
  height:40px;
  line-height:40px;
  border:1px solid #999999;
  text-align:center;
  margin:0 7px;
  color:#999999;
  border-radius:50%;
  font-weight:bold;
}
.pagination li a.active{
  color:#fff;
  background:var(--primary-color);
  border:1px solid var(--primary-color);
  cursor: inherit;
}
.pagination li a span{
  position:relative;
  top:-1px;
}
.pagination li.next a span,
.pagination li.pre a span{
  position:static;
}
.pagination li a:hover,
.pagination li a.active:hover{
  text-decoration:none;
}
@media (max-width: 768px) {
  .example-article .breadcrumb-items {
    top: 0;
  }
  .example-article__container {
    width: 100%;
  }
  .article .ttl {
    margin-top: 40px;
  }
  .sns {
    justify-content: flex-end;
    position: relative;
  }
  .article-head__footer {
    display: block;
  }
  .article-head__footer .case-ct {
    justify-content: flex-start;
  }
  .article-head__footer-left {
    margin-bottom: 20px;
  }
  .index {
    margin: 0 calc(50% - 50vw);
    padding: 12px 20px;
    width: 100vw;
  }
  .index__title {
    text-align: center;
  }
  .index__lists {
    padding-left: 0;
  }
  .article__remarkable-area {
    margin: 48px calc(50% - 50vw) 0;
    width: 100vw;
  }
  .article-footer {
    margin: 48px calc(50% - 50vw) 0;
    padding-top: 80px;
    width: 100vw;
    position: relative;
  }
  .article-footer > a {
    position: absolute;
    top: 40px;
    left: 50%;
    transform: translateX(-50%);
  }
  .article-body table {
    min-width: 1000px !important;
  }
  .product-right ul {
    margin-left: 0;
  }
}
/* 製品資料ダウンロードページページ */
.download-main {
  display: flex;
  justify-content: space-between;
}
.download__sp-text {
  margin-top: 50px;
  margin-bottom: 30px;
  font-weight: bold;
  line-height: 2;
  text-align: center;
}
.download__searchbox .searchbox__heading {
  font-size: 24px;
  color: var(--primary-color);
  margin-top: 0;
}
.download__searchbox {
  padding: 50px 20px;
}
.download__searchbox__ttl {
  margin: 0 0 30px 0;
  color: var(--primary-color);
}
.searchbox__subp {
  cursor: pointer;
  display: inline-block;
}
.searchbox__subp-gray {
  color: #999999;
  display: inline-block;
  width: 85%;
  word-break: keep-all;
  line-height: 1.3;
}
.brand-lists{
  margin-top:20px;
}
.brand-lists__item {
  margin-top: 28px;
}
.brand-lists__item:first-of-type {
  margin-top: 0;
}
.brand-lists__item > .searchbox__items {
  display: none;
}

/* .brand-lists__item:first-of-type > .searchbox__items {
  display: block;
} */

.brand-lists__p {
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.brand-lists__p-non {
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
.brand-lists__p::after {
  content: "";
  background:url('../img/icon-plus.png');
  width:18px;
  height:18px;
  background-size:100% 100%;
  display:block;
  position:absolute;
  top:2px;
  right:10px;
}
.brand-lists__p.open::after {
  content: "";
  background:url('../img/icon-minus.png');
  width:18px;
  height:18px;
  background-size:100% 100%;
  display:block;
  position:absolute;
  top:2px;
  right:10px;
}
.searchbox__lead-text {
  font-size: 14px;
  font-weight: bold;
}
.download .ttl{
  padding-top:30px;
}
.download__searchbox .add {
  font-weight: normal;
}
.download-right {
  margin-top: 20px;
  margin-bottom: 80px;
  width: 65%;
}
#mybox{
  position: -webkit-sticky;
  position: sticky;
  top: 77px;
  overflow-y:scroll;
  max-height:90vh;
}
.accordion-list__head {
  padding-top: 27px;
  padding-bottom: 30px;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  position: relative;
}
.accordion-list__head::before {
  content: "";
  background: url(../img/icon-plus_black.png);
  background-size: 100% 100%;
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  top: calc(50% - 14px);
  right: 14px;
  transition: transform 0.3s;
}
.accordion-list__head.open::before {
  content: "";
  background: url(../img/icon-minus_black.png);
  background-size: 100% 100%;
  display: block;
  width: 22px;
  height: 22px;
}
.accordion-list__heading {
  color: var(--primary-color);
  font-size: 24px;
  font-weight: bold;
}
.accordion-list__body {
  display: none;
  padding-top: 30px;
  padding-bottom: 30px;
}

/* .accordion-list__item:first-of-type .accordion-list__body {
  display: block;
}
 */
.accordion-list__body__text {
  font-size: 20px;
  font-weight: bold;
}
.horizontal-table {
  width: 100%;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
}
.horizontal-table__title {
  margin-top: 30px;
  margin-bottom: 20px;
  font-weight: bold;
}
.horizontal-table__title a{
  text-decoration:underline;
}
.horizontal-table__row {
  width: 100%;
  border-bottom: 1px solid #cccccc;
}
.horizontal-table__row:last-of-type {
  border-bottom: none;
}
.horizontal-table__header {
  padding: 15px 2%;
  width:24%;
  background-color: #eeeeee;
  vertical-align: top;
}
.horizontal-table__header a{
  text-decoration:underline;
}
.horizontal-table__data {
  width : 30% ;
  padding: 15px 10px;
}
.horizontal-table__data.nashi{
  width:60%;
}
.horizontal-table__link {
  width: 5%;
  padding: 15px 10px;
  vertical-align:middle;
}
.before-icon--pdf::before {
  content: url(./../img/file-pdf-regular.svg);
  vertical-align: middle;
  margin:0 auto;
}
.before-icon--other::before{
  content: url(./../img/file-other-regular.svg);
  vertical-align: middle;
  margin:0 auto;
}
.before-icon--black {
  color: #000;
}
.company-ttl{
  margin-top:30px;
}
@media (max-width: 768px) {
  .download .breadcrumb-items {
    top: 0;
  }
  .download-main {
    display: block;
  }
  .download .searchbox-oc {
    top: 40px;
  }
  .download-right {
    width: 100%;
  }
  .accordion-list__body__text {
    font-size: 18px;
  }
  /* pagenavi */
  .pagination li a{
    width:35px;
    height:35px;
    line-height:35px;
    margin:0 2px;
  }
}
/* 会社概要ページ */
.company-back {
  position: relative;
  overflow: hidden;
}
.company__strengths {
  margin-top: 50px;
}
.overlapping {
  position: relative;
  width: 47.666%;
  height: 620px;
  margin-left: 52.334%;
}
.overlapping__red-text {
  width: auto;
  position: absolute;
  left: -108%;
  top: 109px;
  font-size: 38px;
  font-weight: bold;
  color: var(--primary-color);
  z-index: -1;
  line-height: 1.47;
}
.overlapping__white-text {
  position: relative;
  width: 100%;
  height: 620px;
  overflow: hidden;
}
.overlapping__white-text::after {
  position: absolute;
  left: -108%;
  top: 109px;
  content: "豊富な知識と経験を培ったスタッフによる\A導入サポート・アフターサポートを提供";
  color: #fff;
  white-space: pre;
  font-size: 38px;
  font-weight: bold;
  line-height: 1.47;
  z-index: 1;
}
.overlapping__title {
  font-size: 20px;
  font-weight: bold;
  position: absolute;
  top: 64px;
  left: -108%;
}
.overlapping__text {
  width: 94.405%;
  position: absolute;
  top: 285px;
  left: -108%;
  line-height: 1.75;
}
.company__strengths-text {
  margin-top: 30px;
  line-height: 2;
}
.company__message {
  margin-top: 80px;
  padding: 80px 40px 80px;
  background-color: #666666;
  color: #fff;
}
.company__message-inner {
  display: flex;
  justify-content: space-between;
}
.company__message-img {
  flex-basis: 31.16%;
}
.company__message-content {
  flex-basis: 56.25%;
}
.company__message-title {
  font-size: 26px;
  font-weight: bold;
}
.company__message-text {
  margin-top: 32px;
  line-height: 1.75;
}
.company__message-signature-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: 24px;
}
.company__message-signature-job {
  font-size: 13px;
  line-height: 2.46;
}
.company__message-signature {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.45;
}
.company-summary {
  margin-top: 80px;
  margin-bottom: 80px;
}
.company-summary__title {
  font-size: 26px;
  font-weight: bold;
}
.company-summary__dl {
  padding-top: 30px;
  padding-left: 0px;
  border-bottom: 1px solid #cccccc;
  line-height: 2.125;
}
.dl__item {
  display: flex;
  align-items: center;
  padding: 20px 0;
  border-top: 1px solid #cccccc;
}
.dl__item dd,
.dl__item dd p{
  line-height:1.75;
}
.dl__desc{
  line-height:1.75;
}
.dl__item:first-of-type {
  border-top: none;
}
.dl__heading {
  flex-basis: 28.75%;
}
.dl__link {
  color: var(--primary-color);
  text-decoration: none;
  font-weight: bold;
}
.dl__tel {
  text-decoration: underline;
}
.dl__tel:hover {
  opacity: 0.5;
}
.dl__link:focus,
.dl__link:hover {
  text-decoration: underline;
}
@media (max-width: 1080px) {
  .overlapping__red-text,
  .overlapping__white-text::after {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .company .breadcrumb-items {
    top: 0;
  }
  .company-back::before {
    font-size: 120px;
    top: 40px;
    right: -40px;
  }
  .overlapping {
    width: 70%;
    height: 300px;
    margin-left: 30%;
    background-position: bottom;
  }
  .overlapping__title,
  .overlapping__red-text,
  .overlapping__white-text::after {
    left: -50%;
  }
  .overlapping__title {
    font-size: 18px;
  }
  .overlapping__red-text,
  .overlapping__white-text::after {
    font-size: 24px;
  }
  .overlapping__white-text {
    height: 300px;
  }
  .overlapping__white-text::after {
    content: "豊富な知識と経験を培った\Aスタッフによる導入サポート・\Aアフターサポートを提供";
  }
  .overlapping__text {
    top: 320px;
    left: -60%;
    width: 140%;
  }
  .company__message {
    margin-top: 80px;
  }
  .company__message-inner {
    display: block;
  }
  .company__message-img {
    margin-right: auto;
    margin-left: auto;
    max-width: 350px;
  }
  .company__message-content {
    margin-top: 24px;
  }
  .company-summary__dl {
    padding-left: 0;
  }
  .dl__item {
    display: block;
  }
}
@media (max-width: 374px) {
  .overlapping__red-text,
  .overlapping__white-text::after {
    font-size: 20px;
  }
}
/* サポートページ */
.support {
  position: relative;
}
.support-main {
  display: flex;
  justify-content: space-between;
}
.support-index {
  margin-top: 32px;
  padding: 40px 24px;
  width: 100%;
  background-color: #f4f4f4;
}
.support-index__item {
  margin-top: 35px;
  position: relative;
  font-size: 18px;
  padding-right:56px;
  line-height: 1.6666;
}
.support-index__item a{
  display:block;
  font-size:16px;
}
/* .support-index__item:hover {
  color: var(--primary-color);
  font-weight: bold;
} */
.support-index__item a:hover {
	text-decoration: none;
}
.support-index__item a::after {
  content: "→";
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: var(--primary-color);
  color: #fff;
  font-size: 13px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  top: 50%;
/*   right: -56px; */
	right: 0;
  transform: translateY(-50%);
}
.support-index__item:first-of-type {
  margin-top: 0;
}
.support-right {
  margin-bottom: 80px;
  width: 65%;
  padding-top:130px;
}
.support__section-title {
  margin-bottom: 24px;
  font-size: 30px;
  font-weight: bold;
  position: relative;
}
.support__section-title::after {
  content: "";
  display: block;
  margin-top: 24px;
  width: 100%;
  height: 1px;
  background-color: #cccccc;
}
.support-consultation {
  margin-top: 32px;
}
.support-consultation__text {
  line-height: 2;
}
.support-consultation__cta-area {
  margin-top: 40px;
}
.support-consultation__cta {
  flex-basis: 47.5%;
}
.support-consultation__cta:nth-of-type(1) {
  margin-bottom: 20px;
}
.cta {
  padding: 32px 0;
  background-color: #fafafa;
  text-align: center;
}
.badge-text__box {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.cta__heading {
  color: var(--primary-color);
  font-size: 18px;
  font-weight: bold;
}
.cta-head_text{
  margin-top:30px;
  font-size: 18px;
  font-weight: bold;
}
.cta__badge-text {
  margin-top: 17px;
  width: 50%;
  margin:17px auto 0;
}
/* .cta__badge-text:first-of-type {
  margin-top: 21px;
} */
.cta__caption {
  margin-top: 24px;
  color: #666666;
  font-size: 13px;
}
.badge-text__badge {
  margin-right: 10px;
  display: inline-block;
  padding: 5px 20px;
  background-color: #111;
  color: #fff;
  font-weight: bold;
  vertical-align: bottom;
}
.badge-text__text {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
}
.badge-text__text a,
.support__section-text a {
  text-decoration: underline;
}
.badge-text__text a:hover,
.support__section-text a:hover {
  opacity: 0.5;
}
a.support-consultation__btn {
	text-decoration: none;
}
.support-consultation__btn {
  display: block;
  margin-top: 40px;
  padding: 20px;
  background-color: var(--primary-color);
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.support-consultation__btn:focus,
.support-consultation__btn:hover {
  opacity: 0.8;
}
.support__section-heading {
  margin-top: 48px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
}
.support__section-text {
  margin-top: 24px;
  line-height: 2;
}
.support-repair,
.support-shipment {
  margin-top: 80px;
}
.support-repair .support__section-heading:first-of-type {
  margin-top: 0;
}
.support-music-tribe {
  margin-top: 80px;
}
.support-music-tribe .support__section-heading:first-of-type {
  margin-top: 0;
}
.suport-location__ttl {
  font-weight: bold;
}
.price-table {
  border-collapse: collapse;
  width: 100%;
}
.price-table th,
.price-table td {
  border: 1px solid black;
  width: 50%;
  padding: 5px 0 5px 10px;
}
.pc2 {
  display: none;
}
@media (max-width: 1280px) {
  .support-consultation__cta-area {
    display: block;
  }
  .support-consultation__cta {
    width: 80%;
    margin: 16px auto 0;
  }
  .support-consultation__cta:first-of-type {
    margin-top: 0;
  }
}
@media (max-width: 1280px) {
  .pc2 {
    display: block;
  }
}
@media (max-width: 768px) {
  .badge-text__box {
    display: block;
  }
  .support .breadcrumb-items {
    top: 0;
  }
  .support-main {
    display: block;
  }
  .support-index {
    margin: 32px calc(50% - 50vw) 0;
    width: 100vw;
    padding: 20px 60px 20px 20px;
  }
  .support-index__item {
    margin-top: 16px;
    font-size: 16px;
  }
  .support-index__item::after {
    width: 24px;
    height: 24px;
    line-height: 24px;
    right: -40px;
  }
  .support-right {
    width: 100%;
  }
  .support-consultation {
    margin-top: 80px;
  }
  .support__section-title {
    font-size: 20px;
  }
  .support-consultation__cta {
    max-width: 400px;
    width: 100%;
  }
  .badge-text__text {
    font-size: 20px;
  }
  .badge-text__badge {
    font-size: 14px;
  }
  .support__section-heading {
    font-size: 18px;
  }
  .postflex{
    flex-wrap:wrap;
  }
  .arrowimg{
    line-height:27px;
  }
}
/* 採用情報ページ */
.recruit-ttl{
  margin-top:30px;
}
.recruit-box {
  position: relative;
}
.recruit-contents-ttl {
  font-size: 28px;
  font-weight: bold;
}
.entry-ttl {
  font-size: 18px;
  font-weight: bold;
}
.recruit-subttl {
  font-size: 13px;
}
.recruit-img {
  width: 100%;
  height: 440px;
}
@media (max-width: 768px) {
	.recruit-img {
		height: 33vw;
	}
}
.recruit-contents-ttl {
  margin-top: 50px;
  padding-bottom: 30px;
}
.recruit-subttl {
  margin-top: 42px;
}
.entry-box {
  margin: 0 auto;
  background-color: white;
  margin-bottom: 80px;
}
.entry-contents {
  display: flex;
  justify-content: space-between;
  padding: 30px 10px 30px 0;
  border-bottom: 1px solid #cccccc;
  width: 100%;
  word-break: break-all;
}
.entry-contents-last {
  border: none;
}
#ez-toc-container{
  width:100%;
}
#ez-toc-container .nav{
  width:100%;
}
.entry-text {
  width: 75%;
  line-height: 32px;
  letter-spacing: 0.02em;
  font-size: 16px;
}
.entry-text a {
  font-weight: bold;
  text-decoration: underline;
  color: var(--primary-color);
}
.recruit-logo {
  display:none;
}
@media screen and (max-width: 768px) {
  .recruit-ttl,
  .recruit-breadcrumb-items {
    position: static;
  }
  .recruit-back {
    right: -90px;
    top: 720px;
  }
  .entry-contents {
    flex-direction: column;
  }
  .entry-ttl {
    padding-bottom: 16px;
  }
  .entry-text {
/*     width: 75vw; */
	  width: 100%;
  }
  .recruit-contents-ttl {
    padding-top: 74px;
    margin-top: 0;
  }
}

.download-initial{
	font-size: 20px;
	font-weight: bold;
	margin: 0px 0 20px;
	text-align: left;
}

.download-initial.none{
	display: none;
}

.example-article-wrapper .scroll--right{
  margin-right: initial;
}
.youtube{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.youtube iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.mb_20{
	margin-bottom: 20px;
}

.border_none td{
	border: 0px none;
}

.patch{
	position: absolute;
  background:#333;
  top: 0px;
	left: 0px;
	padding: 7px 0;
  width:80px;
	font-size: 12px;
  color:#fff;
	text-align: center;
  z-index: 9999;
  box-shadow:0px 3px 6px rgba(0,0,0,0.18);
}
.patch.patch__new{
	background: var(--primary-color);
	color: #fff;
}
.img-square{
	object-fit: contain;
}
.full_width{
	width: 100%;
}
.half_width{
	width: 49%;
}
.one-third_width{
	width: 33%;
}
.quarter_width{
	width: 24%;
}
.product-connection-article__box__item__imgbox.imgbox-square{
	padding-top: 0;
}
.product-connection-article__box__item__imgbox__img.img-square{
	position: relative;
}

/*文字強調スタイル*/
/*文字下線に黄色線をつける*/
.emphasis{
	display: inline!important;
	background: -webkit-gradient(linear, left bottom, left top, from(#FFD700), color-stop(48%, transparent), to(transparent));
	background: linear-gradient(0deg, #FFD700, transparent 48%, transparent);
}
.article p a{
	color: var(--primary-color);
}
.strong_question{
	display: inline;
	font-weight: bold;
}
.strong_question::before{
	content: "ーー";
}
.contact__thanks__text {
  text-align: center;
  margin: 100px 0;
  font-size: clamp(18px, 4vw, 24px);
  font-weight: bold;
  line-height: calc(48 / 24);
}
.contact .support-consultation__cta-area{
	width: 60%;
	margin: 20px auto 0;
}
.text-center{
	text-align: center;
}
.contact__title{
	font-size: 24px;
    font-weight: bold;
    margin: 40px 0 10px;
}
.top-back{
  position:fixed;
  bottom:60px;
  right:50px;
  width:50px;
  z-index:99999;
}
.arc-ttl{
  font-size:18px;
  font-weight:bold;
  margin:20px 0 10px;
}
.arc-ttl.none{
  display:none;
}
.arc-ttl:first-child{
  margin-top:0;
}
.tag-box__right .feas_clevel_01{
  display:inline-block;
  margin-bottom:5px;
  border:1px solid var(--primary-color);
  padding:5px 3px;
  border-radius:20px;
  font-size:12px;
  color:var(--primary-color);
  text-align:center;
}
.tag-box__right .feas_clevel_01.on{
  color:#fff;
}
.tag-box__right .feas_clevel_01 input[type="checkbox"]{
  display:none;
}
.tag-box__right .feas_clevel_01 span{
  margin:0 10px;
}
.tag-box__right .feas-submit-button{
  display:block;
  margin-top:20px;
}
.sp{
  display:none;
}
.unsubscribe {
  padding: 150px 0;
  margin: 0 20%;
}
.contact_wrap iframe{
  height:1500px;
}
.products-single_label{
  top:1px;
}
ul.product-detail__introduction__slideimg__main{
  margin-left:0;
}
@media (max-width: 768px) {
  .unsubscribe {
    margin: 0 4.7%;
  }
  .sp{
    display:block;
  }
  p{
    font-size:15px;
  }
  .header-back,
  .header-contents{
    height:50px;
  }
  .header-back{
    z-index:40000;
  }
  main{
    padding-top:50px;
  }
  .hb-btn{
    line-height:40px;
    position:absolute;
    right:0px;
  }
  .slider{
    margin-top:0;
  }
  .add{
    top:10px;
    right: 13.5px;
  }
  .add::before{
    content:"";
    background:url('../img/icon-plus_white.png');
    width:25px;
    height:25px;
    background-size:100% 100%;
  }
  .remove::before{
    content:"";
    background:url('../img/icon-minus_white.png');
    width:25px;
    height:25px;
    background-size:100% 100%;
  }
  .case-cat,
  .case-tag{
    width:50%;
  }
  .case-text{
    font-size:14px;
  }
  .more-btn,
  .search-free-btn{
    margin:10px 0 20px auto;
    line-height:50px;
  }
  .more-btn .more-btn-link{
    font-size:14px;
  }
  .more-btn .more-btn-link .right-arrow,
  .right-arrow{
    width:50px;
    height:50px;
  }
  .more-btn .more-btn-link{
    height:50px;
  }
  .mw{
    width:100%;
  }
  .ttl{
    margin-top:50px;
  }
  .case-back{
    top:40px;
    height:80%;
  }
  .case__contents{
    overflow: auto;
    margin-right: calc(50% - 50vw);
  }
  .search-ttl{
    margin-top:0;
    line-height:2;
    height:auto;
    padding-top:0px;
    padding-left: 0;
    padding-right: 10%;
    position:relative;
    top:2px;
  }
  .search-back-ttl{
    top:15px;
  }
  .search-menu-ttl{
    width:48%;
    padding:15px 3px;
    margin-top:10px;
    line-height:1;
    margin-right:0;
    margin-left:0;
  }
  .search-menu{
    display:flex;
    justify-content:space-between;
  }
  .search-brand{
    margin-top:0;
  }
  .search-free{
    margin-top:0;
  }
  .news-contents{
    padding-top:30px;
  }
  .news-ttl{
    margin-top:0px;
  }
  .news-ttlbox{
    margin-bottom:0;
  }
  .news-cat-menu-items{
    align-items:center;
  }
  .news-cat-menu-item{
    margin-left:0;
    width:48%;
    margin-right:4%;
    margin-top:10px;
  }
  .news-cat-menu-item:nth-child(2n){
    margin-right:0;
  }
  .news-article-box{
    margin-top:15px;
  }
  .news-img-box{
    width:35%;
  }
  .news-body{
    width:63%;
  }
  .news-date{
    font-size:12px;
    width:25%;
  }
  .news-text{
    font-size:14px!important;
    margin-top:5px;
    color:#494d50;
    font-weight:400;
  }
  .news-cat, .news-tag{
    width:100%;
  }
  .news-cat a{
    color:#333;
    font-weight:400;
  }
  .news-ct{
    margin-top:0px;
  }
  .ct{
    padding:3px 6px;
  }
  .news-head{
    display:flex;
    align-items:center;
    justify-content: space-around;
  }
  .news-article{
    margin-top:20px;
    padding-bottom:20px;
  }
  .news-contents .more-btn{
    top:10px;
    margin-bottom:25px;
  }
  .suport-ttl, .contact-ttl{
    margin-top:0px;
    margin-bottom:15px;
  }
  .suport-contact-box{
    margin-top:20px;
  }
  .add.add4{
    top:6px;
  }
  #search-wrap{
    right:50px;
  }
/*   .search-textbtn input{
    width:30px;
    height:30px;
    padding:10px;
    background:#fff url("https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/7-2-3/img/icon_search.svg") no-repeat 0px center;
    background-size:20px 20px;
  } */
  .sidebox{
    width:100%;
  }
  .product-right{
    padding-top:10px;
  }
  .sub-nav-item{
    margin-top:17px;
  }
  .hb-sub-item{
    margin-bottom:15px;
  }
  .footer-logo{
    width:200px;
  }
  .searchbox-oc{
    margin-top:20px;
    height:60px;
    padding:0 4% 0;
    line-height:60px;
  }
  .searchbox-oc__icon{
    width:40px;
    height:40px;
    line-height:40px;
    top:10px;
  }
  .searchbox{
    margin-top:0;
    padding:15px 4%;
  }
  .searchbox__cat{
    width:100%;
  }
  .add.add--search::before{
    background:url('../img/icon-plus.png');
    background-size:100% 100%;
  }
  .remove.add--search::before{
    content:"";
    background:url('../img/icon-minus.png');
    background-size:100% 100%;
  }
  .searchbox__item{
    margin:7px 0;
  }
  .product-linup__list__item{
    width:48%;
    margin-right:4%;
    margin-bottom:20px;
  }
  .product-linup__list__item:nth-child(2n){
    margin-right:0;
  }
  .product-connection-article__box__item,
  .product-delivery-article__box__item{
    width:100%;
  }
  .product-delivery-article__box__item__imgbox{
    padding-top:5px;
  }
  .imgbox-square{
    overflow:auto;
  }
  .img-square{
    position:static;
  }
  .top-mv__slider__imgList__item__img{
    min-height:auto;
  }
  .imgbox-square{
    padding-top:0;
  }
  .product-detail__introduction__body__name{
    font-size:18px;
  }
  .product-detail__introduction__body__price{
    font-size:18px;
    bottom:0;
  }
  .p-d__ttl{
    font-size:18px;
  }
  .product-detail__overview__ttl.p-d__ttl::before,
  .p-d__ttl::after{
    width:18px;
  }
  .p-d__ttl::before{
    height:18px;
    width:18px;
    top:4px;
    right:8px;
  }
  .p-d__ttl{
    margin:20px 0;
  }
  .product-detail__technology__body p{
    font-size:15px;
    line-height: 1.7;
    margin-bottom: 30px;
  }
  .product-detail__overview__lows p{
    font-size:15px;
    line-height: 1.7;
    margin-bottom: 30px;
  }
  .product-detail__technology__body p span, .product-detail__overview__lows p span {
    display: block;
  }
  #mybox{
    position:static;
  }
  .product-contents__ttl.ttl{
    margin-top:0;
  }
  .breadcrumb-item{
    padding:2px 10px;
  }
  .breadcrumb-item:first-child{
    padding:2px 10px 2px 0;
  }
  .breadcrumb-item:nth-child(2){
    margin-right:10px;
  }
  .breadcrumb-item:nth-child(3),
  .breadcrumb-item:nth-child(4){
    display:block;
    padding:2px 10px 2px 0;
    margin-right:10px;
  }
  .article .ttl{
    margin-top:20px;
    font-size:20px;
  }
  .article-head__footer{
    margin-top:5px;
  }
  .article-head__footer{
    margin-bottom:30px;
  }
  .article-head__footer .case-date{
    margin-right:10px;
  }
  .counter-hierarchy nav{
    display:block;
  }
  .brand-lists__p::after,
  .brand-lists__p.open::after{
    width:18px;
    height:18px;
  }
  .brand-lists__p.open::after,
  .brand-lists__p::after{
    right:13px;
  }
  .searchbox__heading{
    font-size:18px;
    margin-bottom:20px;
  }
  .download__searchbox .searchbox__heading{
    font-size:18px;
    margin-bottom:20px;
  }
  .download-initial{
    display:none!important;
  }
  .accordion-list__heading{
    font-size:18px;
  }
  .accordion-list__head::after{
    width:20px;
    top: calc(50% - 5px);
  }
  .accordion-list__head::before{
    height:20px;
    right:9px;
  }
  .horizontal-table__header{
    width: calc(100% / 3 - 30px);
  }
  .overlapping__title,
  .overlapping__red-text,
  .overlapping__white-text::after{
    left:-27vw;
  }
  .company__message{
    margin-top:30px;
    padding: 50px 0% 30px;
  }
  .company__message-img{
    width:100%;
    max-width:100%;
  }
  .company__message-content{
    margin-top:10px;
  }
  .company__message-title{
    font-size:20px;
    margin-bottom:15px;
  }
  .company__message-text{
    margin-top:15px;
  }
  .company-summary{
    margin-top:30px;
  }
  .company-summary__dl{
    padding-top:0px;
  }
  .dl__item{
    padding:20px 0;
  }
  .entry-contents{
    padding:20px 10px 20px 0;
  }
  .entry-ttl{
    padding-bottom:7px;
    font-size:16px;
  }
  .entry-text{
    font-size:15px;
    line-height:1.75;
  }
  .entry-box{
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:2px solid #ccc;
  }
  .recruit-contents-wrapper:last-child .entry-box{
    border-bottom:none;
  }
  .support-consultation__cta{
    max-width:100%;
  }
  .contact .support-consultation__cta-area{
    width:100%;
  }
  #ez-toc-container{
    width:100%!important;
  }
  .top-back{
    position:fixed;
    bottom:100px;
    right:20px;
    width:40px;
  }
  .search-results-lineup:nth-child(3n){
    margin-right:5%;
  }
  .search-results-lineup:nth-child(2n){
    margin-right:0;
  }
  .wp-pagenavi a, .wp-pagenavi span{
    padding-top:0!important;
  }
  .support-main .sidebox{
    position:static;
  }
  .support-right{
    padding-top:0;
  }
  .all-contents,
  .pagenormal{
    width:100%;
    overflow-x:hidden;
  }
  .p-d__ttl.open::before{
    width:18px;
    height:18px;
    top: 4px;
    right: 8px;
  }
  iframe{
    max-width:100%;
    width:100%;
    height:50.3vw;
  }
  li.product-detail__introduction__slideimg__thumbnail__item{
    margin:0!important
  }
  .contact_wrap iframe{
    height:2000px;
  }
  .products-single_label{
    top:2px;
  }
  .article-head__footer-left{
    width:100%;
  }
  .spsearch_ttl{
    font-size:20px;
  }
}
a.product-detail__accessory__gallery__itembox:nth-child(3n){
  margin-right:0;
}
a.top-back:hover{
  opacity:1;
}
.float-r{
  float:left;
  margin-right:25px;
  margin-bottom:20px;
}
.cookie-notice-container a,
.cookie-notice-container span,
#cookie-notice .cn-button:not(.cn-button-custom){
  margin-top:0!important;
  margin-bottom:0!important;
  padding-top:0!important;
  padding-bottom:0!important;
  line-height:1.2!important;
  display:inline-block!important;
  font-size:13px!important;
}
.cn-close-icon{
  top:28%!important;
}

/* 引用符 */
blockquote:after{
	position: absolute;
	content: '”';
	font-size: 4em;
	color: #FFF;
	font-family:"ＭＳ Ｐゴシック",sans-serif;
	opacity: 1;
	bottom: 0px;
	right: 20px;
}

/* タグ */
.article-head__footer .ct {
	width: 100%;
}
.case-cat,
.case-tag a{
  display:block;
  margin: 5px 0.5%;
  width: 28.5%;
}

/* タブ切り替え */
.search-menu-ttl.inactive:hover,
.news-cat-menu-item.off:hover {
	opacity: 0.5;
}

/* 関連記事余白 */
@media (max-width: 768px) {
	h2.product-connection-article.lower-ttl,
	.product-connection-article__box .news-article {
		padding-left: 2%;
		padding-right: 2%;
	}
	.product-right ul {
		margin-left: 0;
		padding-left: 1.2rem;
	}
	.product-detail__overview__lows ul li,
	.product-detail__overview__gallery ul li,
	.product-right ul li {
		font-size: 15px;
	}
}
.product-detail__overview__lows ul li,
.product-detail__overview__gallery ul li,
.product-right ul li{
	margin: 0 0 15px !important;
	line-height: 1.7;
}

.js-modal-open {
	width: 30px;
	height: 30px;
}
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
.modal__content{
	background: #fff;
	left: 50%;
	padding: 40px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 60%;
}
@media (max-width: 768px) {
	.js-modal-open {
		margin-right: 60px;
	}
	.modal__content{
		width: 90%;
	}
}

/* パンくず */
.nom-ttl {
	margin-top: 30px;
}

/*
20230727修正
投稿記事のul.liタグのインデント調整
*/
.example-article__container .article-body ul li,
.example-article__container .article-body ol li,
.product-right ul li,
.product-right ol li
{
  text-indent: -1.3em;
  padding-left: 1.3em;
}

/* li内のaタグ崩れ修正 */
.example-article__container .article-body ul li a,
.example-article__container .article-body ol li a,
.product-right ul li a,
.product-right ol li a{
  display: inline;
}

.example-article__container .article-body #ez-toc-container ul li,
.example-article__container .article-body #ez-toc-container ol li
{
  text-indent: 0;
}


/* 20230809スマホ目次崩れ修正 */
/* スマホ目次崩れ */
@media screen and (max-width: 768px) {
  #ez-toc-container nav{
    width: 100%;
    padding-right: 2%;
    padding-left: 2%;
  }
}
/* バウナウのお問い合わせフォーム */
@media screen and (max-width: 768px) {
  #_bownow_iframe_sid_bd2fffe93361e7882de7{
    height:80vh;
  }
  .unsubscribe {
    padding: 60px 0;
  }
}


/* 20230826_ブランドページアコーディオン追加 */
.brand__button-read-more {
  /* display: none; */
  background-color: #003989;
  color: #fff;
  width: 60%;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 42px;
}

.brand__button-read-more::after {
  content: '+';
  font-weight: bold;
  margin-left: 42px;
  font-size: 24px;
}

.brand__button-read-more.open::after {
  content: '-';
}

.brand__accordion-container {
  padding-top: 42px;
}

.u-pb42 {
  padding-bottom: 42px;
}
.u-mb42{
  margin-bottom: 42px;
}
/* 2024.05.07 AddQuicktagで使用 */
.waku1_product{
  font-size: 16px;
  color: #494D50;
  line-height: 1.75;
	margin-bottom: 20px;
  border:1px solid rgb(155, 155, 155);
  padding:20px;
  margin:30px auto;
  width:auto;
}.waku1_product{
  font-size: 16px;
  color: #494D50;
  line-height: 1.75;
	margin-bottom: 20px;
  border:1px solid rgb(155, 155, 155);
  padding:20px;
  margin:30px auto;
  width:auto;
}
.waku1_product p:last-child{
  margin-bottom:0;
}
.blockquote_product{
  position: relative;
  margin: 1.5em 0;
  padding: 3.2em 3em;
  font-size: .9em;
  background: #DFDFDF;
}
.blockquote_product p {
  margin-bottom:0;
  font-size: .9em;
  }
.blockquote_product:before{
  position: absolute;
  top: 15px;
  left: 20px;
  content: '“';
  font-size: 4em;
  color: #FFF;
  font-family: "ＭＳ Ｐゴシック", sans-serif;
  }

/* 【製品情報ページ・ブランドページ】ulタグ、olタグ */
.product-right li{
	font-size: 16px;
  color: #494D50;
  line-height: 1.75;
	margin-bottom: 20px;
}
.product-right ul,
.product-right ol{
  margin-left:1em;
  margin-bottom:20px;
}
.product-right li{
  margin: 0 0 8px !important;
  list-style: inside;
}
.product-right ol{
  padding-left: 0.9em;
}
.product-right ol li{
  list-style: auto;
  text-indent: 0;
  padding-left: 0.3em;
}
/* 【投稿ページ】olタグ */
.article-body ol{
  margin-left: 1.9em;
  margin-bottom:20px;
}
.article-body ol li{
  list-style: auto;
  text-indent: 0;
  padding-left: 0.3em;
  margin: 5px 0 !important;
}
.example-article__container .article-body ol li, .product-right ol li {
  text-indent: initial;
  padding-left: 0.4em;
}
/* 行間 */
.product-bunner p{
  line-height: 1.5;
  margin-bottom: 25px;
}
/* 投稿ページ打消し */
.article-body .blockquote_product{
  position: initial;
  margin: auto;
  padding: 0;
  font-size: initial;
  background: initial;
}
.article-body .blockquote_product p {
  margin-bottom: auto;
  font-size: initial;
  }
.article-body .blockquote_product:before{
  position: initial;
  top: initial;
  left: initial;
  content: '';
  font-size: initial;
  color: #494d50;
  font-family: "メイリオ", Meiryo, YuGothic, "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
  .article-body .blockquote_product:after{
    position: initial;
    top: initial;
    left: initial;
    content: '';
    font-size: initial;
    color: #494d50;
    font-family: "メイリオ", Meiryo, YuGothic, "Yu Gothic", "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    }
  .article-body .waku1_product{
    font-size: initial;
    color: #494D50;
    line-height: 1.15;
    border:none;
    margin:initial;
    width:initial;
    padding: initial;
  }
  .article-body .waku1_product p:last-child{
    margin-bottom:auto;
  }
  .article-body span.post-underline_product {
    background: initial;
}
/* 【投稿ページ】アンダーラインSP表示 */
@media (max-width: 768px) {
  .product-detail__overview__lows p span {
      display: inline-block;
  }
}
/* 【商品ページ,ブランドページ】olタグSP表示*/
@media (max-width: 768px) {
  .product-right ol{
    padding-left: 1.3em;
  }
  .product-detail__overview__lows ul li, .product-detail__overview__gallery ul li{
    font-size: 16px;
    text-indent: -1em;
  }
  .example-article__container .article-body ol li, .product-right ol li{
    font-size: 16px;
  }
  .product-right ul,.product-box ul{
    padding-left: 1.7rem;
  }
}
/* ブランドページインデント */
.product-right li{
  text-indent: -1.3em;
  padding-left: 1em;
  padding-right: 2em;
}
@media (max-width: 768px) {
  .product-right ul, .product-box ul{
    margin-left: 0;
  }
  .product-right ul li{
    font-size: 16px;
    text-indent: -1.2em;
    padding-right: 1.8em;
  }
}
/* contact */
.contact_btn_txt{
  text-align: center;
  color: #003989;
  font-size: 18px;
  font-weight: bold;
  margin: 50px 0 0px;
}
.contact_btn_box{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 30px;
}
.contact_btn_box>.contact_width{
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 50px;
}
/* @media (min-width: 992px) {
  .contact_btn_box>.contact_width{
    flex: 0 0 auto;
    width: 33.33333333%;
  }
} */
@media (max-width: 991px) {
  .contact_btn_box>.contact_width{
    margin-bottom: 30px;
  }
}
.contact_btn_box>.contact_width>a{
  text-decoration: none;
  display: inline-block;
  padding: 20px 20px;
  transition: .5s;
  width: 100%;
  font-size: 18px;
}
.contact_btn_box>.contact_width>a.first{
  background-color: #666666;
  border: 2px solid #666666;
  color: #FFF;
}
.contact_btn_box>.contact_width>a.first:hover{
  background-color: #FFF;
  color: #666666;
  opacity: 1;
}
.contact_btn_box>.contact_width>a.second{
  background-color: #003989;
  border: 2px solid #003989;
  color: #FFF;
}
.contact_btn_box>.contact_width>a.second:hover{
  background-color: #FFF;
  color: #003989;
  opacity: 1;
}
.contact_btn_box>.contact_width>a.third{
  background-color: #FFF;
  color: #003989;
  border: 2px solid #003989;
}
.contact_btn_box>.contact_width>a.third:hover{
  background-color: #003989;
  color: #FFF;
  opacity: 1;
}
.synergy-nform-root div div div div h1{
  width:100%;
}

/* 採用情報最新 2025 */
.recruit-contents {
  padding-bottom: 58px;
}

.recruit-contents-txt {
  font-size: 16px;
  font-weight: bold;
}

.recruit-contents-list {
  display: flex;
  align-items: center;
  flex-flow: row wrap;
  gap: 14px;
  margin-bottom: 23px;
}

.recruit-contents-list + div {
  padding-bottom: 68px;
}

.recruit-contents-link {
  position: relative;
  padding: 8px 24px;
  border: 1px solid #003989;
  border-radius: 20px;
  background: #fff;
  color: #003989;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 768px) {
  .recruit-contents-link {
    padding: 8px 18px;
    font-size: 14px;
  }
}

.recruit-area {
  margin-top: 128px;
}

.recruit-area:first-child {
  margin-top: 10px;
}

.recruit-area .entry-text a {
  text-decoration: none;
}

.recruit-area .entry-text a:hover {
  text-decoration: underline;
}

.recruit-title {
  padding: 18px 22px;
  background: #003989;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
}

.recruit-post {
  margin-top: 20px;
  margin-bottom: 32px;
  padding: 0 26px;
}

.recruit-requirement-head {
  display: inline-block;
  padding: 12px 23px;
  border: 1px solid #003989;
  background: #fff;
  color: #003989;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  
}

.recruit-requirements .entry-box {
  margin: 16px auto 0;
  padding: 0 26px;
}

.recruit-requirements .entry-contents {
  align-items: baseline;
  padding: 28px 10px 14px 0;
  border-bottom: 1px solid #727272;
}

.recruit-requirements .entry-contents:first-child {
  padding-top: 0;
}