:root{
  --blue-bg-color: #cceeff;
}


body:lang(ja){
  font-family: "Noto Sans JP", sans-serif !important;
}
[lang=ja] header.header--i-pex {
  font-family: "Noto Sans JP", sans-serif !important;
}
body:lang(zh-hans){
  font-family: "Noto Sans SC", sans-serif !important;
}
body:lang(zh-hant){
  font-family: "Noto Sans TC", sans-serif !important;
}

p{
  line-height: 1.7;
}
.ipex-teaser h3 a{
  color: #444;
  font-weight: 400;
  line-height: 1.5;
}
a, .ipex-teaser h3 a:hover, .hardware-application .paragraph--type--wysiwyg a{
  color: #0091e6;
}
.hardware-application .paragraph--type--wysiwyg a:hover{
  opacity: .8;
}

/*ヘッダ*/
p.header-sub-nav-pc__site-map {
  text-transform: capitalize;
}
.header-contact>a{
  line-height: 1.7;
  font-weight: 600;
  padding: 0 28px !important;
}
.breadcrumb__list:lang(zh-hans), .breadcrumb__list:lang(zh-hant){
  padding-left: 45px;
}
.breadcrumb__list:lang(ko){
  padding-left: 28px;
}

.common-paragraphs--header .header-text {
  padding: 7px 0 8px 0;
}
h1 {
  font-weight: 400 !important;
}

.hardware-application hr{
  display: none;
}

@media only screen and (max-width: 1400px){
footer .to-top{
  bottom: 120px !important;
}
}

/*ブロックエディタ用*/
.hdg-l2:after,.hdg-l2>a:after,.hdg-l2>a:before,.hdg-l3-philosophy__hdg:before,.hdg-l3:after,.hdg-l3:before, .hardware-application h2:after {
  display: block;
  content: ""
}

h2.hdg-l2, h2.hdg-l3-02, h3.hdg-l3, h3.hdg-l3-02, h3.hdg-l3-03, h3.hdg-l4, h3.hdg-l5, .hardware-application h2{
  font-weight: 700;
  line-height: 1.7;
  color: rgb(68, 68, 68);
}

h2.hdg-l2, .hardware-application h2{
  position: relative;
  margin-top: 60px;
  margin-bottom: 30px;
  padding-bottom: 14px;
  /*font-size: 3.4rem*/
  font-size: 2.125rem;
}
h2.hdg-l2:after, .hardware-application h2:after{
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(90deg,#0091e6 80%,#e60012 0);
  height: 2px
}

.hdg-l3, .fieldset-legend {
  position: relative;
  margin-top: 30px;
  margin-bottom: 15px;
  padding-left: 20px;
  /*font-size: 2.4rem;*/
  font-size: 1.5rem;
  font-weight: 600;
}
.hdg-l3:after, .hdg-l3:before, .fieldset-legend:after, .fieldset-legend:before {
  position: absolute;
  content: "";
}
.hdg-l3:before, .fieldset-legend:before {
  top: 10px;
  left: 0;
  width: 5px;
  height: 22px;
  background-color: #0081cd;
  -webkit-transform: rotate(24deg) skewY(-24deg);
  transform: rotate(24deg) skewY(-24deg);
}
.fieldset-legend:before {
  top: 6px;
}
.hdg-l3:after, .fieldset-legend:after {
  top: 11px;
  left: 4px;
  width: 0;
  height: 0;
  border-color: #e60012 transparent transparent;
  border-style: solid;
  border-width: 5px 3px 0;
}
.fieldset-legend:after {
  top: 7px
}
.hdg-l3-02 {
  margin-top: 30px;
  margin-bottom: 15px;
  /*font-size: 2.4rem;*/
  font-size: 1.5rem;
}
.hdg-l4 {
  margin-top: 30px;
  margin-bottom: 15px;
  /*font-size: 2rem;*/
  font-size: 1.25rem;
}
.hdg-l5 {
  margin-top: 20px;
  margin-bottom: 15px;
  /*font-size: 1.6rem;*/
  font-size: 1rem;
}


/*button*/
.button-callout.button-call-to-action.text-align-center {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.header-contact>a, .button-call-to-action a.button {
  position: relative;
  display: inline-block;
  border-radius: 2px;
  border: 2px solid #0091e6;
  background-color: #0091e6;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
  color: #fff;
  text-align: center;
  text-decoration: none;
  overflow: hidden;
  transition: .3s;
  z-index: 1;
}
.header-contact>a span{
  color: #fff;
}
.header-contact>a:hover span{
  color: #0081cd;
}

.button-call-to-action a.button {
  max-width: 768px;
  min-width: 240px;
  padding: 8px;
  font-size: 16px;
  line-height: 27.2px;
  font-weight: 400;
}
.header-contact>a:hover:after{
  transform: rotate(55deg) translateX(-50%);
}
.button-call-to-action a.button:hover{
  opacity: 1;
  text-decoration: none;
  color: #0081cd;
}

.button-call-to-action a.button:after{
  content: "";
  position: absolute;
  bottom: -1000px;
  right: -642px;
  width: 1000px;
  height: 1000px;
  background-color: #fff;
  -webkit-transform: rotate(55deg);
  transform: rotate(55deg);
  transition: .3s;
}
.button-call-to-action a.button:hover:after{
  -webkit-transform: rotate(55deg) translateX(-80%);
  transform: rotate(55deg) translateX(-80%);
  z-index: -1;
}
.button-call-to-action a.button.white{
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row-reverse;
  width: 100%;
  padding: 8px 20px 8px 8px;
  border-radius: 2px;
  border: 1px solid #0091e6;
  background: #ffffff;
  box-shadow: none;
  color: #0081cd;
  overflow: hidden;
  transition: 0.3s;
  width: 290px;
}
.button-call-to-action a.button.white:hover{
  opacity: .8;
  border: 1px solid #0091e6;
  color: #0081cd;
}
.button-call-to-action a.button.white:active, .button-call-to-action a.button.white:focus{
  border: 1px solid #0091e6;
  background: #ffffff;
  color: #0081cd;
}
.button-call-to-action a.button.white:after{
  content: none;
}
.button-call-to-action span.field-item:after {
  content: url(/common/img/icon_blank.png);
  margin-left: .5rem;
  position: absolute;
}
body .button-call-to-action a.button.white:hover, body .button-call-to-action a.button.white:active, body .button-call-to-action a.button.white:focus{
  background: white !important;
}
.button-call-to-action a.button.white div{
color: #0081cd;
}

/*table*/
.node--type-product .ipex-product-details .product-tabs{
  border-bottom: none;
}
.node--type-product .block-ipex-product-specifications table tr td:first-child {
  font-weight: normal;
  width: 20%;
  border-right: 1px solid #ccc;
  background-color: #eee;
  text-transform: capitalize;
}
.block-ipex-products>thead>tr>td,.block-ipex-products>thead>tr>th, .block-ipex-products>tbody>tr>td:first-child {
  background-color: #eee;
  border-bottom: 1px solid #ccc
}
.node--type-product .block-ipex-product-specifications table, .node--type-product .block-ipex-product-specifications th, .node--type-product .block-ipex-product-specifications td {
  border: 1px solid #ccc;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
}
table tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #ffffff;
}

/* トップ */
.common-paragraphs--slider a.scrollbutton {
  display: none;
}