.ff-en--03 {
  font-family: "Roboto Condensed", sans-serif;
}
.data-section__inner {
  padding: 0 0 120px;
}

.data-section__inner .c-headline {
  margin: 80px 0 40px;
}

.data-desc {
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.05em;
}

.data-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 80px;
}

.data-layout > li + li {
  margin-left: auto;
}

.data-layout > li .data-layout__element {
  height: 100%;
}

.data-layout.data-layout--col1 {
  width: 100%;
}

.data-layout.data-layout--col1 > .data-layout__element {
  width: 100%;
}

.data-layout.data-layout--col2 > li {
  width: 48.181818%;
}

.data-layout.data-layout--col3 > li {
  width: 30%;
}

.data-layout__graph-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.data-layout__graph-list > li {
  width: 100%;
}

.data-layout__graph__title {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  color: #666;
}

.data-layout__graph__title + svg {
  margin-top: 15px;
}

.data-layout__graph__title + svg + svg {
  margin-top: 15px;
}

.data-layout__element {
  padding: 27px 30px;
  background: #ffeef1;
}

.data-layout__num {
  font-size: 3rem;
  font-weight: 800;
  line-height: 1;
  color: #333;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  text-align: left;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.data-layout__num::before {
  font-size: 1.6rem;
  padding-right: 0.5em;
  content: "DATA.";
}

.data-layout__num::after {
  position: absolute;
  bottom: 5px;
  left: 0;
  display: inline-block;
  width: 47px;
  height: 2px;
  content: "";
  background: #000;
}

.data-layout__num + .data-layout__title {
  margin-top: 20px;
}

.data-layout__title {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
  letter-spacing: 0.12em;
  color: #666;
}

.data-layout__title > span {
  font-size: 1.8rem;
  line-height: 1;
  display: block;
}

.data-layout__title + .data-layout__desc {
  margin-top: 10px;
}

.data-layout__title + .data-layout__graph {
  margin-top: 30px;
}

.data-layout__desc {
  font-size: 1.6rem;
  line-height: 2.2;
  text-align: center;
  letter-spacing: 0.12em;
}

.data-layout__desc + .data-layout__graph {
  margin-top: 50px;
}

.data-layout
  .data-layout__element
  .data-layout__desc
  + .data-layout__graph-list {
  margin-top: 35px;
}

.data-layout__graph {
  position: relative;
}

.data-layout__graph__text {
  font-weight: 700;
  color: #666;
}

.data-layout__graph__text strong {
  font-size: 2.8rem;
  line-height: 1;
  letter-spacing: 0.05em;
}

.data-layout__graph__text small {
  display: inline-block;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}

.data-layout__graph__text._wt {
  color: #fff;
}

.data-layout__graph__text._red {
  color: #f57;
}

.data-layout__element .data-layout__graph .data-layout__graph__text + svg {
  margin-top: 10px;
}

.data-layout__graph__text-list > li {
  display: inline-block;
}

.data-layout__graph > aside {
  font-weight: normal;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  letter-spacing: 0.05em;
  color: #666;
}

.data-layout + .data-layout {
  margin-top: 40px;
}

.data-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.data-layout__element._01 {
  padding-bottom: 102px;
}

.data-layout__element._01 > .data-layout__graph > aside {
  bottom: -89px;
}

