@charset "UTF-8";

/*news*/
@media screen and (min-width:751px) {
	.health_cont{
		padding:0 0 0 0;
		border-bottom: 1px solid #ACACAC;
	}
	
	.health_cont .innerbox{
		width:90%;
		max-width: 900px;
		margin:0 auto;
	}
	
	.health_cont .innerbox .cont_box{
		margin:0 0 80px 0;
	}
	
	.health_cont .innerbox .cont_box .box{
		margin:0 0 30px 0;
	}
	
	.health_cont .innerbox h2{
		font-size: 3.2rem;
		font-weight: 600;
		line-height: 1.8em;
		text-indent: -25px;
		padding-left: 25px;
		margin:0 0 50px 0;
	}
	
	.health_cont .innerbox h2::before{
		content: "";
		width:24px;
		height:4px;
		background:#ABABAB;
		display: inline-block;
		vertical-align: middle;
		margin:-5px 25px 0 0;
		
	}
	
	.health_cont .innerbox .cont_box .box h3{
		font-size: 2.4rem;
		line-height: 1.7em;
		font-weight: 600;
		padding:0 0 15px 0;
		margin:0 0 20px 0;
		border-bottom:2px solid #000;
	}
	
	.health_cont .innerbox .cont_box .box p{
		font-size: 1.4rem;
		line-height: 1.9em;
	}
	
	.health_cont table{
		width:100%;
		border-collapse: collapse;
		font-size: 1.4rem;
		line-height: 1.9em;
		border-bottom:1px solid #D1D1D1;
		margin:24px 0 0 0;
	}
	
	.health_cont table tr th{
		padding: 0 0 10px 0;
		width:12%;
		text-align: left;
		vertical-align: top;
	}
	
	.health_cont table tr td{
		padding:0 0 10px 0;
		text-align: left;
		vertical-align: top;
	}
	
	.health_cont table tr:last-child th{
		padding:0 0 24px 0;
	}
	
	.health_cont table tr:last-child td{
		padding:0 0 24px 0;
	}
	
	.health_cont table tr td ul{
		padding:0 0 0 0;
	}
	
	.health_cont table tr td ul li p{
		display: flex;
	}
	
	.health_cont table tr td ul li p::before{
		content: "・";
		width:1em;
	}
	/*blog_cont*/
	.blog_cont{
		background:#F7F7F7;
		padding:60px 0 60px 0;
	}
	
	.blog_cont.gbg{
		background: linear-gradient(#fff,transparent);
	}
	
	.blog_cont.pt{
		padding:60px 0 60px 0;
	}
	
	.blog_cont.border{
		border-bottom:1px solid #acacac;
	}
	
	.blog_cont .innerbox {
		max-width: 1200px;
		width:90%;
		margin:0 auto;
	}
	
	.blog_cont .innerbox .tlcont{
		width:100%;
		margin:0 0 20px 0;
	}
	
	.blog_cont .innerbox .tlcont h4{
		font-size: 1.8rem;
		font-weight: 600;
	}
	
	.blog_cont .innerbox .listcont{
		width:100%;
		margin:0 0 30px 0;
	}
	
	.blog_cont .innerbox .listcont ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width:100%;
	}
	
	.blog_cont .innerbox .listcont ul::after{
		content: "";
		width:calc((100% - 90px) / 3);
		height: 0;
		display: block;
	}
	
	.blog_cont .innerbox .listcont ul li{
		width:calc((100% - 90px) / 3);
		background:#fff;
		margin:0 0 0 0;
		transition: all 0.5s;
	}
	
	.blog_cont .innerbox .listcont ul li:hover{
		background:#F0F0F0;
	}
	
	.blog_cont .innerbox .listcont ul li .phbox{
		width:100%;
	}
	
	.blog_cont .innerbox .listcont ul li .phbox figure{
		position: relative;
		padding-top:52.4%;
		overflow: hidden;
	}
	
	.blog_cont .innerbox .listcont ul li .phbox figure img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		transition: all 0.5s;
		transform: scale(1);
	}
	
	.blog_cont .innerbox .listcont ul li a:hover .phbox figure img{
		transform: scale(1.1);
	}
	
	.blog_cont .innerbox .listcont ul li .txcont{
		padding:20px;
	}
	
	.blog_cont .innerbox .listcont ul li .date{
		font-size: 1.2rem;
		color:#626262;
		margin:0 0 10px 0;
	}
	
	.blog_cont .innerbox .listcont ul li .date span{
		margin:0 0 0 10px;
		color:#D25023;
	}
	
	.blog_cont .innerbox .listcont ul li .tl{
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1.9em;
		margin:0 0 10px 0;
		overflow: hidden;
  		display: -webkit-box;
  		text-overflow: ellipsis;
  		-webkit-box-orient: vertical;
  		-webkit-line-clamp: 3;
	}
	
	.blog_cont .innerbox .listcont ul li .cate span{
		font-size: 1.2rem;
		color:#878787;
		margin:0 10px 0 0;
		display: inline-block;
	}
	
	.blog_cont .innerbox .linkbtn{
		width:256px;
		margin:0 auto;
	}
}

