@charset "utf-8";
.caption2 {
  margin-top: 10px !important;
  word-break: break-all;
  text-align: center;
  line-height: 1.4rem;
  font-size: 1.0rem;
}

.grad-wrap {
  position: relative;
  margin-bottom: 6rem;
}

.grad-wrap+.grad-wrap {
  margin-top: 40px;
}

.grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 150px;
  margin: auto;
  padding: .5em 0;
  border-radius: 2px;
  background: #41413f;
  color: #fff;
  /* font-size: 1.3rem; */
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0, 0, 0, .3);
}

.grad-btn::after {
  content: "もっと見る"
}

.grad-btn:hover {
  background: #fff;
  color: #41413f;
}

.grad-btn .fa {
  margin-right: .5em;
}

.grad-item {
  position: relative;
  overflow: hidden;
  height: 27rem;
}

.grad-item p+p {
  margin-top: 1em;
}

.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px;
  /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  z-index: 1;
}

.grad-trigger {
  display: none;
}

.grad-trigger:checked~.grad-btn {
  bottom: -2em;
}

.grad-trigger:checked~.grad-btn::after {
  content: "閉じる"
}

.grad-trigger:checked~.grad-btn .fa {
  transform: rotate(180deg);
}

.grad-trigger:checked~.grad-item {
  height: auto;
}

.grad-trigger:checked~.grad-item::before {
  display: none;
}



span.aka {
  font-size: 105%;
  font-weight: bold;
  background: #ffffff;
}

#toc2 {
  width: fit-content;
  margin: 0rem auto;
  display: block;
  padding: 2rem 3rem 3rem;
  border: solid 4px #f8f8f8;
  max-width: 80%;
}

#toc2:before {
  content: "目次";
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 16px;
}

#toc2 ul {
  margin: 5px;
}

#toc2 ul li {}

span.poiaka {
  font-size: 105%;
  font-weight: bold;
  background: #ffffff;
  padding: 0px 5px;
}

span.shu {
  font-size: 105%;
  color: #ff5851;
  padding: 0px 2px;
}

span.enji {
  color: #ff5851;
  padding: 0px 2px;
}

span.aoi {
  color: #3b9cff;
  padding: 0px 2px;
}


span.border {
  border-bottom: 3px solid #ffc917;
  display: inline-block;
}

/* 免責事項用*/
p.mensek {
  font-size: 70% !important;
  line-height: 1.5 !important;
  color: #888;
  word-break: break-all;
  margin-top: 1.5em !important;
}


/*commoncss調整*/
.lower-bottom .lower-bottom__title {
  font-size: 2.4rem;
}

.index .addParts__table--comparison th {
  font-size: 1.6rem;
}

.index .addParts__table--comparison th.miz {
  background: #94c7fb;
}

.contents .index .aadPartsTit--ver02 {
  font-size: 3.4rem;
}

.fixBan {
  position: fixed;
  bottom: 16rem;
  right: 0;
  width: 300px;
  z-index: 50;
  display: none;
}

.date p {
  font-size: 12px;
}

.hako3.hk3 .boxtxt th {
  width: 60%;
}

.hako3.hk3 .boxtxt th,
.hako3.hk3 .boxtxt td {
  line-height: 1.4;
  padding: 10px 5px;
  text-align: center;
  font-size: 1.3rem;
}

.hako3.hk3 .boxtxt table {
  margin: 1rem auto;
  width: 95%;
}


/* oki_20220707 */
.kanren {
  border: 2px solid #000;
  padding: 20px 30px 0;
  margin: 50px 0;
  position: relative;
  box-sizing: border-box;
}

.midasi {
  font-size: 110%;
  font-weight: bold;
  margin-bottom: 15px;
}

.kanren br {
  display: none;
}

.readmore-content {
  position: relative;
  overflow: hidden;
  height: 100px;
}

.readmore-content::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  content: "";
  /*以下お好み グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  height: 50px;
  z-index: 1;
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.8) 50%, #fff 100%);
}

/* 続きを読むボタン */
.readmore-label {
  display: table;
  bottom: 5px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin: 5px auto;
  z-index: 2;
  padding: 2px 15px;
  background-color: #ff5851;
  border-radius: 10px;
  color: #fff;
}

.readmore-label:before {
  content: "\7D9A\304D\3092\8AAD\3080";
}

.readmore-check {
  display: none;
}

/*チェック時にボタンを非表示*/
.readmore-check:checked~.readmore-label {
  position: static;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  /* 「続きを読む」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
  /* display: none; */
}

.readmore-check:checked~.readmore-label:before {
  content: "\9589\3058\308B";
}

/*チェック時に高さを自動に戻す*/
.readmore-check:checked~.readmore-content {
  height: auto;
}

/*チェック時グラデーション等を削除*/
.readmore-check:checked~.readmore-content::before {
  display: none;
}

.top6 {
  display: flex;
  margin: 1rem auto 2rem;
}

.top6 .box {
  padding: 2rem 0rem 1rem;
  margin: 0 auto;
  width: 32%;
  background: #ffe8e8;
  display: flex;
  flex-direction: column;
}

.top6 .ttl {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px;
  padding: 0 0 1.5rem;
}

.top6 ul {
  margin: 2rem 1rem 1rem;
}

.top6 p {
  padding: 0 1.5rem;
}

.top6.top6_2 .box {
  background: #e3edf6;
}



.dtlbox {
  background: #ffe8e8;
  margin: 0 0 2rem;
  padding: 2rem 3rem;
}

.dtlbox h3 {
  margin: 1rem 0 2rem !important;
  border: none;
  padding: 0 !important;
  border-bottom: solid 2px#fdc9c9;
  padding-bottom: 2rem !important;
  font-size: 3rem !important;
}

.dtlbox h3:before {
  display: none;
}

