.mv {
  position: relative;
  height: 426px;
  margin-top: -60px;
}

.mv .back-img {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.mv .back-img .title {
  position: absolute;
  top: 57%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 40px;
  font-weight: var(--fw-bold);
  width: 100%;
  padding: 0 10px;
}

@media screen and (max-width: 768px) {
  .mv .back-img .title {
    font-size: 32px;
  }
}

/*====== ↑↑↑ END OF MV ↑↑↑ ======*/


/* ---------共通--------- */
#content {
  padding-bottom: 20px !important;
}
@media screen and (max-width: 500px) {
  #content {
    padding: initial !important;
  }
}

.warranty_wrap {
  margin-right: 1em;
  margin-left: 1em;
}

main section h1,
main section h2,
main section h3,
main section h4,
main section h5,
main section h6,
main section p,
main section ul {
  margin-bottom: initial;
  line-height: 1.4;
}

.max_contents_tit {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.max_contents {
  max-width: 828px;
  width: 100%;
  margin: 0 auto;
}

.flex {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 500px) {
  #content .wrap {
    padding-left: 1em;
    padding-right: 1em;
  }
}

.only_pc {
  display: block;
}

@media screen and (max-width: 500px) {
  .only_pc {
    display: none;
  }
}

.only_sp {
  display: none;
}

@media screen and (max-width: 500px) {
  .only_sp {
    display: block;
  }
}


/* ==セクションタイトルの共通css== */
main section .sec_tit {
  background-color: #F5F5F5;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 60px;
}

@media screen and (max-width: 500px) {
  main section .sec_tit {
    margin-bottom: 40px;
  }
}

main .warranty_long_term,
main .warranty_output,
main .warranty_storage_15y,
main .warranty_product_single,
main .warranty_replacement_pcs {
  margin-bottom: 100px;
}

@media screen and (max-width: 500px) {

  main .warranty_long_term,
  main .warranty_output,
  main .warranty_storage_15y,
  main .warranty_product_single,
  main .warranty_replacement_pcs {
    margin-bottom: 80px;
  }
}

main .warranty_long_term .sec_tit h3,
main .warranty_output .sec_tit h3,
main .warranty_storage_15y .sec_tit h3,
main .warranty_product_single .sec_tit h3,
main .warranty_replacement_pcs .sec_tit h3 {
  color: #3366AA;
  font-size: 28px;
  text-align: center;
  margin-bottom: initial;
  letter-spacing: 1.12px !important;
  line-height: 32px;
  padding-top: 4px;
}

@media screen and (max-width: 500px) {

  main .warranty_long_term .sec_tit h3,
  main .warranty_output .sec_tit h3,
  main .warranty_storage_15y .sec_tit h3,
  main .warranty_product_single .sec_tit h3,
  main .warranty_replacement_pcs .sec_tit h3 {
    font-size: 24px;
  }
}

main section .sec_tit h3 .tit_small {
  font-size: 18px;
  letter-spacing: 0.02px !important;
}

@media screen and (max-width: 500px) {
  main section .sec_tit h3 .tit_small {
    font-size: 16px;
  }
}

/* ==セクションタイトルの共通css== */

/* ==ミニタイトル（黒字のh4）の共通css== */
main section .mini_tit {
  max-width: 824px;
  width: 100%;
  margin-bottom: 40px;
  margin: 0 auto;
}


main section .mini_tit h4 {
  font-size: 24px;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 40px;
  display: flex;
  align-items: flex-end;
  letter-spacing: 0.06px !important;
  line-height: 24px;
}

@media screen and (max-width: 500px) {
  main section .mini_tit h4 {
    font-size: 20px;
    margin-bottom: 20px;
    letter-spacing: 0.72px !important;
  }
}

@media screen and (max-width: 500px) {
  main section .mini_tit h4.add_sp_fz {
    font-size: 18px;
  }
}

main section .mini_tit h4.add_lh {
  line-height: 32px;
}

@media screen and (max-width: 500px) {
  main section .mini_tit h4.add_lh {
    line-height: 28px;
  }
}


main section .mini_tit h4 .new_label {
  padding: 8px 13px;
  background-color: #ee7744;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  margin-right: 10px;
  display: inline-block;
  letter-spacing: 0.48px !important;
}

@media screen and (max-width: 500px) {
  main section .mini_tit h4 .new_label {
    font-weight: 500;
  }
}

main .warranty_long_term .warranty_box {
  max-width: 824px;
  width: 100%;
  margin: 0 auto;
}

main section .warranty_long_term_img {
  max-width: 824px;
  width: 100%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  text-align: center;
  padding: 10px 0 30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 500px) {
  main section .warranty_long_term_img {
    padding: 16px;
  }
}


main section .warranty_long_term_img img {
  width: 58.5%;
}