@media screen and (max-width:750px) {
	.health_cont{
		padding:0 0 0 0;
		border-bottom: 1px solid #ACACAC;
	}
	
	.health_cont .innerbox{
		width:90%;
		max-width: 900px;
		margin:0 auto;
	}
	
	.health_cont .innerbox .cont_box{
		margin:0 0 60px 0;
	}
	
	.health_cont .innerbox .cont_box .box{
		margin:0 0 30px 0;
	}
	
	.health_cont .innerbox h2{
		font-size: 2.2rem;
		font-weight: 600;
		line-height: 1.8em;
		text-indent: -19px;
		padding-left: 19px;
		margin:0 0 25px 0;
	}
	
	.health_cont .innerbox h2::before{
		content: "";
		width:14px;
		height:2px;
		background:#ABABAB;
		display: inline-block;
		vertical-align: middle;
		margin:-5px 15px 0 0;
		
	}
	
	.health_cont .innerbox .cont_box .box h3{
		font-size: 1.8rem;
		line-height: 1.7em;
		font-weight: 600;
		padding:0 0 15px 0;
		margin:0 0 15px 0;
		border-bottom:2px solid #000;
	}
	
	.health_cont .innerbox .cont_box .box p{
		font-size: 1.4rem;
		line-height: 1.9em;
	}
	
	.health_cont table{
		width:100%;
		border-collapse: collapse;
		font-size: 1.4rem;
		line-height: 1.9em;
		border-bottom:1px solid #D1D1D1;
		margin:20px 0 0 0;
	}
	
	.health_cont table tr th{
		padding: 0 0 10px 0;
		width:25%;
		text-align: left;
		vertical-align: top;
	}
	
	.health_cont table tr td{
		padding:0 0 10px 0;
		text-align: left;
		vertical-align: top;
	}
	
	.health_cont table tr:last-child th{
		padding:0 0 24px 0;
	}
	
	.health_cont table tr:last-child td{
		padding:0 0 24px 0;
	}
	
	.health_cont table tr td ul{
		padding:0 0 0 0;
	}
	
	.health_cont table tr td ul li p{
		display: flex;
	}
	
	.health_cont table tr td ul li p::before{
		content: "・";
		/*width:1em;*/
		margin:0 5px 0 0;
		
	}
	/*blog_cont*/
	.blog_cont{
		background:#F7F7F7;
		padding:60px 0 60px 0;
	}
	
	.blog_cont .innerbox {
		width:90%;
		margin:0 auto;
	}
	
	.blog_cont.gbg{
		background: linear-gradient(#fff,transparent);
	}
	
	.blog_cont.pt{
		padding:60px 0 60px 0;
	}
	
	.blog_cont.border{
		border-bottom:1px solid #acacac;
	}
	
	.blog_cont .innerbox .tlcont{
		width:100%;
		margin:0 0 20px 0;
	}
	
	.blog_cont .innerbox .tlcont h4{
		font-size: 1.6rem;
		font-weight: 600;
	}
	
	.blog_cont .innerbox .listcont{
		width:100%;
		margin:0 0 30px 0;
	}
	
	.blog_cont .innerbox .listcont ul{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width:100%;
		margin:0 0 -15px 0;
	}
	
	.blog_cont .innerbox .listcont ul li{
		width:100%;
		background:#fff;
		margin:0 0 15px 0;
		transition: all 0.5s;
	}
	
	.blog_cont .innerbox .listcont ul li:hover{
		background:#F0F0F0;
	}
	
	.blog_cont .innerbox .listcont ul li .phbox{
		width:100%;
	}
	
	.blog_cont .innerbox .listcont ul li .phbox figure{
		position: relative;
		padding-top:52.4%;
		overflow: hidden;
	}
	
	.blog_cont .innerbox .listcont ul li .phbox figure img{
		position: absolute;
		top:0;
		left:0;
		width:100%;
		height: 100%;
		transition: all 0.5s;
		transform: scale(1);
	}
	
	.blog_cont .innerbox .listcont ul li a:hover .phbox figure img{
		transform: scale(1.1);
	}
	
	.blog_cont .innerbox .listcont ul li .txcont{
		padding:20px;
	}
	
	.blog_cont .innerbox .listcont ul li .date{
		font-size: 1.2rem;
		color:#626262;
		margin:0 0 10px 0;
	}
	
	.blog_cont .innerbox .listcont ul li .date span{
		margin:0 0 0 10px;
		color:#D25023;
	}
	
	.blog_cont .innerbox .listcont ul li .tl{
		font-size: 1.4rem;
		font-weight: 600;
		line-height: 1.9em;
		margin:0 0 10px 0;
		overflow: hidden;
  		display: -webkit-box;
  		text-overflow: ellipsis;
  		-webkit-box-orient: vertical;
  		-webkit-line-clamp: 3;
	}
	
	.blog_cont .innerbox .listcont ul li .cate span{
		font-size: 1.2rem;
		color:#878787;
		margin:0 10px 0 0;
		display: inline-block;
	}
	
	.blog_cont .innerbox .linkbtn{
		width:100%;
		margin:0 auto;
	}
}

.con01-wrapper{
	display: grid;
	grid-template-columns: repeat(3,1fr);
	gap: 20px;
}

.con01-title-box{
	background: #000;
	border-radius: 4px 4px 0 0;
	padding: 8px 0;
}

.con01-title{
	font-size: 1.6rem !important;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
}

.con01-item{
	background: #fff;
	border-radius: 0 0 4px 4px;
	padding: 20px;
}

.con01-img{
	width: 60px;
	height: auto;
	margin: 0 auto;
	margin-bottom: 20px;
}

.con02-wrapper{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 20px;
}

.con02-item{
	background-color: #fff;
	border-radius: 4px;
	padding: 20px;
}

.con02-title{
	font-size: 1.8rem;
	margin-bottom: 20px;
}

/* テーブル */

.helth-tabel-table{
	background-color: #fff;
	border-bottom: none !important;
}

.helth-tabel-head{
	background-color: #000;
}

.helth-tabel-head th{
	color: #fff;
	padding: 8px 20px !important;
	text-align: center !important;
}

.helth-tabel-head th:last-child{
	border-left: 1px solid #fff;
}

.helth-tabel-body td{
	padding: 8px 20px !important;
	text-align: center !important;
	vertical-align: middle !important;
}

.helth-tabel-body tr:last-child{
	border-top: 1px solid #D1D1D1;
}

.helth-tabel-body tr td:nth-child(2),
.helth-tabel-body tr td:nth-child(4){
	border-left: 1px solid #D1D1D1;
}

.helth-goal sub, .helth-tabel-body sub{
	vertical-align: baseline ;
}

.helth-note{
  counter-reset: note;
  list-style: none;
  margin: 0; padding: 0;
	margin-top: 20px;
	font-size: 12px;
}
.helth-note li:last-child{
	margin-top: 8px;
}

.helth-note li{
  counter-increment: note;
  position: relative;
  padding-left: 2.5em;
}
.helth-note li::before{
  content: "※" counter(note);
  position: absolute;
  left: 0; top: 0;
}

.br-pcnone{
	display: none;
}

/* SP版 */
@media screen and (max-width:750px) {
	.con01-wrapper{
	grid-template-columns: repeat(1, 1fr);
	}
	.con02-wrapper{
		grid-template-columns: repeat(1, 1fr);
	}
	.br-pcnone{
	display: block;
	}
}