.dtlbox .copy {
  font-size: 2rem;
  font-weight: bold;
}

.dtlbox .imgtxt {
  margin: 2rem 0;
  display: flex;
}

.dtlbox .imgtxt .img {
  margin-right: 2rem;
  width: 40%;
}

.dtlbox .imgtxt .img .caption {
  margin: 1rem auto;
  text-align: center;
  line-height: 1.1;
}

.dtlbox .imgtxt .txt {
  width: 60%;
}

.dtlbox .imgtxt .txt .copy {
  border-bottom: solid 2px #fdc9c9;
  padding: 0 0 0.5rem;
  margin-bottom: 1rem;
  font-size: 1.8rem;
}

.dtlbox .point {
  border: solid 4px #fdc9c9;
  border-radius: 2rem;
  padding: 1rem 2rem;
  margin-top: 4rem;
  background: #fff;
}

.dtlbox .point .ttl {
  background: #fdc9c9;
  width: fit-content;
  padding: 5px 3rem;
  font-size: 1.6rem;
  font-weight: bold;
  margin: -3.5rem 0 1.5rem;
  border-radius: 1rem;
}

.dtlbox .point .copy {
  font-size: 1.6rem;
  position: relative;
  margin-bottom: 0.5rem;
}

.dtlbox .point .copy:before {
  content: "●";
  color: #fdc9c9;
  margin-right: 0.5rem;
}



.dtlbox.dtlbox2 {
  background: #e3edf6;
}

.dtlbox.dtlbox2 h3 {
  border-bottom: solid 2px #b7cee2;
}

.dtlbox.dtlbox2 .imgtxt .txt .copy {
  border-bottom: solid 2px #b7cee2;
}

.dtlbox.dtlbox2 .point {
  border: solid 4px #b7cee2;
}

.dtlbox.dtlbox2 .point .ttl {
  background: #b7cee2;
}

.dtlbox.dtlbox2 .point .copy:before {
  color: #b7cee2;
}

.contents .box .btn-web a {
  width: 100%;
  padding: 1rem 1rem;
  margin: 1rem auto;
  background: url(img/arrow_black.png) right 10px center no-repeat #ffc917;
}

.contents .box .btn-web2 a {
  width: 100%;
  padding: 1rem 1rem;
  margin: 1rem auto;
  background: url(img/arrow_black.png) right 10px center no-repeat #55c279;

}


.contents .btn-web2 a {
  background: url(img/arrow_black.png) right 60px center no-repeat #55c279;
  background-size: 10px auto;
  border: solid 2px #fff;
  box-shadow: 0 0 0 4px #55c279;
  border-radius: 0;
  color: #000;
}

.contents .btn-web2 a {
  display: block;
  box-sizing: border-box;
  width: 442px;
  height: auto;
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.73;
  border-radius: 10px;
  cursor: pointer;
  text-decoration: none;
  padding: 2rem 3rem;
  margin: 3rem auto;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}





.contents .box p {
  width: 100%;
  max-width: 1000px;
  margin: auto 0 2rem;
  color: #000;
}



.contents .btn-web2 a {
  background: url(img/arrow_black.png) right 60px center no-repeat #55c279;
  background-size: 10px auto;
  border: solid 2px #fff;
  box-shadow: 0 0 0 4px #55c279;
  border-radius: 0;
  color: #000;
}

/*2023.11.08*/
.top6_img {
  width: 90%;
  margin: 1rem auto 0;
}

.contents .top6_custom .btn-web2 {
  margin-bottom: 0;
}

.contents .top6_custom .btn-web2 a {
  margin-bottom: .5rem;
}

.contents .top6_custom .caption {
  min-height: 50px;
  margin-bottom: 0;
}

.btn-in a {
  background-image: none !important;
}

/* addParts--comparison */
.index .addParts--comparison {
  margin: 14rem auto 0;
}

.addParts--comparison .addInner {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}

.addParts--comparison .addInner::before {
  content: "";
  width: 336px;
  height: 204px;
  position: absolute;
  /***** background: url(img/deco_comparison.png) no-repeat; *****/
  background-size: contain;
  top: -220px;
  right: 0;
}

/***** addParts02 *****/
.addParts02 {
  width: 100%;
  margin: 3rem auto;
  background: #ffffff;
  padding: 7rem 0 2rem;
}

.addParts02 p {
  margin: 0;
}

.addParts02 p+p {
  margin-top: 1.5rem;
}

/*sttl*/
.category .addParts02 .sttl {
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #000;
  padding: 0;
  margin: 0 auto 3rem;
  letter-spacing: 2.1px;
}

.addParts02 .sttl a {
  display: block;
}

/*--------------------------------------
　box-wrap
---------------------------------------*/
.contents .box-wrap {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.contents .box-wrap .box {
  position: relative;
  display: block;
  width: calc((100% - 4rem) / 2);
  margin: 0;
  box-sizing: border-box;
}

.contents .box-wrap .box:nth-child(n + 3) {
  margin-top: 4.4rem;
}

/*box-head*/
.box-wrap .box-head {
  display: block;
  border-bottom: 1px solid #000;
  margin: 0 3.3rem 2.8rem;
}

.category .box-wrap .box-head__title {
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.55;
  color: #000;
  padding: 1.9rem 0;
  letter-spacing: 0.7px;
  width: 100%;
  display: table;
  vertical-align: middle;
}

.box-wrap .box-head a {
  background: url(img/arrow_pink.png) right 1px center no-repeat;
  background-size: 10px auto;
  padding-right: 2rem;
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}

/* box-body */
.contents .box-wrap .box .box-body {
  padding: 0 3.3rem 5.5rem;
}

.contents .box-wrap .box p {
  margin: 0;
  letter-spacing: 0.6px;
  font-size: 1.5rem;
  line-height: 1.86;
}

.contents .box-wrap .box p+p {
  margin-top: 1.5rem;
}

/*type-b*/
.contents .box-wrap .type-b {
  border: 1px solid #000;
  background: #fff;
}

.category .addParts--comparison .addParts__table-wrap__title--comparison {
  text-align: center;
  font-size: 2.3rem;
  font-weight: bold;
  color: #000;
  line-height: 1.37;
  letter-spacing: 0.6px;
  position: relative;
  padding: 0 0 2rem;
  margin-top: 2rem;
}

.category .addParts__table--comparison th.miz {
  background: #94c7fb;
  color: #fff;
}

.lp_custom #header .sitename {
  display: inline-block;
}

