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

.patrolWrap #contents {
    padding-top: 12%;
}


.patrolWrap #mv .mvInr h1{
display: none;
}
.patrolWrap #mv .mvInr {
padding: 0;
height: 600px;
}

.patrolWrap #mv {
position: relative;
}

.patrolWrap .boxList {
display: flex;
justify-content: space-between;
width: 80%;
margin: 0 auto 60px;
}

.patrolWrap .boxList li{
width: 49%;
}

.titleImg {
position: absolute;
width: 25%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
bottom: -20%;
max-width: 370px;
}

.patrolTxt {
font-size: 1.8rem;
text-align: center;
font-weight: 500;
margin-bottom: 60px;
}

.flapHead {
background: #ffa894;
color: #fff;
padding: 13px 12px;
border-radius:8px;
font-weight: 500;
margin: 20px 0;
}


.patrolList ul{
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
width: 100%;
}
.patrolList li {
width: 32%;
margin-right: 2%;
margin-bottom: 30px;
}
.patrolList li:nth-child(3n){
margin-right: 0;
}

.patrolList li .img {
    background-size: cover;
    background-position: center center;
    padding-top: 75%;
    width: 100%;
	margin-bottom: 10px;
}

.patrolList li .title {
font-size: 1.8rem;
position: relative;
padding-right: 20px;
font-weight: 600;
}

.patrolList li .date {
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
color: #999999;
font-size: 1.2rem;
margin-bottom: 5px;

}

.patrolList li .title:after {
    font-family: 'icon';
    content: "\e905";
    position: absolute;
    right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.patrolList li a {
display: block;
}

.patrolList li a:hover {
opacity: 0.8;
color: #2aa53b;
text-decoration: none;
}

.aboutIndex {
width: 90%;
max-width: 1200px;
margin: 0 auto;
}

.bnrList {
width: 100%;
margin: 0 auto;
}

.bnrList ul {
display: flex;
justify-content:space-between;
}


.bnrList ul li a:hover {
opacity: 0.7;
}

.aboutIndex ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.aboutIndex ul li {
	width: 48%;
	margin-bottom: 30px;
}
.aboutIndex.clm3List ul {
justify-content: flex-start;
}

.aboutIndex.clm3List ul li {
width: 32%;
margin-right: 2%;
}
.aboutIndex.clm3List ul li:nth-child(3n){
margin-right: 0;
}

.aboutIndex.clm3List ul li h2 {
	font-size: 1.8rem;
}
.aboutIndex ul li h3 {
	font-size: 1.6rem;
	font-weight: 400;
	padding: 10px 0;
	position: relative;
	display: inline-block;
}

.aboutIndex ul li h2 {
	font-size: 2.6rem;
	font-weight: 400;
	padding: 20px 0;
	position: relative;
	display: inline-block;
}

.aboutIndex ul li h2:before {
  font-family: 'icon' !important;
  content: "\e905";
  display: block;
  position: absolute;
  right: -30px;
  color: #2aa53b;
    top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}


.aboutIndex ul li.blank h2:before {
display: none;
}

.aboutIndex ul li.blank i {
vertical-align: middle;
margin-left: 10px;
font-size: 12px;
  color: #2aa53b;
}

.aboutIndex ul li a {
	display: block;
}

.aboutIndex ul li a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.aboutIndex ul li p {
	padding: 0 0 20px;
}

.aboutIndex ul li a:hover h2 {
	color: #2aa53b;
}





.diversityWrap #mv .mvInr {
padding: 0;
height: 600px;
}

.diversityWrap #mv {
position: relative;
}

