@charset "utf-8";

/* group */
/* overlap画像＋文字重ね */
/* 右に文字 */
.overlap_group,
.overlap_group_pub,
.overlap_support,
.overlap_hidamari {
  padding: 2% 0;
  position: relative;
  width: 100%;
}

.overlap_group p,
.overlap_group_pub p,
.overlap_support p,
.overlap_hidamari p {
  font-size: 1.48rem;
  letter-spacing: 0.2rem;
  position: absolute;
}

.overlap_txt_group,
.overlap_group p {
  /* 文字left揃える */
  left: 54%;
}

.overlap_txt_group,
.overlap_txt_pub {
  position: absolute;
  top: 34%;
}

.overlap_group p,
.overlap_group_pub p {
  top: 45%;
  width: 28%;
}

/* たくみ */
.overlap_txt_pub,
.overlap_group_pub p {
  left: 54%;
}

/* 介護サポート、ひだまり */
.overlap_txt_support,
.overlap_support p,
.overlap_txt_hidamari,
.overlap_hidamari p {
  left: 53%;
}

.overlap_support p {
  top: 40%;
  width: 29%;
}

.overlap_hidamari p {
  top: 35%;
  width: 30%;
}

.overlap_txt_support {
  position: absolute;
  top: 31%;
}

.overlap_txt_hidamari {
  position: absolute;
  top: 28%;
}

/* 画像の文字サイズ */
.overlap_txt_group,
.overlap_txt_pub,
.overlap_txt_support,
.overlap_txt_hidamari {
  width: 24%;
}

/* 左に文字 */
.overlap_even_group,
.overlap_even_shinobu,
.overlap_even_hudosan {
  letter-spacing: 0.2rem;
  position: relative;
  width: 100%;
}

.overlap_even_txt_group,
.overlap_even_txt_hudosan,
.overlap_even_txt_shinobu,
.overlap_even_group p,
.overlap_even_shinobu p,
.overlap_even_hudosan p {
  left: 17%;
  position: absolute;
}

.overlap_even_group p {
  font-size: 1.48rem;
  top: 43%;
  width: 30%;
}

.overlap_even_shinobu p,
.overlap_even_hudosan p {
  font-size: 1.48rem;
  top: 41%;
  width: 28%;
}

.overlap_even_txt_group,
.overlap_even_txt_shinobu,
.overlap_even_txt_hudosan {
  top: 28%;
  width: 23%;
}

/* ひだまり薬局 */
.img_pharmacy div {
  width: 24%;
}

.txt_group_pharmacy {
  letter-spacing: 0.2rem;
  margin-bottom: 3%;
  padding: 0% 10%;
}

/* サロンソエル */
.txt_group p {
  letter-spacing: 0.2rem;
  padding: 3% 10%;
}

.img_salon {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3% 0;
}

.img_salon div {
  width: 30%;
}

.img_salon img {
  width: 100%;
}

.img_salon p {
  letter-spacing: 0.1rem;
  line-height: 1.5;
  padding-top: 0;
  text-align: left;
}

.group_sample {
  display: flex;
  justify-content: space-between;
  margin-top: 2%;
}

.group_sample p {
  letter-spacing: 0.1rem;
}

.group_sample span {
  color: #ea8bb8;
  font-weight: bold;
}

/* salon治療紹介,horse */
.group_content,
.group_content_horse {
  border: 1px rgb(64, 64, 64) solid;
  margin: 2% 10%;
  padding: 2%;
}

.group_content h2,
.group_content_horse h2 {
  border-bottom: 1px rgb(64 64 64) solid;
  color: #ea8bb8;
  font-weight: 500;
  letter-spacing: 0.2rem;
  line-height: 1.7;
  padding: 1% 1% 1% 0;
}

.group_content p,
.group_content_horse p {
  font-size: 1.3rem;
  letter-spacing: 0.2rem;
  line-height: 2;
  padding-top: 1.5%;
}

.group_content p {
  padding-bottom: 3%;
}

/* しのぶ */
.txt_group_shinobu ul li {
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1.7;
  /*点を非表示*/
  list-style-type: none;
  padding-bottom: 5%;
  padding-left: 1.5rem;
  /*基準位置*/
  position: relative;
  text-align: justify;
}

/* list丸をつける */
.txt_group_shinobu ul li::before {
  background: black;
  /*丸くする*/
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: 0;
  /*絶対配置*/
  position: absolute;
  top: 6px;
  width: 10px;
}

