@charset "utf-8";
/* CSS Document */

/*----------------------------------
*
*　事業所アカウントシステムページ用
*　カスタムCSS
*
*----------------------------------*/


/*--------------------------------------
 初期値変更
--------------------------------------*/
body{
    letter-spacing: 0;
}

@media (min-width: 768px) {
    p, table, ul, ol {
        margin-bottom: 16px;
    }
}

p, th, td, li{
    line-height: 1.6;
}

.cparts-img-block img{
    border-radius: 0;
}


/*--------------------------------------
 初期値変更　色
--------------------------------------*/
.siteblock-upper a.btn02,
.siteblock-upper .parts_other_buPrintBox a,
.siteblock-upper .topicDigestLink a,
.siteblock-upper .blogRecentLink a,
.siteblock-upper .cartPartsLook a,
.siteblock-upper input.blogSearchTextBu,
.siteblock-upper input.catalogSearchBu,
.siteblock-upper input.siteSearchTextBu,
.siteblock-upper input.formConfiBu,
.siteblock-upper input.userMypageLoginBu,
.siteblock-upper input.memberMypageLoginBtn,
.siteblock-main a.btn02, .siteblock-main .parts_other_buPrintBox a, .siteblock-main .topicDigestLink a, .siteblock-main .blogRecentLink a, .siteblock-main .cartPartsLook a, .siteblock-main input.blogSearchTextBu, .siteblock-main input.catalogSearchBu, .siteblock-main input.siteSearchTextBu, .siteblock-main input.formConfiBu, .siteblock-main input.userMypageLoginBu, .siteblock-main input.memberMypageLoginBtn,
.siteblock-bottom a.btn02, .siteblock-bottom .parts_other_buPrintBox a, .siteblock-bottom .topicDigestLink a, .siteblock-bottom .blogRecentLink a, .siteblock-bottom .cartPartsLook a, .siteblock-bottom input.blogSearchTextBu, .siteblock-bottom input.catalogSearchBu, .siteblock-bottom input.siteSearchTextBu, .siteblock-bottom input.formConfiBu, .siteblock-bottom input.userMypageLoginBu, .siteblock-bottom input.memberMypageLoginBtn{
    background-color: #E71F19;
    border-color: #E71F19;
    color: #fff;
}
.siteblock-upper a.btn02:hover, .siteblock-upper a.btn02:focus, .siteblock-upper .parts_other_buPrintBox a:hover, .siteblock-upper .parts_other_buPrintBox a:focus, .siteblock-upper .topicDigestLink a:hover, .siteblock-upper .topicDigestLink a:focus, .siteblock-upper .blogRecentLink a:hover, .siteblock-upper .blogRecentLink a:focus, .siteblock-upper .cartPartsLook a:hover, .siteblock-upper .cartPartsLook a:focus, .siteblock-upper input.blogSearchTextBu:hover, .siteblock-upper input.blogSearchTextBu:focus, .siteblock-upper input.catalogSearchBu:hover, .siteblock-upper input.catalogSearchBu:focus, .siteblock-upper input.siteSearchTextBu:hover, .siteblock-upper input.siteSearchTextBu:focus, .siteblock-upper input.formConfiBu:hover, .siteblock-upper input.formConfiBu:focus, .siteblock-upper input.userMypageLoginBu:hover, .siteblock-upper input.userMypageLoginBu:focus, .siteblock-upper input.memberMypageLoginBtn:hover, .siteblock-upper input.memberMypageLoginBtn:focus,
.siteblock-main a.btn02:hover, .siteblock-main a.btn02:focus, .siteblock-main .parts_other_buPrintBox a:hover, .siteblock-main .parts_other_buPrintBox a:focus, .siteblock-main .topicDigestLink a:hover, .siteblock-main .topicDigestLink a:focus, .siteblock-main .blogRecentLink a:hover, .siteblock-main .blogRecentLink a:focus, .siteblock-main .cartPartsLook a:hover, .siteblock-main .cartPartsLook a:focus, .siteblock-main input.blogSearchTextBu:hover, .siteblock-main input.blogSearchTextBu:focus, .siteblock-main input.catalogSearchBu:hover, .siteblock-main input.catalogSearchBu:focus, .siteblock-main input.siteSearchTextBu:hover, .siteblock-main input.siteSearchTextBu:focus, .siteblock-main input.formConfiBu:hover, .siteblock-main input.formConfiBu:focus, .siteblock-main input.userMypageLoginBu:hover, .siteblock-main input.userMypageLoginBu:focus, .siteblock-main input.memberMypageLoginBtn:hover, .siteblock-main input.memberMypageLoginBtn:focus,
.siteblock-bottom a.btn02:hover, .siteblock-bottom a.btn02:focus, .siteblock-bottom .parts_other_buPrintBox a:hover, .siteblock-bottom .parts_other_buPrintBox a:focus, .siteblock-bottom .topicDigestLink a:hover, .siteblock-bottom .topicDigestLink a:focus, .siteblock-bottom .blogRecentLink a:hover, .siteblock-bottom .blogRecentLink a:focus, .siteblock-bottom .cartPartsLook a:hover, .siteblock-bottom .cartPartsLook a:focus, .siteblock-bottom input.blogSearchTextBu:hover, .siteblock-bottom input.blogSearchTextBu:focus, .siteblock-bottom input.catalogSearchBu:hover, .siteblock-bottom input.catalogSearchBu:focus, .siteblock-bottom input.siteSearchTextBu:hover, .siteblock-bottom input.siteSearchTextBu:focus, .siteblock-bottom input.formConfiBu:hover, .siteblock-bottom input.formConfiBu:focus, .siteblock-bottom input.userMypageLoginBu:hover, .siteblock-bottom input.userMypageLoginBu:focus, .siteblock-bottom input.memberMypageLoginBtn:hover, .siteblock-bottom input.memberMypageLoginBtn:focus{
    background-color: #fff;
    color: #E71F19;
    opacity: 1;
}

