/* 問題 */
.problem-box {
  margin: 20px 0;
  padding: 20px 15px;
  border: 1px solid #555;
  border-radius: 10px;
}
.problem-box__head {
  padding-left: 10px;
  border-left: 8px solid #449D44;
  color: #444;
  font-size: 16px;
  font-weight: bold;
}
.problem-box__img {
  margin-top: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 325px;
}
.problem-box__img img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.problem-list {
  list-style: inside;
  line-height: 1.35;
  color: #444;
  font-size: 14px;
}
.warining {
  margin-top: 10px;
  padding: 10px;
  background-color: #f5f5f5;
}
.warining__txt {
  display: flex;
  line-height: 1.75;
  color: #444;
  font-size: 14px;
}
.warining__txt::before {
  margin: 2px 5px 0 0;
  padding-right: 20px;
  display: inline-block;
  vertical-align: middle;
  content: "";
  background: url(/assets/vendor/fonts/stylesheet/images/icon/gray/warning.svg) no-repeat;
}

/* お悩みリスト */
.worries-list {
  display: flex;
  flex-wrap: wrap;
}
.worries-list__item {
  margin: 25px 20px 0 0;
  width: calc((100% - 20px)/2);
}
.worries-list__item:nth-child(-n+2) {
  margin-top: 0;
}
.worries-list__item:nth-child(2n) {
  margin-right: 0;
}
.worries-list__item a {
  display: block;
}
.worries-list__img {
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0,0,0,0.2) 3px 3px 5px;
  border-radius: 4px;
  height: 167px;
}
.worries-list__img img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}
.worries-list__tit {
  margin-top: 15px;
  color: #444;
  font-size: 16px;
  font-weight: bold;
}

/* worries */
.worries-content {
  margin-bottom: 20px;
  padding: 20px;
  background-color: #DDEDDD;
}
.worries-content__txt {
  color: #444;
  font-size: 16px;
  font-weight: bold;
}
.worries-box-list__item {
  margin-bottom: 20px;
}
.worries-box-list__item:last-child {
  margin-bottom: 0;
}

/* ラインアップ */
#worry .slide-menu__tit {
  padding: 20px 5px;
  text-align: left;
}

/* ---------------------------

PC

 --------------------------- */
@media screen and (min-width:768px) {
  .worries-list__item {
    margin: 40px 30px 0 0;
    width: calc((100% - 90px)/4);
  }
  .worries-list__item:nth-child(4n) {
    margin-right: 0;
  }
  .worries-list__item:nth-child(-n+4) {
    margin-top: 0;
  }
  .worries-list__item:nth-child(2) {
    margin-right: 30px;
  }
  .worries-list__item:nth-child(6) {
    margin-right: 30px;
  }
  .worries-list__tit {
    padding-left: 25px;
    position: relative;
  }
  .worries-list__tit::before {
    content: "";
    position: absolute;
    left: 0;
    background: url(/assets/vendor/fonts/stylesheet/images/icon/white/arrow.svg) 50% center / 10px no-repeat rgb(119, 119, 119);
    border-radius: 50%;
    width: 20px;
    height: 20px;
  }
  /* 問題 */
  .problem-box__body {
    display: flex;
    flex-wrap: nowrap;
  }
  .problem-box__img {
    margin-top: 0;
    flex:  0 0 auto;
    width: 210px;
    height: 210px;
  }
  .problem-box__box {
    width: calc(100% - 235px);
  }
  /* 解決 */
  .worries-body__txt {
    width: calc(100% - 175px);
  }
  .worries-body__img {
    width: 160px;
    height: 160px;
  }
  /* ラインアップ */
  #worry .line-up__item {
    margin: 0px 30px 0 0;
    width: calc((100% - 120px)/5);}
  #worry .line-up__item:nth-child(2),#worry .line-up__item:nth-child(4) {
      margin-right: 30px;
  }
  #worry .line-up__item:nth-child(5) {
      margin-right: 0px;
  }
}