@charset "utf-8";

/* タイトル部分 */

.title {
  text-align: center;
  background-image:url(../img/about_bg.jpg);
  background-repeat: no-repeat;
  width: 1000px;
  height: 390px;
  margin-bottom: 100px;
}

h2 {
  color: #3cc384;
  font-size: 32px;
  line-height: 47px;
  padding: 50px 0 30px 0;
}

.title p {
  font-size: 23px;
  line-height: 40px;
  padding-bottom: 50px;
}

/* メッセージ */
h3 {
  margin-bottom: 40px;
}

.message {
  margin-bottom: 150px;
}

.message .box {
  display: flex;
  justify-content: space-between;
}

.messageText {
  width: 480px;
  line-height: 25px;
}

.textRight {
  text-align: right;
  display: block;
}

/* スウェディッシュマッサージについて */

#about {
  margin-top: -100px;
  padding-top: 100px;
}

.imgBox {
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  height: 235px;
}

.about :nth-child(3){
  line-height: 25px;
  margin-bottom: 50px;
  text-align: left;
}

.btnLeft {
  background-image: url(../img/btn_menu_r.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.btnLeft a {
  display: inline-block;
}

.btnLeft a:hover img {
  visibility: hidden;
}

.btnLRight {
  background-image: url(../img/btn_contact_r.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

.btnLRight a {
  display: inline-block;
}

.btnLRight a:hover img {
  visibility: hidden;
}

.btnArea {
  width: 860px;
  padding: 0 70px;
  display: flex;
  justify-content: space-between;
}