.l-pageTitle{
  display:none;
}
@media (max-width: 768px) {
    main{
      flex-direction: column;
    }
    .l-breadcrumb {
      margin-top: 0px;
    }
}
/*header-mv*/
.promotion-box-heading {
  background-image: url(/resource/images/promotion/know-more/mv-backgorund-pc.png);
  background-size: cover;
}
.wrp-contents{
  max-width: 1320px;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
@media (min-width: 768px), print {
    .grid-6 {
        width: 50%;
    }
}
.promotion-box-heading-title {
    color: #FFFFFF;
    font-size: 55px;
    line-height: 1.95;
    font-weight: 600;
    padding: 89px 0 87px 0;
}
h1.promotion-box-heading-title {
    text-align: center;
}
.promotion-box-heading-title span.theme::before {
    content: '';
    display: inline-block;
    width: 34px;
    height: 71px;
    background: url(/resource/images/promotion/know-more/mv-title-line-left.png) no-repeat;
    background-size: contain;
    margin-right: 4px;
    transform: translate(0px, 23px);
}
.yellow {
    color: #FEFE00;
}

.promotion-box-heading-title span.theme::after {
    content: '';
    display: inline-block;
    width: 34px;
    height: 71px;
    background: url(/resource/images/promotion/know-more/mv-title-line-right.png) no-repeat;
    background-size: contain;
    margin-left: 4px;
    transform: translate(0px, 23px);
}
.promotion-box-heading .title-image {
    vertical-align: -webkit-baseline-middle;
    position: relative;
    top: -8px;
}
.promotion-box-heading-title .product-name {
    margin-left: -19px;
    margin-right: -26px;
    position: relative;
    top: 16px;
    font-size: 50px;
}
.crossrollerbearing .promotion-box-heading-title .product-name {
    font-size: 52px;
}
.promotion-box-heading-image {
    position: absolute;
    top: 0;
    z-index: 1;
}
.promotion-box-heading img.logo {
    width: 480px;
    max-width: 480px;
    display: inline-block;
    margin-right: 16px;
    margin-top: 0;
}
figure{
    display: block;
}
.grid-6 img {
    margin-top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.fluid-image {
    max-width: 100%;
    height: auto;
}
.is-visiblePc {
    display: block !important;
}
.is-visibleSp {
    display: none !important;
}
@media (max-width:768px){
      .promotion-box-heading{
        background-image: url(/resource/images/promotion/know-more/mv-backgorund-sp.png);
    }
  .promotion-box-heading {
    padding: 0px 0 130px 0;
  }
  .promotion-box-heading img.logo {
    width:78%;
    max-width:100%;
  }
  .promotion-box-heading-title {
    color: #FFFFFF;
    font-size: 26px;
    line-height: 1.95;
    padding: 0px 0 87px;
  }
  .promotion-box-heading-title span.theme::before,
  .promotion-box-heading-title span.theme::after{
  
    height: 58px;
  }
  .promotion-box-heading-title .product-name{
    font-size:28px;
  }
  .promotion-box-heading .title-image {
    top:10px;
  }

  .promotion-box-heading-image {
    top: 185px;
  }
  .fluid-image {
    max-width: 75%;
  }
  .sp-ss{
    position: relative;
    top:15px;
  }
}
/*/header-mv*/
.line-h25{
  line-height: 2.5;
}
.page-links {
    padding: 60px 0 0 0;
}
.page-links .lst-ancholink {
    display: flex;
    margin: 32px 0 0;
    justify-content: center;
}
.page-links .lst-ancholink li {
    display: block;
    padding: 0 20px;
    box-sizing: border-box;
    width: 40%;
}
.page-links .lst-ancholink li a {
    color: #fff;
    font-size: 18px;
    display: block;
    border: 1px solid #fff;
    padding: 13px 10px;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    text-decoration: none;
    background-color: #004EA8;
}
.lst-ancholink li a .fa-chevron-down {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 18px;
}
.page-links .lst-ancholink i {
    font-size: 16px;
}
.title-wapper{
    margin-top: 102px;
}
.title-wapper {
    background-color: #E5EEF7;
}
.title-wapper h2 {
    font-size: 40px;
    color: #004EA8;
    padding: 62px 0;
}
.promotion-info-box {
    border: 1px solid #DDDDDD;
    padding: 50px;
    min-height: 372px;
}
@media (max-width:768px){
  .page-links {
    padding: 40px 0 0 0;
  }
  .page-links .lst-ancholink {
    display: inline-block;
    margin: 0px 0 0;
  }
  .page-links .lst-ancholink li {
    display: block;
    padding: 0px 0px;
    box-sizing: border-box;
    width: 100%;
    margin-top: 15px;
  }
  .page-links .lst-ancholink li a {
    padding: 13px 34px;
    font-size: 17px;
  }
  
  .lst-ancholink li a .fa-chevron-down {
    right:13px;
  }
  .title-wapper h2 {
    font-size: 28px;
    color: #004EA8;
    padding: 33px 0;
  }
}
/*Features*/
.wrp-grid {
    box-sizing: border-box;
}
h3.hdg-lv3 {
    margin-top: 100px;
    margin-bottom: 0px;
    font-size: 24px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
    position: relative;
}
h3.hdg-lv3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #004ea8;
    bottom: -2px;
    width: 4%;    
}
.promotion-lst-guide {
    margin-top: 5px;
    counter-reset: number;
}
@media (min-width: 768px){
    .wrp-grid {
      margin-left: -8px;
      margin-right: -8px;
      display: flex;
      flex-wrap: wrap;
      justify-content: left;
    }
  }
.promotion-lst-guide>li {
    margin-bottom: 0x;
    counter-increment: mycounter;
}
@media (min-width: 768px){
    .grid-3 {
        width: 20rem;
        display: flex;
        flex-direction: column;
        padding: 0 0.65rem;
    }
}
.promotion-box-guide {
    padding: 40px 30px 45px;
    background-color: #f4f5f7;
    flex-grow: 1;
}
.bg-circle{
    background-color: #FFF;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding: 3px;
    position: relative;
    top: 29px;
    left: 30px;
}
.inner-circle{
    background-color: #004EA8;
    border-radius: 50%;
    text-align: center;
    color: #FEFE00;
    width: 40px;
    height: 40px;
    position: relative;
    top: 9px;
    left: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.promotion-box-guide-text {
    font-size: 22px;
    line-height: 1.72;
    margin-top: 0;
}
@media (max-width:768px){
    .promotion-box-guide-text{
      font-size: 18px;
    }
    .promotion-box-guide {
      padding: 36px 20px 36px;
    }
}
/*download-myonic*/
.h_download{
    color: #004ea8;
    font-weight: bold;
    font-size: 1.5rem;
    letter-spacing: 0;
    line-height: 1;
}

/*table&img*/
.col-wide-60per{
  width:60% !important;
}
.m-table__front {
  table-layout: fixed;
}
.tbe-wide{
  max-width: 100vw;
}
@media (min-width:769px){
  .m-table__container.is-aroundScroll .m-table__icon {
    visibility:hidden;
  }
}
@media (max-width:768px){
  .tbe-wide{
    max-width:90vw;
  }
}

/*/Features*/
.bg-color-gray{
  background-color: #F2F5F9 !important;
}
.bg-color-kon{
  background-color: #3B506C !important;
}
a.link-ex:after{
  content: unset;
}
/*hover-not-scale*/
.not-scale img:hover{
  transform: unset !important;
}