.siteblock-main .dec-txt--primary, .siteblock-main .dec-txt-pe--primary::before, .siteblock-main .dec-txt-pe--primary::after{
    color: #E71F19 !important;
}

.siteblock-main ul > li::marker,
.siteblock-bottom ul > li::marker{
    color: #E71F19;   
}

.siteblock-main .dec-bg--light, .siteblock-main .dec-bg-pe--light::before, .siteblock-main .dec-bg-pe--light::after{
    background-color:#FFDEDE !important;
}
.siteblock-main .dec-bg--light2{
    background-color:#ffecde !important;
}

.siteblock-main table th,
.siteblock-bottom table th{
    background-color: #FFDEDE;
    color: #333;
}
.siteblock-main table th, .siteblock-main table td {
    border-color: #c4c4c4;
}

.siteblock-main .dec-btn--primary,
.siteblock-upper .dec-btn--primary{
    background-color: #E71F19 !important;
    color: #fff !important;
}
.siteblock-main .dec-btn--primary:hover,
.siteblock-upper .dec-btn--primary:hover{
    background-color: #FFF !important;
    color: #E71F19 !important;
}
.siteblock-main .dec-bg--primary a{
    color: #FFF;    
}

.siteblock-footer .sitedesign-pagetopbtn a{
    background-color: #c7c7c79c;
}

.siteblock-bottom a,
.siteblock-main a{
    color: #E71F19;
}
.siteblock-bottom a:hover, 
.siteblock-bottom a:focus,
.siteblock-main a:hover, 
.siteblock-main a:focus{
    color: #E71F19;
    opacity: .6;
}

.siteblock-footer .dec-bg--primary, .siteblock-footer .dec-bg-pe--primary::before, .siteblock-footer .dec-bg-pe--primary::after{
    background-color: #E71F19 !important;
    color: #fff !important;
}

@media (min-width: 768px) {
    .sitedesign-headernav-group li.menu-level-1 > a::before, .sitedesign-headernav-group li.menu-level-1 > div::before{
        background-color: #E71F19 !important;
    }
}

/*--------------------------------------
 初期値変更　見出し
--------------------------------------*/
.siteblock-main h2{
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}
/*---h2下線----*/
.cparts-id456::before, .cparts-id456.cparts-h2decoration--bottomhorizontal::before{
    background-color:#E71F19 !important;
    height: 2px !important;
    margin-top: 30px !important;
}

