@charset "UTF-8";
/* CSS Document */

.right{
	text-align: right;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

span.lspan {
	display:inline-block; 
	margin-left:15vw; 
	line-height:1.7;
}

.health_main h1 {
    background-image: url(../img/corporate_img/background.jpg);
    -moz-appearance: none;
	appearance: none;
    background-size:100vw;
	width: 100vw;
	height: 9vw;
    padding-top: 5vw;
    text-align: center;
    font-size: 3vw;
    color: #015AA0;
    margin: 0;
}

div.health_item_wrap {
	padding: 0 4%;
	margin-top: 70px;
}

div.health_item {
	width: 74vw;
/*	max-width: 1000px;*/
	margin: 0 auto;
}

h2 {
	background-color: #009dff;
	background: linear-gradient(to right, #009dff 0%,#42e2ee 100%);
	border-radius: 5px;
	color: #fff;
	font-size: 1.7vw;
	padding: 5px 2%;
	margin-bottom: 2rem;
}

/*
h2.sengen {
	background: transparent;
	font-size: 30px;
	color: #000;
	text-align: center;
	padding: 0;
}
*/

h3 {
	font-size: 1.5vw;
	margin-bottom: 30px;
	font-weight: 600;
}

h3.torikumi {
	text-align: center;
}

h3.tori1 {
	margin-top: 2.5em;
}

div.content {
	margin-bottom: 9rem;
}

div.sengen p:not(:last-child) {
	text-align: justify;
}

div.sengen {
	border: solid 1px #ccc;
	padding: 10% 5%;
	background: url("../img/health/sengenBack_1.png") no-repeat center top/100%,
				url("../img/health/sengenBack_2.png") no-repeat center bottom/100%;
}

div.health_item p {
	font-size: 1.1vw;
	margin: 0 2% 1.5em;
}


div.health_item p.sengenTitle {
	font-size: 2.2vw;
	font-weight: bold;
	text-align: center;
}

div.table_wrap {
	margin: 0 2%;
	overflow:auto;/*tableにスクロールつける*/
}

span.name {
	font-size: 1.8vw;
}

table.jirei,
table.literacy,
table.rousai,
table.sihyo2{
	width: 100%;
	min-width: 700px;
}

table.jirei th,
table.literacy th,
table.rousai th,
table.sihyo th,
table.sihyo2 th{
	background-color:#999;
	color: #fff;
	font-size: 1.1vw;
	padding: 10px;
}

table.jirei th:first-child {
	min-width: 7em;
}

table.jirei th:nth-child(2){
	min-width: 7em;
}

table.jirei th:nth-child(4){
	min-width: 12em;
}

table.jirei td,
table.literacy td,
table.rousai td,
table.sihyo td,
table.sihyo2 td{
	font-size: 1vw;
	padding: 10px;
	background-color: #F5F5F5;
}

table.literacy {
	margin-bottom: 30px;
}

table.literacy th:first-child {
	width: 20%;
	min-width: 100px;
}

table.literacy th:nth-child(2){
	width: 10%;
	min-width:70px;
}

table.literacy th:nth-child(3){
	width: 50%;
	min-width: 300px;
}

table.literacy td:nth-child(2),
table.literacy td:nth-child(4){
	text-align:center;
}

table.literacy td:nth-child(5),
table.literacy td:nth-child(6){
	text-align:right;
}
table.rousai td {
	text-align: center;
}

div.sihyo_wrap {
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(240px, 1fr));
	gap: 2vw;
}

table.sihyo {
	width: 100%;
}

table.sihyo th.title {
	width: 15rem;
}

table.sihyo td {
	width: 5rem;
	text-align: right;
}

table.sihyo td:first-child {
	text-align:left;
}

span.sihyo_title {
	font-size: 1.2rem;
	font-weight: 400;
}

span.kome {
	font-size: 0.9rem;
}

table.sihyo2 th:first-child {
	width:27em;
}

table.sihyo2 th.psihyo {
	background-color: transparent;
}

table.sihyo2 td.PS_right {
	text-align: right;
	font-size: 0.8vw;
}

div.table_wrap p.cyui,
div.bunsyo p.cyui {
	color: #999;
	font-size: 1em;
	padding-left: 3.6em;
  	text-indent: -3.6em;
	margin-bottom: 3px;
}

.PS_title {
	width: 60%;
}

td.ninzu {
	width: 22%;
}

span.indent_1{
	padding-left: 1.5em;
	text-indent: -1.5em;
	display:inline-block;
}

div.health_item p.policy1 {
	font-size: 1.8vw;
	font-weight: bold;
	margin-top: 2.5em;
	margin-bottom: 0.5em;
}

div.ulcenter {
	text-align: center;
}

ul.policy {
	padding: 0 2%;
	margin: 30px auto 40px;
	display: inline-block;
}

ul.policy li{
	list-style: none;
	font-size: 1.5vw;
	font-weight: 600;
	text-align: left;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	padding: 5px 30px 5px 20px;
	border-bottom: solid 2px #92DADB;
	border-left: solid 15px #92DaDb;
}

div.hImg {
	margin: 0 2%;
	
}

div.hImg img{
	width: 100%;
	border: solid 1px #ccc;
}

div.taiseiImg {
	text-align: center;
	margin-bottom: 2%;
}

div.taiseiImg img{
	width: 70%;
	border: 0;
}

div.taisakuImg {
	margin: 0 auto 2rem;
	display: grid;
	grid-template-columns: repeat(auto-fit,minmax(240px, 1fr));
	gap: 2vw;
}

div.gridImg img{
	width: 100%;
	border: solid 1px #999;
	vertical-align: bottom;
}

div.bunsyo {
	margin: 0 3% 4rem;
}

span.subtitle {
	display:block;
	font-size: 1.2vw;
	border-bottom: solid 1px #ccc;
	margin-bottom: 1rem;
	font-weight: 600;
}

div.bunsyo p{
	margin: 0;
}

span.hyoTitle {
	display: inline-block;
	font-size: 1.2rem;
	font-weight: 600;
	margin: 0 0 0.5rem;
}

p.right {
	text-align: right;
	padding-right: 2%;
	padding-top: 0.5rem;
}

div.bunsyo ul li {
	font-size: 1.1vw;
}

/* ここから外部評価 */
div.gaibuhyoka {
	display: flex;
}

div.gaibuhyoka:not(:last-child){
	margin-bottom: 10vw;
}

div.bunsyo {
	margin: auto;
	width: 100%;
}

div.gaibuhyoka p {
	text-align: justify;
	line-height: 1.7;
}

div.gaibuhyoka_img {
	width: 35%;
	min-width: 200px;
	text-align: center;
}

div.gaibuhyoka img {
	width: 80%;
	min-width: 200px;
	vertical-align: bottom;
}

div.gaibuhyoka img.yell {
	width: 35%;
	min-width: 100px;
}
/* ここまで外部評価 */

/************************
	レスポンシブ
************************/
@media (max-width: 768px){
	div.health_item {
	width: 100%;
	}
	
	div.health_item_wrap {
	margin-top: 40px;
	}
	
	h2{
		font-size: 22px;
		padding: 3px 10px;
	}
	
	h2.sengen {
		font-size: 24px;
	}
	
	h3 {
		font-size: 1.3rem;
	}
	
	div.health_item p.sengenTitle {
		font-size: 1.4rem;
	}
	
	span.name {
	font-size: 1.4em;
	}
	
	div.health_item p.policy1 {
	font-size: 1.3rem;
	}
	
	div.content {
	margin-bottom: 50px;
	}
	
	div.health_item p {
	font-size: 15px;
	margin-bottom: 15px;
	}
	
	div.sengen {
	padding: 10% 4%;
}

	
	span.name {
	font-size: 18px;
	}
	
	ul.policy li{
		font-size: 20px;	
	}
	
	table.jirei th {
		font-size: 17px;
	}
	
	div.taiseiImg img{
	width: 95%;
	}
	
	span.subtitle {
		font-size: 1.1rem;
	}
	
	div.bunsyo ul li {
	font-size: 1rem;
	}

	table.jirei th,
	table.literacy th,
	table.rousai th,
	table.sihyo th,
	table.sihyo2 th{
		font-size: 15px;
	}
	
	table.jirei td,
	table.literacy td,
	table.rousai td,
	table.sihyo td,
	table.sihyo2 td{
		font-size: 15px;
	}
	
	/* ここから外部評価 */
	div.gaibuhyoka {
		flex-direction: column;
	}
	
	div.gaibuhyoka_img {
		margin: 0 auto 2em;
	}
	/* ここまで外部評価 */
}

/************************
	プリント用
************************/
@media print{
	div.table_wrap {
	margin: 2%;
	overflow:visible;/*tableにスクロール解除*/
	}
	table.jirei {
	min-width: 100%;
	}
	
	div.taiseiImg img{
	width: 70%;
	}
}