@charset "utf-8";

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

 /* Health Promotion
------------------------------------------------------------------- */
/*人間ドック・特定健診など*/

/*　詳細：手順など　*/
.tejyun {
	margin: 2em 2%;
	border: #c1c1c1 solid 1px;
	padding: 10px;
}

.tejyun p{
  font-size:1.6em;
}

.tejyun dl {
	margin:0;
}
div.tejyun p.midashi {
	margin-top: 0;
	font-size:1.8em;
	background: #fcc27e;
	padding: 5px 10px;
}

.healthTb tbody th{
	width:15%;
}

.list-disc-dl > dt {
  position: relative;
  margin-left: 1.4em;
  text-indent: -0.8em;
	font-weight:bold;
	font-size:1.8em;
}

.list-disc-dl > dt::before {
  position: relative; top: -0.1em; left: -0.3em;
  content: '●';
  font-size: 70%;
  color: #ef582a;
}


.list-disc-dl > dd{
	margin-left:1.5em;
	font-size:1.6em;
}

.list-disc-dl > dd > ul.note{
	font-size:87.5%!important;
}
.list-disc-dl > dd  ul.list-circle{
	font-size:100%!important;
}

.list-disc-dl ul{
	font-size:100%!important;
}

.tt01{
	display:inline-block;
	margin-left:1em;
	padding-right:10em;
}

.txt-img{
	display:flex;
}
.txt-img > li{
}

.txt-img > li:nth-child(2){
	margin-left:5%;
	min-width:120px;
	text-align:center;
}

.txt-img > li img{
	max-width:100%;
}

.txt-img > li:nth-child(2) span{
	font-size:90%;
}

._kenkom01{
	justify-content:space-between;
}

._kenkom01 > li:nth-child(1){
	width:75%;
}
._kenkom01 > li:nth-child(2){
	width:25%;
}

div.cornerCircle {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		background: #FFFFFF;
		margin: 20px auto 20px auto;
		padding:0;
		width:85%;
		border: 1px solid #cccccc;
	}
div.cornerCircle p {
		margin:20px 20px 5px 20px;
	font-size:1.8em;
	font-weight:bold;
	}

div.cornerCircle p.txtM{
		padding-bottom:0.5em!important;
	}
div.cornerCircle p span{
		display:inline-block;
		font-size:13px;
		font-weight:normal;
		margin-left:3.5em;
	}

div.cornerCircle dl {
	display:flex;
	justify-content:start;
		margin:0 20px 20px 20px;
	}
div.cornerCircle dt {
	}