.siteblock-main .dec-bg--primary, .siteblock-main .dec-bg-pe--primary::before, .siteblock-main .dec-bg-pe--primary::after {
    background-color: #E71F19 !important;
    color: #fff;
}

/*---h2　サブタイトル付き----*/
.h2_sub-on{
    border: none !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0;
    margin-bottom: 30px;
}
.h2_sub-on h2{
        display: flex !important;
    flex-direction: column;
    align-items: center;
}
.h2_sub-on::after{
    background-color: #E71F19 !important;
    border: none !important;
    content: "";
    display: block !important;
    margin-top: 30px !important;
    mask: none !important;
    -webkit-mask: none !important;
    height: 2px !important;
    opacity: 1 !important;
    order: 1 !important;
    position: static !important;
    transform: rotate(0deg) !important;
    width: 100px !important;
    max-width: 80% !important;
}
.h2_sub-on .cparts-notes-block{
    margin-top: 0;
    margin-bottom: 20px;
    position: relative;
    display: inline-block !important;
    width: fit-content !important;
  max-width: none !important;
}
.h2_sub-on .cparts-notes-block::before, 
.h2_sub-on .cparts-notes-block::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 2px;
  background-color: #E71F19;
  
}
.h2_sub-on .cparts-notes-block::before {
  left: -40px;
  transform: translateY(-50%) rotate(60deg);
}
.h2_sub-on .cparts-notes-block::after {
  right: -40px;
  transform: translateY(-50%) rotate(-60deg);
}
.h2_sub-on .cparts-txt-block{
    text-align: center;
}


/*--------------------------------------
 ヘッダー
--------------------------------------*/
.siteblock-header{
    border: none;
    padding-bottom: 0;
}
.siteblock-header a,
.siteblock-header a:hover{
    color: #000;
}
.cparts-header-block__description p{
    font-size: 1.75rem;
}
.siteblock-header.sitedesign-headerFixed .sitedesign-headernav-group li.menu-level-0 > a:hover{
    color: #E71F19 !important;
}

@media (min-width: 1200px) {
    .siteblock-header.sitedesign-headerFixed #logo.cparts-header-block__logo, .siteblock-header.sitedesign-headerFixed #logo.cparts-header-block__logo p, .siteblock-header.sitedesign-headerFixed #logo.cparts-header-block__logo img {
        filter: none;
    }
    .siteblock-header.sitedesign-headerFixed {
        color: #333 !important;
    }
    .siteblock-header.sitedesign-headerFixed .sitedesign-headernav-group li.menu-level-0 > a, .siteblock-header.sitedesign-headerFixed .sitedesign-headernav-group li.menu-level-0 > div{
        color: #333 !important;
    }
}
@media (max-width: 767px) {
    .cparts-header-block__description p {
        font-size: 1.375rem;
    }
}

/*--------------------------------------
 フッター
--------------------------------------*/
.siteblock-footer {
    background: #9E9E9E;
    color: #fff;
    border-radius: 0;
}
.footerNavi li div, .footerNavi li a {
    background-color: #3c3c3c;
    border-radius: 5px;
}
.footerNavi li a:hover, .footerNavi li a:focus {
    background-color: #380000;
}
@media (max-width: 767px) {
    .footerNavi li {
        border: none;
    }
    .footerNavi li a {
        padding: 4px 8px;
    }
}
/*--------------------------------------
 パンくずリスト
--------------------------------------*/
.sitedesign-topicpath{
    display: none;
}

/*--------------------------------------
 Bottomエリア
--------------------------------------*/
.siteblock-bottom h2 {
    color: #E71F19;
}