.lp_custom #category {
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  float: none;
}

/***** addParts02 *****/
.contents .addParts02 {
  width: 100%;
  margin: 8rem auto;
  background: #fff2f1;
  padding: 8rem 4rem;
}

.contents .addParts02 p {
  margin: 0;
}

.contents .addParts02 p+p {
  margin-top: 1.5rem;
}

/*sttl*/
.contents .addParts02 .sttl {
  display: block;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  color: #000;
  padding: 0;
  margin: 0 auto 3rem;
  letter-spacing: 2.1px;
}

.contents .addParts02 .sttl a {
  display: block;
}

.contents .addParts02 .aadPartsTit--ver04 {
  font-size: 3.5rem;
  font-weight: bold;
  color: #000;
  letter-spacing: 2.2px;
  line-height: 1.4;
  text-align: center;
}

.contents .addParts02 .addPartsTxt {
  margin: 0 0 30px;
}

.contents p.btn-web.bw4 a {
    background: #55c279;
    box-shadow: 0 0 0 4px #55c279;
    margin-bottom: 0;
}

.contents p.btn-web.bw4 {
    margin: 0rem 0 1rem;
}

.contents .index .aadPartsTit--ver02.aadPartsTit-lp-m:before {
    content: unset;
}
.contents .index .aadPartsTit--ver02.aadPartsTit-lp-m {
    padding: 1.7rem 2rem 2rem;
}


















