/*施術のご案内*/
.treatment {
    width:1000px;
    margin: 50px auto;
    text-align: center;
}

/*施術のご案内の設定*/
.guide {
    width:1000px;
    margin: 0 auto;
    margin: 0px auto 50px;
}

.guide-title {
    background-color: #25c49f;
    font-size: 24px;
    color: white;
    font-weight: bold;
    padding: 6px 0 6px 19px;
    margin-bottom: 30px;
}

.guide-word {
  font-size: 20px;
  font-weight: bold;
  color:#25c49f;
  border-bottom: 3px solid #25c49f;
  margin-bottom: 20px;
}

.guide-content {
    background-color: #eeeeee;
    padding: 20px;
    margin-bottom: 30px;
  }


/*示談の設定*/
.settlement {
    width:1000px;
    margin: 0 auto;
    margin: 0px auto 50px;
}

.settlement-title {
  font-size: 20px;
  font-weight: bold;
  color:#25c49f;
  border-bottom: 3px solid #25c49f;
  margin-bottom: 20px;
}

.symptoms {
  font-size: 18px;
  font-weight: bold;
  color:#25c49f;
  margin-bottom: 4px;
}

/*治療完了までの流れの設定*/
.treatment-title {
  background-color: #25c49f;
  font-size: 24px;
  color: white;
  font-weight: bold;
  padding: 6px 0 6px 19px;
  margin-bottom: 30px;
}

.treatment-word {
  font-size: 20px;
  font-weight: bold;
  color:#25c49f;
  border-bottom: 3px solid #25c49f;
  margin-bottom: 20px;
}


/*STEPの設定*/
.step1, .step2, .step3, .step4, .step5, .step6 {
  display: flex;
  margin-bottom: 20px;
}

.step1-img, .step2-img, .step3-img, .step4-img, .step5-img, .step6-img {
  width: 30%;
}

.step1-content, .step2-content, .step3-content, .step4-content, .step5-content, .step6-content  {
  margin-left: 50px;
}

/*ぎっくり腰*/
.strained-back {
  display: flex;
}

.strained-back-img {
  width: 20%;
}

.strained-back-content {
  margin: 0 0 0 30px;
}

.strained-back-title {
  font-size: 20px;
  font-weight: bold;
  color:#25c49f;
}

.strained-back-content span {
  font-weight: bold;
}

/*腱鞘炎*/
.tendonitis {
  display: flex;
  margin-top: 30px;
}

.tendonitis-img {
  width: 20%;
}

.tendonitis-content {
  margin: 0 0 0 30px;
}

.tendonitis-title {
  font-size: 20px;
  font-weight: bold;
  color:#25c49f;
}

.tendonitis-content span {
  font-weight: bold;
}

/*坐骨神経痛*/
.sciatica {
  display: flex;
  margin-top: 30px;
}

.sciatica-img {
  width: 20%;
}

.sciatica-content {
  margin: 0 0 0 30px;
}

.sciatica-title {
  font-size: 20px;
  font-weight: bold;
  color:#25c49f;
}

.sciatica-content span {
  font-weight: bold;
}

/*その他*/
.others{
  display: flex;
  margin-top: 30px;
}

.others-img {
  width: 20%;
}

.others-content {
  margin: 0 0 0 30px;
}

.others-title {
  font-size: 20px;
  font-weight: bold;
  color:#25c49f;
}

/*施術の流れ*/
.flow {
  width:1000px;
  margin: 0 auto;
  margin: 0px auto 50px;
}

.flow-title {
  background-color: #25c49f;
  font-size: 24px;
  color: white;
  font-weight: bold;
  padding: 6px 0 6px 19px;
  margin-bottom: 30px;
  margin-top: 50px;
}

.flow-img {
  margin-bottom: 10px;
}

.button {
  border-radius: 5px ;
  background: #25c49f;
  box-shadow: 2px 2px 2px #9c9c9c;
  color: white;
  text-align: center;
  font-weight: 600;
  padding: 10px;
  margin:30px 300px;
  transition: 0.3s;
}

.button a {
  color: white;
  text-decoration: none;
}

.button:hover {
  background-color: #7bddc6; /* 背景色 */
  cursor:pointer
}


/* ここからレスポンシブの調整。 ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。
ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。
ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。
ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。
ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。ここからレスポンシブの調整。*/


/* PC用のCSSはメディアクエリの外に記述する */
@media screen and(max-width:959px) {
  /* 959px以下に適用されるCSS（タブレット用） */
}

@media screen and (max-width: 480px) {
    /* 480px以下に適用されるCSS（スマホ用） */
  


/*事故にあわれた方へ*/
.treatment, .guide, .flow {
  width: 90vw;
}

.strained-back, .tendonitis, .sciatica, .others {
  display: block;
}

.strained-back-img, .tendonitis-img, .sciatica-img, .others-img {
  width: 60vw;
  margin-left: 14vw;
}

.strained-back-content, .tendonitis-content, .sciatica-content, .others-content {
  margin: 0;
}

.strained-back-title, .tendonitis-title, .sciatica-title, .others-title {
  text-align: center;
  margin: 10px 0;
}

/* span {
  margin-left: 26vw;
} */

/*施術の流れ*/
.flow-img {
  width: 90vw;
}

.button {
  margin: 20px 0 0;
}





    

}