/*--------------------------------------
 HOME メインビジュアル
--------------------------------------*/
.cparts-id321 .cparts-img-block img{
    opacity: 1;
}
.siteblock-upper .dec-bg--primary.main-img{
    background-color: #FFF !important;
}
.siteblock-upper .cparts-id321.main-img .cparts-txt-block {
    bottom: 150px;
}
.siteblock-upper .main-img h1 {
    color: #E71F19 !important;
    margin-bottom: 30px !important;
}
.siteblock-upper .dec-bg--primary.main-img p{
    color: #333 !important;
    font-size: 1.26rem;
}
.siteblock-upper .dec-bg--primary.main-img .btn02{
    border-radius: 10px;
    padding-left: 60px;
}
.siteblock-upper .dec-bg--primary.main-img .main-img-btn01::before{
    left: 16px;
    right: auto;
    width: 33px;
    height: 25px;
    mask:url(/images/jac/top/icon_mv_btn_01.png);
    -webkit-mask: url(/images/jac/top/icon_mv_btn_01.png);
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: cover;
    -webkit-mask-size: cover;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
}
.siteblock-upper .dec-bg--primary.main-img .main-img-btn02{
    background-color: #fff;
    color: #E71F19;
}
.siteblock-upper .dec-bg--primary.main-img .main-img-btn02:hover{
    background-color:#E71F19;
    color: #fff;
}
.siteblock-upper .dec-bg--primary.main-img .main-img-btn02::before{
    left: 16px;
    right: auto;
    width: 30px;
    height: 30px;
    background: url(/images/jac/top/icon_mv_btn_02.png) no-repeat;
    background-color: transparent;
    mask: none;
}
.siteblock-upper{
    padding-bottom: 0;
}

.main-img-sp img{
    object-fit: contain !important;
    height: auto !important;
}

@media (max-width: 767px) {
    /*.siteblock-upper .cparts-id321.main-img .cparts-txt-block {
        bottom: 100px;
    }*/
    .siteblock-upper{
        padding-top: 0;
    }
    .siteblock-upper .main-img h1 {
        font-size: 1.6875rem;
    }
    .siteblock-upper .dec-bg--primary.main-img p{
        font-size: 1.125rem;
    }
    .siteblock-upper .freeParts .boxBottom > div:not(.cparts-keyimg-block:first-child) {
        margin-top: 0px!important;
    }
}

/*--------------------------------------
 HOME リード文
--------------------------------------*/
.top_read{
    margin-top: -112px;
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}
.top_read::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(231, 31, 25, 0.1);
  clip-path: polygon(
    0 0,
    0 100%,
    37% 100%
  );
  pointer-events: none;
}
.top_read h2{
    text-align: left;
}
@media (min-width: 768px) {
    .top_read .cparts-img-block {
        width: 33.3%;
        max-width: 33.3%;
    }
    .top_read .cparts-body-block {
        width: 66.7%;
        flex: 0 0 66.7%;
        max-width: 66.7%;
    }
}
@media (max-width: 767px) {
    .top_read::before {
        inset: 50% 0 0;
        clip-path: polygon(
          0 0,
          0 100%,
          100% 100%
        );
      }
    .top_read .lay-row{
        flex-direction: column-reverse;
    }
}

/*--------------------------------------
 HOME 選ばれる理由
--------------------------------------*/
.top_riyu .lay-row {
    margin: 0 !important;
}
.top_riyu > .lay-row > div{
    border: solid 1px #C4C4C4;
    padding: 15px;
    border-radius: 10px;
    background: #FFF;
}
@media (min-width: 768px) {
    .top_riyu > .lay-row > div{
        max-width: 48.5%;
    }
    .top_riyu > .lay-row > div:nth-child(1){
        margin-right: 1.5%;
    }
    .top_riyu > .lay-row > div:nth-child(2){
        margin-left: 1.5%;
    }
}

.top_riyu .cparts-img-block{
    width: 33.3%;
    max-width: 33.3%;
}
.top_riyu .cparts-txt-block{
    width: 66.7%;
    max-width: 66.7%;
    padding-left: 15px;
}
.top_riyu h4.cparts-id548-02__ttl{
    color: #E71F19!important;
}

.point-message{
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 80px;
    text-align: center;
    box-sizing: border-box;
}
.point-message p {
    display: inline-block;
  position: relative;
  z-index: 1;
  margin: 0;
}
/* 左右の三角形 */
.point-message p::before,
.point-message p::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 45px;
  height: 80px;
  background-color: #FFDEDE;
  transform: translateY(-50%);
}
/* 左側 */
.point-message p::before {
  left: -60px;
  clip-path: polygon(
    0 10%,
    55% 0,
    100% 100%
  );
}
/* 右側 */
.point-message p::after {
  right: -60px;
  clip-path: polygon(
    45% 0,
    100% 10%,
    0 100%
  );
}