@media screen and (max-width: 500px) {
  main section .warranty_long_term_img img {
    width: 100%;
  }
}

main section ul.attention li {
  font-size: 10px;
  font-weight: 400;
  line-height: 15px;
  letter-spacing: 0 !important;

  padding-left: 1em;     /* ※1文字分あける */
  text-indent: -1em;    /* 1行目だけ左に戻す */
}


/* ==ミニタイトル（黒字のh4）の共通css== */

.add_c_ora {
  color: #ee7744;
}

.add_c_blue {
  color: #3366AA;
}

/* ---------共通--------- */

main .warranty_sub_tit {}

main .warranty_sub_tit h2 {
  color: #333;
  font-size: 32px;
  letter-spacing: 0.6px !important;
  text-align: center;
  margin-bottom: 80px;
  line-height: 46px;
}

@media screen and (max-width: 500px) {
  main .warranty_sub_tit h2 {
    font-size: 28px;
    margin-bottom: 50px;
  }
}

/*====== ↑↑↑ END OF warranty_sub_tit ↑↑↑ ======*/
main .warranty_long_term {}

main .warranty_long_term .sec_tit {}

main .warranty_long_term.sec_tit h3 {}


/*====== ↑↑↑ END OF warranty_long_term ↑↑↑ ======*/
main .warranty_output .output_box {
  max-width: 824px;
  width: 100%;
  margin: 0 auto 40px;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box {
    margin: 0 auto 60px;
  }
}

main .warranty_output .output_box.flex {}

main .warranty_output .output_box .output_item {
  gap: 62px;
  justify-content: flex-end;
  align-items: flex-start;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item {
    flex-direction: column;
    gap: 20px;
  }
}

main .warranty_output .output_box .output_item.add_gap_2 {
  gap: 52px;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item.add_gap_2 {
    gap: 20px;
  }
}


main .warranty_output .output_box .output_item.add_gap_3 {
  gap: 98.5px;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item.add_gap_3 {
    gap: 20px;
  }
}

main .warranty_output .output_box .output_item.add_gap_4 {
  gap: 52px;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item.add_gap_4 {
    gap: 20px;
  }
}

main .warranty_output .output_box .output_item .ontput_panel_img {
  width: 30.3%;
}

main .warranty_output .output_box .output_item .ontput_panel_img img {
  vertical-align: middle;
  width: 100%;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item .ontput_panel_img {
    width: 71.5%;
    margin: 0 auto;
  }
}

main .warranty_output .output_box .output_item .ontput_panel_img.add_panel_w_2 {
  width: 33%;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item .ontput_panel_img.add_panel_w_2 {
    width: 78%;
    margin: 0 auto;
  }
}

main .warranty_output .output_box .output_item .ontput_panel_img.add_panel_w_3 {
  width: 21.9%;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item .ontput_panel_img.add_panel_w_3 {
    width: 52%;
    margin: 0 auto;
  }
}

main .warranty_output .output_box .output_item .ontput_panel_img.add_panel_w_4 {
  width: 32.8%;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_item .ontput_panel_img.add_panel_w_4 {
    width: 78%;
    margin: 0 auto;
  }
}


main .warranty_output .output_box .ontput_textbox {
  width: 58.8%;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .ontput_textbox {
    width: 100%;
  }
}

main .warranty_output .output_box .output_values {
  width: 79.8%;
  margin-bottom: 30px;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_values {
    width: 100%;
    margin-bottom: 20px;
  }
}

main .warranty_output .output_box .output_values.add_w_2 {
  width: 50.4%;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_values.add_w_2 {
    width: 68%;
    margin: 0 auto 20px;
  }
}

main .warranty_output .output_box .output_values .output_text_item {
  /* padding-right: 20px; */
  /* border-right: 1px solid #cccccc; */
  text-align: center;
}

main .warranty_output .output_box .output_values hr {
  color: #cccccc;
  height: 50px;
  margin-bottom: initial;
  width: 1px;
}

main .warranty_output .output_box .output_label {
  font-size: 14px;
  margin-bottom: 8px;
  border-bottom: 1px solid #cccccc;
  line-height: 1;
  letter-spacing: 0.01px !important;
  padding: 4px 2px 5px;
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_label {
    font-size: 14px;
  }
}

@media screen and (max-width: 500px) {
  main .warranty_output .output_box .output_label.add_sp_fz {
    font-size: 12px;
  }
}

main .warranty_output .output_box .output_value {
  font-size: 32px;
  line-height: 24px;
  letter-spacing: 1.28px !important;
}

main .warranty_output .output_box .output_value .output_unit {
  font-size: 18px;
  letter-spacing: 0.01px !important;
}

main .warranty_output .output_box .textbox_graph {}

main .warranty_output .output_box .textbox_graph img {
  vertical-align: middle;
}



