@charset "UTF-8";
/* ============================
  index.html
============================ */

/* 文字サイズの追加 */


.c-text--widecare {
    font-size: 14px;
    line-height: 26px;}

.c-text--widecare a {
    color: #3c3c3c;
    -webkit-transition: color 0.15s linear;
    transition: color 0.15s linear;
}
.c-text--widecare a > i {
    display: inline-block;
    background: #e60012;
    width: 12px;
    height: 12px;
    border-radius: 7px;
    vertical-align: -1px;
    margin: 0 3px 0 3px;
}
.c-text--widecare a > i:before {
    content: '';
    display: block;
    background: url("../../common/v2/img/arrow/right-stroke-white.svg") 50% 50% no-repeat;
    background-size: 14px;
    width: 12px;
    height: 12px;
}

@media (max-width: 759px){
  .c-text--widecare {
      font-size: 12px;
      line-height: 24px;}
}
/* ヘッダー色設定 */
@media (min-width: 760px) and (max-width: 979px){
  .supportcommon-gheader__body {
    background-color:#4A4A4A;}
  .supportcommon-gheader__body::before {
    width: 180px;}
}

@media (max-width: 759px){
  .supportcommon-gheader__body {
    background-color:#4A4A4A;}
  .supportcommon-gheader__body::before {
    width: 115px;}
}

/* リンクアイコン設定 */

.acd_linkbtn_lv2 > i,
.acd_linkbtn_lv3 > i {
  display: inline-block;
  background: #e60012;
  width: 12px;
  height: 12px;
  border-radius: 7px;
  vertical-align: -1px;
  margin: 0 5px 0 0;
}

.acd_linkbtn_lv2 > i::before,
.acd_linkbtn_lv3 > i::before {
  content: '';
  display: block;
  background: url("../../common/v2/img/arrow/right-stroke-white.svg") 50% 50% no-repeat;
  background-size: 14px;
  width: 12px;
  height: 12px;
}

.acd_linkbtn_lv4 > i {
  display: inline-block;
  background: #e60012;
  width: 12px;
  height: 12px;
  border-radius: 7px;
  vertical-align: -1px;
  margin: 0 3px 0 -15px;
}

.acd_linkbtn_lv4 > i::before {
  content: '';
  display: block;
  background: url("../../common/v2/img/arrow/right-stroke-white.svg") 50% 50% no-repeat;
  background-size: 14px;
  width: 12px;
  height: 12px;
}

/* フッター非表示 */
.supportcommon-gfooter-aside, .supportcommon-gfooter-menu {
  display: none;
}
/* 見出し色変更 */
.c-heading-lv2::before {
  content: '';
  width: 100%;
  height: 4px;
  background: #606060;
  display: block;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
.c-heading-lv3 .c-heading__text::before, .c-heading-lv3__text::before {
  content: '';
  width: 4px;
  height: calc(100% - 8px * 2);
  background: #606060;
  position: absolute;
  left: 0;
  top: 6px;
  display: block;
}

.c-heading-icon-image {
  display:flex;}
.c-heading-icon-image img{
  margin-right: 15px;
  margin-bottom: 10px;
  width:40px;
}
@media (max-width: 759px) {
  .u-hide-sp{
    display: none;
  }
}

/* お問い合わせの前に 3タブ表示 */
.menu-3tab-block--inquiry {
  border-bottom: none;
  padding: 0;
  margin-bottom: 80px;
}
.menu-3tab-block--inquiry .menu-3tab-block__body {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.menu-3tab-block--inquiry li.menu-3tab-block__item {
  width: 32%;
  margin: 0;
  border: #ddd 4px solid;
  box-sizing: border-box;
  display: flex;
  align-items: center;
}

.menu-3tab-block--inquiry li.menu-3tab-block__item:nth-child(2) {
  margin: 0 auto;
}

.menu-3tab-block--inquiry .menu-3tab-block__body li a {
  background: none;
  margin: 0;
  width: 100%;
}

.menu-3tab-block__item a:hover .menu-3tab-block__label {
  color: #3c3c3c; }

.menu-3tab-block__icon {
  margin: auto 20px auto 10px;
  background: none;
}
.menu-3tab-block__error-icon {
  width: 40px;
  height: 40px;
}
.menu-3tab-block__qa-icon {
  width: 41px;
  height: 41px;
}
.menu-3tab-block__repair-icon {
  width: 43px;
  height: 32px;
}
.menu-3tab-block__icon::before {
  position: absolute;
  left: 0;
  top: 0;
  content: '';
  display: block;
}
.menu-3tab-block__error-icon::before {
  width: 40px;
  height: 40px;
  background: url(../../common/img/inquiry_icon_error.svg) 50% 50% no-repeat;
}
.menu-3tab-block__qa-icon::before {
  width: 41px;
  height: 41px;
  background: url(../../common/img/inquiry_icon_qa.svg) 50% 50% no-repeat;
}
.menu-3tab-block__repair-icon::before {
  width: 43px;
  height: 33px;
  background: url(../../common/img/inquiry_icon_repair.svg) 50% 50% no-repeat;
}
@media (min-width: 979px) {
  .menu-3tab-block--inquiry .menu-3tab-block__label {
    min-height: auto;
    padding: 15px 10px;
    display: flex;
    text-align: left;
  }
  .menu-3tab-block--inquiry .menu-3tab-block__body a {
    height: auto;
  }
}
@media (max-width: 979px) {
  .menu-3tab-block--inquiry {
    border-bottom: none;
    margin-bottom: 60px;
  }
  .menu-3tab-block--inquiry li.menu-3tab-block__item {
    width: 49%;
  }
  .menu-3tab-block--inquiry li.menu-3tab-block__item:nth-child(1) {
    margin: 0 auto 5px 0;
  }
  .menu-3tab-block--inquiry li.menu-3tab-block__item:nth-child(2) {
    margin: 0 0 5px auto;
  }
  .menu-3tab-block--inquiry li.menu-3tab-block__item:nth-child(3) {
    margin-top: 5px;
    margin-left: 0;
  }
  .menu-3tab-block--inquiry .menu-3tab-block__item a {
    padding: 0;
    border: none;
  }
  .menu-3tab-block--inquiry .menu-3tab-block__body li::before {
    display: none;
  }
  .menu-3tab-block--inquiry .menu-3tab-block__body a {
    height: auto;
  }
  .menu-3tab-block--inquiry .menu-3tab-block__label {
    min-height: auto;
    padding: 15px 8px;
    font-size: 14px;
  }
  .menu-3tab-block__icon {
    display: block;
    margin: 0 auto 15px auto;
  }
}
@media (min-width: 760px) {
  .menu-3tab-block__label {
    min-height: 24px;
    padding-top: 12px;
  }
}
/* ワイドケアアイコン表示 */
.c-area--widecare {
  border: #ddd 1px solid;
  background: #ebebeb;
  border-radius: 2px;
  padding: 9px;
  display: flex;
  align-items: center;
  column-gap: 30px;
}
@media (max-width: 759px) {
  .c-area--widecare {
    padding: 9px;
    column-gap: 9px;
  }
}

/* タイトルアイコン表示 */
.c-heading-icon-mail, .c-heading-icon-tel {
  display: inline-block;
  width: 40px;
  height: 40px;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}
.c-heading-icon-mail::before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  background: url("../img/inquiry_icon_itn.svg") 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.c-heading-icon-tel::before {
  content: '';
  display: block;
  width: 36px;
  height: 36px;
  background: url("../img/inquiry_icon_tel.svg") 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
@media (max-width: 759px) {
  .c-heading-icon-mail::before, .c-heading-icon-tel::before {
    width: 36px;
    height: 36px;
    background-size: 36px;
    top: 2px;
  }
}
/* 画面幅設定 */
.l-container--inquiry {
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 80px;
}
@media (max-width: 759px) {
  .l-container--inquiry {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 60px;
  }
}
@media (min-width: 760px) {
  .l-container--inquiry {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
  }
}
/* リストアイコン表示 */
.btn__inquiry {
  font-weight: bold;
}

.btn__inquiry:hover {
  color: #e60012;
}

.btn__inquiry > div {
  display: flex;
  align-items: center;
}

.btn__inquiry ul {
  margin-left: 10px;
}

.btn__inquiry i {
  display: inline-block;
  background: #e60012;
  width: 18px;
  height: 18px;
  border-radius: 9px;
}

.btn__inquiry i::before {
  content: '';
  display: block;
  background: url(../../common/v2/img/arrow/right-stroke-white.svg) 50% 50% no-repeat;
  background-size: 18px;
  width: 18px;
  height: 18px;
}

.btn__inquiry span.line-space--inquiry {
  display: block;
}

@media (max-width: 759px) {
  .btn__inquiry span.line-space--inquiry {
  font-size: 12px;
  line-height: 18px;
  }
}

.c-link-text--xs{
  font-size:12px;
  line-height: 18px;
  font-weight: normal;
}


/* ============================
  inq01.html
============================ */

/* 枠スタイル追加 */
.c-area-border-dashed {
    border: #ddd 4px dashed;
    background: #FFF;
    border-radius: 2px;
    padding: 30px;
}
@media (max-width: 759px) {
  .c-area-border-bold {
      padding: 20px;
    }
}

/* 枠線見出し */
.c-area--inq {
  border: #ddd 4px solid;
  background: #FFF;
  border-radius: 2px;
  padding: 39px;
  display: flex;
  align-items: center;
  column-gap: 30px;
}

@media (max-width: 759px) {
  .c-area--inq {
    padding: 20px;
    flex-direction: column;
    grid-gap: 20px;
  }
}

/* 二階層目リストスタイル */
 .c-list-text .c-list-text--slv2 li {
    position: relative;
    padding-left: 11px;
}

.c-list-text .c-list-text--slv2 li::before {
  content: '-';
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  background: none;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 759px) {
  .c-list-text .c-list-text--slv2 {
    padding-left: 0;
  }

  .c-list-text .c-list-text--slv2 li {
    padding-left: 10px;
  }
}

@media (min-width: 760px) {
  .c-list-text .c-list-text--slv2 {
    padding-left: 16px;
  }
}


/* ============================
  inq02.html
============================ */
/* タイトルアイコン表示 */
.c-heading-icon-repair,
.c-heading-icon-switch,
.c-heading-icon-account,
.c-heading-icon-store,
.c-heading-icon-other {
  display: inline-block;
  width: 48px;
  min-width: 48px;
  height: 48px;
  position: relative;
  margin-right: 10px;
  vertical-align: middle;
}
.c-heading-icon-repair::before,
.c-heading-icon-switch::before,
.c-heading-icon-account::before,
.c-heading-icon-store::before,
.c-heading-icon-other::before {
  content: '';
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.c-heading-icon-repair::before {
  background: url("../img/inquiry_icon_repair.svg") 50% 50%;
  background-repeat: no-repeat;
}
.c-heading-icon-switch::before {
  background: url("../img/inquiry_icon_switch.svg") 50% 50%;
  background-repeat: no-repeat;
}
.c-heading-icon-account::before {
  background: url("../img/inquiry_icon_account.svg") 50% 50%;
  background-repeat: no-repeat;
}
.c-heading-icon-store::before {
  background: url("../img/inquiry_icon_store.svg") 50% 50%;
  background-repeat: no-repeat;
}
.c-heading-icon-other::before {
  background: url("../img/inquiry_icon_other.svg") 50% 50%;
  background-repeat: no-repeat;
}

/* inquiry アコーディオン */
/* 既存アコーディオンの調整--s */
.acc-text .l-media-icon__col-sub{
  vertical-align: baseline;
  position: absolute;
  top: 50%;
  margin-top: -28px;
}
.acc-text .js-accordion-toggle {
    font-size: 62.5%;
    line-height: 1.15;
    position: absolute;
    top: 50%;
    margin-top: -21px;
    margin-left: -10px;
}
.c-area-border-bold--inq{
    border: #ddd 4px solid;
    background: #FFF;
    border-radius: 2px;
    padding: 20px 20px 30px 20px;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 759px){
  .c-area-border-bold--inq{
      padding: 15px 15px 15px 0;
  }
}

.js-accordion-body {
    padding-bottom: 20px;
    padding-top: 30px;
}

.js-accordion-header .l-media-icon__col-main{
  vertical-align: baseline;
  padding-left: 55px;}
.js-accordion-header .c-text--xs{
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  line-height:17px;}

.js-accordion h3 {
    line-height: 27px;}

@media (max-width: 759px){
  .js-accordion h3 {
    margin-bottom: 5px;
    line-height: 23px;}
}

.c-area-border-bold--inq .js-accordion-bottom {
    margin: 30px -24px -36px -24px;
}

@media (max-width: 759px) {
  .c-area-border-bold--inq .js-accordion-bottom {
      margin: 30px -19px -30px -4px;
  }
}
/* 既存アコーディオンの調整--e */


/* 一階層目のアコーディオン */

.acd_check_lv1 {
    display: none;}

.acd_label_lv1,
a.acd_linkbtn_lv1{
    color: #3C3C3C;
    display: flex;
    padding: 10px 12px;
    position: relative;
    font-size:16px;
    font-weight: bold;
    line-height: 1.5;
    border-radius: 5px;
    margin-top: 0;
    height: 35px;
    align-items: center;}
.acd_label_lv1{
    padding-right: 40px;}


.acd_label_lv1:after {
    border: #e60012 2px solid;
    background: #e60012;
    border-radius: 3px;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Verdana, sans-serif;
    font-size: 29px;
    font-weight: bold;
    color:#FFF;
    content: '+';
    display: block;
    padding: 8px 9px;
    position: absolute;
    line-height: 18px;
    width:20px;
    height:22px;
    text-align: center;
    right: 0;
    top: 50%;
    margin-top: -20px;}

.acd_content_lv1 {/* 閉じている状態 */
    display: block;
    height:0;
    padding: 0 10px;
    border-radius: 0 0 5px 5px;
    visibility: hidden;
    overflow: hidden;

    /*アニメーション用*/
    max-height: 0;
    transition:
      max-height 3s ease-in,
      padding-top 0.1s ease-in,
      padding-bottom 0.1s ease-in,
      margin-top 0.1s ease-in,
      margin-bottom 0.1s ease-in;}

.acd_close_lv1 {
  background: #ddd;
  margin-right: -22px;
  margin-left: -22px;
  margin-bottom: -30px;
  width: calc(100% + 45px);

  /* 非表示状態の設定*/
  height:0;
  margin: 0;
  visibility: hidden;
  display: block;
  opacity: 0.0;
}

.acd_check_lv1:checked + .acd_label_lv1:after {
    content: '-';}

.acd_check_lv1:checked + .acd_label_lv1 + .acd_content_lv1 { /* 開いている状態 */
    position: relative;
    height:auto;
    opacity: 1;
    margin-top: -15px;
    margin-bottom: -30px;
    padding: 20px 12px 20px 12px;
    visibility: visible;

    /*アニメーション用*/
    max-height: 9999px;
    transition:
      max-height 3s ease-in,
      padding-top 0.1s ease-in,
      padding-bottom 0.1s ease-in,
      margin-top 0.1s ease-in,
      margin-bottom 0.1s ease-in;}

.acd_check_lv1:checked + .acd_label_lv1 + .acd_content_lv1 + .acd_close_lv1 {/* 閉じるボタンの表示 */
  background: #ddd;
  margin-right: -22px;
  margin-left: -22px;
  margin-bottom: -30px;
  width: calc(100% + 45px);
  height: auto;
  display: block;
  opacity: 1.0;
  visibility: visible;

  /*アニメーション用*/
  transition: opacity 0.3s ease-in;
}

@media (max-width: 759px){
  .acd_label_lv1,
  a.acd_linkbtn_lv1,
  .acd_content_lv1 {/* 閉じている状態 */
    margin-left: 13px;}
}


/* グレー背景　二階層目のアコーディオン */

.acd_check_lv2 {
    display: none;}

.acd_label_lv2,
a.acd_linkbtn_lv2{
    background: #EFEFEF;
    color: #3C3C3C;
    display: block;
    padding: 10px 12px;
    position: relative;
    font-size:15px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 1.5;
    border-radius: 5px;
    margin-top: 10px;}
.acd_label_lv2{
    padding-right: 40px;}


.acd_label_lv2:after {
    background: #606060;
    border-radius: 3px;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Verdana, sans-serif;
    font-size:16px;
    font-weight: bold;
    color:#FFF;
    content: '+';
    display: block;
    padding: 4px 5px 6px 5px;
    position: absolute;
    line-height: 9px;
    width:10px;
    text-align: center;
    right: 10px;
    top: 10px;}

.acd_content_lv2 {/* 閉じている状態 */
    display: block;
    background: #EFEFEF;
    height:0;
    padding: 0 10px;
    border-radius: 0 0 5px 5px;
    visibility: hidden;
    overflow: hidden;

    /*アニメーション用*/
    max-height: 0;
    transition:
      max-height 3s ease-in,
      padding-top 0.1s ease-in,
      padding-bottom 0.1s ease-in,
      margin-top 0.1s ease-in,
      margin-bottom 0.1s ease-in;}


.acd_check_lv2:checked + .acd_label_lv2:after {
    content: '-';}

.acd_check_lv2:checked + .acd_label_lv2 + .acd_content_lv2 { /* 開いている状態 */
    height:auto;
    opacity: 1;
    margin-top: -15px;
    margin-bottom: 10px;
    padding: 20px 12px 20px 12px;
    visibility: visible;

    /*アニメーション用*/
    max-height: 9999px;
    transition:
      max-height 3s ease-in,
      padding-top 0.1s ease-in,
      padding-bottom 0.1s ease-in,
      margin-top 0.1s ease-in,
      margin-bottom 0.1s ease-in;}

@media (max-width: 759px){
  .acd_label_lv2,
  a.acd_linkbtn_lv2,
  .acd_content_lv2 {/* 閉じている状態 */
    margin-left: 13px;}
}

/* 三階層目　白背景のアコーディオン */

.acd_check_lv3 {
    display: none;}

.acd_label_lv3,
a.acd_linkbtn_lv3 {
    background: #FFF;
    display: block;
    padding: 8px 12px;
    position: relative;
    font-size:14px;
    font-weight: bold;
    text-decoration: underline;
    line-height: 20px;
    border-radius: 5px;
    margin-top: 15px;}
.acd_label_lv3{
    padding-right: 40px;}


.acd_label_lv3:after {
    background: #B3B3B3;
    border-radius: 3px;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Verdana, sans-serif;
    font-size:16px;
    font-weight: bold;
    color:#FFF;
    content: '+';
    display: block;
    padding: 4px 5px 6px 5px;
    position: absolute;
    line-height: 9px;
    width:10px;
    text-align: center;
    right: 10px;
    top: 10px;}

.acd_content_lv3 {/* 閉じている状態 */
    display: block;
    background: #FFF;
    height:0;
    padding: 0 10px;
    border-radius: 0 0 5px 5px;
    visibility: hidden;
    overflow: hidden;

    /*アニメーション用*/
    max-height: 0;
    transition:
      max-height 3s ease-in,
      padding-top 0.1s ease-in,
      padding-bottom 0.1s ease-in,
      margin-top 0.1s ease-in,
      margin-bottom 0.1s ease-in;}


.acd_check_lv3:checked + .acd_label_lv3:after {
    content: '-';}

.acd_check_lv3:checked + .acd_label_lv3 + .acd_content_lv3 { /* 開いている状態 */
    height:auto;
    opacity: 1;
    margin-top: -15px;
    margin-bottom: 10px;
    padding: 20px 12px 20px 12px;
    visibility: visible;

    /*アニメーション用*/
    max-height: 9999px;
    transition:
      max-height 3s ease-in,
      padding-top 0.1s ease-in,
      padding-bottom 0.1s ease-in,
      margin-top 0.1s ease-in,
      margin-bottom 0.1s ease-in;}



/* 四階層目リンク */

a.acd_linkbtn_lv4 {
    display: block;
    padding: 0 12px 0 25px;
    position: relative;
    font-size:14px;
    text-decoration: underline;
    line-height: 20px;
    border-radius: 5px;
    margin-top: 15px;}

@media (max-width: 759px) {
  a.acd_linkbtn_lv4 {
    margin-top: 20px;}
}

/* ============================
  index.html
============================ */

/* ヘッダー色設定 */
@media (min-width: 760px) and (max-width: 979px){
  .supportcommon-gheader__body {
    background-color:#4A4A4A;}
  .supportcommon-gheader__body::before {
    width: 180px;}
}

/* ============================
  officialstore_number.html
============================ */
.tel-text--s {
  font-size: 24px;
  line-height: 24px;
}
.tel-text--s img {
  height: 24px;
  margin-right: 10px;
  vertical-align: bottom;
}

.tel-text--m {
  font-size: 30px;
  line-height: 30px;
}
.tel-text--m img {
  height: 30px;
  margin-right: 10px;
  vertical-align: bottom;
}

.tel-text--l {
  font-size: 36px;
  line-height: 36px;
}
.tel-text--l img {
  width: 36px;
  margin-right: 20px;
  vertical-align: bottom;
}

@media (max-width: 759px) {
  .tel-text--s {
    font-size: 18px;
    line-height: 18px;
  }

  .tel-text--m {
    font-size: 24px;
    line-height: 24px;
  }

  .tel-text--l {
    font-size: 30px;
    line-height: 30px;
  }
}

/* No付き見出し */

.c-heading-num{
  padding-left: 45px;
  position: relative;
}

.c-heading-num span.num__text{
  display: inline-block;
  background: #666;
  color: #FFF;
  padding: 3px 10px;
  border-radius: 3px;
  margin-right: 10px;
  width: 16px;
  text-align: center;
  position:absolute;
  left:0;
  top: calc(50% - 16.5px);
  z-index: 1;
}
.c-heading-num--text{
  font-size: 20px;
  line-height: 35px;
  font-weight: bold;
}

@media (max-width: 759px) {
  .c-heading-num span.num__text{
    width: 12px;
    top: calc(50% - 14.5px);
  }

  .c-heading-num--text{
    font-size: 16px;
    line-height: 26px;}
}


.inq-num-hierarchy,
.inq-num-hierarchy-2line {
  list-style-type: none;
  margin: -12px auto auto 20px;}

.inq-num-hierarchy ul,
.inq-num-hierarchy-2line ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  position: relative;
  margin-left: 15px;}

.inq-num-hierarchy ul:before {
  content: "";
  display: block;
  position: absolute;
  top: -40px;
  bottom: 0;
  left: -20px;
  width: 0;
  border-left: 3px solid #e6e6e6;}

.inq-num-hierarchy-2line ul:before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  bottom: 0;
  left: -20px;
  width: 0;
  border-left: 3px solid #e6e6e6;}

.inq-num-hierarchy ul li,
.inq-num-hierarchy-2line ul li {
  position: relative;
  margin: 0;
  padding: 15px 15px 15px 30px;}

.inq-num-hierarchy ul li:before,
.inq-num-hierarchy-2line ul li:before {
  content: "";
  display: block;
  position: absolute;
  top: 27px;
  left: -20px;
  width: 15px;
  height: 0;
  border-top: 3px solid #e6e6e6;}

.inq-num-hierarchy ul li:last-child:before,
.inq-num-hierarchy-2line ul li:last-child:before {
  bottom: 0;
  height: auto;
  background-color: #fff;}

.inq-num-hierarchy .l-order__heading,
.inq-num-hierarchy-2line .l-order__heading {
  left: -5px;
  top: 15px;}



/* ask repair form */

.rn_HiddenItem{display: none;}

/* アイコン色変更 */
.c-button__body .icon_color--red {
  height: 30px;
  width: 30px;
  vertical-align: middle;
  margin-right: 10px;
  filter: invert(16%) sepia(80%) saturate(4669%) hue-rotate(347deg) brightness(79%) contrast(119%);
}
.c-button__body:hover img.icon_color--red {
	filter: invert(100%) sepia(0%) saturate(7491%) hue-rotate(52deg) brightness(300%) contrast(101%);
}


/* ask repair form */
.rn_ErrorField{background: #FEFDA0 !important;}

.inquiry-form-wrap{
  padding:20px 0;}


.inq-form-set--wrap{
  display:flex;
  padding-bottom:30px;}
.inq-form-set--wrap dt {
  width:30%;
  position:relative;}
.inq-form-set--wrap dd {
  width:70%;
  position:relative;}
.optional{
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  background: #808080;
  color: #fff;
  font-size: 0.8em;
  padding: 0 8px;
  border-radius: 3px;
  margin-left: 10px;
  right: 20px;
  line-height: 1.7;
  margin-top: 3px;}

.required{
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  background: #d21712;
  color: #fff;
  font-size: 0.8em;
  padding: 0 8px;
  border-radius: 3px;
  margin-left: 10px;
  right: 20px;
  line-height: 1.7;
  margin-top: 3px;}

.note-red{
  color: #d21712;}

@media (max-width: 979px) {
  .inq-form-set--wrap{
    flex-wrap: wrap;}
  .inq-form-set--wrap dt {
    width:100%;}
  .inq-form-set--wrap dd {
    width:100%;}

  .optional{
    position: static;
    right: auto;}

  .required{
    right: auto;}
}


.inquiry-form-wrap textarea, .inquiry-form-wrap input[type="email"], .inquiry-form-wrap input[type="number"], .inquiry-form-wrap input[type="password"], .inquiry-form-wrap input[type="search"], .inquiry-form-wrap input[type="tel"], .inquiry-form-wrap input[type="text"], .inquiry-form-wrap input[type="url"], .inquiry-form-wrap input[type="color"], .inquiry-form-wrap input[type="date"], .inquiry-form-wrap input[type="datetime"], .inquiry-form-wrap input[type="datetime-local"], .inquiry-form-wrap input[type="month"], .inquiry-form-wrap input[type="time"], .inquiry-form-wrap input[type="week"], .inquiry-form-wrap select[multiple=multiple]{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color;
  -moz-transition: border-color;
  transition: border-color;
  background-color: white;
  border-radius: 0.1875em;
  font-size:16px;
  line-height:26px;
  border: 3px solid #999;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 0.75em;
  padding: 0.5em 0.5em;
  width: 100%;}

@media (max-width: 759px) {
  .inquiry-form-wrap textarea, .inquiry-form-wrap input[type="email"], .inquiry-form-wrap input[type="number"], .inquiry-form-wrap input[type="password"], .inquiry-form-wrap input[type="search"], .inquiry-form-wrap input[type="tel"], .inquiry-form-wrap input[type="text"], .inquiry-form-wrap input[type="url"], .inquiry-form-wrap input[type="color"], .inquiry-form-wrap input[type="date"], .inquiry-form-wrap input[type="datetime"], .inquiry-form-wrap input[type="datetime-local"], .inquiry-form-wrap input[type="month"], .inquiry-form-wrap input[type="time"], .inquiry-form-wrap input[type="week"], .inquiry-form-wrap select[multiple=multiple]{
  padding-left: 5px;
  padding-right: 5px;}
}

.inquiry-form-wrap textarea:hover, .inquiry-form-wrap input[type="email"]:hover, .inquiry-form-wrap input[type="number"]:hover, .inquiry-form-wrap input[type="password"]:hover, .inquiry-form-wrap input[type="search"]:hover, .inquiry-form-wrap input[type="tel"]:hover, .inquiry-form-wrap input[type="text"]:hover, .inquiry-form-wrap input[type="url"]:hover, .inquiry-form-wrap input[type="color"]:hover, .inquiry-form-wrap input[type="date"]:hover, .inquiry-form-wrap input[type="datetime"]:hover, .inquiry-form-wrap input[type="datetime-local"]:hover, .inquiry-form-wrap input[type="month"]:hover, .inquiry-form-wrap input[type="time"]:hover, .inquiry-form-wrap input[type="week"]:hover, .inquiry-form-wrap select[multiple=multiple]:hover{
  border-color: #808080;}

.inquiry-form-wrap textarea:focus, .inquiry-form-wrap input[type="email"]:focus, .inquiry-form-wrap input[type="number"]:focus, .inquiry-form-wrap input[type="password"]:focus, .inquiry-form-wrap input[type="search"]:focus, .inquiry-form-wrap input[type="tel"]:focus, .inquiry-form-wrap input[type="text"]:focus, .inquiry-form-wrap input[type="url"]:focus, .inquiry-form-wrap input[type="color"]:focus, .inquiry-form-wrap input[type="date"]:focus, .inquiry-form-wrap input[type="datetime"]:focus, .inquiry-form-wrap input[type="datetime-local"]:focus, .inquiry-form-wrap input[type="month"]:focus, .inquiry-form-wrap input[type="time"]:focus, .inquiry-form-wrap input[type="week"]:focus, .inquiry-form-wrap select[multiple=multiple]:focus{
  border-color: #477DCA;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.06), 0 0 5px rgba(55, 112, 192, 0.7);}

.inquiry-form-wrap textarea{resize: vertical;}


.inquiry-form-wrap select {
    display: block;
    width: 100%;
    padding: 7px 10px 8px;
    background-color: #FFF;
    border: 3px solid #999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    font-family: inherit;
    line-height: 1.6;
    color: #000;
}

.inquiry_select-container{position:relative;}
.inquiry_select-container:after {
    content: url(../img/down-stroke-other.svg);
    display: inline-block;
    position: absolute;
    text-align: center;
    transform: scale(0.5);
    width: 20px;
    height: 20px;
    top: 3px;
    right: 25px;
    pointer-events: none;}

.inq-form-ddcheck_lv1 {
    display: none;}

.inq-form-ddlabel_lv1{
    background: #EFEFEF;
    color: #3C3C3C;
    display: block;
    padding: 10px 12px;
    position: relative;
    font-size:15px;
    line-height: 1.5;}

.inq-form-ddcheck_lv1:disabled + .inq-form-ddlabel_lv1{ color: #7a7a7a;}

a.inq-form-ddlinkbtn_lv1{
    background: #EFEFEF;
    color: #3C3C3C;
    display: block;
    padding: 0 12px;
    position: relative;
    font-size:15px;
    line-height: 1.5;
    border-radius: 5px;
    margin-top: 10px;}

.inq-form-ddlabel_lv1{
    padding-right: 40px;}


.inq-form-ddlabel_lv1:after {
    content: url(../img/down-stroke-other.svg);
    display: inline-block;
    position: absolute;
    transform: scale(0.5);
    text-align: center;
    top: -10px;
    right: 0;}

.inq-form-ddcheck_lv1:disabled + .inq-form-ddlabel_lv1:after {
    opacity: 0.5;}

.inq-form-ddcontent_lv1 {/* 閉じている状態 */
    width: calc(100% - 20px);
    display: block;
    background: #EFEFEF;
    height:0;
    padding: 10px;
    visibility: hidden;
    overflow: hidden;
    position:absolute;}


.inq-form-ddcheck_lv1:checked + .inq-form-ddlabel_lv1:after {
    transform: scale(0.5) rotate(180deg);}

.inq-form-ddcheck_lv1:checked + .inq-form-ddlabel_lv1 + .inq-form-ddcontent_lv1 { /* 開いている状態 */
    height:auto;
    opacity: 1;
    margin-top: -5px;
    padding: 10px;
    visibility: visible;
    position:absolute;
    top:40px;
    z-index: 99;}

.inq-form-ddcheck_lv2 {
    display: none;}

.inq-form-ddlabel_lv2{
    background: #EFEFEF;
    color: #3C3C3C;
    display: block;
    padding: 10px 12px;
    position: relative;
    font-size:15px;
    line-height: 1.5;
    border-radius: 5px;}

a.inq-form-ddlinkbtn_lv2{
    background: #EFEFEF;
    color: #3C3C3C;
    display: block;
    padding-left:20px;
    position: relative;
    font-size:15px;
    line-height: 1.5;
    border-radius: 5px;}

.inq-form-ddlabel_lv2{
    padding-left: 40px;}


.inq-form-ddlabel_lv2:after {
    width:20px;
    height:20px;
    background: #666;
    color:#fff;
    border-radius: 3px;
    line-height: 17px;
    font-family: -apple-system, BlinkMacSystemFont, Arial, Verdana, sans-serif;
    font-size:18px;
    font-weight: bold;
    content: '+';
    display: inline-block;
    position: absolute;
    text-align: center;
    top: 10px;
    left: 10px;}

.inq-form-ddcontent_lv2 {/* 閉じている状態 */
    width: calc(100% - 20px);
    display: block;
    background: #EFEFEF;
    height: 0;
    padding: 0;
    border-radius: 0 0 5px 5px;
    visibility: hidden;
    overflow: hidden;}


.inq-form-ddcheck_lv2:checked + .inq-form-ddlabel_lv2:after {
    content: '-';}

.inq-form-ddcheck_lv2:checked + .inq-form-ddlabel_lv2 + .inq-form-ddcontent_lv2 { /* 開いている状態 */
  height:auto;
  opacity: 1;
  margin-top: -5px;
  padding-left: 20px;
  visibility: visible;}

.checkbox-agree {
  text-align:center;}

.checkbox-agree label{
  display: inline-block;}
.checkbox-agree .agree {
  margin-right: 20px;}

.checkbox-agree button{
  border-radius: 2px;
  border: #ccc 2px solid;
  background: #FFF;
  color: #ccc;
  display: block;
  font-weight: bold;
  padding: 14px 50px;
  font-size: 18px;
  line-height: 18px;
  margin: 5px auto;}


.checkbox-agree .c-button__icon {
    margin: 0 8px 0 0;
    vertical-align: -2px;
    position: relative;
    display: inline-block;
    background: #ccc;
    width: 18px;
    height: 18px;
    border-radius: 9px;}

.checkbox-agree .c-button__icon::before {
    content: '';
    display: block;
    background: url("../../common/v2/img/arrow/right-stroke-white.svg") 50% 50% no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0; }

.checkbox-agree .c-button__icon > i {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url("../../common/v2/img/arrow/right-stroke-support.svg") 50% 50% no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px; }

.checkbox-agree input:checked + label + button{
  border: #e60012 2px solid;
  background: #FFF;
  color: #e60012;
}
.checkbox-agree input:checked + label + button > .c-button__icon {
    margin: 0 8px 0 0;
    vertical-align: -2px;
    position: relative;
    display: inline-block;
    background: #e60012;
    width: 18px;
    height: 18px;
    border-radius: 9px;}

.checkbox-agree input:checked + label + button:hover {
    background: #e60012;
    color: #FFF; }

.checkbox-agree input:checked + label + button:hover > .c-button__icon {
    margin: 0 8px 0 0;
    vertical-align: -2px;
    position: relative;
    display: inline-block;
    background: #fff;
    width: 18px;
    height: 18px;
    border-radius: 9px;}

.checkbox-agree input:checked + label + button:hover > .c-button__icon::before {
    content: '';
    display: block;
    background: url("../../common/v2/img/arrow/right-stroke-support.svg") 50% 50% no-repeat;
    background-size: 18px;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0; }