.line_kugiri_dot .cparts-txt-block{
    display: flex !important;
    flex-direction: column;
    align-items: center;
}
.line_kugiri_dot hr{
    border-top: 4px dashed #FFDEDE;
    width: 30%;
}


/*--------------------------------------
 HOME 悩み
--------------------------------------*/
.top_nayami .lay-row {
        margin: 0 !important;
    }
.top_nayami .lay-col12-lg-4{
    background: #e5e5e5;
    border-radius: 10px;
    padding: 0;
}
.top_nayami .lay-col12-lg-4 h3{
    background:#202020;
    color: #FFF;
    border-radius: 10px 10px 0 0;
    text-align: center;
    padding: 10px;
}
.top_nayami .lay-col12-lg-4 ul{
    margin: 0 15px;
    padding-bottom: 20px;
}
.siteblock-main ul > li::marker{
    color: #202020;  
}
@media (min-width: 768px) {
        .top_nayami .lay-col12-lg-4{
        max-width:32.3%;
    }
    .top_nayami > .lay-row > div:nth-child(2){
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
}

/*--------------------------------------
 HOME 機能ラインナップ
--------------------------------------*/
.top_kinou .lay-row {
    margin: 0 !important;
}
.top_kinou .lay-col12-lg-4{
    background: #FFF;
    border-radius: 10px;
    padding: 0;
}
@media (min-width: 768px) {
    .top_kinou .lay-col12-lg-4{
        max-width:32.3%;
    }
    .top_kinou > .lay-row > div:nth-child(2){
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
}
.top_kinou .cparts-img-block{
    border-radius: 0;
}
.top_kinou .cparts-img-block img{
    border-radius: 10px 10px 0 0;
}
.top_kinou .cparts-txt-block{
    padding: 0 15px 20px;
}

/*--------------------------------------
 HOME 導入前・導入後
--------------------------------------*/
:root {
  --comparison-red: #e71f19;
  --comparison-red-light: rgba(231, 31, 25, 0.08);
  --comparison-red-border: rgba(231, 31, 25, 0.4);
  --comparison-gray: #666;
  --comparison-gray-light: #d9d9d9;
  --comparison-gray-border: #c9c9c9;
}

.comparison {
  padding: 10px 20px 40px;
  background-color: #fff;
  box-sizing: border-box;
}

.comparison *,
.comparison *::before,
.comparison *::after {
  box-sizing: border-box;
}

.comparison__inner {
  width: 100%;
  max-width: 1110px;
  margin: 0 auto;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    60px
    minmax(0, 1fr);
  column-gap: 20px;
}

/* 上部見出し */
.comparison__head {
  min-height: 70px;
  padding: 15px 20px;

  display: flex;
  justify-content: center;
  align-items: center;

  font-size: 20px;
  font-weight: 700;
  text-align: center;
  border-radius: 10px 10px 0 0;
}

.comparison__head--before {
  grid-column: 1;
  color: #333;
  background-color: var(--comparison-gray-light);
}

.comparison__head-space {
  grid-column: 2;
}

.comparison__head--after {
  grid-column: 3;
  color: #fff;
  background-color: var(--comparison-red);
}

/* 各比較行 */
.comparison__row {
  grid-column: 1 / -1;

  display: grid;
  grid-template-columns:
    minmax(0, 1fr)
    60px
    minmax(0, 1fr);
  column-gap: 20px;
  align-items: center;

  margin-top: 9px;
}

.comparison__card {
  position: relative;

  min-width: 0;
  min-height: 74px;
  padding: 10px 58px 10px 175px;

  display: flex;
  align-items: center;

  background-color: #fff;
  border: 1px solid;
  border-radius: 10px;
}

.comparison__card p {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
}

.comparison__card--before {
  grid-column: 1;
  color: #222;
  border-color: var(--comparison-gray-border);
}

.comparison__card--after {
  grid-column: 3;
  color: var(--comparison-red);
  border-color: var(--comparison-red-border);
}

/* アイコン */
.comparison__icon {
  position: absolute;
  top: 50%;
  left: 42px;

  width: 110px;
  min-height: 54px;

  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;

  font-size: 42px;
  line-height: 1;
  transform: translateY(-50%);
}

.comparison__icon--before {
  color: var(--comparison-gray);
}

.comparison__icon--after {
  color: var(--comparison-red);
}

.comparison__icon-group {
  font-size: 34px;
}

/* 中央矢印 */
.comparison__arrow {
  grid-column: 2;
  justify-self: center;

  display: block;
  width: 60px;
  height: 42px;
  background-color: #ddd;

  clip-path: polygon(
    0 25%,
    58% 25%,
    58% 0,
    100% 50%,
    58% 100%,
    58% 75%,
    0 75%
  );
}

/* 右端チェック */
.comparison__check {
  position: absolute;
  top: 50%;
  right: 22px;

  width: 36px;
  height: 36px;

  background-color: rgba(231, 31, 25, 0.12);
  border-radius: 50%;
  transform: translateY(-50%);
}

.comparison__check::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 12px;

  width: 9px;
  height: 16px;

  border-right: 2px solid var(--comparison-red);
  border-bottom: 2px solid var(--comparison-red);
  transform: rotate(45deg);
}

/* スマホ用ラベルはPCで非表示 */
.comparison__mobile-label {
  display: none;
}

/* タブレット */
@media screen and (max-width: 1000px) {
  .comparison__inner,
  .comparison__row {
    grid-template-columns:
      minmax(0, 1fr)
      45px
      minmax(0, 1fr);
    column-gap: 12px;
  }

  .comparison__card {
    padding-left: 105px;
  }

  .comparison__icon {
    left: 15px;
    width: 78px;
    font-size: 34px;
  }

  .comparison__icon-group {
    font-size: 27px;
  }

  .comparison__arrow {
    width: 45px;
    height: 35px;
  }

  .comparison__card p {
    font-size: 14px;
  }
}

/* スマホ */
@media screen and (max-width: 767px) {
  .comparison {
    padding: 10px 15px 30px;
  }

  .comparison__inner {
    display: block;
  }

  /* PC用の見出しを非表示 */
  .comparison__head,
  .comparison__head-space {
    display: none;
  }

  .comparison__row {
    display: flex;
    flex-direction: column;
    gap: 12px;

    margin-top: 30px;
  }

  .comparison__row:first-of-type {
    margin-top: 0;
  }

  .comparison__card {
    width: 100%;
    min-height: 96px;
    padding: 38px 48px 12px 82px;
  }

  .comparison__card p {
    font-size: 14px;
    line-height: 1.5;
  }

  /* 各カード上部に導入前・導入後を表示 */
  .comparison__mobile-label {
    position: absolute;
    top: 0;
    left: 0;

    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 28px;

    color: #fff;
    font-size: 13px;
    font-weight: 700;
    border-radius: 8px 8px 0 0;
  }

  .comparison__card--before .comparison__mobile-label {
    color: #333;
    background-color: var(--comparison-gray-light);
  }

  .comparison__card--after .comparison__mobile-label {
    background-color: var(--comparison-red);
  }

  .comparison__icon {
    top: calc(50% + 13px);
    left: 10px;

    width: 62px;
    min-height: 45px;

    font-size: 30px;
  }

  .comparison__icon-group {
    gap: 3px;
    font-size: 22px;
  }

  .comparison__check {
    top: calc(50% + 13px);
    right: 12px;

    width: 30px;
    height: 30px;
  }

  .comparison__check::before {
    top: 6px;
    left: 10px;

    width: 8px;
    height: 14px;
  }

  /* 横矢印を下向きに変更 */
  .comparison__arrow {
    flex: 0 0 auto;

    width: 40px;
    height: 32px;
    transform: rotate(90deg);
  }
}

/*--------------------------------------
 HOME Voice
--------------------------------------*/
.top_voice .lay-row {
    margin: 0 !important;
}
.top_voice .lay-col12-lg-6{
    background: #FFF;
    border-radius: 10px;
    padding: 0;
}
@media (min-width: 768px) {
    .top_voice > .lay-row > div{
        max-width: 48.5%;
    }
    .top_voice > .lay-row > div:nth-child(1){
        margin-right: 1.5%;
    }
    .top_voice > .lay-row > div:nth-child(2){
        margin-left: 1.5%;
    }
}
.top_voice .cparts-img-block{
    padding: 15px 0 0 15px;
}
.top_voice .cparts-ttl-block{
    padding: 15px 15px 0 0;
}
.top_voice .cparts-ttl-block h4{
    border: none;
    padding: 0;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}
.top_voice .cparts-ttl-block strong{
    background: #E71F19;
    border-radius: 3px;
    color: #FFF;
    font-weight: normal;
    font-size: 1.125rem;
    padding: 5px 10px;
    display: inline-block;
    margin-top: 5px;
}
.top_voice .cparts-notes-block{
    padding-top: 0 !important;
}
.top_voice .cparts-notes-block h5{
    border: none;
    color: #E71F19;
    padding: 0 !important;
    margin-bottom: 20px;
}


/*--------------------------------------
 HOME CTA
--------------------------------------*/
.top_cta .lay-row {
    margin: 0 !important;
}
.top_cta .lay-col12-lg-6{
    background: #FFF;
    border-radius: 10px;
    padding: 0;
}
@media (min-width: 768px) {
    .top_cta > .lay-row > div{
        max-width: 48.5%;
    }
    .top_cta > .lay-row > div:nth-child(1){
        margin-right: 1.5%;
    }
    .top_cta > .lay-row > div:nth-child(2){
        margin-left: 1.5%;
    }
}
.top_cta h4{
    color: #E71F19;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 1.5rem;
    padding-top: 30px;
    margin-bottom: 20px;
}
.top_cta .cparts-notes-block{
    padding: 0 15px 20px;
}
.top_cta h5{
    border: none;
    padding: 0;
    font-size: 1.125rem;
    margin-bottom: 1rem;
}


/*--------------------------------------
 FAQ
--------------------------------------*/
.qaList dt::before {
    background-color: #E71F19;
}
.qaList dd {
    background-color: #FFDEDE;
}
.qaList dd::before {
    color: #E71F19;
    border: 1px solid #E71F19;
}

/*--------------------------------------
 固定お問合せボタン
--------------------------------------*/
.cparts-id582 a{
    font-family: sans-serif;
}


/*--------------------------------------
 会議アプリ　メインビジュアル
--------------------------------------*/
@media (max-width: 767px) {
    .app_mv {
        margin-left: 0px;
        margin-right: 0px;
        padding: 0 !important;
    }
}
.app_mv{
    margin-top: -60px;
   background: #2c2c2c;
   margin-bottom: 0;
   border-top: solid 3px #e71f18;
}
.app_mv h1{
    margin: 0;
    padding: 0;
}

/*--------------------------------------
 会議アプリ　悩み
--------------------------------------*/
.nayami_area .lay-row {
        margin: 0 !important;
    }
.nayami_area > .lay-row > div{
    background: #e6e6e6;
    padding: 15px;
    border-radius: 15px;
}
@media (min-width: 768px) {
    .nayami_area .lay-col12-lg-4{
        max-width:32.3%;
    }
    .nayami_area > .lay-row > div:nth-child(2){
        margin-left: 1.5%;
        margin-right: 1.5%;
    }
}
.nayami_area .cparts-img-block{
display: flex;
  justify-content: center;
}
.nayami_area .cparts-img-block img{
    max-width: 50%;
}
.nayami_area .cparts-txt-block {
    text-align: center;
}

/*--------------------------------------
 会議アプリ　導入効果
--------------------------------------*/

.kouka_area .cparts-img-block img{
    border-radius: 20px;
}
@media (min-width: 768px) {
    .kouka_area .cparts-img-block{
        max-width: 33.3%;
    }
    .kouka_area .kouka-txt-area{
        max-width: 66.7%;
        -ms-flex: 0 0 66.7%;
            flex: 0 0 66.7%;
    }
}


/*--------------------------------------
 下階層　ページタイトル
--------------------------------------*/
.page_title{
    background: #000;
}
.page_title img{
    opacity: 0.5;
}
@media (min-width: 768px) {
    .cparts-mainvisual--sm .cparts-img-block {
        height: 30vh !important;
    }
}
@media (min-width: 768px) {
    .cparts-id575.cparts-mainvisual--sm .cparts-body-block::after {
        clip-path: polygon(0 0, 100% 0, 100% 25%);
    }
}