/*======= ↑↑↑ END OF warranty_output ↑↑↑ ======*/
main .warranty_storage_15y .storage_box {}

main .warranty_storage_15y .storage_box .storage_item {
  max-width: 828px;
  width: 100%;
  margin: 0 auto;
  gap: 32px;
}

@media screen and (max-width: 500px) {
  main .warranty_storage_15y .storage_box .storage_item {
    flex-direction: column;
    gap: 20px;
  }
}

main .warranty_storage_15y .storage_box .storage_item {
  margin-bottom: 40px;
}

@media screen and (max-width: 500px) {
  main .warranty_storage_15y .storage_box .storage_item {
    margin-bottom: 60px;
  }
}

main .warranty_storage_15y .storage_box .storage_img_l {
  width: 90%;
}

main .warranty_storage_15y .storage_box .storage_img_l img {
  width: 100%;
  vertical-align: middle;
}

main .warranty_storage_15y img {}

main .warranty_storage_15y .storage_box .storage_r_contents {}

main .warranty_storage_15y .storage_box .storage_r_contents .storage_img_r {
  margin-bottom: 10px;
}

@media screen and (max-width: 500px) {
  main .warranty_storage_15y .storage_box .storage_r_contents .storage_img_r {
    margin-bottom: 20px;
  }
}

main .warranty_storage_15y .storage_box .storage_r_contents .storage_img_r img {
  width: 100%;
  vertical-align: middle;
}

main .warranty_storage_15y .storage_box .storage_r_contents .attention {}

main .warranty_storage_15y .storage_box .storage_r_contents .attention li {}

/*======= ↑↑↑ END OF warranty_storage_15y ↑↑↑ ======*/
main .warranty_product_single {}

main .warranty_product_single .single_box {
  max-width: 824px;
  width: 100%;
  margin: 0 auto;
}

main .warranty_product_single .single_box .single_item {
  gap: 20px;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 40px;
  margin-bottom: 40px;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_item {
    gap: 19px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}


main .warranty_product_single .single_box .single_item .single_contents {
  width: 191px;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_item .single_contents {
    width: 47%;
  }
}

main .warranty_product_single .single_box .single_item .single_contents.add_huawei_r {
  width: 48%;
  margin-left: 8px;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_item .single_contents.add_huawei_r {
    width: 100%;
    margin-left: initial;

  }
}

main .warranty_product_single .single_box .single_item .single_contents.add_huawei_r .huawei_top {
  text-align: center;
  margin-bottom: 10px;
  font-size: 18px;
  letter-spacing: 0.72px !important;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_item .single_contents.add_huawei_r .huawei_top {
    font-size: 16px;

  }
}

main .warranty_product_single .single_box .single_item .single_contents.add_huawei_r .huawei_right_text {
  gap: 27px;
  margin-bottom: 10px;
  justify-content: center;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_item .single_contents.add_huawei_r .huawei_right_text {
    gap: 28px;
    margin-bottom: 20px;
  }
}

main .warranty_product_single .single_box h5 {
  font-size: 18px;
  letter-spacing: 0.72px;
  font-weight: 700;
  color: #333;
  margin-bottom: 10px;
  padding-top: initial;
  letter-spacing: 0.72px !important;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box h5 {
    font-size: 20px;
  }
}

main .warranty_product_single .single_box .single_img {
  margin-bottom: 20px;
  border: 1px solid #EE7744;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_img {
    margin-bottom: 17px;
  }
}

main .warranty_product_single .single_box .single_img.add_frame_blue {
  border: 1px solid #3366AA;
}

main .warranty_product_single .single_box .single_img.add_frame_blue.add_mb_ini {
  margin-bottom: initial;
}

main .warranty_product_single .single_box .single_img img {
  vertical-align: middle;
  width: 100%;
}

main .warranty_product_single .single_box .single_number {
  line-height: 32px;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: 1.28px !important;
  text-align: center;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_number {
    font-size: 28px;
  }
}

main .warranty_product_single .single_box .single_number .single_fz_sm {
  font-size: 24px;
  letter-spacing: 0.96px !important;
}

@media screen and (max-width: 500px) {
  main .warranty_product_single .single_box .single_number .single_fz_sm {
    font-size: 20px;
  }
}

/*======= ↑↑↑ END OF warranty_product_single ↑↑↑ ======*/

main .warranty_replacement_pcs .pcs_box {
  max-width: 828px;
  width: 100%;
  margin: 0 auto;
}

main .warranty_replacement_pcs .pcs_box .pcs_item {
  gap: 86px;
  justify-content: flex-end;
  margin-bottom: 40px;
}

@media screen and (max-width: 500px) {
  main .warranty_replacement_pcs .pcs_box .pcs_item {
    flex-direction: column;
    gap: 20px;
  }
}