.data-layout__element._01 .svg {
  display: block;
  width: 230px;
  height: 230px;
  margin: 0 auto;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.data-layout__element._01
  .data-layout__graph__text-list
  > li:nth-child(3)::after {
  position: absolute;
  top: 15px;
  left: -70px;
  display: inline-block;
  width: 66px;
  height: 1px;
  content: "";
  opacity: 0.5;
  background: #666;
}

.data-layout__element._01
  .data-layout__graph__text-list
  > li:nth-child(4)::after {
  position: absolute;
  top: 15px;
  right: -110px;
  display: inline-block;
  width: 104px;
  height: 1px;
  content: "";
  opacity: 0.5;
  background: #666;
}

.data-layout__element._01
  .data-layout__graph__text-list
  > li:nth-child(5)::after {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: -52px;
  margin: auto;
  display: inline-block;
  width: 1px;
  height: 28px;
  content: "";
  opacity: 0.5;
  background: #666;
}

.data-layout__element._01 .data-layout__graph__text-list > li:nth-child(5) {
  top: -50px;
  right: 60px;
  left: 0;
  margin: auto;
}

.data-layout__element._01 .data-layout__graph__text-list > li:nth-child(6) {
  bottom: -50px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.data-layout__element._01
  .data-layout__graph__text-list
  > li:nth-child(5)
  > .data-layout__graph__text {
  font-size: 1.6rem;
  text-align: center;
}

.data-layout__element._01 .data-layout__num + .data-layout__title {
  margin-top: 10px;
}

.data-layout__element._02 > .data-layout__graph > aside {
  bottom: -70px;
}

.data-layout__element._02 .data-layout__graph__text-list > li {
  position: absolute;
}

.data-layout__element._02 .data-layout__graph__text-list > li:nth-child(1) {
  right: 190px;
  bottom: 90px;
}

.data-layout__element._02 .data-layout__graph__text-list > li:nth-child(2) {
  top: 30px;
  left: 190px;
}

.data-layout__element._02 .data-layout__graph__text-list > li:nth-child(3) {
  top: 0;
  right: 0;
}

.data-layout__element._02 .data-layout__graph__text-list > li:nth-child(4) {
  top: 0;
  left: 0;
}

.data-layout__element._02 .data-layout__graph__text-list > li:nth-child(5) {
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.data-layout__element._02 .data-layout__graph__text-list > li:nth-child(6) {
  right: 0;
  top: 0;
  left: 0;
  margin: auto;
}

.data-layout__element._02
  .data-layout__graph__text-list
  > li:nth-child(5)
  > .data-layout__graph__text {
  text-align: center;
}

.data-layout__element._02 .data-layout__desc + .data-layout__graph {
  margin-top: 70px;
}

.data-layout__element._03 {
  padding-bottom: 52px;
}

.data-layout__element._03 .data-layout__graph-list {
  width: 980px;
  margin: 0 auto;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(1) {
  width: 175px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(1)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  bottom: 38px;
  left: 32px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(1)
  .data-layout__graph__text-list
  > li:nth-child(2) {
  position: absolute;
  top: 62px;
  right: 12px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(1)
  .data-layout__graph__text-list
  > li:nth-child(3) {
  position: absolute;
  top: 20px;
  right: -32px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(1)
  .data-layout__graph__text-list
  > li:nth-child(4) {
  position: absolute;
  top: 117px;
  right: 4px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(2) {
  width: 175px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(2)
  .data-layout__graph__title {
  white-space: nowrap;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(2)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  top: 96px;
  left: 10px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(2)
  .data-layout__graph__text-list
  > li:nth-child(2) {
  position: absolute;
  top: 96px;
  right: 8px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(2) .s3 {
  width: 175px;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(3) {
  width: 175px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(3)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  bottom: 42px;
  left: 28px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(3)
  .data-layout__graph__text-list
  > li:nth-child(2) {
  position: absolute;
  top: 60px;
  right: 10px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(3) .s4 {
  width: 175px;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(4) {
  width: 175px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(4)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  bottom: 42px;
  left: 27px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(4)
  .data-layout__graph__text-list
  > li:nth-child(2) {
  position: absolute;
  top: 60px;
  right: 30px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(4) .s11 {
  width: 175px;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(5) {
  width: 175px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(5)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  bottom: 42px;
  left: 27px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(5)
  .data-layout__graph__text-list
  > li:nth-child(2) {
  position: absolute;
  top: 80px;
  right: -20px;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(5)
  .data-layout__graph__text-list
  > li:nth-child(2)::before,
.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(5)
  .data-layout__graph__text-list
  > li:nth-child(2)::after {
  position: absolute;
  display: inline-block;
  height: 1px;
  content: "";
  opacity: 0.5;
  background: #666;
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(5)
  .data-layout__graph__text-list
  > li:nth-child(2)::before {
  top: 6px;
  right: 52px;
  width: 62px;
  -webkit-transform: rotate(68deg);
  transform: rotate(68deg);
}

.data-layout__element._03
  .data-layout__graph-list
  > li:nth-child(5)
  .data-layout__graph__text-list
  > li:nth-child(2)::after {
  top: 35px;
  right: 60px;
  width: 12px;
}

.data-layout__element._03 .data-layout__graph-list > li:nth-child(5) .s5 {
  width: 175px;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._03 .data-layout__graph-list > li + li {
  margin-left: auto;
}

.data-layout__element._03 .data-layout__graph > aside {
  bottom: -38px;
}

.data-layout__element._03 .data-layout__desc + .data-layout__graph {
  margin-top: 35px;
}

.data-layout__element._11 .data-layout__graph-list .s12,
.data-layout__element._11 .data-layout__graph-list .s13,
.data-layout__element._11 .data-layout__graph-list .s14 {
  width: 175px;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._11 {
  padding-bottom: 52px;
}

.data-layout__element._11 .data-layout__graph-list {
  width: 700px;
  margin: 0 auto;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

.data-layout__element._11 .data-layout__graph-list > li:nth-child(1) {
  width: 175px;
}

.data-layout__element._11
  .data-layout__graph-list
  > li:nth-child(1)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  bottom: 70px;
  right: 10px;
}

.data-layout__element._11 .data-layout__graph-list > li:nth-child(2) {
  width: 175px;
}

.data-layout__element._11
  .data-layout__graph-list
  > li:nth-child(2)
  .data-layout__graph__title {
  white-space: nowrap;
}

.data-layout__element._11
  .data-layout__graph-list
  > li:nth-child(2)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  bottom: 30px;
  left: 60px;
}

.data-layout__element._11 .data-layout__graph-list > li:nth-child(2) .s3 {
  width: 175px;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._11 .data-layout__graph-list > li:nth-child(3) {
  width: 175px;
}

.data-layout__element._11
  .data-layout__graph-list
  > li:nth-child(3)
  .data-layout__graph__text-list
  > li:nth-child(1) {
  position: absolute;
  bottom: 30px;
  left: 60px;
}

.data-layout__element._11 .data-layout__graph-list > li:nth-child(3) .s4 {
  width: 175px;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._11 .data-layout__graph-list > li + li {
  margin-left: auto;
}

.data-layout__element._11 .data-layout__graph > aside {
  bottom: -38px;
}

.data-layout__element._11 .data-layout__desc + .data-layout__graph {
  margin-top: 35px;
}

.data-layout__element._04 {
  padding-bottom: 58px;
}

.data-layout__element._04 .data-layout__graph__text {
  font-size: 2rem;
  margin-bottom: 19px;
  text-align: center;
}

.data-layout__element._04 .data-layout__graph__text > strong {
  font-size: 4.6rem;
}

.data-layout__element._04 .svg {
  display: block;
  width: 190px;
  height: 190px;
  margin: 0 auto;
}

.data-layout__element._04 .data-layout__graph > aside {
  bottom: -45px;
}

.data-layout__element._04 .data-layout__num + .data-layout__title {
  margin-top: 30px;
}

.data-layout__element._05 {
  padding-bottom: 58px;
}

.data-layout__element._05 .svg {
  display: block;
  width: 190px;
  height: 190px;
  margin: 0 auto;
}

.data-layout__element._05 .data-layout__graph > aside {
  bottom: -45px;
}

.data-layout__element._05 .data-layout__num + .data-layout__title {
  margin-top: 30px;
}

.data-layout__element._06 {
  padding-bottom: 58px;
}

.data-layout__element._06 .svg {
  display: block;
  width: 190px;
  height: 190px;
  margin: 0 auto;
}

.data-layout__element._06 .data-layout__graph > aside {
  bottom: -45px;
}

.data-layout__element._06 .data-layout__title + .data-layout__graph {
  margin-top: 15px;
}

.data-layout__element._06 .data-layout__num + .data-layout__title {
  margin-top: 20px;
}

.data-layout__element._07 {
  padding-bottom: 42px;
}

.data-layout__element._07 .data-layout__graph > aside {
  bottom: -30px;
}

.data-layout__element._07 .data-layout__graph__text {
  font-size: 2rem;
  text-align: center;
}

.data-layout__element._07 .data-layout__graph__text > strong {
  font-size: 4.6rem;
}

.data-layout__element._07 svg {
  display: block;
  width: 160px;
  margin: 0 auto;
}

.data-layout__element._07 .data-layout__desc + .data-layout__graph {
  margin-top: 5px;
}

.data-layout__element._08 .data-layout__desc + .data-layout__graph {
  margin-top: 27px;
}

.data-layout__element._08 .data-layout__graph .data-layout__graph__text + svg {
  margin-top: 24px;
}

.data-layout__element._08 .data-layout__graph > aside {
  bottom: -45px;
}

.data-layout__element._08 .data-layout__graph__text {
  font-size: 2rem;
  text-align: center;
}

.data-layout__element._08 .data-layout__graph__text > strong {
  font-size: 4.6rem;
}

.data-layout__element._08 svg {
  display: block;
  width: 178px;
  margin: 0 auto;
}

.data-layout__element._09 {
  padding-bottom: 60px;
}

.data-layout__element._09 .data-layout__graph > aside {
  bottom: -46px;
}

.data-layout__element._09 .data-layout__desc + .data-layout__graph {
  margin-top: 50px;
}

.data-layout__element._09 .data-layout__graph .data-layout__graph__text + svg {
  margin-top: 17px;
}

.data-layout__element._09
  .data-layout__graph
  .data-layout__graph__text
  + svg
  + svg {
  margin-top: 17px;
}

.data-layout__element._09 .data-layout__graph__text {
  font-size: 2rem;
  text-align: center;
}

.data-layout__element._09 .data-layout__graph__text > strong {
  font-size: 4.6rem;
}

.data-layout__element._09 .svg {
  display: block;
  width: 191px;
  height: 191px;
  margin: 14px auto 0;
}

.data-layout__element._09 .svg g:nth-child(1) {
  fill: #f57;
}

.data-layout__element._09 .svg g:nth-child(2) {
  fill: #fff;
}

.data-layout__element._09 .data-layout__graph__text-list > li:nth-child(1) {
  position: absolute;
  top: 127px;
  right: 177px;
}

.data-layout__element._09
  .data-layout__graph__text-list
  > li:nth-child(1)
  .data-layout__graph__text {
  font-size: 1.6rem;
}

.data-layout__element._09
  .data-layout__graph__text-list
  > li:nth-child(1)
  .data-layout__graph__text
  > strong {
  font-size: 2.4rem;
}

.data-layout__element._10 .data-layout__graph > aside {
  bottom: -46px;
}

.data-layout__element._10 .data-layout__desc + .data-layout__graph {
  margin-top: 14px;
}

.data-layout__element._10 .data-layout__graph__text {
  font-size: 2rem;
  text-align: center;
}

.data-layout__element._10 .data-layout__graph__text > strong {
  font-size: 4.6rem;
}

.data-layout__element._10 .svg {
  display: block;
  width: 191px;
  height: 191px;
  margin: 14px auto 0;
}

.data-layout__element._10 .svg g:nth-child(1) {
  fill: #f57;
}

.data-layout__element._10 .svg g:nth-child(2) {
  fill: #fff;
}

.data-layout__element._10 .data-layout__graph__text-list > li:nth-child(1) {
  position: absolute;
  top: 121px;
  right: 177px;
}

.data-layout__element._10
  .data-layout__graph__text-list
  > li:nth-child(1)
  .data-layout__graph__text {
  font-size: 1.6rem;
}

.data-layout__element._10
  .data-layout__graph__text-list
  > li:nth-child(1)
  .data-layout__graph__text
  > strong {
  font-size: 2.4rem;
}

.data__more {
  height: 60px;
}

.data__more + .data-layout {
  margin-top: 40px;
}

.c-1-3 {
  stroke-dasharray: 675.589, 676.589;
  stroke-dashoffset: -675.589px;
}

.data-layout__element._01 .c-page__line {
  position: relative;
  height: 0;
}

.data-layout__element._01 .c-page__line > i:nth-child(1) {
  position: absolute;
  top: -15px;
  left: -140px;
  width: 190px;
}

.data-layout__element._01 .c-page__line > i:nth-child(2) {
  position: absolute;
  top: 330px;
  left: -255px;
  width: 180px;
}

.data-layout__element._02 .c-page__line {
  position: relative;
  height: 0;
}

.data-layout__element._02 .c-page__line > i:nth-child(1) {
  position: absolute;
  top: 340px;
  right: -220px;
  width: 135px;
}

.data-layout__element._03 .c-page__line {
  position: relative;
  height: 0;
}

.data-layout__element._03 .c-page__line > i:nth-child(1) {
  position: absolute;
  top: 605px;
  right: -160px;
  width: 190px;
}

.data-layout__element._04 .c-page__line {
  position: relative;
  height: 0;
}

.data-layout__element._04 .c-page__line > i:nth-child(1) {
  position: absolute;
  top: 450px;
  left: -240px;
  width: 220px;
}

.data-layout__element._08 .c-page__line {
  position: relative;
  height: 0;
}

.data-layout__element._08 .c-page__line > i:nth-child(1) {
  position: absolute;
  top: 610px;
  right: -185px;
  width: 185px;
}

.svg > svg {
  width: inherit;
  height: inherit;
}

.for-ie {
  display: none !important;
}

.is-ie .for-ie,
.is-edge .for-ie {
  display: block !important;
  -webkit-transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

.is-ie .for-ie + svg,
.is-edge .for-ie + svg {
  display: none !important;
}

.is-ie .for-ie + .data-layout__graph__figure,
.is-edge .for-ie + .data-layout__graph__figure {
  display: none !important;
}

.svg.s6 {
  position: relative;
}

.svg.s6::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 2px;
  height: 50%;
  margin: auto;
  content: "";
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  opacity: 0;
  background: #fff;
}

.svg.s8 {
  position: relative;
}

.svg.s8::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 2px;
  height: 50%;
  margin: auto;
  content: "";
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  opacity: 0;
  background: #fff;
}

.data-layout__element svg.circle circle {
  -webkit-transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  fill: rgba(0, 0, 0, 0);
  stroke-width: 31.8309886184;
  stroke-dasharray: 0, 0, 0, 100;
  stroke-dashoffset: 25.00001;
  shape-rendering: geometricPrecision;
}

.data-layout__element._01 .pie--01 {
  stroke: #ff7b9b;
}

.data-layout__element._01 .pie--02 {
  stroke: #ff3162;
}

.data-layout__element._01 .pie--03 {
  stroke: #f57;
}

.data-layout__element._01 .pie--04 {
  stroke: #ffa4be;
}

.data-layout__element._01 .data-layout__graph__text-list > li {
  position: absolute;
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._01 .data-layout__graph__text-list > li:nth-child(1) {
  top: 128px;
  right: 170px;
}

.data-layout__element._01 .data-layout__graph__text-list > li:nth-child(2) {
  top: 55px;
  left: 150px;
}

.data-layout__element._01 .data-layout__graph__text-list > li:nth-child(3) {
  top: 6px;
  right: 37px;
}

.data-layout__element._01 .data-layout__graph__text-list > li:nth-child(4) {
  top: 6px;
  left: 30px;
}

.data-layout__element._01 .svg g:nth-child(1) {
  fill: #ff7b9b;
}

.data-layout__element._01 .svg g:nth-child(2) {
  fill: #ff3162;
}

.data-layout__element._01 .svg g:nth-child(3) {
  fill: #f57;
}

.data-layout__element._01 .svg g:nth-child(4) {
  fill: #ffa4be;
}

.data-layout__element._01 .svg g:nth-child(5) {
  fill: #febdd0;
}

.data-layout__element._02 .data-layout__graph__text {
  font-size: 4.2rem;
  text-align: center;
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._02 .data-layout__graph__text > strong {
  font-size: 10rem;
}

.data-layout__element._02 svg {
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
  display: block;
  width: 199px;
  margin: 0 auto;
}

.data-layout__element._03 .pie--01 {
  stroke: #f57;
}

.data-layout__element._03 .pie--02 {
  stroke: #fff;
}

.data-layout__element._03 .data-layout__graph__text-list > li {
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._03 .data-layout__graph__figure {
  position: relative;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._03 .data-layout__graph__figure::before,
.data-layout__element._03 .data-layout__graph__figure::after {
  position: absolute;
  display: inline-block;
  height: 1px;
  content: "";
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 0;
  border-top: 1px dotted #ccc;
}

.data-layout__element._03 .data-layout__graph__figure .svg:nth-child(1) {
  width: 175px;
  height: 175px;
  margin: 0 auto;
}

.data-layout__element._03 .svg g:nth-child(1) {
  fill: #f57;
}

.data-layout__element._03 .svg g:nth-child(2) {
  fill: #fff;
}

.data-layout__element._11 .pie--01 {
  stroke: #f57;
}

.data-layout__element._11 .pie--02 {
  stroke: #fff;
}

.data-layout__element._11 .data-layout__graph__text-list > li {
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.3s;
  transition-delay: 1.3s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._11 .data-layout__graph__figure {
  position: relative;
  height: 175px;
  margin-top: 14px;
}

.data-layout__element._11 .data-layout__graph__figure::before,
.data-layout__element._11 .data-layout__graph__figure::after {
  position: absolute;
  display: inline-block;
  height: 1px;
  content: "";
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 0;
  border-top: 1px dotted #ccc;
}

.data-layout__element._11 .data-layout__graph__figure .svg:nth-child(1) {
  width: 175px;
  height: 175px;
  margin: 0 auto;
}

.data-layout__element._11 .svg g:nth-child(1) {
  fill: #f57;
}

.data-layout__element._11 .svg g:nth-child(2) {
  fill: #fff;
}

.data-layout__element._04 .data-layout__graph__text {
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._04 .pie--01 {
  stroke: #f57;
}

.data-layout__element._04 .data-layout__graph__figure._c100.for-ie .pie--01 {
  stroke-dasharray: 100, 0, 0, 0;
}

.data-layout__element._04 .svg g:nth-child(1) {
  fill: #f57;
}

.data-layout__element._04 .svg g:nth-child(2) {
  fill: #fff;
}

.data-layout__element._05 .data-layout__graph__text {
  font-size: 2rem;
  margin-bottom: 19px;
  text-align: center;
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._05 .data-layout__graph__text > strong {
  font-size: 4.6rem;
}

.data-layout__element._05 .pie--01 {
  stroke: #f57;
}

.data-layout__element._05 .pie--02 {
  stroke: #fff;
}

.data-layout__element._05 .svg g:nth-child(1) {
  fill: #f57;
}

.data-layout__element._05 .svg g:nth-child(2) {
  fill: #fff;
}

.data-layout__element._06 .data-layout__graph__text {
  font-size: 2rem;
  margin-bottom: 19px;
  text-align: center;
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._06 .data-layout__graph__text > strong {
  font-size: 4.6rem;
}

.data-layout__element._06 .pie--01 {
  stroke: #f57;
}

.data-layout__element._06 .data-layout__graph__figure._c100.for-ie .pie--01 {
  stroke-dasharray: 100, 0, 0, 0;
}

.data-layout__element._06 .svg g:nth-child(1) {
  fill: #f57;
}

.data-layout__element._06 .svg g:nth-child(2) {
  fill: #fff;
}

.data-layout__element._07 .data-layout__graph__text {
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
}

.data-layout__element._07 svg {
  -webkit-transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  opacity: 0;
}

.data-layout__element._08 .data-layout__graph__text {
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._08 svg {
  -webkit-transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._09 .data-layout__graph__text {
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._09 .pie--01 {
  stroke: #f57;
}

.data-layout__element._09 .pie--02 {
  stroke: #fff;
}

.data-layout__element._10 .data-layout__graph__text {
  -webkit-transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-transition-delay: 1.4s;
  transition-delay: 1.4s;
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  opacity: 0;
}

.data-layout__element._10 .pie--01 {
  stroke: #f57;
}

.data-layout__element._10 .pie--02 {
  stroke: #fff;
}

.is-loaded .data-layout__element[data-motion="hason"] .for-ie {
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"] .svg.s6::before {
  opacity: 0.3;
}

.is-loaded .data-layout__element[data-motion="hason"] .svg.s8::before {
  opacity: 0.3;
}

.is-loaded .data-layout__element[data-motion="hason"]._01 .pie--01 {
  stroke-dasharray: 5.3, 94.6, 0, 0;
}

.is-loaded .data-layout__element[data-motion="hason"]._01 .pie--02 {
  stroke-dasharray: 68, 37, 0, 0;
}

.is-loaded .data-layout__element[data-motion="hason"]._01 .pie--03 {
  stroke-dasharray: 0, 67.9, 30.4, 0;
}

.is-loaded .data-layout__element[data-motion="hason"]._01 .pie--04 {
  stroke-dasharray: 0, 98.3, 1.9, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._01
  .data-layout__graph__text-list
  > li {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._02
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._02 svg {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(1)
  .s1
  .pie--01 {
  stroke-dasharray: 21.8, 78, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(1)
  .s1
  .pie--02 {
  stroke-dasharray: 99.8, 22, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(2)
  .pie--01 {
  stroke-dasharray: 60, 40, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(2)
  .pie--02 {
  stroke-dasharray: 0, 60, 40, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(3)
  .pie--01 {
  stroke-dasharray: 30, 70, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(3)
  .pie--02 {
  stroke-dasharray: 0, 30, 70, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(4)
  .pie--01 {
  stroke-dasharray: 10, 90, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li:nth-child(4)
  .pie--02 {
  stroke-dasharray: 0, 10, 90, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph-list
  > li[data-motion="hason"]
  .data-layout__graph__text-list
  > li {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph__figure::before,
.is-loaded
  .data-layout__element[data-motion="hason"]._03
  .data-layout__graph__figure::after {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(1)
  .s1
  .pie--01 {
  stroke-dasharray: 21.8, 78, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(1)
  .s1
  .pie--02 {
  stroke-dasharray: 99.8, 22, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(2)
  .pie--01 {
  stroke-dasharray: 60, 40, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(2)
  .pie--02 {
  stroke-dasharray: 0, 60, 40, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(3)
  .pie--01 {
  stroke-dasharray: 30, 70, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(3)
  .pie--02 {
  stroke-dasharray: 0, 30, 70, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(4)
  .pie--01 {
  stroke-dasharray: 10, 90, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li:nth-child(4)
  .pie--02 {
  stroke-dasharray: 0, 10, 90, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph-list
  > li[data-motion="hason"]
  .data-layout__graph__text-list
  > li {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph__figure::before,
.is-loaded
  .data-layout__element[data-motion="hason"]._11
  .data-layout__graph__figure::after {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._04
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._04 .pie--01 {
  stroke-dasharray: 100, 0, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._05
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._05 .pie--01 {
  stroke-dasharray: 42.9, 57.1, 0, 0;
}

.is-loaded .data-layout__element[data-motion="hason"]._05 .pie--02 {
  stroke-dasharray: 0, 42.9, 57.1, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._06
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._06 .pie--01 {
  stroke-dasharray: 100, 0, 0, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._07
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._07 svg {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._08
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._08 svg {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._09
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._09 .pie--01 {
  stroke-dasharray: 66.1, 33.9, 0, 0;
}

.is-loaded .data-layout__element[data-motion="hason"]._09 .pie--02 {
  stroke-dasharray: 0, 66.1, 33.9, 0;
}

.is-loaded
  .data-layout__element[data-motion="hason"]._10
  .data-layout__graph__text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

.is-loaded .data-layout__element[data-motion="hason"]._10 .pie--01 {
  stroke-dasharray: 45.9, 54.1, 0, 0;
}

.is-loaded .data-layout__element[data-motion="hason"]._10 .pie--02 {
  stroke-dasharray: 0, 45.9, 54.1, 0;
}

[data-motion].data-layout__element {
  -webkit-transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  opacity: 0;
}

[data-motion="hason"].data-layout__element,
[data-motion="true"].data-layout__element {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

@media only screen and (min-width: 767px) {
  .data-layout__element._01 .data-layout__num {
    font-size: 4rem;
  }

  .data-layout__element._08 .data-layout__title + .data-layout__graph {
    margin-top: 50px;
  }

  .is-loaded
    .data-layout__element[data-motion="hason"]._03
    .data-layout__graph-list
    > li
    .data-layout__graph__text-list
    > li {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }

  .is-loaded
    .data-layout__element[data-motion="hason"]._11
    .data-layout__graph-list
    > li
    .data-layout__graph__text-list
    > li {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@media only screen and (max-width: 768px) {
  .data-section__inner {
    padding-bottom: 60px;
  }

  .data-section__inner .c-headline {
    margin: 60px 0 40px;
  }
  .data-desc {
    width: 100%;
    text-align: left;
  }

  .data-layout {
    display: block;
    margin-top: 40px;
  }

  .data-layout.data-layout--col2 > li {
    width: 100%;
  }

  .data-layout.data-layout--col3 > li {
    width: 100%;
  }

  .data-layout.data-layout--col3 + .data-layout--col2 {
    margin-top: 30px;
  }

  .data-layout__graph__title + svg {
    margin-top: 18px;
  }

  .data-layout__graph__title + svg + svg {
    margin-top: 18px;
  }

  .data-layout > li + li {
    margin-top: 30px;
  }

  .data-layout__element {
    padding: 4vw 5.333333333333333vw 5.333333333333333vw;
  }

  .data-layout__num {
    font-size: 8vw;
  }

  .data-layout__num::before {
    font-size: 4.266666666666667vw;
  }

  .data-layout__num::after {
    bottom: 1.3333333333333333vw;
    width: 12.533333333333333vw;
  }

  .data-layout__num + .data-layout__title {
    margin-top: 10px;
  }

  .data-layout__title {
    font-size: 5.333333333333333vw;
  }

  .data-layout__title > span {
    font-size: 1.2rem;
    display: inline-block;
  }

  .data-layout__title + .data-layout__desc {
    margin-top: 14px;
  }

  .data-layout__desc {
    text-align: left;
  }

  .data-layout__desc + .data-layout__graph {
    margin-top: 10.133333333333333vw;
  }

  .data-layout__graph__text {
    font-size: 3.7333333333333334vw;
  }

  .data-layout__graph__text strong {
    font-size: 8vw;
  }

  .data-layout__element
    .data-layout__graph
    .data-layout__graph__text
    + svg
    + svg {
    margin-top: 10px;
  }

  .data-layout__element
    .data-layout__graph
    .data-layout__graph__text
    + svg
    + .data-layout__graph__figure {
    margin-top: 10px;
  }

  .data-layout__graph > aside {
    font-size: 2.6666666666666665vw;
  }

  .data-layout + .data-layout {
    margin-top: 30px;
  }

  .data-head {
    flex-direction: column;
  }

  .data-layout__element._01 {
    padding-bottom: 24vw;
  }

  .data-layout__element._01 > .data-layout__graph {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._01 > .data-layout__graph > aside {
    right: -16vw;
    bottom: -20vw;
  }

  .data-layout__element._01 .svg {
    width: 100%;
    height: auto;
  }

  .data-layout__element._01 .data-layout__graph__text-list > li:nth-child(1) {
    top: 26.666666666666668vw;
    right: 6.666666666666667vw;
  }

  .data-layout__element._01 .data-layout__graph__text-list > li:nth-child(2) {
    top: 11.466666666666667vw;
    left: 5.333333333333333vw;
  }

  .data-layout__element._01 .data-layout__graph__text-list > li:nth-child(3) {
    top: -5.333333333333333vw;
    right: -13.333333333333334vw;
  }

  .data-layout__element._01
    .data-layout__graph__text-list
    > li:nth-child(3)::after {
    top: 4.9vw;
    right: 24.8vw;
    left: auto;
    width: 4.533333333333333vw;
  }

  .data-layout__element._01
    .data-layout__graph__text-list
    > li:nth-child(3)::before {
    position: absolute;
    top: 7.2vw;
    right: 28.533333333333335vw;
    display: inline-block;
    width: 8vw;
    height: 1px;
    content: "";
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
    opacity: 0.5;
    background: #666;
  }

  .data-layout__element._01 .data-layout__graph__text-list > li:nth-child(4) {
    top: -5.333333333333333vw;
    left: -20.466666666666667vw;
  }

  .data-layout__element._01
    .data-layout__graph__text-list
    > li:nth-child(4)::after {
    top: 4.8vw;
    right: -18.133333333333333vw;
    width: 15.466666666666667vw;
  }

  .data-layout__element._01
    .data-layout__graph__text-list
    > li:nth-child(4)::before {
    position: absolute;
    top: 7.3vw;
    right: -25.2vw;
    display: inline-block;
    width: 8vw;
    height: 1px;
    content: "";
    -webkit-transform: rotate(39deg);
    transform: rotate(39deg);
    opacity: 0.5;
    background: #666;
  }

  .data-layout__element._01 .data-layout__graph__text-list > li:nth-child(5) {
    top: -60px;
    right: 60px;
    left: 0;
    margin: auto;
  }

  .data-layout__element._01
    .data-layout__graph__text-list
    > li:nth-child(5)
    > .data-layout__graph__text {
    font-size: 4.266666666666667vw;
  }

  .data-layout__element._01
    .data-layout__graph__text-list
    > li:nth-child(5)::after {
    position: absolute;
    bottom: -20px;
    left: 0;
    right: -52px;
    margin: auto;
    display: inline-block;
    width: 1px;
    height: 28px;
    content: "";
    opacity: 0.5;
    background: #666;
  }

  .data-layout__element._02 {
    padding-bottom: 15.2vw;
  }

  .data-layout__element._02 > .data-layout__graph > aside {
    bottom: -10.666666666666666vw;
  }

  .data-layout__element._02 .data-layout__graph__text {
    font-size: 10.133333333333333vw;
  }

  .data-layout__element._02 .data-layout__graph__text > strong {
    font-size: 21.866666666666667vw;
    margin-right: 2.6666666666666665vw;
  }

  .data-layout__element._02 svg {
    width: 41.06666666666667vw;
    margin-top: 0 !important;
  }

  .data-layout__element._02 .data-layout__desc + .data-layout__graph {
    margin-top: 2.933333333333333vw;
  }

  .data-layout__element._03 {
    padding-bottom: 14.133333333333333vw;
  }

  .data-layout__element._03 .data-layout__graph-list {
    display: block;
    width: 100%;
    -webkit-transform: none;
    transform: none;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(1) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(1)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(1)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 84.3866171%;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(1)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    bottom: 12vw;
    left: 10.466667vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(1)
    .data-layout__graph__text-list
    > li:nth-child(2) {
    top: auto;
    right: auto;
    bottom: 29.333333333333332vw;
    left: 28.533333333333335vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(1)
    .data-layout__graph__text-list
    > li:nth-child(3) {
    top: auto;
    right: -9.866666666666667vw;
    bottom: 44.53333333333333vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(1)
    .data-layout__graph__text-list
    > li:nth-child(4) {
    top: auto;
    right: 0;
    bottom: 13.333333333333334vw;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(1) .s1 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(2) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(2)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(2)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 124.2105263%;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(2)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    top: auto;
    bottom: 20vw;
    left: 4vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(2)
    .data-layout__graph__text-list
    > li:nth-child(2) {
    top: auto;
    right: 4vw;
    bottom: 24vw;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(2) .s3 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(3) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(3)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(3)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 124.2105263%;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(3)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    bottom: 15.466666666666667vw;
    left: 8vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(3)
    .data-layout__graph__text-list
    > li:nth-child(2) {
    top: auto;
    right: 4vw;
    bottom: 28vw;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(3) .s4 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(4) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(4)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(4)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 124.2105263%;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(4)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    top: auto;
    bottom: 15vw;
    left: 8vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(4)
    .data-layout__graph__text-list
    > li:nth-child(2) {
    top: auto;
    right: 4vw;
    bottom: 28vw;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(4) .s11 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(5) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(5)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(5)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 124.2105263%;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(5)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    bottom: 20vw;
    left: 7.2vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(5)
    .data-layout__graph__text-list
    > li:nth-child(2) {
    top: auto;
    right: -14.133333333333333vw;
    bottom: 39.2vw;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(5)
    .data-layout__graph__text-list
    > li:nth-child(2)::before {
    content: none;
  }

  .data-layout__element._03
    .data-layout__graph-list
    > li:nth-child(5)
    .data-layout__graph__text-list
    > li:nth-child(2)::after {
    top: 9.066666666666666vw;
    right: 13.333333333333334vw;
    width: 20.933333333333334vw;
  }

  .data-layout__element._03 .data-layout__graph-list > li:nth-child(5) .s5 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._03 .data-layout__graph-list > li + li {
    margin-top: 17px;
    margin-left: 0;
  }

  .data-layout__element._03 .data-layout__graph > aside {
    bottom: -9.333333333333334vw;
  }

  .data-layout__element._03 .data-layout__desc + .data-layout__graph {
    margin-top: 16px;
  }

  .data-layout__element._11 {
    padding-bottom: 14.133333333333333vw;
  }

  .data-layout__element._11 .data-layout__graph-list {
    display: block;
    width: 100%;
    -webkit-transform: none;
    transform: none;
  }

  .data-layout__element._11 .data-layout__graph-list > li:nth-child(1) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(1)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(1)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 84.3866171%;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(1)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    bottom: 24vw;
    left: 28vw;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(1)
    .data-layout__graph__text-list
    > li:nth-child(3) {
    top: auto;
    right: -9.866666666666667vw;
    bottom: 44.53333333333333vw;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(1)
    .data-layout__graph__text-list
    > li:nth-child(4) {
    top: auto;
    right: 0;
    bottom: 13.333333333333334vw;
  }

  .data-layout__element._11 .data-layout__graph-list > li:nth-child(1) .s12 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._11 .data-layout__graph-list > li:nth-child(2) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(2)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(2)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 124.2105263%;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(2)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    top: auto;
    bottom: 10.333333vw;
    left: 20vw;
  }

  .data-layout__element._11 .data-layout__graph-list > li:nth-child(2) .s13 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._11 .data-layout__graph-list > li:nth-child(3) {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(3)[data-motion="false"]
    .data-layout__graph,
  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(3)[data-motion="true"]
    .data-layout__graph {
    height: 0;
    padding-bottom: 124.2105263%;
  }

  .data-layout__element._11
    .data-layout__graph-list
    > li:nth-child(3)
    .data-layout__graph__text-list
    > li:nth-child(1) {
    bottom: 12.333333vw;
    left: 20vw;
  }

  .data-layout__element._11 .data-layout__graph-list > li:nth-child(3) .s14 {
    width: 100%;
    height: auto;
  }

  .data-layout__element._11 .data-layout__graph-list > li + li {
    margin-top: 17px;
    margin-left: 0;
  }

  .data-layout__element._11 .data-layout__graph > aside {
    bottom: -9.333333333333334vw;
  }

  .data-layout__element._11 .data-layout__desc + .data-layout__graph {
    margin-top: 16px;
  }

  .data-layout__element._04 {
    padding-bottom: 14.133333333333333vw;
  }

  .data-layout__element._04 .data-layout__graph {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._04 .data-layout__graph__text {
    font-size: 5.333333333333333vw;
  }

  .data-layout__element._04 .data-layout__graph__text {
    margin-bottom: 0;
  }

  .data-layout__element._04 .data-layout__graph__text > strong {
    font-size: 12.266666666666667vw;
  }

  .data-layout__element._04 .svg {
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

  .data-layout__element._04 .data-layout__graph > aside {
    right: -16vw;
    bottom: -10vw;
  }

  .data-layout__element._04 .data-layout__num + .data-layout__title {
    margin-top: 10px;
  }

  .data-layout__element._05 {
    padding-bottom: 14.133333333333333vw;
  }

  .data-layout__element._05 .data-layout__graph {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._05 .data-layout__graph__text {
    font-size: 5.333333333333333vw;
    margin-bottom: 0;
  }

  .data-layout__element._05 .data-layout__graph__text > strong {
    font-size: 12.266666666666667vw;
  }

  .data-layout__element._05 .svg {
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

  .data-layout__element._05 .data-layout__graph > aside {
    right: -16vw;
    bottom: -10vw;
  }

  .data-layout__element._06 {
    padding-bottom: 14.133333333333333vw;
  }

  .data-layout__element._06 .data-layout__graph {
    width: 50.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._06 .data-layout__graph__text {
    font-size: 5.333333333333333vw;
    margin-bottom: 0;
  }

  .data-layout__element._06 .data-layout__graph__text > strong {
    font-size: 12.266666666666667vw;
  }

  .data-layout__element._06 .svg {
    width: 100%;
    height: auto;
    margin-top: 10px;
  }

  .data-layout__element._06 .data-layout__graph > aside {
    right: -16vw;
    bottom: -10vw;
  }

  .data-layout__element._07 {
    padding-bottom: 16.533333333333335vw;
  }

  .data-layout__element._07 .data-layout__graph {
    width: 42.666666666666664vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._07 .data-layout__graph > aside {
    right: -19.733333333333334vw;
    bottom: -12.533333333333333vw;
  }

  .data-layout__element._07 .data-layout__graph__text {
    font-size: 5.333333333333333vw;
  }

  .data-layout__element._07 .data-layout__graph__text > strong {
    font-size: 12.266666666666667vw;
  }

  .data-layout__element._07 svg {
    width: 100%;
  }

  .data-layout__element._07 .data-layout__desc + .data-layout__graph {
    margin-top: 2.4vw;
  }

  .data-layout__element._08 {
    padding-bottom: 16vw;
  }

  .data-layout__element._08 .data-layout__desc + .data-layout__graph {
    margin-top: 4.533333333333333vw;
  }

  .data-layout__element._08 .data-layout__graph {
    width: 47.46666666666667vw;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._08
    .data-layout__graph
    .data-layout__graph__text
    + svg {
    margin-top: 3.2vw;
  }

  .data-layout__element._08 .data-layout__graph > aside {
    right: -17.333333333333332vw;
    bottom: -11.466666666666667vw;
  }

  .data-layout__element._08 .data-layout__graph__text {
    font-size: 5.333333333333333vw;
  }

  .data-layout__element._08 .data-layout__graph__text > strong {
    font-size: 12.266666666666667vw;
  }

  .data-layout__element._08 svg {
    width: 100%;
  }

  .data-layout__element._09 {
    padding-bottom: 13.333333333333334vw;
  }

  .data-layout__element._09 .data-layout__graph {
    width: 50.93333333333333vw;
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._09 .data-layout__graph > aside {
    right: -16vw;
    bottom: -9.333333333333334vw;
  }

  .data-layout__element._09 .data-layout__desc + .data-layout__graph {
    margin-top: 14px;
  }

  .data-layout__element._09
    .data-layout__graph
    .data-layout__graph__text
    + svg {
    margin-top: 3.466666666666667vw;
  }

  .data-layout__element._09
    .data-layout__graph
    .data-layout__graph__text
    + svg
    + svg {
    margin-top: 3.466666666666667vw;
  }

  .data-layout__element._09 .data-layout__graph__text {
    font-size: 5.333333333333333vw;
  }

  .data-layout__element._09 .data-layout__graph__text > strong {
    font-size: 12.266666666666667vw;
  }

  .data-layout__element._09 .svg {
    width: 100%;
    height: auto;
  }

  .data-layout__element._09 .data-layout__graph__text-list > li:nth-child(1) {
    top: auto;
    right: 4.8vw;
    bottom: 28.8vw;
  }

  .data-layout__element._09
    .data-layout__graph__text-list
    > li:nth-child(1)
    .data-layout__graph__text {
    font-size: 4.266666666666667vw;
  }

  .data-layout__element._09
    .data-layout__graph__text-list
    > li:nth-child(1)
    .data-layout__graph__text
    > strong {
    font-size: 6.4vw;
  }

  .data-layout__element._10 {
    padding-bottom: 13.333333333333334vw;
  }

  .data-layout__element._10 .data-layout__graph {
    width: 50.93333333333333vw;
    margin-top: 18px;
    margin-right: auto;
    margin-left: auto;
  }

  .data-layout__element._10 .data-layout__graph > aside {
    right: -16vw;
    bottom: -9.333333333333334vw;
  }

  .data-layout__element._10 .data-layout__graph__text {
    font-size: 5.333333333333333vw;
  }

  .data-layout__element._10 .data-layout__graph__text > strong {
    font-size: 12.266666666666667vw;
  }

  .data-layout__element._10 .svg {
    width: 100%;
    height: auto;
  }

  .data-layout__element._10 .data-layout__graph__text-list > li:nth-child(1) {
    top: auto;
    right: 4.533333333333333vw;
    bottom: 28.533333333333335vw;
  }

  .data-layout__element._10
    .data-layout__graph__text-list
    > li:nth-child(1)
    .data-layout__graph__text {
    font-size: 4.266666666666667vw;
  }

  .data-layout__element._10
    .data-layout__graph__text-list
    > li:nth-child(1)
    .data-layout__graph__text
    > strong {
    font-size: 6.4vw;
  }

  .data__more {
    margin-top: 30px;
  }

  .data__more > .data-more__inner {
    background: #fff;
  }

  .data__more > .data-more__inner::before {
    content: none;
  }

  .data__more > .data-more__inner > span {
    font-size: 1.8rem;
  }

  .data-layout__element._01 .c-page__line > i:nth-child(1) {
    display: none;
  }

  .data-layout__element._01 .c-page__line > i:nth-child(2) {
    display: none;
  }

  .data-layout__element._02 .c-page__line > i:nth-child(1) {
    display: none;
  }

  .data-layout__element._03 .c-page__line > i:nth-child(1) {
    display: none;
  }

  .data-layout__element._11 .c-page__line > i:nth-child(1) {
    display: none;
  }

  .data-layout__element._04 .c-page__line > i:nth-child(1) {
    display: none;
  }

  .data-layout__element._08 .c-page__line > i:nth-child(1) {
    display: none;
  }

  .data-layout__element svg.circle circle {
    stroke-dashoffset: 25.75;
  }

  .data-layout__element._03 .data-layout__graph__figure {
    height: auto;
    margin-top: 20px;
  }

  .data-layout__element._11 .data-layout__graph__figure {
    height: auto;
    margin-top: 20px;
  }
}