@charset "UTF-8";

#diversity .bg_g{
	background:#eaeded;
	padding:50px 50px 25px;
}

#diversity ul > li{
	position: relative;
}

#diversity ul > li:before{
	display: block;
	position: absolute;
	width: 236px;	height: 80px;
	left: -184px;
	top: 0;	bottom: 0;
	margin: auto;
	padding:28px 20px;
	background: #2f4f51;
	color:#fff;
	line-height: 1;
	text-align: right;
	font-size:20px;
}

#diversity ul > li:first-child:before{
  content: "2013";
}

#diversity ul > li:nth-child(2):before{
  content: "2014";
}
#diversity ul > li:nth-child(3):before{
  content: "2015";
}
#diversity ul > li:nth-child(4):before{
  content: "2016";
}
#diversity ul > li:nth-child(5):before{
  content: "2017";
}

#diversity dl{
	padding:35px 85px;
	background:#fff;
}
#diversity dl dt{
	width:200px;
	margin-right:40px;
	color:#136c5e;
	font-weight: 400;
}

#diversity dd ol li:before{
	content: '―　';
}

#diversity dd ol li{
	padding-left:2em;
	text-indent:-2em;
}

#diversity .bg_g dl:nth-child(2){
	padding:0 85px 35px;
}

#diversity .dot{
	padding-top:25px;
	color:#136c5e;
	font-size:20px;
	line-height: 1;
	text-align: center;
}




/* 　＋＋＋＋＋＋＋　スマホ　＋＋＋＋＋＋＋　*/

@media screen and ( max-width: 767px) {
	#diversity{
		width:100%;
	}
	
	#diversity .bg_g{
		background:#fff;
		padding:0;
	}
	
	#diversity ul > li {
    	background: #eaeded;
    	margin-bottom: 30px;
    	padding: 40px 20px 20px;
	}
	#diversity ul > li:before {
	    display: block;
	    position: absolute;
	    width: 85px;	    height: 40px;
	    left: -20px;
	    top: -10px;	    bottom: auto;
	    margin: auto;
	    padding: 10px 0;
	    background: #2f4f51;
	    color: #fff;
	    line-height: 1;
	    text-align: center;
	    font-size: 18px;
	}
	
	#diversity dl {
    	padding: 0;
    	background: #eaeded;
	}

	#diversity .bg_g dl:nth-child(2) {
        padding: 30px 0 0;
	}
	
	#diversity dl dt {
	    width: 100%;
	    margin-right: 0;
	}

	#diversity .dot{
		padding-top:0;
	}
}
/* ＋＋end＋＋　　　スマホ　　　＋＋end＋＋　*/