/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 481px) {
  /*/////////////PC用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/

  .br-pc {
    display: block;
  }

  .br-sp {
    display: none;
  }

  p.sansho {
    text-align: right;
  }

  /* 疑似見出し*/
  .dekaji {
    margin: 25px 30% -10px 5px !important;
    padding: 0px 0px 15px 0px;
    border-bottom: 2px solid #55c279;
    font-weight: bold;
    font-size: 1.5rem;
  }


  /* 横長対応 */
  .floatrightx {
    float: right;
    width: 45%;
    margin-left: 15px;
  }

  .floatrightx img {
    width: 100%;
  }

  .floatrightx figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }

  .floatleftx {
    float: left;
    width: 45%;
    margin-right: 15px;
  }

  .floatleftx img {
    width: 100%;
  }

  .floatleftx figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }

  /* フロートの解除 */
  .floatkes {
    clear: both;
  }


  /*　巻き込み防止*/
  .float_wrap {
    padding: 0px;
    overflow: auto;
    margin: 4rem auto;
  }

  .float_wrap p {
    margin: 0 !important;
  }

  /* 縦長対応 */
  .floatrighty {
    float: right;
    width: 40%;
    margin-left: 15px;
  }

  .floatrighty img {
    max-height: 250px;
    margin: auto;
    display: block;
  }

  .floatrighty figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }

  .floatlefty {
    float: left;
    width: 40%;
    margin-right: 15px;
  }

  .floatlefty img {
    max-height: 250px;
    margin: auto;
    display: block;
  }

  .floatlefty figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }



  /* 中央対応 */
  .centerx {
    display: block;
    width: 450px;
    margin: 10px auto;
  }

  .centerx img {
    width: 450px;
  }

  .centery {
    display: block;
    width: 450px;
    margin: 10px auto;
    text-align: center;
  }

  .centery img {
    height: 400px;
  }

  .centerx figcaption,
  .centery figcaption {
    font-size: 90%;
    color: #838383;
    text-align: center;
  }

  /* th幅 */
  .th30 {
    width: 30%;
  }

  /*3つ並びBOX*/
  .hako3 {
    display: block;
    margin: 20px auto 20px 10px;
  }

  .hako3 .hakoline {
    /* display: -webkit-box; */
    display: flex;
  }

  .hako3 .boxtxt {
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 5px;
    padding: 5px;
    border: solid 2px #000000;
  }

  .hako3 .boxtxt h3 {
    padding: 5px 5px 5px 15px !important;
    font-size: 1.4rem !important;
    margin: 5px 0px 15px !important;
    text-align: center;
  }

  .hako3 .boxtxt img {
    max-height: 150px;
    width: 95%;
    display: block;
    margin: 5px auto;
    object-fit: contain;
  }

  .hako3 .boxtxt figcaption {
    font-size: 60%;
    text-align: center;
    color: #888;
  }

  .hako3 .boxtxt p {
    font-size: 1.3rem;
    padding: 5px 10px;
    line-height: 1.9;
    word-break: break-all;
  }

  .hako3 .boxtxt li {
    color: #888;
    font-size: 12px;
    padding: 5px 10px;
  }

  .hako3 .boxtxt:hover {
    background: #f8f8f8;
    transition-duration: 0.2s;
  }

  .hako3 .boxtxt li::before {
    background: none !important;
  }

  /*スライダーtable*/
  .wr01_table-scroll table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 13px;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 40px;
    border: none;
  }

  .wr01_table-scroll table th,
  .wr01_table-scroll table td {
    border: 1px solid #333;
    text-align: center;
    word-break: break-all;
    vertical-align: middle;
    padding: 5px;
  }

  .wr01_table-scroll table th {
    font-size: 13px;
    background-color: #f8f8f8;
    color: #101010;
  }

  /*2022.05.23*/
  .custom-table {
    overflow-x: scroll;
  }

  .custom-table table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
    table-layout: auto;
    margin: 0 auto 1rem;
  }

  .contents .custom-table table th {
    width: 100%;
  }

  .contents .custom-table table td {
    text-align: center;
  }

  .custom-table .btn-web {
    margin-bottom: 0;
  }

  .custom-table .btn-web a {
    display: block;
    box-sizing: border-box;
    width: 100px;
    height: auto;
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.73;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    padding: .5rem;
    margin: 1rem auto;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }


  .contents .box table {
    box-sizing: border-box;
    width: 95%;
    max-width: 1000px;
    table-layout: fixed;
    margin: auto;
  }

  .contents .box table th,
  .contents .box table td {
    word-break: break-all;
    color: #000;
    line-height: 1.8;
  }

  .contents .box table th {
    width: 55%;
    padding: 0 0.5rem;
    background: #dcdcdc;
    border: 1px solid #000;
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
  }

  .contents .box table td {
    padding: 1.2rem 1.5rem;
    border: 1px solid #000;
    background: #fff;
    font-size: 1.4rem;
    text-align: center;
  }

  .contents .box ul li {
    min-height: 12px;
    padding: 0 0 0.5rem 1.8rem;
    position: relative;
    font-size: 1.4rem;
    color: #333;
  }

  .contents .box .btn-web {
    margin: 0;
  }

  .capshot {
    text-align: center;
    padding: 10px 10px 0;
  }

  .capshot img {
    height: 105px;
  }

  .contents .btn-internal a,
  .contents .btn-web-cont a {
    display: block;
    box-sizing: border-box;
    width: 442px;
    height: auto;
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.73;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    padding: 2rem 3rem;
    margin: 3rem auto;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }

  .btn-area-web {
    display: flex;
    width: 920px;
    margin: 0 auto;
  }

  .contents .btn-web-cont a {
    background: url(img/arrow_white.png) right 60px center no-repeat #55c279;
    background-size: 10px auto;
    border: solid 2px #fff;
    box-shadow: 0 0 0 4px #55c279;
    border-radius: 0;
    color: #fff;
  }

  .addParts__block--recommended .btn-web-cont a {
    margin: 5.2rem auto 0;
  }

  .contents .addParts03 p {
    margin-top: 1.5rem;
  }


  .contents .box-next .btn-web2 {
    margin: 0;
  }

  .contents .box-next .btn-web {
    margin: auto 0 2rem;
  }

  .box-next-img {
    width: 94%;
    text-align: center;
    margin: 0 auto;
  }

  .box-next-img img {
    margin-bottom: 10px;
  }


  .btn-web-cont2 a {
    display: block;
    box-sizing: border-box;
    width: 300px;
    height: auto;
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.73;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    padding: 2rem 3rem;
    margin: 3rem auto;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }

  .btn-area-web2 {
    display: flex;
    width: 700px;
    margin: 0 auto;
  }

  .btn-web-cont2 a {
    background: url(img/arrow_white.png) right 60px center no-repeat #000;
    background-size: 10px auto;
    border: solid 2px #fff;
    box-shadow: 0 0 0 4px #000;
    border-radius: 10px;
    color: #fff;
  }

  .side-bnr-area {
    margin: 0 0 30px 0;
  }

  .side-bnr-area a {
    display: block;
    margin: 0 0 20px 0;
  }

  .jump-area {
    display: flex;
    justify-content: space-around;
  }

  .jump-area-block {
    width: 320px;
  }

  .jump-area-ttl {
    background: #33c0ed;
    color: #fff;
    text-align: center;
    font-size: 16px;
  }

  .jump-area-cont {
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    margin: 0 0 10px 0;
  }

  .jump-area-cont span {
    display: block;
    font-size: 28px;
    font-weight: bold;
    padding: 5px 0 3px;
  }

  a.jump-area-btn {
    display: block;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background: #111;
    border-radius: 14px;
    color: #fff;
    line-height: 28px;
    padding: 8px 10px;
    position: relative;
  }

  a.jump-area-btn:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #111;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
  }

  a.jump-area-btn span {
    color: #ffc917;
  }

  span.product-catch {
    display: block;
    text-align: center;
    background: #ff5851;
    color: #fff;
    padding: 7px 5px;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
    margin: 0 0 10px 0;
  }

  span.service-catch {
    display: block;
    text-align: center;
    background: #51a7ff;
    color: #fff;
    padding: 7px 5px;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
    margin: 0 0 10px 0;
  }

  span.prodcut-point {
    background: #fdc9c9;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #111;
    margin: 6px auto 0;
    padding: 2px 5px;
    position: relative;
  }

  span.prodcut-point:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #fdc9c9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }

  span.service-point {
    background: #b7cee2;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #111;
    margin: 6px auto 0;
    padding: 2px 5px;
    position: relative;
  }

  span.service-point:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #b7cee2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }

  .top6 .box-next-edit {
    padding: 0;
  }

  .top6 .box-next-edit ul {
    border: 2px solid #fdc9c9;
    width: auto;
    margin: 0.7rem 1rem 1rem;
    line-height: 19px;
    padding: 10px 1rem;
    height: 150px;
    background: #fff;
    font-weight: bold;
  }

  .top6 .box-next-edit ul.service-point-border {
    border: 2px solid #b7cee2;
    width: auto;
    margin: 0.7rem 1rem 1rem;
    line-height: 19px;
    padding: 10px 1rem;
    height: 150px;
  }

  .contents ul.service-point-border li::before {
    content: "";
    display: block;
    background: #51a7ff;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 50%;
  }

  .btn-web-jump a {
    background: #000;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    position: relative;
  }

  .btn-web-jump a:after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-bottom: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 29px;
    bottom: 0;
    margin: auto;
  }

  .contents .box p.btn-web-jump {
    width: 100%;
    max-width: 1000px;
    margin: 0;
    color: #000;
    padding: 0;
  }

  .box-next-edit .box-next-img {
    height: 190px;
  }

  .dtlbox .intro-example h5 {
    border: none;
    background: none;
    padding: 0 0 0 10px;
    margin: 0 1.9rem 10px;
    font-size: 1.7rem;
    font-weight: bold;
    border-left: 5px solid #000;
  }

  .intro-example {
    margin: 0 0 60px 0;
  }

  .intro-example p {
    padding: 0 1.9rem;
  }

  span.caution-txt {
    display: block;
    font-size: 11px;
    font-weight: normal;
  }

  .contents .box p.btn-web-jump-marg {
    margin: 15px 0 0 0;
  }

  .box-next-edit .capshot {
    text-align: center;
    padding: 10px 10px 0;
    height: 190px;
  }

  .visInner .btn-internal a,
  .visInner .btn-web-cont a {
    display: block;
    box-sizing: border-box;
    width: 442px;
    height: auto;
    position: relative;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.73;
    border-radius: 10px;
    cursor: pointer;
    text-decoration: none;
    padding: 2rem 3rem;
    margin: 3rem auto;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }

  .visInner .btn-internal a {
    color: #fff;
    background: url(img/arrow_white.png) right 11px center no-repeat #000;
    background-size: 7px auto;
    border: solid 2px #fff;
    box-shadow: 0 0 0 4px #000;
  }