/* しのぶ、介護サポート */
.text_list_shinobu,
.text_list_support {
  font-size: 1.3rem;
  letter-spacing: 0.3rem;
  margin-bottom: 1.5rem;
  padding: 2% 10%;
}

.text_list_shinobu ul li,
.text_list_support ul li {
  border: 1px rgb(64, 64, 64) solid;
  font-size: 1.4rem;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  /*点を非表示*/
  list-style-type: none;
  margin-bottom: 2%;
  padding: 1.2% 1.2% 1.2% 32px;
  /*基準位置*/
  position: relative;
  text-align: justify;
}

/* list丸をつける */
.text_list_shinobu ul li::before,
.text_list_support ul li::before {
  /*丸くする*/
  border-radius: 50%;
  content: "";
  display: block;
  height: 10px;
  left: 12px;
  position: absolute;
  top: 1.3rem;
  width: 10px;
}

.text_list_shinobu ul li::before {
  border: 1px solid #0079cf;
}

.text_list_support ul li::before {
  border: 1px solid #009c68;
}

.text_list_shinobu ul li {
  color: #0079cf;
}

.text_list_support ul li {
  color: #009c68;
}

.photo_list_support h2 {
  border-bottom: 1px rgb(64 64 64) solid;
  color: #009c68;
  font-weight: 500;
  line-height: 1.7;
  padding: 2%;
}

.photo_list_support ul {
  margin: 6% 0;
}

.photo_list_support ul li {
  color: #009c68;
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height: 1.5;
  /*点を非表示*/
  list-style-type: none;
  margin-bottom: 2%;
  padding: 1% 1% 1% 30px;
  /*基準位置*/
  position: relative;
  text-align: justify;
}

/* list丸をつける */
.photo_list_support ul li::before {
  background: #009c68;
  /*丸くする*/
  border-radius: 50%;
  content: "";
  display: block;
  height: 12px;
  left: 12px;
  position: absolute;
  top: 0.6rem;
  width: 12px;
}

.photo_list_support img {
  width: 57%;
}

/* 不動産 */
.group_photo_hudosan {
  display: flex;
  justify-content: space-between;
  letter-spacing: 0.2rem;
  margin: 5% 10%;
}

.group_photo_hudosan div {
  width: 45%;
}

/* ひだまり */
#horsepark {
  margin-bottom: 10%;
}

.img_hidamari div {
  width: 32%;
}

.txt_group_horse {
  font-size: 1.3rem;
  padding: 0% 10% 0 11%;
  text-indent: -1em;
}


@media only screen and (max-width:970px) {

  /* overlap画像＋文字重ね */
  /* 右に文字 */
  .overlap_txt_support,
  .overlap_support p,
  .overlap_txt_hidamari,
  .overlap_hidamari p {
    left: 51%;
  }

  .overlap_support p {
    width: 36%;
  }

  .overlap_hidamari p {
    width: 34%;
  }

  /* 左に文字 */
  .overlap_even_group p {
    left: 13%;
    width: 37%;
  }

  .overlap_even_shinobu p,
  .overlap_even_hudosan p {
    left: 14%;
    top: 40%;
    width: 35%;
  }

  .text_list_shinobu ul li::before,
  .text_list_support ul li::before {
    top: 1.2rem;
  }

}

@media only screen and (max-width: 768px) {

  /* overlap画像＋文字重ね */
  .overlap_group p,
  .overlap_group_pub p,
  .overlap_support p,
  .overlap_hidamari p,
  .overlap_even_shinobu p,
  .overlap_even_group p {
    font-size: 1.4rem;
  }

  /* 右に文字 */
  .overlap_txt_support,
  .overlap_txt_hidamari {
    width: 34%;
  }

  .overlap_txt_group,
  .overlap_group p {
    left: 52%;
    width: 34%;
  }

  /* たくみ */
  .overlap_txt_pub,
  .overlap_group_pub p {
    left: 52%;
    width: 34%;
  }

  /* ひだまり */
  .overlap_txt_hidamari {
    top: 25%;
  }

  .overlap_hidamari p {
    top: 33%;
    width: 40%;
  }

  /* 左に文字 */
  .overlap_even_txt_group,
  .overlap_even_txt_shinobu {
    top: 25%;
    width: 32%;
  }

  .overlap_even_txt_hudosan {
    width: 32%;
  }

  .overlap_even_group p {
    top: 43%;
    width: 37%;
  }

  .overlap_even_shinobu p,
  .overlap_even_hudosan p {
    left: 13%;
    top: 37%;
    width: 37%;
  }

  /* サロンソエル */
  .txt_group p {
    padding: 6% 10% 3%;
  }

  .group_sample p {
    line-height: 1.7;
  }

  /* salon治療紹介,horse */
  .group_content p,
  .group_content_horse p {
    letter-spacing: 0.1rem;
  }

  .txt_group_horse {
    font-size: 1.2rem;
  }

  /* しのぶ、介護サポート */
  .text_list_shinobu ul li::before,
  .text_list_support ul li::before {
    top: 1rem;
  }

  /* ひだまり */
  .img_hidamari div {
    padding-bottom: 2%;
    width: 45%;
  }
}

