@charset "utf-8";

/* add css this page only */

/* index.html ul.c-featureCard_list icon settings */

#contentsContainer ul.c-featureCard_list .c-featureCard_ttl--icon::before {
  background-color: transparent;
}
ul.c-featureCard_list .c-featureCard_ttl--icon.icon_zta::before {
  background-image: url(/biz/safous/images/index_fig05.png);
  background-size: contain;
}
ul.c-featureCard_list .c-featureCard_ttl--icon.icon_assessment::before {
  background-image: url(/biz/safous/images/index_fig07.png);
  background-size: contain;
}
ul.c-featureCard_list .c-featureCard_ttl--icon.icon_waap::before {
  background-image: url(/biz/safous/images/index_fig08.png);
  background-size: contain;
}

/* .c-balloon_box内タイトル直後の ul .c-circleList と div */
#contentsContainer ul.c-balloon li.c-balloon_box p.c-balloon_ttl + ul.c-circleList,
#contentsContainer ul.c-balloon li.c-balloon_box p.c-balloon_ttl + div {
  margin-top: 16px;
}


/* zta.html zta4 .c-paragraphBox customize */

.safous-zta .c-paragraphBox.p-paragraphBox--layout2 {
  justify-content: space-between;
  align-items: center;
}

/* zta c-voiceBox.p-c-voiceBox_list--case */
#contentsContainer .safous-zta .c-voiceBox_list.p-c-voiceBox_list--case .c-voiceBox_item {
  width: fit-content;
}
#contentsContainer .safous-zta .c-voiceBox_list.p-c-voiceBox_list--case .c-voiceBox_item h3 {
  font-weight: bold;
  margin-bottom: 0.5rem;
}


/* assessment.html .c-modalList customize */

#contentsContainer .safous-assessment .c-modalList.p-modalList--layout2 {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 0;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
}
#contentsContainer .safous-assessment .c-modalList.p-modalList--layout2 figure {
  max-width: 50%;
}
#contentsContainer .safous-assessment .c-modalList.p-modalList--layout2 .c-modal_thumbnail img {
  max-height: 300px;
  border: 1px solid #999;
}

@media screen and (max-width: 768px) {
  #contentsContainer .safous-assessment .c-modalList.p-modalList--layout2 {
    display: flex;
    flex-direction: column;
  }
}



/* waap.html .c-numBox customize */
#contentsContainer div.safous-waap ol.c-numBox .c-numBox_pic {
  margin: 24px 0;
}



/* end */