@charset "utf-8";

/**
 *
 *  ページ用CSS
 *　health
 */

 img {

    image-rendering: -webkit-optimize-contrast;

}

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/
.page-lower-ttl::after{
  background-image:url(../images/bg_page_ttl_pc.jpg);  
}
.page-lower-ttl h1 {
	max-width: 610px;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/

/* health-management
-----------------------------------------------------------------*/
.health-management .inner{
  max-width: 1280px;  
}


/* intro --------------------------*/
.health-management .intro{
  padding: 90px 0 45px;
  text-align: center;
}
.health-management .intro .txt{
  margin-bottom: 70px;
  font-size: 1.8rem;
  line-height: 2;  
}
.health-management .intro .page-nav{
  max-width: 870px;
  margin-inline: auto;  
}
.health-management .intro .page-nav li:nth-child(n+4){
  margin-top: 30px;  
}


/* sec01 --------------------------*/
.health-management .sec01{
  padding: 45px 0 90px;  
}
.health-management .sec01 .txt{
  margin-bottom: 30px;
  font-size: 1.7rem;
}
.health-management .sec01 .signature{
  font-size: 1.6rem;
  text-align: right;
}
.health-management .sec01 .signature span{
  display: block;
  letter-spacing: .31em;  
}


/* sec02 --------------------------*/
.health-management .sec02{
  padding: 140px 0 70px;  
}
.health-management .sec02 .txt{
  max-width: 414px;
  font-size: 1.7rem;
  text-align: justify; 
}
.health-management .sec02 figure{
  max-width: 745px;
  margin-left: 20px;  
}


/* sec03 --------------------------*/
.health-management .sec03{
  padding: 70px 0;  
}
.health-management .sec03 .txt-area{
  max-width: 680px;  
}
.health-management .sec03 .txt-area .txt{
  margin-bottom: 30px;
  font-size: 1.7rem;
}
.health-management .sec03 .txt-area .btn-ico-base{
  max-width: 410px;  
}
.health-management .sec03 .txt-area .btn-ico-base a::after{
  display: none;  
}
.health-management .sec03 figure{
  max-width: 480px;
  margin-left: 20px;  
}


/* sec04 --------------------------*/
.health-management .sec04{
  padding: 70px 0;  
}
.health-management .sec04 .activity-list{
  display: flex;
  flex-wrap: wrap;
  gap: 50px 64px;   
}
.health-management .sec04 .activity-list > li{
  width: calc((100% - 128px)/3);  
}
.health-management .sec04 .activity-list .thumb img{
  border-radius: 10px;  
}
.health-management .sec04 .activity-list h3{
  margin-top: 30px;
  font-size: 1.8rem;
  font-weight: bold;  
}
.health-management .sec04 .activity-list ul{
  display: grid;
  gap: 5px;
  margin-top: 10px;  
}
.health-management .sec04 .activity-list ul li{
  display: flex;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.6;   
}
.health-management .sec04 .activity-list ul li::before{
  display: inline-block;
  content: "●";
  color: #0068BA;
  transform: scale(.5); 
}


/* sec05 --------------------------*/
.health-management .sec05{
  padding: 70px 0 160px;  
}
.health-management .sec05 table{
  width: 100%;
  border-collapse: collapse;
  font-size: 1.6rem;  
}
.health-management .sec05 table th,
.health-management .sec05 table td{
  padding: 15px;
  border: 1px solid #DDDFE2;  
}
.health-management .sec05 table th{
  background: #F3F5F6;
  font-weight: bold;  
}
.health-management .sec05 table th sub{
  font-size: 1.2rem;  
}
.health-management .sec05 table td{
  text-align: center;  
}
.health-management .sec05 .notes{
  margin-top: 20px;
    
}






















/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
	.page-lower-ttl::after{
		background-image:url(../images/bg_page_ttl_sp.jpg);  
	}
	.page-lower-ttl h1 {
		max-width: 195px;
	}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
/* health-management
-----------------------------------------------------------------*/

/* intro --------------------------*/
  .health-management .intro{
    padding: 40px 0 20px;
  }
  .health-management .intro .txt{
    margin-bottom: 35px;
    font-size: 1.3rem; 
  }
  .health-management .intro .page-nav li:nth-child(n+4){
    margin-top: 15px;  
  }


/* sec01 --------------------------*/
  .health-management .sec01{
    padding: 20px 0;  
  }
  .health-management .sec01 .txt{
    margin-bottom: 15px;
    font-size: 1.3rem;
    text-align: justify;
  }
  .health-management .sec01 .signature{
    font-size: 1.2rem;
  }
  .health-management .sec01 .signature span{
    letter-spacing: .18em;  
  }

/* sec02 --------------------------*/
  .health-management .sec02{
    padding: 35px 0 30px;  
  }
  .health-management .sec02 .layout-box{
    display: block;  
  }
  .health-management .sec02 .txt{
    max-width: none;
    font-size: 1.3rem;
  }
  .health-management .sec02 figure{
    max-width: none;
    margin: 20px 0 0;  
  }


/* sec03 --------------------------*/
  .health-management .sec03{
    padding: 30px 0;  
  }
  .health-management .sec03 .layout-box{
    display: block;  
  }
  .health-management .sec03 .txt-area{
    max-width: none;  
  }
  .health-management .sec03 .txt-area .txt{
    margin-bottom: 20px;
    font-size: 1.3rem;
    text-align: justify;
  }
  .health-management .sec03 .txt-area .btn-ico-base{
    margin-inline: auto;  
  }
  .health-management .sec03 figure{
    max-width: none;
    margin: 20px 0 0;  
  }


/* sec04 --------------------------*/
  .health-management .sec04{
    padding: 30px 0;  
  }
  .health-management .sec04 .activity-list{
    display: block;
  }
  .health-management .sec04 .activity-list > li{
    width: auto;  
  }
  .health-management .sec04 .activity-list > li:nth-child(n+2){
    margin-top: 40px;  
  }
  .health-management .sec04 .activity-list h3{
    margin-top: 15px;
    font-size: 1.6rem;
  }
  .health-management .sec04 .activity-list ul li{
    font-size: 1.3rem;  
  }


/* sec05 --------------------------*/
  .health-management .sec05{
    padding: 30px 0 60px;  
  }
  .health-management .sec05 .js-scrollable{
    width: calc(100% + 20px);  
  }
  .health-management .sec05 table{
    min-width: 800px;
    margin-right: 20px;
    font-size: 1.3rem;  
  }
  .health-management .sec05 table th,
  .health-management .sec05 table td{
    padding: 12px; 
  }
  .health-management .sec05 table th sub{
    font-size: 1.1rem;  
  }
  .health-management .sec05 .notes{
    margin-top: 15px;
    font-size: 1.1rem;  
  }




}