@media only screen and (min-width: 600px) {

  /* sp以外 */
  /* サロンソエル */
  .group_sample div {
    width: 24%;
  }

  /* ひだまり薬局 */
  .img_pharmacy {
    padding: 3% 10%;
  }

  /* ひだまり */
  .img_hidamari {
    padding: 6% 10% 3%;
  }

  .img_hidamari p {
    font-size: 1.3rem;
  }

  .group_photo,
  .group_photo_shinobu {
    display: flex;
    justify-content: space-between;
    letter-spacing: 0.2rem;
    margin: 5% 10%;
  }

  .txt_group_pub,
  .txt_group_shinobu {
    width: 51%;
  }

  .txt_group_support {
    width: 58%;
  }

  .photo_list {
    width: 47%;
  }

  .photo_list img {
    padding: 1.1%;
    width: 45%;
  }

  .photo_list_support {
    margin-left: 6%;
    width: 45%;
  }

  .photo_list_support p {
    font-size: 1rem;
  }

}

@media only screen and (max-width: 599px) {

  /* sp */
  .top_text_group {
    margin-bottom: 3%;
    margin-top: 6%;
  }

  /* 背景色 */
  #pharmacy,
  #pub {
    background-color: #fbf6e8;
  }

  #salon {
    background-color: #fbe5e7;
  }

  #acupuncture {
    background-color: #c7e8fb;
  }

  #nursing,
  #horsepark {
    background-color: #daecde;
  }

  #real_estate {
    background-color: #e4e4e4;
  }

  /* 上余白 */
  #pharmacy,
  #pub,
  #acupuncture,
  #nursing,
  #real_estate,
  #horsepark {
    margin-top: 12%;
  }

  #salon {
    margin-top: 12%;
    padding-bottom: 10%;
  }

  .img_pharmacy,
  .img_hidamari {
    padding: 3% 5%;
  }

  /* 下余白 */
  .txt_group_pharmacy {
    padding: 0 5% 10%;
  }

  /* overlap画像＋文字重ね */
  .overlap_group p,
  .overlap_group_pub p,
  .overlap_even_group p,
  .overlap_even_shinobu p,
  .overlap_even_hudosan p,
  .overlap_hidamari p,
  .overlap_support p {
    font-size: 1.38rem;
  }

  /* 右に文字 */
  .overlap_group,
  .overlap_group_pub,
  .overlap_support {
    padding: 0%;
  }

  .overlap_txt_group,
  .overlap_group p {
    left: 20%;
  }

  .overlap_txt_group {
    top: 53%;
    width: 55%;
  }

  .overlap_group p {
    top: 64%;
    width: 71%;
  }

  /* たくみ */
  .overlap_txt_pub,
  .overlap_group_pub p {
    left: 22%;
  }

  .overlap_txt_pub {
    top: 51%;
    width: 55%;
  }

  .overlap_group_pub p {
    top: 62%;
    width: 68%;
  }

  /* 介護サポート*/
  .overlap_txt_support,
  .overlap_support p {
    left: 19%;
  }

  .overlap_txt_support {
    top: 43%;
    width: 55%;
  }

  .overlap_support p {
    top: 52%;
    width: 68%;
  }

  /* ひだまり */
  .overlap_txt_hidamari,
  .overlap_hidamari p {
    left: 19%;
  }

  .overlap_hidamari {
    padding: 0;
  }

  .overlap_txt_hidamari {
    top: 40%;
    width: 55%;
  }

  .overlap_hidamari p {
    top: 49%;
    width: 68%;
  }

  /* 左に文字 */
  .overlap_even_txt_group,
  .overlap_even_txt_shinobu {
    top: 42%;
    width: 55%;
  }

  .overlap_even_txt_hudosan {
    top: 45%;
    width: 55%;
  }

  .overlap_even_txt_group,
  .overlap_even_txt_hudosan,
  .overlap_even_txt_shinobu,
  .overlap_even_group p,
  .overlap_even_shinobu p,
  .overlap_even_hudosan p {
    left: 9%;
  }

  /* 文字スペース幅 */
  .overlap_even_group p {
    top: 55%;
    width: 75%;
  }

  .overlap_even_shinobu p {
    top: 52%;
    width: 71%;
  }

  .overlap_even_hudosan p {
    top: 53%;
    width: 71%;
  }

  /* ひだまり薬局 */
  .img_pharmacy div {
    width: 48%;
    margin-bottom: 2%;
  }

  /* サロン */
  .img_salon div {
    width: 48%;
  }

  .txt_group {
    margin-bottom: 10%;
  }

  .txt_group p {
    padding: 5% 5% 2%;
  }

  .group_content,
  .group_content_horse {
    margin: 2% 5%;
    padding: 6% 4%;
    background-color: #fff;
    border: none;
  }

  .group_content h2,
  .group_content_horse h2 {
    font-size: 1.4rem;
    padding: 2% 6% 2% 0;
  }

  .group_content p,
  .group_content_horse p {
    font-size: 1.2rem;
    line-height: 1.7;
  }

  /* pタグの下余白 */
  .group_content :nth-child(5),
  .group_content :nth-child(7) {
    padding-bottom: 10%;
  }

  .group_sample {
    flex-direction: column;
  }

  /* 表示順を指定 */
  .group_sample :nth-child(1) {
    order: 2;
  }

  /* 画像幅調整 */
  .group_sample :nth-child(2) {
    order: 1;
    margin: 0 auto;
    width: 60%;
  }

  .group_sample :nth-child(3) {
    order: 4;
  }

  .group_sample :nth-child(4) {
    order: 3;
    margin: 0 auto;
    width: 60%;
  }

  .group_sample p {
    padding-top: 0;
    padding-bottom: 6%;
  }

  /* たくみイメージ画像 */
  .photo_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10% 0;
  }

  .photo_list img {
    padding-bottom: 3%;
    width: 48%;
  }

  .txt_group_shinobu ul li {
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
  }

  .group_photo,
  .group_photo_shinobu,
  .group_photo_hudosan {
    letter-spacing: 0.2rem;
    margin: 0 5% 5%;
  }

  /* しのぶ　画像が上 */
  .group_photo_shinobu {
    display: flex;
    flex-direction: column-reverse;
  }

  .text_list_shinobu,
  .text_list_support {
    letter-spacing: 0.2rem;
    padding: 2% 5% 10%;
  }

  .text_list_shinobu ul li,
  .text_list_support ul li {
    background-color: #fff;
    border: none;
    font-size: 1.3rem;
    padding: 3% 3% 3% 32px;
  }

  /*リストマークのサイズ  */
  .txt_group_shinobu ul li::before {
    height: 8px;
    width: 8px;
  }

  .text_list_shinobu ul li::before,
  .text_list_support ul li::before {
    height: 8px;
    top: 14px;
    width: 8px;
  }

  .photo_list_support {
    /* 中央寄せ */
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 6% 0;
  }

  .photo_list_support h2 {
    font-size: 1.4rem;
    text-align: center;
    width: 95%;
  }

  .photo_list_support ul {
    /* 文字の折り返し禁止 */
    white-space: nowrap;
  }

  .photo_list_support ul li {
    font-size: 1.4rem;
  }

  .photo_list_support p {
    font-size: 1.1rem;
  }

  /* 不動産、ひだまり */
  .group_photo_hudosan {
    margin-top: 0;
    padding-bottom: 10%;
  }

  .group_photo_hudosan div,
  .img_hidamari div {
    width: 48%;
  }

  .img_sp_hidamari {
    margin-bottom: 10%;
  }

  .txt_group_horse {
    padding: 0% 5% 10% 8%;
  }

}

@media only screen and (max-width: 374px) {

  .overlap_txt_group,
  .overlap_txt_pub {
    top: 50%;
  }

  .overlap_group p,
  .overlap_group_pub p {
    top: 57%;
  }

  .overlap_even_group p {
    top: 53%;
  }

  .overlap_support p {
    top: 49%;
    width: 74%;
  }

  .overlap_txt_hidamari {
    top: 37%;
  }

  .overlap_hidamari p {
    top: 42%;
    width: 76%;
  }

}