/* ------simplebarライブラリ横スクロールバー対応------- */
@media screen and (max-width: 500px) {

  main .warranty_replacement_pcs .pcs_box .pcs_scroll {
    position: relative;
    width: 100%;
    padding-bottom: 24px;
    /* スクロールバー分の余白 */
  }

  /* ▲ 共通 */
  main .warranty_replacement_pcs .pcs_box .pcs_scroll::before,
  main .warranty_replacement_pcs .pcs_box .pcs_scroll::after {
    position: absolute;
    bottom: 4px;
    /* ← バーの位置 */
    font-size: 14px;
    color: #999;
    z-index: 10;
    pointer-events: none;
    /* 押せない */
    line-height: 1;
  }


  /* -------------横スクロールバーの左右------------- */

  /* 共通 */
  main .warranty_replacement_pcs .pcs_box .pcs_scroll::before,
  main .warranty_replacement_pcs .pcs_box .pcs_scroll::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
  }

  /* 左 ◀（角丸） */
  main .warranty_replacement_pcs .pcs_box .pcs_scroll::before {
    left: -4px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTEyLjUgNS41IFEgMTMuMiA1LjAgMTMuMiA2LjAgTDEzLjIgMTQuMCBRIDEzLjIgMTUuMCAxMi41IDE0LjUgTDYuOCAxMC41IFEgNi4wIDEwLjAgNi44IDkuNSBaJy8+PC9zdmc+");
  }

  /* 右 ▶（角丸） */
  main .warranty_replacement_pcs .pcs_box .pcs_scroll::after {
    right: -4px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAyMCAyMCc+PHBhdGggZmlsbD0nIzY2NicgZD0nTTcuNSA1LjUgUSA2LjggNS4wIDYuOCA2LjAgTDYuOCAxNC4wIFEgNi44IDE1LjAgNy41IDE0LjUgTDEzLjIgMTAuNSBRIDE0LjAgMTAuMCAxMy4yIDkuNSBaJy8+PC9zdmc+");
  }


  /* -------------横スクロールバーの左右------------- */

  main .warranty_replacement_pcs .pcs_box .pcs_under_img {
    min-width: 500px;
  }

  main .warranty_replacement_pcs .pcs_box .pcs_under_img img {
    width: 890px;
    max-width: none;
  }

  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal {
    left: 0px;
    bottom: 4px;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
  }

  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal {
    background-color: #DDDDDD;
  }

  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    background-color: #666666;
    border-radius: 10px;
  }

  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    background: #666666;
  }
}

/* --- バーをドラッグできるようにする（見た目は変えない） --- */
@media screen and (max-width: 500px) {

  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal,
  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    pointer-events: auto;
  }

  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    cursor: grab;
    touch-action: none;
    /* スマホでバー操作時の誤スクロール防止 */
  }

  main .warranty_replacement_pcs .pcs_box .pcs_scroll .simplebar-track.simplebar-horizontal .simplebar-scrollbar:active {
    cursor: grabbing;
  }
}

/* ------simplebarライブラリ横スクロールバー対応------- */


main .warranty_replacement_pcs .pcs_box .pcs_under_img img {
  vertical-align: middle;
}

main .warranty_replacement_pcs .pcs_box .pcs_img {
  width: 204px;
}

main .warranty_replacement_pcs .pcs_box .pcs_img img {
  width: 100%;
  vertical-align: middle;
}

main .warranty_replacement_pcs .pcs_box .pcs_right {
  width: 58.5%;
}

@media screen and (max-width: 500px) {
  main .warranty_replacement_pcs .pcs_box .pcs_right {
    width: 100%;
  }
}

main .warranty_replacement_pcs .pcs_box .pcs_text_box {}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .text_top_box {}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .word_strong {
  font-size: 24px;
  margin-bottom: 10px;
  letter-spacing: 0.06px !important;
}

@media screen and (max-width: 500px) {
  main .warranty_replacement_pcs .pcs_box .pcs_text_box .word_strong {
    font-size: 20px;
  }
}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .word_small {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.56px !important;
}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .word_frame {
  padding: 14px 16px;
  font-size: 14px;
  border: 1px solid #333;
  display: inline-block;
  margin-bottom: 20px;
  font-weight: 400;
  letter-spacing: 0.56px !important;
}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .text_bottom_box {}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .text_bottom_box .word_strong {}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .text_bottom_box .word_small {
  margin-bottom: 20px;
  line-height: 23px;
}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .text_bottom_box .attention {}

main .warranty_replacement_pcs .pcs_box .pcs_text_box .text_bottom_box .attention li {
  letter-spacing: 0.4px !important;
}


/*==== ↑↑↑ END OF warranty_replacement_pcs ↑↑↑ ====*/

/*# sourceMappingURL=after-follow.css.map */