@charset "UTF-8";
.title-style2 {
  padding: 0 0 25px; }

#repair-page {
  width: 90%;
  max-width: 1100px;
  margin: 100px auto 0; }

/*修理方法の案内*/
.shop-repair,
.web-repair,
.contact-repair {
  margin-bottom: 100px; }

.repair-title {
  padding: 20px 0;
  border-bottom: 1px solid #E3E3E3;
  border-top: 1px solid #E3E3E3;
  margin-bottom: 54px; }
  .repair-title h3 {
    font-size: 2.2rem;
    font-weight: bold;
    color: #000000;
    margin-left: 10px; }

.repair-text {
  line-height: 1.8; }
  .repair-text .red-text {
    color: #DF3C33;
    /*テキスト内赤字*/ }

/*修理方法の案内コンテンツの余白*/
.repair-inner {
  width: 95%;
  margin: 0 auto; }

/*================================
ステップ
================================*/
.repair-step {
  background: #E7F6F1;
  border-radius: 1rem;
  padding: 3.3rem 0 1rem; }

.step-inner {
  width: 95%;
  margin: 0 auto 6rem; }

/*ステップヘッダー*/
.step-header {
  background-color: #ffffff;
  padding: 0.8rem 3.5rem;
  display: flex;
  align-items: center;
  margin-bottom: 4rem;
  border-radius: 1rem; }

.step-num {
  font-size: 1.8rem;
  color: #38B281;
  display: flex;
  align-items: center;
  vertical-align: middle; }
  .step-num .step-num-r {
    font-size: 3.4rem;
    margin: 0 1.5rem 0 0.5rem; }

.step-title {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000000; }

/*ステップ内のコンテンツ*/
.step-content {
  width: 95%;
  margin: 0 auto;
  line-height: 1.8;
  /*ステップ内リストの点・*/ }
  .step-content button {
    width: 100%;
    /*共通ボタンの幅調整*/
    max-width: 400px;
    min-width: 250px;
    height: auto;
    margin-top: 20px;
    padding: 2rem; }
  .step-content li {
    margin-bottom: 1rem;
    /*リスト下余白*/
    padding-left: 1.6rem;
    position: relative; }
  .step-content li::before {
    content: "・";
    position: absolute;
    left: -0.3em; }

/*修理依頼品の送り先*/
.repair-address {
  display: inline-block;
  border: 1px solid #38B281;
  padding: 2.4rem 3.3rem;
  margin-top: 2.8rem; }

/*お電話でのお問い合わせ（サービスセンター）*/
.contact-time {
  margin-bottom: 30px;
  font-size: 1.8rem; }

.contact-phone-num {
  display: flex;
  margin-bottom: 3rem;
  /*電話番号*/
  /*電話の種別*/ }
  .contact-phone-num p {
    display: inline-block;
    font-size: 3.6rem; }
  .contact-phone-num span {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 0.5rem; }
  .contact-phone-num .free-dial {
    margin-right: 7rem; }
    .contact-phone-num .free-dial img {
      height: 3rem;
      margin-right: 5px; }

.contact-note {
  font-size: 1.4rem;
  line-height: 1.8; }

/*==========================================================*/
/*SPレスポンシブ*/
/*==========================================================*/
@media screen and (max-width: 960px) {
  .contact-phone-num {
    /*お電話でのお問い合わせ*/
    display: block; }

  .free-dial {
    margin: 0 0 20px 0; } }
@media screen and (max-width: 768px) {
  #repair-page {
    margin: 50px auto 0; }

  .shop-repair,
  .web-repair,
  .contact-repair {
    margin-bottom: 50px; }

  .step-header {
    display: block;
    padding: 0.6rem 1.6rem 1.4rem; }

  .repair-title {
    margin-bottom: 30px; } }