.lp_custom2 .contents .addParts03 .voiceBox.voiceBox-lp-management2 .block {
    width: 32%;
    flex-wrap: nowrap;
	margin-bottom: 2rem;
}
.lp_custom2 .contents .addParts03 .voiceBox.voiceBox-lp-management2 .block .btn-internal a {
    width: 100%;
}
.contents .addParts03 .voiceBox .block:nth-of-type(n + 3) {
    margin-top: unset;
}
.lp_custom2 .top6 .box-next-edit ul {
    min-height: 17.5rem;
}

.lp_custom2 .top6 .box-next-edit ul.future-list {
    min-height: 14rem;
}
.lp_custom.lp_custom2.lp3 .top6 .box-next-edit ul {
    min-height: 14rem;
}

.lp_custom.lp_custom2.lp3 .top6 .box-next-edit ul.future-list {min-height: 12rem;}







}
/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 480px) {

  /*/////////////SP用のCSSをここに作成してください。/////////////*/
  /*/////////////必ず中括弧の中に作成してください。/////////////*/
  #header a.sitename {
    justify-content: center;
    display: flex;
    align-items: center;
  }

  #header .sitename {
    justify-content: center;
  }

  .br-pc {
    display: none;
  }

  .br-sp {
    display: block;
  }

  .hako3.hk3 .boxtxt th,
  .hako3.hk3 .boxtxt td {
    display: table-cell;
    width: auto;
  }

  .hako3.hk3 .boxtxt table {
    width: 90%;
  }

  .hako3.hk3 .boxtxt th {
    width: 65%;
    border-right: solid 1px;
  }

  /* 疑似見出し */
  .dekaji {
    margin: 25px 5px -6px 5px;
    padding: 10px 0px 10px 0px;
    border-top: 2px solid #55c279;
    border-bottom: 2px solid #55c279;
    font-weight: bold;
    font-size: 1.3rem;
  }

  /* 横長対応 */

  .floatrightx {
    width: 100%;
    margin: 10px auto 5px;
  }

  .floatrightx img {
    width: 100%;
  }

  .floatrightx figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }

  .floatleftx {
    width: 100%;
    margin: 10px auto 5px;
  }

  .floatleftx img {
    width: 100%;
  }

  .floatleftx figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }

  /* フロートの解除 */
  .floatkes {
    clear: both;
  }


  /* 縦長対応 */
  .floatrighty {
    width: 100%;
    margin: 10px auto 5px;
  }

  .floatrighty img {
    max-height: 250px;
    width: auto !important;
    margin: auto;
    display: block;
  }

  .floatrighty figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }

  .floatlefty {
    width: 100%;
    margin: 10px auto 5px;
  }

  .floatlefty img {
    max-height: 250px;
    width: auto !important;
    margin: auto;
    display: block;
  }

  .floatlefty figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }


  /* 中央対応 */
  .centerx,
  .centery {
    display: block;
    margin: 10px auto;
  }

  .centerx img,
  .centery img {
    width: 100%;
  }

  .centerx img .biriga,
  .centery img .biriga {
    width: 50% !important;
  }

  .centerx figcaption,
  .centery figcaption {
    font-size: 60%;
    color: #666666;
    text-align: center;
    width: 100%;
    word-break: break-all;
    line-height: 1.5;
  }

  /*3つ並びBOX*/
  .hako3 {
    display: block;
    margin: 20px auto 20px auto;
  }

  .hako3 a {
    text-decoration: none !important;
  }

  .hako3 .boxtxt {
    display: block;
    width: 98%;
    margin: 5px;
    padding: 5px;
    border: solid 2px #000000;
  }

  .hako3 .boxtxt h3 {
    padding: 5px 5px !important;
    font-size: 1.5rem !important;
    margin: 10px !important;
    text-align: center;
  }

  .hako3 .boxtxt img {
    max-height: 180px;
    width: 98%;
    display: block;
    margin: 5px auto;
    object-fit: contain;
  }

  .hako3 .boxtxt figcaption {
    font-size: 60%;
    word-break: break-all;
    text-align: center;
    color: #888;
  }

  .hako3 .boxtxt p {
    font-size: 1.3rem;
    padding: 5px 10px;
    line-height: 1.7;
    margin-bottom: 30px !important;
  }

  .hako3 .boxtxt p::after {
    line-height: 1.7;
    margin-bottom: 15px !important;
  }

  /*  .hako3 .boxtxt p::after {
    content: "＞＞詳細を見る";
    color: #00f;
    display: block;
    position: absolute;
    right: 15px;
    padding: 9px 10px 10px 10px;
    font-size: 105%;
    text-decoration: underline;
  }*/

  .hako3 .boxtxt li {
    color: #888;
    font-size: 12px;
    padding: 5px 10px;
    text-decoration: none !important;
  }

  .hako3 .boxtxt:hover {
    background: #f8f8f8;
    transition-duration: 0.2s;
  }

  .hako3 .boxtxt li::before {
    background: none !important;
  }

  /*スライダーtable*/
  .wr01_table-scroll {
    margin: 20px 0px;
    width: auto;
    white-space: nowrap;
    padding-bottom: 10px;
    overflow-x: scroll;
  }

  .wr01_table-scroll::-webkit-scrollbar {
    height: 10px;
  }

  .wr01_table-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
  }

  .wr01_table-scroll::-webkit-scrollbar-thumb {
    background: #bcbcbc;
    border-radius: 5px;
  }

  .wr01_table-scroll table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 14px;
    width: 100%;
    margin: 0;
    border: none;
  }

  .wr01_table-scroll table th,
  .wr01_table-scroll table td {
    border: 1px solid #333;
    text-align: center;
    word-break: break-all;
    vertical-align: middle;
    padding: 20px;
  }

  .wr01_table-scroll table th {
    font-size: 16px;
    font-weight: bold;
    background-color: #0d142f;
    color: #fff;
  }

  .fixBansp {
    position: fixed;
    bottom: 0px;
    z-index: 10;
  }

  .active {
    display: none;
  }

  #page-top {
    bottom: 21% !important;
  }

  .date {
    margin: 0 1.5rem;
  }

  .visArea .date {
    margin: 0;
  }

  /*2022.05.23*/
  .custom-table {
    width: 92%;
    margin: 0 auto;
    overflow-x: scroll;
  }

  .custom-table table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
    table-layout: auto;
    margin-top: 0;
  }

  .contents .custom-table table th {
    display: table-cell;
    width: 100%;
    padding: 1rem;
    border: 1px solid #000;
  }

  .contents .custom-table table td {
    text-align: center;
    display: table-cell;
    border: 1px solid #000;
    padding: 1rem;
  }

  .custom-table .btn-web {
    margin-bottom: 0;
  }

  .custom-table .btn-web a {
    display: block;
    box-sizing: border-box;
    width: 100px;
    height: auto;
    position: relative;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    line-height: 1.73;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
    padding: .5rem;
    margin: 1rem auto;
    transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
  }

  /* oki_20220707 */
  .kanren {
    margin: 5rem auto 0;
    max-width: 92%;
  }

  .top6 {
    display: block;
  }

  .top6 .box {
    width: 90%;
    margin: 0 auto 2rem;
  }

  .dtlbox {
    width: 95%;
    margin: 0 auto 2rem;
    padding: 1rem 1.8rem;
  }

  .dtlbox h3 {
    font-size: 2.4rem !important;
    width: 100% !important;
    margin: 1rem 0 !important;
    padding: 0 0 1rem !important;
  }

  .dtlbox .copy {
    font-size: 18px;
    line-height: 1.5;
  }

  .dtlbox .imgtxt {
    display: block;
    margin: 1.5rem auto;
  }

  .dtlbox .imgtxt .img,
  .dtlbox .imgtxt .txt {
    width: 100%;
    margin: 0;
  }

  .dtlbox .imgtxt .img {
    margin: 1.5rem auto;
  }

  .contents .box table {
    width: 90%;
    border-collapse: collapse;
    white-space: nowrap;
    table-layout: auto;
    margin-top: 0;
  }

  .contents .box table th {
    display: table-cell;
    width: 60%;
    padding: 1rem;
    border: 1px solid #000;
  }

  .contents .box table td {
    text-align: center;
    display: table-cell;
    border: 1px solid #000;
    padding: 1rem;
  }

  #toc2 {
    padding: 2rem 1.5rem;
    width: 100%;
    max-width: 90%;
    margin: 0 auto 3rem;
  }

  #toc2 a {
    font-size: 14px;
  }

  #toc2 li {
    line-height: 1.2;
    margin: 10px 0;
  }

  .grad-item {
    height: 31rem;
  }

  .grad-wrap {
    margin-bottom: 4rem;
  }






  .contents .btn-web2 a {
    background-position: right 10px center;
    background-size: 5px auto;
    border-radius: 0;
  }

  .contents .btn-internal a,
  .contents .btn-web2 a,
  .contents .btn-tel a,
  .contents .btn-link a {
    display: block;
    box-sizing: border-box;
    width: 82%;
    height: auto;
    position: relative;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.4;
    cursor: pointer;
    text-decoration: none;
    padding: 1.2rem 2.5rem;
    margin: 2.5rem auto;
    font-weight: bold;
  }

  .contents .box .btn-web {
    margin: 0;
  }

  .capshot {
    text-align: center;
    padding: 10px 10px 0;
  }

  .capshot img {
    height: 105px;
  }

  .btn-area-web {
    margin: 0 auto;
  }

  .addParts__block--recommended .btn-web-cont a {
    margin: 3rem auto 0;
  }

  .contents .btn-web-cont a {
    background: url(img/arrow_white.png) right 60px center no-repeat #257498;
    background-size: 10px auto;
    border: solid 2px #fff;
    box-shadow: 0 0 0 4px #257498;
    border-radius: 0;
    color: #fff;
  }

  .contents .btn-web-cont a {
    display: block;
    box-sizing: border-box;
    width: 82%;
    height: auto;
    position: relative;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.4;
    border-radius: 28px;
    cursor: pointer;
    text-decoration: none;
    padding: 1.2rem 2.5rem;
    margin: 2.5rem auto;
    font-weight: bold;
  }

  .contents .btn-web-cont a {
    background-position: right 10px center;
    background-size: 5px auto;
    border-radius: 0;
  }

  .contents .box-next .btn-web2 {
    margin: 0;
  }

  .contents .box-next .btn-web {
    margin: auto 0 2rem;
  }

  .box-next-img {
    width: 94%;
    text-align: center;
    margin: 0 auto;
  }

  .box-next-img img {
    margin-bottom: 10px;
  }

  .jump-area {
    display: flex;
    justify-content: space-around;
  }

  .jump-area-block {
    width: 47%;
  }

  .jump-area-ttl {
    background: #33c0ed;
    color: #fff;
    text-align: center;
    font-size: 13px;
  }

  .jump-area-cont {
    font-size: 13px;
    text-align: center;
    line-height: 25px;
    margin: 0 0 10px 0;
  }

  .jump-area-cont span {
    display: block;
    font-size: 23px;
    font-weight: bold;
  }

  a.jump-area-btn {
    display: block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    background: #111;
    border-radius: 14px;
    color: #fff;
    line-height: 24px;
    padding: 8px 15px;
    position: relative;
  }

  a.jump-area-btn:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 15px solid #111;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
  }

  a.jump-area-btn span {
    color: #ffc917;
  }

  span.product-catch {
    display: block;
    text-align: center;
    background: #ff5851;
    color: #fff;
    padding: 7px 5px;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
  }

  span.service-catch {
    display: block;
    text-align: center;
    background: #51a7ff;
    color: #fff;
    padding: 7px 5px;
    font-size: 15px;
    font-weight: bold;
    line-height: 19px;
  }

  span.prodcut-point {
    background: #ff5851;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 6px auto 0;
    padding: 2px 5px;
    position: relative;
  }

  span.prodcut-point:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #ff5851;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }

  span.service-point {
    background: #b7cee2;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #111;
    margin: 6px auto 0;
    padding: 2px 5px;
    position: relative;
  }

  span.service-point:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #b7cee2;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }

  .top6 .box-next-edit {
    padding: 0;
  }

  .top6 .box-next-edit ul {
    border: 2px solid #ff5851;
    width: auto;
    margin: 0.7rem 1rem 1rem;
    line-height: 19px;
    padding: 10px 1rem;
  }

  .top6 .box-next-edit ul.service-point-border {
    border: 2px solid #b7cee2;
    width: auto;
    margin: 0.7rem 1rem 1rem;
    line-height: 19px;
    padding: 10px 1rem;
  }

  .contents ul.service-point-border li::before {
    content: "";
    display: block;
    background: #51a7ff;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 7px;
    left: 0;
    border-radius: 50%;
  }

  .btn-web-jump a {
    background: #000;
    width: 100%;
    display: block;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
    position: relative;
  }

  .btn-web-jump a:after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-bottom: solid 3px #fff;
    border-right: solid 3px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 29px;
    bottom: 0;
    margin: auto;
  }

  .contents .box p.btn-web-jump {
    width: 100%;
    max-width: 1000px;
    margin: 0;
    color: #000;
    padding: 0;
  }

  .dtlbox .intro-example h4 {
    padding: 0 0 5px 0;
    margin: 30px 0 15px 0;
    font-size: 1.8rem;
  }

  .dtlbox .intro-example h5 {
    border: none;
    background: none;
    padding: 0 0 0 10px;
    margin: 0 0 10px;
    font-size: 1.6rem;
    font-weight: bold;
    border-left: 5px solid #000;
  }

  .intro-example {
    margin: 0 0 60px 0;
  }

  .intro-example p {
    padding: 0;
  }

  span.caution-txt {
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0 1.9rem;
  }

  .contents .box p.btn-web-jump-marg {
    margin: 15px 0 0 0;
  }

  .category .addParts02 .sttl {
    font-size: 2rem;
    margin: 0 auto;
    letter-spacing: normal;
    font-feature-settings: "palt";
  }

  .addParts--comparison .addInner {
    max-width: 1000px;
    position: relative;
    margin: 0px 1rem;
  }

  .category .addParts__table--comparison {
    margin: 3rem auto 0;
    max-width: 100%;
    display: table;
  }

  .category .addParts__table--comparison tr+tr {
    border: none;
  }

  .category .addParts__table--comparison th,
  .category .addParts__table--comparison td {
    display: table-cell;
    border: 1px solid #000;
    font-feature-settings: "palt";
  }

  .lp_custom .addPartsTxt {
    width: 92%;
    margin: 0 auto;
  }

  .lp_custom .jump-area-block {
    width: 92%;
  }

  footer {
    margin-top: 5rem;
  }

  #header .headTop {
    padding: 1rem;
  }

  .contents .box-wrap .box {
    margin: 3rem 0 0;
    width: 100%;
  }

  .contents .addParts02 {
    padding: 4rem 0 6rem;
  }

  .contents .addParts02 .addInner {
    margin: 0 auto;
    width: 92%;
  }

  .contents .addParts02 .aadPartsTit--ver04 {
    font-size: 2rem;
    letter-spacing: normal;
    font-feature-settings: "palt";
  }

  .contents .addParts02 .addPartsTxt {
    margin-top: 2.5rem;
    width: 90%;
  }

  .contents .addParts02 .addPartsTxt {
    margin: 2.5rem auto 0;
    width: 90%;
  }

  .contents .addParts02 .box-wrap .box-head__title {
    font-size: 1.8rem;
    padding: 1.8rem 0;
    letter-spacing: normal;
    display: block;
    text-align: center;
  }

}

