@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  corporate.css
// style info :  スタイル指定
=================================================================== */

.SystemDiagram figure,.strategyMap figure{
	padding: 40px;
}

.noPC{
	display: none;
}

.initiatives{
	margin: auto;
}
.initiatives table th,.initiatives table td{
	border: 1px solid #ccc;
    padding: 15px;
    line-height: 1.4;
}
.initiatives table th{
	font-size: 1.8rem;
    text-align: center;
    vertical-align: middle;
	background: #428e8c;
	color: #fff;
}
.initiatives li{
	line-height: 1.6;
	text-indent: -1.5rem;
    margin-left: 1.5rem;
}

.bodyText a{ position: relative;}
.bodyText a::after{
	position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #428e8c;
    bottom: -3px;
    left: 0;
    -webkit-transform: scale(1, 1);
    -webkit-transform-origin: center top;
    -webkit-transition: transform .3s;
    transform: scale(1, 1);
    transform-origin: center top;
    transition: transform .3s;
}
.bodyText a:hover::after{
	transform-origin: center top;
    transform: scale(0, 1);
}

.wellnessTable,
.resultTable{
	width: 980px;
}
.wellnessTable th,
.wellnessTable td{
	border: 1px solid #ccc;
	padding: 10px;
	text-align: right;
}
.wellnessTable th,
.resultTable th{
	text-align: center;
	background: #428e8c;
	color: #fff;
}
.resultTable th,
.resultTable td{
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: middle;
}
.resultTable td.empty{background: #e4e4e4;}
.resultTable td{text-align: center;}
.resultTable th ul li{text-align: right;font-size: 14px;font-weight: normal;}

.exampleBox{
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
}
.exampleBox .exampleList{
	width: calc(100% / 4 - 30px);
	margin: 0 15px;
}

.certification{
	display: flex;
    max-width: 420px;
    margin: auto;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}
.certification li{
	display: inline-block;
    width: calc(100% / 2 - 20px);
    text-indent: 0;
    margin: 0;
}
@media only screen and (max-width: 1140px) {
	.exampleBox .exampleList{
		width: calc(100% / 2 - 30px);
		margin-bottom: 30px;
	}
}	
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 768px) {
	.SystemDiagram figure,.strategyMap figure{
		padding: 15px;
	}
	.noPC{
		display: block;
	}
	.initiatives{
		margin-left: 15px;
		margin-right: 15px;
	}
	.initiatives table th,.initiatives table td{
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.exampleBox .exampleList{
		width: calc(100%);
	}
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}
@media only screen and (max-width: 320px) {
}