@charset "utf-8";

/* health-promotion.css
 * おまかせプラン ver.7 - v1.0.0
 * 2022-09-01
 * **************************************************
 * Health Promotion
 * **************************************************
 */

 /* Health Promotion
------------------------------------------------------------------- */
 /* Subpage Visual */
.subpage-visual__inner {
  background: url(../images/health-promotion-img.jpg) no-repeat right -100px/cover;
}


h5{
	font-weight:bold;
}

.border-box{
  border: 1px solid #d7d7d7;
  padding:20px;
}
.sp01 li span{
	display:inline-block;
	margin-right:7.3em!important;
}
.consignment{
  border: 1px solid #d7d7d7;
}

.consignment td{
	padding:10px;
  border-right: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
	min-width:200px;
 }

.fat-risk{
  display:flex;
}
.fat-risk li:nth-child(2){
	margin:0 30px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}

.fat-risk .fat {
  position:relative;
  border: 1px solid #d7d7d7;
}

.fat-risk .fat th,
.fat-risk .fat td{
  padding: 10px 25px;
}
.fat-risk .fat th{
  background-color: #3bb5e2;
  border: 1px solid #3bb5e2;
  color:#fff;
  font-weight:bold;
}

.fat-risk .fat td span{
  display:block;
  margin-left:3.2em;
  text-indent:-3.2em;
}
.fat-risk .risk{
  border: 1px solid #d7d7d7;
}

.fat-risk .risk th,
.fat-risk .risk td{
  padding: 10px 25px;
}
.fat-risk .risk th{
  background-color: #3bb5e2;
  border: 1px solid #3bb5e2;
  color:#fff;
  font-weight:bold;
}

.fat-risk .fat td,
.fat-risk .risk td{
  height:150px;
  vertical-align:middle;
}

.fat-risk .risk td:nth-child(1){
  border-right:1px solid #d7d7d7;
}



/* List（色丸） */
.health-support .list-disc li {
  margin-left: 3.0em;
  text-indent: -3.0em;
  position: relative; left: 0.5em;
  font-size: 1.6em;
}
.health-support .list-disc li::before {
  position: relative; top: -0.1em; left: -0.3em;
  content: '●';
  font-size: 70%;
  color: #3bb5e2;
}
/* List（丸数字） */
.health-support .list-circle li {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 1.6em;
}

/* PDCAサイクル */
.content__layout__section > p.pdca > img {
  margin: 20px 0 0 10px;
}

@media screen and (max-width: 767px) {
  /* Health Promotion
  ------------------------------------------------------------------- */
  /* Subpage Visual */

.subpage-visual__inner {
  background: url(../images/health-promotion-img.jpg) no-repeat center right/cover;
}

.sp01 li span{
	display:block;
	margin-right:auto!important;
}
.sp_mt10{
	margin-top:1em;
}

.fat-risk{
	display:block;
}
	
.fat-risk li{
	width:100%;
}
.fat-risk li:nth-child(2){
	margin:20px 0px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
}
.fat-risk .fat,
.fat-risk .risk{
    width:100%;
}
  
}