/*20251006*/
.lp_custom2 .contents .addParts03 .voiceBox .txt {
    float: none;
}

.lp_custom2 .contents .addParts03 .voiceBox .catch {
    float: none;
}

.lp_custom2 .contents .addParts03 .voiceBox .block {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: inherit;
    border: 1px solid #ddd;
    padding: 3rem 2rem;
    background: #fbfbfb;
    width: calc((100% - 2rem) / 2);
}

.lp_custom2 .contents .addParts03 .voiceBox .catch::before {
	content:"";
    background-image: url(https://www.identification-valley.net/wp/wp-content/uploads/icon1.png);
    width: 60px;
    height: 55px;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}

.lp_custom2 .top6 .box-next-edit {
    width: 48%;
    display: block;
    padding-bottom: 4rem;
}

.lp_custom2 .top6 {
    max-width: 1100px;
    margin-top: 5rem;
}

.lp_custom2 .contents .box p.tag {}

.lp_custom2 p.product-catch span.tag {
    display: block;
    background: #fff;
    width: 50%;
    margin: 0 auto;
    color: #000;
    padding: 5px;
    margin: -3rem auto 5px;
    border: 3px solid #2d2d2d;
}

.lp_custom2 .contents .box p.product-catch {
    display: block;
    text-align: center;
    background: #ff5851;
    color: #fff;
    padding: 10px 5px 15px;
    font-size: 18px;
    font-weight: bold;
    line-height: 19px;
    margin: 0 0 10px 0;
    color: #fff;
    line-height: 1.5;
}

.lp_custom2 .contents .box p.product-catch .large {
    font-size: 2.4rem;
}

.lp_custom2 .top6 .ttl {
    border: none;
}

.lp_custom2 .contents .top6_custom .caption {
    text-align: center;
    margin-top: 10px;
}

.lp_custom2 .contents .box p.prodcut-point {
    background: #fdc9c9;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    color: #111;
    margin: 6px auto 0;
    padding: 2px 5px;
    position: relative;
    max-width: 200px;
}

.lp_custom2 p.prodcut-point:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border-top: 8px solid #fdc9c9;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
}

