@charset "UTF-8";

/*/////////////////////////////
吹き出し
/////////////////////////////*/

.oneArea {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  max-width: 1024px;
  margin: 50px auto;
  padding: 0 10px;
}
.oneArea .onebox {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.oneArea .onebox:nth-child(even) {
  flex-direction: row-reverse;
  margin-top: 20px;
}
.oneArea .onebox .imgArea {
  width: 16%;
  position: relative;
}
.oneArea .onebox:nth-child(odd) .imgArea img {
  width: 100%;
  max-width: 120px;
  position: absolute;
  top: -20px;
  left: 0;
  padding-right: 30px;
}
.oneArea .onebox:nth-child(even) .imgArea img {
  width: 100%;
  max-width: 120px;
  position: absolute;
  top: -20px;
  left: auto;
  right: 0;
  padding-left: 30px;
}
.oneArea .onebox .fukiArea {
  width: 70%;
}
.oneArea .onebox .fukidasi {
  width: 100%;
  position: relative;
  padding: 25px;
  background-color: #edf6ff;
  color: #231815;
  border-radius: 12px;
  box-sizing: border-box;
}
.oneArea .onebox .fukidasi::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 22px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox .fukidasi::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-radius: 50%;
  transform: rotate(45deg);
  top: 40px;
  border-right: 25px solid transparent;
  border-bottom: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::before {
  left: -15px;
  border-left: 25px solid #edf6ff;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(odd) .fukidasi::after {
  left: -25px;
  border-left: 25px solid #ffffff;
  border-top: 25px solid transparent;
}
.oneArea .onebox:nth-child(even) .fukidasi {
  background-color: #fde5e5;
}
.oneArea .onebox:nth-child(even) .fukidasi::before {
  left: auto;
  right: -15px;
  border-left: 25px solid transparent;
  border-top: 25px solid #fde5e5;
}
.oneArea .onebox:nth-child(even) .fukidasi::after {
  left: auto;
  right: -25px;
  border-left: 25px solid transparent;
  border-top: 25px solid #ffffff;
}
@media screen and (max-width: 1024px) {
  .oneArea .onebox:nth-child(odd) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox:nth-child(even) .imgArea img {
    max-width: 70%;
    top: 0;
  }
  .oneArea .onebox .fukidasi {
    padding: 15px;
    font-size: 14px;
  }
  .oneArea .onebox .fukidasi::before {
    top: 8px;
  }
  .oneArea .onebox .fukidasi::after {
    top: 20px;
  }
}
@media screen and (max-width: 420px) {
  .oneArea {
    margin: 30px auto;
  }
  .oneArea .onebox:nth-child(even) {
    margin-top: 15px;
  }
  .oneArea .onebox .imgArea {
    width: 20%;
  }
  .oneArea .onebox .fukidasi {
    padding: 10px 15px;
    font-size: 12px;
  }
}


/*/////////////////////////////

/////////////////////////////*/

.health_box{
  position: relative;
text-align:center;
}

.health_center {
  position: absolute;
  top: 3%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-size: 1.63333rem;
  letter-spacing: 0.2em;
  line-height: 1.333;
    font-weight: bold;
}

.health_center2 {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 24px;
  font-size: 1.63333rem;
  letter-spacing: 0.2em;
  line-height: 1.333;
    font-weight: bold;
}


/*/////////////////////////////

/////////////////////////////*/

.health_title .h01 {
    margin: 35px 0 0px;
    color: #5a6ab1;
    font-size: 8px;
    font-size: 1.13333rem;
    font-weight: bold;
}

.health_title .h02 {
    margin: 35px 0 0px;
    color: #49aab8;
    font-size: 8px;
    font-size: 1.13333rem;
    font-weight: bold;
}

.health_title .h03 {
    margin: 35px 0 0px;
    color: #00a199;
    font-size: 8px;
    font-size: 1.13333rem;
    font-weight: bold;
}

.health_title .h04 {
    margin: 35px 0 0px;
    color: #7eb3e1;
    font-size: 8px;
    font-size: 1.13333rem;
    font-weight: bold;
}

.health_title .h05 {
    margin: 35px 0 0px;
    color: #00913a;
    font-size: 8px;
    font-size: 1.13333rem;
    font-weight: bold;
}

.health_title img {
    margin-right: 7px;
    height: 36px;
    vertical-align: middle;
}


/*/////////////////////////////

/////////////////////////////*/

.health_h3 {
    margin: 60px 0 45px;
}

.health_h3 .hh3 {

  font-size: 24px;
  font-size: 1.63333rem;
  letter-spacing: 0.2em;
  line-height: 1.333;
  text-align: center;
    font-weight: bold;
  }


/*/////////////////////////////
 RWD
/////////////////////////////*/
@media (max-width: 812px) {
  .mod_spSpacer {
    padding: 0 2.8169%;
  }

.health_h3 {
    margin: 40px 0 45px;
  }

.health_h3 .hh3 {
    font-size: 15px;
    font-size: 1.33333rem;
  }

.health_center {
    font-size: 15px;
    font-size: 1.33333rem;
  }

.health_center2 {
    font-size: 15px;
    font-size: 1.33333rem;
  }

@media (max-width: 415px) {
.health_h3 .hh3 {
    font-size: 5.33333vw;
  }

.health_center {
    font-size: 5.33333vw;
  }

.health_center2 {
    font-size: 5.33333vw;
  }