.diversityWrap #mv .mvInr h1 {
background: #fff;
    color: #000;
    padding: 20px 30px;
    font-size: 4.0rem;
    font-weight: 400;
    position: absolute;
	left: 0;
	    top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.diversityTxt {
width: 200px;
position: absolute;
left: 300px;
top: 56%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.peopleList ul {
display: flex;
/*justify-content: space-between;*/
flex-wrap: wrap;
}
.peopleList ul li {
width: 22%;
margin-right: 3%;
margin-bottom: 40px;
}
.peopleList ul li:nth-child(4n){
margin-right: 0;
}
.peopleList ul li a {
display: block;
}
.peopleList ul li a:hover {
color: #2aa53b;
opacity: 0.8;
text-decoration: none;
}

.peopleList ul li p {
font-weight: 700;
text-align: center;
}
.peopleList ul li p span {
background: #333;
border-radius: 50px;
color: #fff;
display: inline-block;
padding: 5px 10px;
font-size: 1.2rem;
font-size: 12px;
font-weight: 500;
margin-top: 5px;
}
.peopleList ul li a:hover p span {
background: #2aa53b;
}

.qaList{
width: 90%;
max-width: 920px;
margin: 0 auto;
}

.qaList li{
margin-bottom: 40px;
}
.qaBox {
display: flex;
justify-content: space-between;
}

.qaImg {
margin-bottom: 20px;
}
.nameBox {
width: 30%;
font-size: 18px;
font-size: 1.8rem;
font-weight: 600;
line-height: 1!important;
}
.nameBox i {
margin-right: 5px;
font-size: 24px;
vertical-align: middle;
}

.nameBox span {
font-size: 1.2rem;
font-size: 12px;
font-weight: 500;
margin-top: 15px;
}

.qaInfo {
width: 68%;
}

.qaInfo dt {
font-size: 18px;
font-size: 1.8rem;
font-weight: 500;
margin-bottom: 10px;
}
.qaInfo dt i {
margin-right: 5px;
font-size: 24px;
vertical-align: middle;
color: #2aa53b;
}

.qaInfo dd {
margin-bottom: 20px;
line-height: 1.7;
}

.flap {
text-align: center;
margin-bottom: 10px;
}
.ancList {
margin-bottom: 20px;
}
.ancList ul {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.ancList ul li {
width: 24%;
margin-bottom: 10px;
margin-right: 1.3%;
}
.ancList ul li:nth-child(4n){
margin-right: 0;
}
.ancList ul li a {
display: block;
padding: 20px 0;
border: 1px solid #ccc;
text-align: center;
position: relative;
font-size: 1.2rem;
font-weight: bold;
}

.ancList ul li a:after {
  font-family: 'icon' !important;
  content: "\e903";
  display: block;
  position: absolute;
  right: 10px;
  color: #2aa53b;
    top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.ancList ul li a:hover {
text-decoration: none;
background: #ccc;
}

.csrImg img {
border: 1px solid #ccc;
line-height: 0;
margin-right: 10px;
width: 15%;
}

.clm3Img {
display: flex;
margin-bottom: 30px;
}
.clm3Img li p {
text-align: center;
font-size: 1.2rem;
}
.clm3Img li{
width: 33%;
}

.clm2Img {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
.clm2Img li p {
text-align: center;
font-size: 1.2rem;
}
.clm2Img li {
width: 49%;
}

.bscDl dt {
font-size: 1.8rem;
font-weight: bold;
margin-bottom: 15px;
}
.bscDl dd{
line-height: 1.7;
}

span.red {
color: #BD0003;
}


.movieBox {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px;
}

.movieBox iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.movieWrap {
width: 60%;
}

.mp4Box {
width: 60%;
}
.mp4Box video {
width: 100%;
}



/*211021*/
.healthy .clm3Img {
    display: flex;
    margin-bottom: 30px;
}
.healthy .clm3Img li{
	margin-right: 2%;
	width: 32%;
}
.healthy .bscTbl01 table th {
	padding: 15px 8px 15px;
	font-size: 1.4rem;
}
.healthy .bscTbl01 table td {
	padding: 15px 8px 15px;
	font-size: 1.3rem;
}
.healthy .list {
	margin-left: 20px;
}
.healthy .list li{
	list-style: disc;
	margin-bottom: 5px;
}


.healthy .wk{
	border: 7px solid #AF080B;
	padding: 15px;
	margin-top: 30px;
}
.healthy .listBox,
.healthy .listBox2{
	display: flex;
	justify-content: space-between;
}
.healthy .listBox b,
.healthy .listBox2 b{
	margin-bottom: 15px;
	font-size: 1.6rem;
	display: block;
}
.healthy .listBox li.box,
.healthy .listBox2 li.box{
	width: 32.5%;
	border-radius: 4px;
	padding: 50px 20px;
	text-align: center;
	color: #fff;
}
.healthy .listBox li.box:nth-child(1){
	background: #74B449;
}
.healthy .listBox li.box:nth-child(2){
	background:#CFB14B;
}
.healthy .listBox li.box:nth-child(3){
	background:#CB6822;
}
.healthy .listBox2 li.box:nth-child(1){
	background:#CE549A;
}
.healthy .listBox2 li.box:nth-child(2){
	background:#8A5297;
}
.healthy .listBox2 li.box:nth-child(3){
	background:#568FA2;
}
.healthy .txtBox{
	background: #f0f0f0;
	text-align: center;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 20px;
	padding: 15px;
}

.healthy .kpi_list{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
}
.healthy .kpi_list li{
	width: 45%;
	border: 3px solid #fff;
	border-radius: 5px;
	padding: 15px 10px;
}
.healthy .kpi_list li span{
	font-size: 3rem;
	font-weight: bold;
}
.healthy .kpi_list li.yj{
	width: 10%;
	border:none;
	text-align: center;
}

.healthy .clm2{
	display: flex;
	justify-content: space-between;
}
.healthy .clm2 .bscTbl01{
	width: 57%;
}
.healthy .clm2 .cardWrap{
	width: 40%;
}
.healthy .clm2 .cardWrap p{
	border:7px solid #efefef;
	background: #f9f9f9;
	padding: 15px;
	text-align: center;
	font-weight: bold;
	border-radius: 4px;
	font-size: 1.3rem;
	margin-top: 10px;
}


.healthy .semiBox{
	margin-bottom: 20px;
}
.healthy .semiBox .ttl{
	background: #2aa53b;
	padding: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #fff;
	font-size: 1.7rem;
}
.healthy .semiBox dl {
	margin-bottom: 5px;
	overflow: hidden;
}
.healthy .semiBox dl dt{
	float: left;
	width: 140px;
	border: 1px solid #222;
	border-radius: 2px;
	background: #f0f0f0;
	text-align: center;
	font-weight: bold;
	padding: 10px;
}
.healthy .semiBox dl dd{
	padding-left: 160px;
	line-height: 1.8;
}
.healthy .all{
	background: #f0f0f0;
	padding: 20px;
	font-weight: bold;
	font-size: 1.7rem;
	text-align: center;
}
.healthy #gNav ul li.current a:after{
	display: none;	
}
.name img {
display: inline-block;
width: 15%;
vertical-align: bottom;
}


/*===================================================

	スマホ

===================================================*/
@media only screen and (max-width: 900px) {
	.bscTbl01{
		overflow: auto;
		white-space: nowrap;
	}
	.bscTbl01 table{
		margin: 0;
    	border: none;
	}
	.bscTbl01 table th,
	.bscTbl01 table td {
		display: table-cell !important;
		width: auto !important;
	}
}
@media only screen and (max-width: 739px) {
	
/*211021*/
.healthy .clm3Img {
    display: block;
}
.healthy .clm3Img li{
	margin-right: 0;
	width: 100%;
}
.healthy .bscTbl01 table th {
	padding: 8px 5px;
	font-size: 1.2rem;
}
.healthy .bscTbl01 table td {
	padding: 6px 5px;
	font-size: 1.1rem;
	text-align: center;
}

.healthy .wk{
	padding: 15px;
}
.healthy .listBox,
.healthy .listBox2{
	display: block;
}
.healthy .listBox b,
.healthy .listBox2 b{
	margin-bottom: 15px;
	font-size: 1.3rem;
	display: block;
}
.healthy .listBox li.box,
.healthy .listBox2 li.box{
	width: 100%;
	padding: 20px 15px;
	margin-bottom: 5px;
}
.healthy .txtBox{
	font-size: 1.4rem;
	padding: 15px;
}

.healthy .kpi_list{
	display: block;
}
.healthy .kpi_list li{
	width: 100%;
	padding: 15px 10px;
}
.healthy .kpi_list li span{
	font-size: 2rem;
}
.healthy .kpi_list li.yj{
	width: 100%;
	display: block;
	transform: rotate(90deg);
}

.healthy .clm2{
	display: block;
}
.healthy .clm2 .bscTbl01{
	width: 100%;
}
.healthy .clm2 .cardWrap{
	width: 100%;
}
.healthy .clm2 .cardWrap p{
	font-size: 1.1rem;
}


.healthy .semiBox .ttl{
	font-size: 1.3rem;
}
.healthy .semiBox dl dt{
	width: 120px;
	font-size: 1.1rem;
	padding: 10px;
	border: 0;
}
.healthy .semiBox dl dd{
	padding-left: 140px;
	line-height: 1.6;
	font-size: 1.2rem;
}
.healthy .all{
	font-size: 1.3rem;
}

}