.lp_custom2 .top6 .box-next-edit ul {
    background: #fff;
    height: auto;
    padding: 2rem;
	height:auto;
}

.lp_custom2 .contents .box p.future-ttl {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 0;
    font-weight: bold;
}

.lp_custom2 .top6 .box-next-edit ul.future-list {
    height: auto;
    background: none;
    border: none;
    padding: 0 2rem;
    margin-bottom: 4rem;
}

.lp_custom2 .contents .box table th {
    width: 26%;
}

.lp_custom2 .contents .box table {
    height: 380px;
    margin-bottom: 3rem;
}

.lp_custom2 .index > h2:not([class]) {
    margin-top: 6rem;
}

.lp_custom2 .dtlbox {
    max-width: 1100px;
    margin: 6rem auto 0rem;
}

.lp_custom2 .dtlbox .catch {
    background: #ff5851;
    margin: -2rem -3rem 2rem;
    max-width: none;
    width: auto;
    padding: 2rem;
    text-align: center;
    color: #fff;
    font-size: 2.4rem;
    font-weight: bold;
}

.lp_custom2 .dtlbox .catch .tag {
    display: block;
    background: #fff;
    color: #000;
    max-width: 200px;
    margin: -4rem auto 1rem;
    border: 3px solid #000;
}