div.cornerCircle img {border: #CCC 1px solid;}

div.cornerCircle dd {
		margin-left:30px;
	}
div.cornerCircle dd a{
	display:block;
	font-size:1.5em;
	position:relative;
	padding-left:1em;
}

div.cornerCircle dd a:before{
    position: absolute;
	left: 0;
	top:11px;
	margin:auto;
    content: "";
    display: block;
    height: 5px;
    width: 5px;
    border-top: 2px solid #ef582a;
    border-right: 2px solid #ef582a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.kencomIL01{
	width:40%;
	margin-left:5%;
	float:right;
}


div.kencomBtn,
div.kencomBtn2 {
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px; 
	border-radius: 5px;
	background: #fff;
	text-align:center;
	}
div.kencomBtn {
	padding:1em 0;
	margin-bottom:2em;
	}
div.kencomBtn2 {
	padding:1em 1em 0.5em;
	max-width:500px;
	}
div.kencomBtn2 img{
	max-width:100%;
}

div.kencom-m > dl {
	margin:20px 0 0;
  display: flex;
  width: 100%;
}
div.kencom-m dt {
  max-width:50px;
  width:100%;
}

div.kencom-m dt img{
	width:100%;
	margin-top:.5em;
}

div.kencom-m dd {
  width:100%;
	padding:0 15px;
	margin-left:0;
	font-size:1.5em;
}

div.kencom-m dd b{
	font-size:1.3em;
}

div.kencom-m dd .notes2{
	padding-left:0;
}
div.kencom-m dd .notes2 li{
	margin-left:1em;
	text-indent:-1em;
	}

div.kencom-m dd .blue_tb{
	font-size:1.8em;
	color:#4472c4;
}
div.kencom-m dd a{
	font-size:1.3em;
	font-weight:bold;
	color:#4472c4;    word-wrap: break-word;
    overflow-wrap: break-word;
}

div.kencom-m dd a:hover{
	text-decoration:none;
}
	


/* Table*/
/* 健診結果に基づきレベルごとに健康づくりを支援 */
.health-support {
  margin-top: 50px;
}
.health-support > div {
  position: relative;
  border: 1px solid #d7d7d7;
}

.health-support > div + div {
  margin-top: 50px;
}
.health-support .fat::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -50px;
  width: 2px;
  height: 25px;
  background: #000;
  transform: translate(-50%, -50%) rotateZ(0deg);
}
.health-support .fat::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -50px;
  width: 2px;
  height: 25px;
  background: #000;
  transform: translate(-50%, -50%) rotateZ(90deg);
}
.health-support .risk::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -50px;
  width: 2px;
  height: 25px;
  background: #000;
  transform: translate(-50%, -50%) rotateZ(0deg);
}
.health-support .risk::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -40px;
  width: 12px;
  height: 12px;
  border: 2px solid #000;
  border-top: 0;
  border-right: 0;
  transform: rotate(-45deg);
  transform-origin: bottom left;
}
.health-support h3 {
  margin-bottom: 5px;
  font-size: 2.2em;
  font-weight: 500;
  color: #3bb5e2;
  text-align: center;
}
.health-support h4 {
  padding: 6px 10px;
  background-color: #3bb5e2;
  font-size: 1.8em;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
}
.health-support ul {
  margin: 20px 25px 20px 25px;
}
/* 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;
}


.common-table._exe02 tbody th {
	width:15%;
}

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

.tejyun p{
  font-size:1.5em;
}
div.tejyun p.midashi {
	font-size:1.6em;
}


.list-disc-dl > dt {
	font-size:1.6em;
}

.list-disc-dl > dd{
	font-size:1.5em;
}
.list-disc-dl > dd table.fz_100t td,
.list-disc-dl > dd table.fz_100t th{
	font-size:80%!important;
}
	
	
.txt-img{
	display:block;
}
.txt-img > li:nth-child(2){
	margin-left:0%;
	margin-top:10px;
}
	
.tt01{
	display:inline-block;
	padding-right:0;
}

div.cornerCircle dl {
	display:block;
	}

	
div.cornerCircle dt {
	text-align:center;
	}

div.cornerCircle dd{
	margin:10px 0 0;
}

.il-f{
	margin:0 auto 20px;
	text-align:center;
}

.kencomIL01{
	width:100%;
	margin-left:0;
	float:none;
}
	
._kenkom01 > li:nth-child(1){
	width:100%;
}
._kenkom01 > li:nth-child(2){
	width:100%;
}

div.kencom-m > dl {
	margin:20px 0 0;
  display: block;
  width: 100%;
}
	

  /* Table*/
  /* 健診結果に基づきレベルごとに健康づくりを支援 */
  .health-support {
    margin-top: 40px;
  }
  .health-support h3 {
    margin-bottom: 10px;
    font-size: 2.0em;
    line-height: 1.4;
  }
  .health-support h4 {
    padding: 2px 10px;
  }
  .health-support ul {
    margin: 10px 15px 10px 15px;
  }


.healthTb tbody th{
	width:18%;
}
	table._cont tr,table._cont td{
    width: 100%;    /* 幅を100%にする */
    display: block; /* ブロック要素にする */
  }
		


.common-table._exe02 tbody th {
	width:20%;
}

div.kencom-m dd b{
	font-size:100%;
}

div.kencom-m dd a{
	font-size:100%;
}
div.kencom-m dd .blue_tb{
	font-size:1.6em;
}

}