@charset "utf-8";
/* CSS Document */
.figure-wrap {
  margin: 0 auto;
  width: 824px;
}
body#index{
	font-size: 16px;
	font-weight:normal;
}
.l-date02{
	width:100%;
	margin:0 auto;
	text-align:center;
}
h3 {
	font-size:162.5%;
	font-weight:bold;
	letter-spacing:0.25rem;
	display:block;
	width:100%;
	text-align:left;
	border-bottom:6px solid #a2deff;
	color: #223340;
}
/*.l-date02 h3 + p,
.l-date02 h4 + p {
	font-size: 16px;
	font-size: 1.6rem;
}*/
.l-date02 h3 + p,
.l-date03-tbox dd {
	color: #4c5365;
}
.l-date02 h4 {
	font-size: 112.5%;
	color: #3261b3;
	text-align: left;
	font-weight: 700;
	border-bottom: 2px dotted #ccc;
}

.l-date03-tbox dt,
.l-date01 h4 {
	margin-left: 60px;
	position: relative;
	color: #3261b3;
	border-bottom: 2px dotted #ccc;
	font-size: 150%;
	font-weight: 700;
}
.l-date03-tbox dt::before,
.l-date01 h4::before {
	position: absolute;
	height: 48px;
	width: 48px;
	left: -60px;
	top: 50%;
	margin-top: -24px;
}
.l-date03-tbox dd {
	margin-top: 10px;
	line-height: 1.5;
}
.l-date03-tbox:first-child dt::before,
.a01-num01 h4::before {
	content: '';
	background: url(../../images/date/icon_q1.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
	
}
.l-date03-tbox:nth-child(2) dt::before,
.a01-num02 h4::before {
	content: '';
	background: url(../../images/date/icon_q2.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.a01-num02 h4 {
  margin-bottom: 45px;
}
.l-date03-tbox:nth-child(3) dt::before,
.a02-num01 h4::before  {
	content: '';
	background: url(../../images/date/icon_q3.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.a02-num01 h4,
.a03-num01 h4,
.a04-num01 h4,
.a04-num02 h4,
.a05-num01 h4,
.a05-num02 h4,
.a06-num01 h4 {
  margin-bottom: 10px;
}
.a03-num01 h4 {
  padding-top: 5px;
}
.l-date03-tbox:nth-child(3) dl + dl > dt::before,
.a03-num01 h4::before {
	content: '';
	background: url(../../images/date/icon_q4.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.l-date03-tbox:nth-child(4) dt::before,
.a04-num01 h4::before {
	content: '';
	background: url(../../images/date/icon_q5.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.l-date03-tbox:nth-child(4) dl + dl > dt::before,
.a04-num02 h4::before {
	content: '';
	background: url(../../images/date/icon_q6.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.l-date03-tbox:nth-child(5) dt::before,
.a05-num01 h4::before {
	content: '';
	background: url(../../images/date/icon_q7.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.l-date03-tbox:nth-child(5) dl + dl > dt::before,
.a05-num02 h4::before {
	content: '';
	background: url(../../images/date/icon_q8.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.l-date03-tbox:nth-child(5) dl + dl + dl > dt::before,
.a06-num01 h4::before {
	content: '';
	background: url(../../images/date/icon_q9.png) no-repeat center;
	-webkit-background-size: 48px;
	background-size: 48px;
}
.l-date03-tbox dl + dl {
	margin-top: 26px;
}
.l-date03-tbox a {
	font-weight: 700;
	color: #3261b3;
	text-decoration: underline;
}
.l-date03-tbox a:hover {
	text-decoration: none;
}
.l-date01 {
  padding-bottom: 160px;
}
.figure-wrap {
  margin-top: 40px;
}
.a01-num01 h4 {
  margin-bottom: 10px;
}
.num-wrap {
  position: relative;
}
.num-count {
  font-family: "ヒラギノ角ゴ ProN W3",BlinkMacSystemFont,"Helvetica Neue","Segoe UI","Noto Sans Japanese",sans-serif;
}
.num-count,
.num-figNum,
canvas {
  position: absolute;
  z-index: 100;
  font-weight: bold;
  line-height: 1;
}
.num-figNum {
  width: 148px;
}
.num-count::after {
  content: '人';
  font-size: 24px;
}
.num-graph-wrap {
  width: 360px;
  height: 155px;
  position: absolute;
  left: 29px;
  top: 21px;
  font-size: 0;
  overflow: hidden;
}
.num-graph {
  position: relative;
}
.a01-num01,
.a01-num02,
.a04-num01,
.a04-num02,
.a05-num01,
.a05-num02 {
  width: 404px;
}
.a01-num02-chart {
  width: 630px;
  position: relative;
}
.a01-num02 .num-figNum {
  left: 36px;
  top: 38px;
  width: 319px;
}
#myChart01 {
  top: 110px;
  left: 314px;
  z-index: 20;
}
.hidden {
  visibility: hidden;
}
.num-a02 {
  width: 824px;
}
.num-a02 img {
  width: 100%;
}
.a03-num01 {
  overflow: hidden;
}
.a03-num01 .num-figNum {
  position: absolute;
  left: 60px;
  top: 10px;
}
.a05-num01 .num-figNum {
  top: 33px;
  right: 53px;
  width: 297px;
}
.a05-num01-chart {
    width: 630px;
    position: relative;
}
#myChart02 {
  z-index: 20;
  top: -380px;
  right: 110px;
}
.num-date {
  overflow: hidden;
  position: absolute;
  top: 28px;
}
.num-date:first-child {
  left: 26px;
}
.num-date:nth-child(2) {
  left: 253px;
}
.num-date:nth-child(3) {
  right: 198px;
}
.num-date:nth-child(4) {
  right: 31px;
}
.l-date01 h3 span {
  font-size: 16px;
}

/*数字設定*/
.num01 {
  top: 15px;
  top: 35px\9;
  right: 85px;
  font-size: 100px;
  font-size: 90px\9;/*ie10以下*/
  color: #3261b3;
}
@-moz-document url-prefix(){
  .mac .num01 {
    top: 23px;
  }
  .mac .num01, .mac .num02 {
    font-size: 85px;
  }
}

.num02 {
  bottom: 26px;
  bottom: 14px\9;
  right: 12px;
  font-size: 100px;
  font-size: 90px\9;/*ie10以下*/
  color: #4c5365;
}
/*Edge*/  
@supports (-ms-ime-align:auto) {
.num01,.num02 {
  font-size: 90px;
}
  .num01 {
    top: 25px;
  }
}
/*ie11*/  
@media all and (-ms-high-contrast:none) { 
*::-ms-backdrop, .num01,.num02 {
  font-size: 90px;
}
*::-ms-backdrop, .num01 {
    top: 35px;
  }
*::-ms-backdrop, .num02 {
    bottom: 14px;
  }
}
_::-webkit-full-page-media, _:future, :root .num01 {
    font-size: 90px;
	top: 25px;
	right: 80px;
}
_::-webkit-full-page-media, _:future, :root .num02 {
	font-size: 90px;
}
.num03 {
  top: 150px;
  top: 150px\9;
  left: 57px;
  font-size: 40px;
  font-size: 40px\9;/*ie10以下*/
  color: #fff;
}
@-moz-document url-prefix(){
  .mac .num03 {
    left: 50px;
  }
  .mac .num04 {
    top: 155px;
    left: 182px;
  }
  .mac .num05 {
    right: 37px;
  }
}
.num04 {
  top: 150px;
  top: 150px\9;
  left: 189px;
  font-size: 50px;
  font-size: 50px\9;/*ie10以下*/
  color: #fff;
}
.num05 {
  top: 150px;
  top: 150px\9;
  right: 40px;
  font-size: 27px;
  font-size: 27px\9;/*ie10以下*/
  color: #4e70b9;
}
/*ie11*/  
@media all and (-ms-high-contrast:none) { 
  *::-ms-backdrop, .num03 {
    font-size: 37px;
    top: 157px;
  }
  *::-ms-backdrop, .num04 {
    font-size: 47px;
    top: 164px;
  }
  *::-ms-backdrop, .num05 {
    font-size: 24px;
    top: 156px;
  }
}
_::-webkit-full-page-media, _:future, :root .num03 {
	font-size: 35px;
	top: 155px;
	left: 55px;
}
_::-webkit-full-page-media, _:future, :root .num04 {
	top: 155px;
	left:180px;
}
_::-webkit-full-page-media, _:future, :root .num05 {
	top: 152px;
	font-size: 25px;
}
.num-count.num03::after,
.num-count.num04::after,
.num-count.num05::after {
  font-size: 12px;
}
.num06 {
  top: 75px;
  top: 75px\9;
  right: 40px;
  font-size: 91px;
  font-size: 91px\9;/*ie10以下*/
  color: #3261b3;
}
.num07,
.num08,
.num09,
.num10 {
  font-size: 48px;
  font-size: 48px\9;/*ie10以下*/
  color: #4c5365;
}
.num07 {
  bottom: 148px;
  bottom: 148px\9;
  left: 47px;
}
.num08 {
  bottom: 148px;
  bottom: 148px\9;
  right: 108px;
}
.num09 {
  bottom: 51px;
  bottom: 51px\9;
  left: 47px;
}
.num10 {
  bottom: 51px;
  bottom: 51px\9;
  right: 132px;
}
/*ie11*/  
@media all and (-ms-high-contrast:none) { 
  *::-ms-backdrop, .num06 {
    top: 90px;
  }
  *::-ms-backdrop, .num07,.num08 {
    bottom: 140px;
  }
  *::-ms-backdrop, .num09,.num10 {
    bottom: 41px;
  }
}
_::-webkit-full-page-media, _:future, :root .num07 {
	bottom: 140px;
}
_::-webkit-full-page-media, _:future, :root .num08 {
	bottom: 140px;
}
_::-webkit-full-page-media, _:future, :root .num09 {
	bottom: 45px;
}
_::-webkit-full-page-media, _:future, :root .num10 {
	bottom: 45px;
}

.num-wrap-sp {
	display: none;
}


/*@media screen and (min-width:769px){
	
	
}*/


@media screen and (min-width:481px){
	.l-date02 h4 + p +h3 {
		margin-top: -56px;
		
	}
	.l-date02 h3 + p {
		margin-top: 1em;
	}
	.l-date02 h4 {
		margin-top: 37px;
	}
	.l-date02 h4 + p {
		margin-top: 12px;
	}
	.l-date03-tbox:first-child {
		margin-top: 34px;
	}
	.l-date03-tbox:nth-child(n+2) {
		margin-top: 40px;
	}
	.l-date02 {
		padding-bottom: 140px;
	}
	.l-date03 .l-img {
		width: 41.74%;
	}
	.l-date03 .l-img img {
		width: 100%;
		height: auto;
	}
	.l-date03 .l-txt {
		width: 56.18%;
	}
	.l-date03 {
		padding-bottom: 90px;
	}
	.l-date02 h3 {
		margin-top: -112px;
		padding-top: 112px;
	}
}
@media screen and (max-width:480px){
	body#index{
		font-size: 12px;
	}
  
	.l-date02 {
		padding-bottom: 65px;
	}
	h3 {
		font-size: 200%;
	}
  .l-date01 h3 span {
    font-size: 80%;
  }
	.l-date02 h4 + p +h3 {
		margin-top: -45px;
		padding-top: 90px;
	}
	.l-date02 h3 + p {
		margin-top: .2em;
	}
	.l-date02 h4 {
		margin-top: 1em;
	}
	.l-date02 h4 + p {
		margin-top: .2em;
	}
	.l-date02 h3 + p,
	.l-date02 h4 + p {
		font-size: 125%;
	}
	.l-date02 h4 {
		font-size: 22px;
		font-size: 2.2rem;
	}
	.l-date03-tbox dt {
		font-size: 133.3%;
		margin-top: 25px;
		margin-left: 55px;
		display: inline-block;
	}
	.l-date03-tbox dt::before {
		left: -55px;
	}
	.l-date03-tbox:first-child {
		margin-top: 30px;
	}
	.l-date03-tbox:nth-child(n+2) {
		margin-top: 32px;
	}
	.l-date03-tbox dd {
		margin-top: 12px;
		font-size: 125%;
	}
	.l-date03 {
		padding-bottom: 15%;
	}
	.l-date03-tbox dl + dl {
		margin-top: 0;
	}
	.l-date02 h3 {
		margin-top: -45px;
		padding-top: 45px;
	}
	.num-wrap,
	.a01-num02-chart,
	.a05-num01-chart {
		display: none;
	}
	.figure-wrap,
	.num-a02,
	.a01-num01,
	.a01-num02,
	.a04-num01,
	.a04-num02,
	.a05-num01,
	.a05-num02 {
		width: 100%;
	}
	.num-wrap-sp {
		display: block;
	}
	.a01-num02 h4 {
		margin-bottom: 10px;
	}
	.figure-wrap {
		margin-top: 0;
	}
	.figure-wrap h4 {
		margin-top: 20px;
	}
	.l-date01 {
		padding-bottom: 20%;
	}
}