.lp_custom2 .index h3:not([class]) {
    border: none;
    text-align: center;
}

.lp_custom2 .index h3:not([class])::after {
    display: none;
}

.lp_custom2 span.bold {
    font-weight: bold;
    color: #ff5851;
}
.lp_custom2 .dtlbox .intro-example h4,.lp_custom2 .index h4:not([class]) {
    box-sizing: border-box;
    width: 100%;
    max-width: 1000px;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.8;
    color: #000;
    background: url(https://www.identification-valley.net/wp/wp-content/themes/SE026/img/border_h4_low.png) repeat-x bottom left 1px;
    background-size: 6px auto;
    padding: 0;
    margin: 5rem auto 2rem;
}

.lp_custom2 .dtlbox .intro-example h4::before,.lp_custom2 .index h4:not([class])::before {
    display: none;
}
@media screen and (max-width: 480px) {

.lp_custom2 .top6 .box-next-edit {
    width: 100%;
    margin-bottom: 4rem;
}

.lp_custom2 .contents .box table {
    height: auto;
    white-space: normal;
}

.lp_custom2 .top6 .box-next-edit ul.future-list {
    padding: 0 1rem;
}

.lp_custom2 .top6 {
    padding: 10px;
}

.lp_custom2 .contents .box p.product-catch .large {
    font-size: 2.2rem;
}

.lp_custom2 .top6 .box-next-edit ul {
    height: auto;
}

.lp_custom2 .dtlbox .catch {
    margin: -1rem -1.8rem 2rem;
    font-size: 2rem;
    padding: 1rem;
    line-height: 1.6;
}

.lp_custom2 .index > h2:not([class]) {
    margin-top: 3rem;
}

.lp_custom2 .dtlbox .catch .large {
    font-size: 2.2rem;
}

.dtlbox .point .ttl {
    padding: 5px 1rem;
    text-align: center;
}


.lp_custom2 .dtlbox .intro-example h4,.lp_custom2 .index h4:not([class]) {
    padding: 0 0 5px 0;
    margin: 30px 0 15px 0;
    font-size: 1.8rem;
}

.lp_custom2 .contents .addParts03 .voiceBox .block {
    width: 100%;
    display: block;
}

.lp_custom2 .contents .addParts03 .voiceBox .blockWrap {
    display: block;
}

.lp_custom2 .contents .addParts03 .voiceBox .catch {
    padding-left: 6rem;
}

.contents .index .aadPartsTit--ver02.aadPartsTit-lp-m {
    padding: 1rem 0 1.5rem;
}

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}