<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
*, .mfp-container, ::after, ::before, [type=checkbox], [type=radio], img.mfp-img {
  box-sizing: border-box
}

a, hr {
  color: inherit
}

.mfp-close, em {
  font-style: normal
}

#data-linkage-for-children .btn__01::before, #data-linkage-for-children .btn__02::before, #data-linkage-for-children .mv::before, .mfp-arrow:after, .mfp-arrow:before, .mfp-close::after, .mfp-close::before, .mfp-container:before, .mfp-figure:after {
  content: ""
}

body {
  margin: 0;
  font-family: "Noto Sans JP", sans-serif;
  color: #111;
  background: url(../images/bg.png) center top/11px auto
}

#data-linkage-for-children .impact__lead&gt;span, .solution__lv3__hdg&gt;.line {
  background-image: linear-gradient(transparent 60%, #ffe821 0);
  transition: .5s
}

[hidden], audio:not([controls]), source {
  display: none
}

h1 {
  font-size: 2rem
}

h2 {
  font-size: 1.5rem
}

h3 {
  font-size: 1.17rem
}

h4 {
  font-size: 1rem
}

h5 {
  font-size: .83rem
}

h6 {
  font-size: .67rem
}

pre {
  white-space: pre-wrap
}

hr {
  border-style: solid;
  border-width: 1px 0 0;
  height: 0;
  overflow: visible
}

audio, canvas, embed, iframe, img, object, svg, video {
  display: block;
  vertical-align: middle;
  max-width: 100%
}

picture {
  display: contents
}

canvas, img, svg, video {
  height: auto
}

audio {
  width: 100%
}

img {
  border-style: none;
  display: inline
}

svg {
  overflow: hidden
}

.sp, article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block
}

[type=checkbox], [type=radio] {
  padding: 0
}

html {
  line-sizing: normal;
  font-size: 62.5%
}

dd, dl, dt, h1, h2, h3, h4, h5, h6, li, p, ul {
  margin: 0;
  padding: 0
}

ol, ul {
  list-style: none
}

.tab {
  display: none
}

@media (min-width:768px) {
  .sp {
    display: none
  }
  .tab {
    display: block
  }
}

.pc {
  display: none
}

.pc-none {
  display: block
}

@media (min-width:1000px) {
  .pc {
    display: block
  }
  .pc-none {
    display: none
  }
  .solution__lv3__hdg {
    padding-bottom: 5px
  }
}

.Main {
  overflow: hidden
}

.inner {
  max-width: 1230px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto
}

.topFooter, footer.spOnly {
  margin-top: 0!important
}

.hdg__lv2__01 {
  text-align: center
}

.hdg__lv2__01&gt;.image {
  display: block
}

.hdg__lv2__01&gt;.image img {
  height: 27px!important
}

.hdg__lv2__01&gt;.text {
  display: block;
  margin-top: 15px;
  font-size: 1.5rem
}

.hdg__lv2__02 {
  text-align: center
}

.hdg__lv2__02&gt;.image {
  display: block
}

.hdg__lv2__02&gt;.image img {
  height: 50px!important
}
@media (max-width:549px) {
	.hdg__lv2__02&gt;.image img {
  height: auto!important;
		width: 100%!important;
}
}
.hdg__lv2__02&gt;.text {
  display: block;
  margin-top: 15px;
  font-size: 3rem;
	font-weight: bold;
	letter-spacing: 3px;
}

.solution__lv3__hdg {
  text-align: center;
  margin: 45px auto 0;
  max-width: 1000px;
  position: relative
}

.solution__lv3__hdg.is-active&gt;.line {
  background-size: 100% 50%
}

.solution__lv3__hdg&gt;.wrap {
  display: block;
  margin-bottom: 25px
}

@media (min-width:1000px) {
  .solution__lv3__hdg::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 10px;
    background-color: #ffe821;
    transition: .5s;
    z-index: -1
  }
  .solution__lv3__hdg.is-active::before {
    width: 100%
  }
  .solution__lv3__hdg&gt;.wrap {
    display: inline;
    margin-bottom: 0
  }
}

.solution__lv3__hdg&gt;.wrap&gt;.image {
  width: 220px;
  display: inline-block;
  vertical-align: middle!important
}

.solution__lv3__hdg&gt;.wrap&gt;.text {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 900
}

@media (min-width:1000px) {
  .solution__lv3__hdg&gt;.wrap&gt;.image, .solution__lv3__hdg&gt;.wrap&gt;.image img {
    vertical-align: bottom!important
  }
  .solution__lv3__hdg&gt;.wrap&gt;.text {
    color: #111;
    font-size: 2.5rem
  }
}

.solution__lv3__hdg&gt;.line {
  font-size: 2.2rem;
  font-weight: 900;
  line-height: 1.8;
  background-size: 0 50%;
  background-position: 0 100%;
  background-repeat: no-repeat
}

@media (min-width:1000px) {
  .solution__lv3__hdg&gt;.line {
    font-size: 2.5rem;
    background-image: none
  }
}

#data-linkage-for-children .btn__01, 
#data-linkage-for-children .btn__02 {
  background-color: #ed6c20;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  color: #fff!important;
  text-decoration: none;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: .13em;
  border-radius: 50px;
  border: 2px solid #fff;
  position: relative;
  transition: .5s
}
#data-linkage-for-children .btn__02 {
	background-color: #7fc6e4;
	text-decoration: none!important;
}
@media (min-width:1000px) {
  #data-linkage-for-children .btn__01, 
  #data-linkage-for-children .btn__02 {
    font-size: 1.6rem;
    height: 65px
  }
  .mfp-container {
    padding: 200px 8px!important
  }
}

#data-linkage-for-children .btn__01:hover, 
#data-linkage-for-children .btn__02:hover {
  opacity: .65;
  text-decoration: none!important
}

#data-linkage-for-children .btn__01:visited, 
#data-linkage-for-children .btn__02:visited {
  color: #fff!important
}

#data-linkage-for-children .btn__01::before, 
#data-linkage-for-children .btn__02::before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

#data-linkage-for-children .btn__01._download::before {
  width: 15px;
  height: 14px;
  background: url(../images/icon-download.png) left top/cover no-repeat;
  border: none
}

.mfp-wrap {
  top: 0!important;
  position: fixed!important
}

.mfp-container {
  overflow: auto
}

.mfp-close {
  color: transparent!important;
  top: 15px!important;
  right: 15px!important
}

.mfp-close::after, .mfp-close::before {
  position: absolute;
  left: 0;
  width: 35px;
  height: 1px;
  background-color: #000;
  top: 50%
}

.mfp-bg, .mfp-container {
  top: 0;
  width: 100%;
  height: 100%;
  left: 0
}

.mfp-close::before {
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg)
}

.mfp-close::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg)
}

.popuup-modal {
  background-color: #fff;
  border-radius: 20px
}

.popup__inner {
  padding: 40px
}

@media (min-width:1000px) {
  .popup__inner {
    padding: 40px 70px
  }
}

.popup__hdg {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  padding: 10px 20px;
  border-radius: 20px 0;
  letter-spacing: .13em
}

@media (min-width:1000px) {
  .popup__hdg {
    padding: 15px 30px
  }
  .popup__desc&gt;div {
    display: flex;
    align-items: center
  }
}

.popup__hdg._bg-a {
  background-color: #aac0ff
}

.popup__hdg._bg-b {
  background-color: #ffb0aa
}

.popup__hdg._bg-c {
  background-color: #aaf8ff
}

.popup__hdg._bg-d {
  background-color: #eaaaff
}

.popup__hdg._bg-e {
  background-color: #c8ffaa
}

.popup__hdg._bg-f {
  background-color: #ffd6aa
}

.popup__desc&gt;div {
  padding: 20px 0;
  border-bottom: 1px solid #c3c7b8
}

.popup__desc&gt;div:first-child {
  padding-top: 0
}

.popup__desc&gt;div:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.popup__desc&gt;div&gt;dt {
  font-size: 1.6rem;
  font-weight: 700
}

.popup__desc&gt;div&gt;dd {
  margin-top: 20px;
  font-size: 1.4rem;
  line-height: 2
}

@media (min-width:1000px) {
  .popup__desc&gt;div&gt;dt {
    flex: 0 0 40%;
    margin-right: 20px;
    text-align: center
  }
  .popup__desc&gt;div&gt;dd {
    margin-top: 0
  }
}

.mfp-bg {
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: .8
}

.mfp-wrap {
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  outline: 0!important;
  -webkit-backface-visibility: hidden
}

.mfp-container {
  text-align: center;
  position: absolute;
  padding: 0 8px
}

.mfp-container:before {
  display: inline-block;
  height: 100%;
  vertical-align: middle
}

.mfp-align-top .mfp-container:before {
  display: none
}

.mfp-content {
  max-width: 1000px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045
}

.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content {
  width: 100%;
  cursor: auto
}

.mfp-ajax-cur {
  cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -webkit-zoom-out;
  cursor: zoom-out
}

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
  cursor: auto
}

.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.mfp-loading.mfp-figure {
  display: none
}

.mfp-hide {
  display: none!important
}

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -.8em;
  left: 8px;
  right: 8px;
  z-index: 1044
}

.mfp-preloader a {
  color: #CCC
}

.mfp-preloader a:hover {
  color: #FFF
}

.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader {
  display: none
}

button.mfp-arrow, button.mfp-close {
  overflow: visible;
  cursor: pointer;
  background: 0 0;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: 0;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation
}

button::-moz-focus-inner {
  padding: 0;
  border: 0
}

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  text-decoration: none;
  text-align: center;
  opacity: .65;
  padding: 0 0 18px 10px;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace
}

.mfp-close:focus, .mfp-close:hover {
  opacity: 1
}

#data-linkage-for-children .solution__box__item:hover, .mfp-arrow {
  opacity: .65
}

.mfp-close:active {
  top: 1px
}

.mfp-close-btn-in .mfp-close {
  color: #333
}

.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%
}

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap
}

.mfp-arrow {
  position: absolute;
  margin: -55px 0 0;
  top: 50%;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
  margin-top: -54px
}

.mfp-arrow:focus, .mfp-arrow:hover {
  opacity: 1
}

.mfp-arrow:after, .mfp-arrow:before {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 35px;
  margin-left: 35px;
  border: inset transparent
}

.mfp-arrow:after {
  border-top-width: 13px;
  border-bottom-width: 13px;
  top: 8px
}

.mfp-arrow:before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: .7
}

.mfp-arrow-left {
  left: 0
}

.mfp-arrow-left:after {
  border-right: 17px solid #FFF;
  margin-left: 31px
}

.mfp-arrow-left:before {
  margin-left: 25px;
  border-right: 27px solid #3F3F3F
}

.mfp-arrow-right {
  right: 0
}

.mfp-arrow-right:after {
  border-left: 17px solid #FFF;
  margin-left: 39px
}

.mfp-arrow-right:before {
  border-left: 27px solid #3F3F3F
}

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
  line-height: 0;
  width: 100%;
  max-width: 900px
}

.mfp-iframe-holder .mfp-close {
  top: -40px
}

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #000
}

.mfp-figure:after, img.mfp-img {
  width: auto;
  height: auto;
  display: block
}

img.mfp-img {
  max-width: 100%;
  line-height: 0;
  padding: 40px 0;
  margin: 0 auto
}

.mfp-figure {
  line-height: 0
}

.mfp-figure:after {
  position: absolute;
  left: 0;
  top: 40px;
  bottom: 40px;
  right: 0;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, .6);
  background: #444
}

.mfp-figure small {
  color: #BDBDBD;
  display: block;
  font-size: 12px;
  line-height: 14px
}

.mfp-figure figure {
  margin: 0
}

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto
}

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px
}

.mfp-image-holder .mfp-content {
  max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer
}

@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px) {
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0
  }
  .mfp-img-mobile img.mfp-img {
    padding: 0
  }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0
  }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px
  }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box
  }
  .mfp-img-mobile .mfp-bottom-bar:empty {
    padding: 0
  }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px
  }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    text-align: center;
    padding: 0
  }
}

@media all and (max-width:900px) {
  .mfp-arrow {
    -webkit-transform: scale(.75);
    transform: scale(.75)
  }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0
  }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%
  }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px
  }
}

#data-linkage-for-children {
  font-family: "Noto Sans JP", sans-serif!important;
  color: #111
}

#data-linkage-for-children .mv {
  position: relative;
  padding: 80px 0 120px;
  overflow: hidden
}

#data-linkage-for-children .mv&gt;.inner {
  position: relative;
  z-index: 1;
  max-width: 1030px
}

@media (min-width:1000px) {
  #data-linkage-for-children .mv {
    padding: 120px 0 240px
  }
  #data-linkage-for-children .mv&gt;.inner::before {
    content: "";
    width: 845px;
    -webkit-transform: none;
    transform: none;
    background: url(../images/mv-bg-pc.png) center top/contain no-repeat;
    min-height: 760px;
    position: absolute;
    left: -220px;
    top: -120px;
    z-index: -1
  }
  #data-linkage-for-children .mv::before {
    content: none
  }
}

#data-linkage-for-children .mv::before {
  background: url(../images/mv-bg-sp.png) center top/cover no-repeat;
  min-height: 885px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

#data-linkage-for-children .mv__text {
  margin-top: 35px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: .13em
}

@media (min-width:1000px) {
  #data-linkage-for-children .mv__hdg {
    width: 433px
  }
  #data-linkage-for-children .mv__text {
    margin-top: 45px;
    width: 379px;
    font-size: 1.6rem
  }
}

#data-linkage-for-children .mv__btn {
  margin: 40px auto 0;
  width: 300px
}

@media (min-width:1000px) {
  #data-linkage-for-children .mv__btn {
    margin-left: 3%;
    margin-top: 25px
  }
}
#data-linkage-for-children .cs__btn {
  margin: 30px auto 0;
  width: 300px
}

@media (min-width:1000px) {
  #data-linkage-for-children .cs__btn {
    margin-left: 3%;
    margin-top: 15px
  }
}

#data-linkage-for-children .mv__image {
  margin: 15px auto 0;
  width: 365px
}

@media (min-width:1000px) {
  #data-linkage-for-children .mv__image {
    width: auto;
    width: 580px;
    position: absolute;
    top: 50%;
    right: -110px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0
  }
}

#data-linkage-for-children .mv__image svg {
  -webkit-transform: scale(1.1)!important;
  transform: scale(1.1)!important
}

@media (min-width:768px) {
  #data-linkage-for-children .task {
    margin-top: -30px
  }
  #data-linkage-for-children .task__col {
    display: flex;
    flex-direction: row-reverse;
    align-items: center
  }
  #data-linkage-for-children .task__content {
    flex: 0 0 50%
  }
}

#data-linkage-for-children .task__hdg {
  font-size: 2.2rem;
  line-height: 2.2;
  font-weight: 900;
  letter-spacing: .13em;
  margin-left: 13px;
  white-space: nowrap
}

#data-linkage-for-children .task__hdg.is-active&gt;span::before {
  width: 100%
}

#data-linkage-for-children .task__hdg&gt;span {
  position: relative
}

#data-linkage-for-children .task__hdg&gt;span::before {
  content: "";
  height: 2px;
  width: 0;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: -8px;
  transition: .5s
}

@media (min-width:1000px) {
  #data-linkage-for-children .task__hdg {
    font-size: 3.4rem;
    margin-top: 10px;
    letter-spacing: .23em;
    line-height: 2.18;
    margin-left: 0
  }
  #data-linkage-for-children .task__hdg&gt;span::before {
    bottom: -15px;
    height: 3px
  }
}

#data-linkage-for-children .task__image {
  margin: -30px -60px 0
}

@media (min-width:768px) {
  #data-linkage-for-children .task__image {
    flex: 0 0 50%;
    margin: 0 100px 0 auto
  }
}

#data-linkage-for-children .task__image svg {
  margin-left: -90px;
  -webkit-transform: scale(1.2)!important;
  transform: scale(1.2)!important
}

@media (min-width:768px) {
  #data-linkage-for-children .task__image svg {
    margin-left: 0
  }
}

#data-linkage-for-children .task__list {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: center;
  position: relative;
  margin-top: -30px
}

#data-linkage-for-children .task__list::after, #data-linkage-for-children .task__list::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 66px;
  height: 200px
}

@media (min-width:1200px) {
  #data-linkage-for-children .task__list::before {
    background: url(../images/task-left.png) left top/cover no-repeat;
    left: 0
  }
  #data-linkage-for-children .task__list::after {
    background: url(../images/task-right.png) left top/cover no-repeat;
    right: 0
  }
}

#data-linkage-for-children .task__list__item {
  width: 160px;
  border-radius: 50%;
  border: 2px solid #00a8ff;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 160px;
  text-align: center
}

@media (min-width:1000px) {
  #data-linkage-for-children .task__list {
    gap: 30px;
    margin-top: -20px
  }
  #data-linkage-for-children .task__list__item {
    width: 220px;
    height: 220px;
    border-width: 4px
  }
}

#data-linkage-for-children .tasl__list__image&gt;img {
  height: 58px
}

#data-linkage-for-children .task__list__text {
  margin-top: 15px;
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: .03em
}

@media (min-width:1000px) {
  #data-linkage-for-children .task__list__text {
    margin-top: 25px;
    font-size: 1.5rem
  }
}

#data-linkage-for-children .alignment {
  margin-top: 105px;
  position: relative;
  background-color: #00a8ff;
  color: #fff;
  z-index: 2
}

@media (min-width:1000px) {
  #data-linkage-for-children .alignment {
    margin-top: 145px
  }
}

#data-linkage-for-children .alignment::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -45px;
  background: url(../images/alignment-bg-sp.png) center top/100% 100% no-repeat;
  width: 100%;
  height: 45px
}

#data-linkage-for-children .alignment__wrap {
  position: relative;
  overflow: hidden;
  padding-bottom: 80px;
  padding-top: 80px
}

@media (min-width:1000px) {
  #data-linkage-for-children .alignment::before {
    background: url(../images/alignment-bg-pc.png) center top/100% 100% no-repeat;
    height: 79px;
    top: -79px
  }
  #data-linkage-for-children .alignment__wrap {
    padding-top: 100px;
    padding-bottom: 175px
  }
}

#data-linkage-for-children .alignment__wrap::after {
  content: "";
  width: 100%;
  min-height: 723px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -30px;
  background: url(../images/circle-01.png) center top/cover no-repeat
}

#data-linkage-for-children .alignment__wrap&gt;.inner {
  position: relative;
  z-index: 1;
  max-width: 1030px
}

@media (min-width:1000px) {
  #data-linkage-for-children .alignment__wrap::after {
    content: none
  }
  #data-linkage-for-children .alignment__wrap&gt;.inner::before {
    content: "";
    width: 842px;
    -webkit-transform: none;
    transform: none;
    background: url(../images/circle-01.png) center top/contain no-repeat;
    min-height: 842px;
    position: absolute;
    right: -190px;
    top: -85px;
    z-index: -1
  }
  #data-linkage-for-children .alignment__col2 {
    display: flex
  }
}

#data-linkage-for-children .alignment__content, #data-linkage-for-children .alignment__hdg&gt;span {
  position: relative
}

#data-linkage-for-children .alignment__hdg {
  font-size: 2rem;
  font-weight: 900;
  line-height: 2.5;
  letter-spacing: .15em
}

#data-linkage-for-children .alignment__hdg&gt;span::before {
  content: "";
  width: 5px;
  height: 5px;
  background-color: #ffe821;
  border-radius: 50%;
  position: absolute;
  top: -7px;
  left: 0;
  right: 0;
  margin: 0 auto
}

@media (min-width:1000px) {
  #data-linkage-for-children .alignment__hdg {
    font-size: 2.7rem
  }
  #data-linkage-for-children .alignment__hdg&gt;span::before {
    width: 7px;
    height: 7px
  }
}

#data-linkage-for-children .alignment__text {
  font-size: 1.4rem;
  line-height: 2.5;
  font-weight: 700;
  letter-spacing: .13em;
  margin-top: 30px
}

@media (min-width:1000px) {
  #data-linkage-for-children .alignment__text {
    font-size: 1.5rem;
    margin-top: 30px
  }
}

#data-linkage-for-children .alignment__text:first-of-type {
  margin-top: 60px
}

#data-linkage-for-children .alignment__text._text-01 {
  margin-right: 29.33%
}

#data-linkage-for-children .alignment__men {
  position: absolute;
  right: 10px;
  top: 85px;
  width: 73px
}

@media (min-width:1000px) {
  #data-linkage-for-children .alignment__text:first-of-type {
    margin-top: 80px
  }
  #data-linkage-for-children .alignment__men {
    right: auto;
    left: -110px;
    top: 0;
    width: 85px
  }
}

#data-linkage-for-children .alignment__image {
  margin: 110px auto 0;
  width: 345px
}

#data-linkage-for-children .solution {
  padding-top: 70px;
  position: relative
}

@media (min-width:1000px) {
  #data-linkage-for-children .alignment__image {
    margin-top: 55px;
    width: 440px
  }
  #data-linkage-for-children .solution {
    padding-top: 120px
  }
}

#data-linkage-for-children .solution::before {
  content: "";
  width: 100%;
  height: 690px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -420px;
  background: url(../images/circle-03.png) center bottom/cover no-repeat
}

@media (min-width:768px) {
  #data-linkage-for-children .solution::before {
    bottom: 20%
  }
}

#data-linkage-for-children .solution&gt;.inner {
  position: relative;
  z-index: 1
}

#data-linkage-for-children .solution__text {
  margin-top: 45px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.86
}

@media (min-width:1000px) {
  #data-linkage-for-children .solution::before {
    content: none
  }
  #data-linkage-for-children .solution&gt;.inner::before {
    content: "";
    width: 842px;
    -webkit-transform: none;
    transform: none;
    background: url(../images/circle-03.png) center top/contain no-repeat;
    min-height: 842px;
    position: absolute;
    left: -350px;
    top: -595px;
    z-index: -1
  }
  #data-linkage-for-children .solution__text {
    text-align: center;
    letter-spacing: .13em
  }
}

#data-linkage-for-children .solution__box {
  border: 2px solid #00a8ff;
  border-radius: 30px;
  background-color: #fff;
  margin-top: 35px;
  padding: 50px 12px
}

#data-linkage-for-children .solution__box__list {
  display: flex;
  gap: 30px;
  justify-content: space-around;
  text-align: center;
  max-width: 1000px;
  margin: 0 auto
}

#data-linkage-for-children .solution__box__list&gt;li:first-child {
  flex: 0 0 50%
}

#data-linkage-for-children .solution__box__text {
  font-size: 1.5rem;
  font-weight: 700
}

#data-linkage-for-children .solution__box__image._col2 {
  display: flex;
  justify-content: space-around;
  gap: 30px
}

#data-linkage-for-children .solution__box__image img {
  max-height: 95px
}

#data-linkage-for-children .solution__box__wrap {
  margin-top: 35px
}

@media (min-width:1000px) {
  #data-linkage-for-children .solution__box {
    padding: 80px 100px
  }
  #data-linkage-for-children .solution__box__wrap {
    margin-top: 80px
  }
}

#data-linkage-for-children .solution__box__items {
  display: flex;
  gap: 15px;
  margin-top: 15px;
  cursor: pointer
}

@media (min-width:1000px) {
  #data-linkage-for-children .solution__box__items {
    gap: 30px;
    margin-top: 30px
  }
}

#data-linkage-for-children .solution__box__items:first-of-type {
  margin-top: 0
}

#data-linkage-for-children .solution__box__items._center {
  justify-content: center
}

#data-linkage-for-children .solution__box__item {
  font-size: 1.5rem;
  border-radius: 20px;
  padding: 20px 10px;
  font-weight: 700;
  display: flex;
  justify-content: center;
  transition: .5s
}

#data-linkage-for-children .solution__box__item&gt;span {
  display: flex;
  align-items: center
}

#data-linkage-for-children .solution__box__item._bg-a {
  background-color: #aac0ff
}

#data-linkage-for-children .solution__box__item._bg-b {
  background-color: #ffb0aa
}

#data-linkage-for-children .solution__box__item._bg-c {
  background-color: #aaf8ff
}

#data-linkage-for-children .solution__box__item._bg-d {
  background-color: #eaaaff
}

#data-linkage-for-children .solution__box__item._bg-e {
  background-color: #c8ffaa
}

#data-linkage-for-children .solution__box__item._bg-f {
  background-color: #ffd6aa
}

#data-linkage-for-children .solution__box__item._w-30 {
  width: 30%
}

#data-linkage-for-children .solution__box__item._w-70 {
  width: 70%
}

#data-linkage-for-children .solution__box__item._w-75 {
  width: 75%
}

#data-linkage-for-children .solution__box__item._w-50 {
  width: 50%
}

#data-linkage-for-children .solution__box__item._w-100 {
  width: 100%
}

#data-linkage-for-children .step {
  margin-top: 60px;
  position: relative;
  background-color: #f4ece4
}

@media (min-width:1000px) {
  #data-linkage-for-children .solution__box__item {
    border-radius: 50px
  }
  #data-linkage-for-children .step {
    margin-top: 165px
  }
}

#data-linkage-for-children .step::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(../images/step-bg-sp.png) center top/108px 31px;
  top: -31px;
  height: 31px;
  width: 100%
}

#data-linkage-for-children .step__wrap {
  padding-top: 65px;
  padding-bottom: 75px;
  position: relative
}

@media (min-width:1000px) {
  #data-linkage-for-children .step::before {
    background: url(../images/step-bg-sp.png) center top/420px 68px;
    top: -68px;
    height: 68px
  }
  #data-linkage-for-children .step__wrap {
    padding-top: 120px;
    padding-bottom: 100px
  }
}

#data-linkage-for-children .step__wrap::after {
  content: "";
  width: 100%;
  min-height: 820px;
  position: absolute;
  margin: 0 auto;
  top: 430px;
  background: url(../images/circle-02.png) center top/cover no-repeat
}

#data-linkage-for-children .step__wrap&gt;.inner {
  position: relative;
  z-index: 1;
  max-width: 1030px
}

#data-linkage-for-children .step__hdg {
  font-size: 2.5rem;
  font-weight: 900;
  line-height: 2
}

@media (min-width:1000px) {
  #data-linkage-for-children .step__wrap::after {
    content: none
  }
  #data-linkage-for-children .step__wrap&gt;.inner::before {
    content: "";
    width: 845px;
    -webkit-transform: none;
    transform: none;
    background: url(../images/circle-02.png) center top/contain no-repeat;
    min-height: 845px;
    position: absolute;
    right: -156px;
    top: -55px;
    z-index: -1
  }
  #data-linkage-for-children .step__col2 {
    display: flex
  }
  #data-linkage-for-children .step__hdg {
    font-size: 3.3rem
  }
}

#data-linkage-for-children .step__text {
  margin-top: 40px;
  font-size: 1.6rem;
  letter-spacing: .13em;
  line-height: 1.86;
  font-weight: 700
}

@media (min-width:1000px) {
  #data-linkage-for-children .step__text {
    margin-top: 60px;
    line-height: 2.66
  }
}

#data-linkage-for-children .step__image {
  margin: 45px auto 0;
  max-width: 595px
}

#data-linkage-for-children .step__box {
  margin-top: 100px;
  border: 2px solid #333;
  background-color: #f4ece4;
  border-radius: 20px;
  text-align: center;
  max-width: 1000px
}

@media (min-width:1000px) {
  #data-linkage-for-children .step__image {
    flex: 0 0 600px;
    margin-right: -50px;
    margin-top: 100px
  }
  #data-linkage-for-children .step__box {
    margin-top: 80px;
    border-radius: 30px;
    text-align: left
  }
}

#data-linkage-for-children .step__box__hdg {
  display: inline-block;
  background-color: #333;
  color: #fff;
  text-align: center;
  font-size: 1.8rem;
  padding: 7px 30px;
  border-radius: 0 0 20px 20px;
  letter-spacing: .2em
}

@media (min-width:1000px) {
  #data-linkage-for-children .step__box__hdg {
    border-radius: 26px 0 30px;
    font-size: 2rem;
    padding: 15px 40px
  }
}

#data-linkage-for-children .step__box__inner {
  padding: 50px 22px
}

#data-linkage-for-children .step__box__list__item {
  margin-top: 35px
}

#data-linkage-for-children .step__box__list__item:first-child {
  margin-top: 0
}

@media (min-width:1000px) {
  #data-linkage-for-children .step__box__inner {
    padding: 45px 80px
  }
  #data-linkage-for-children .step__box__list {
    display: flex;
    justify-content: space-between;
    gap: 50px
  }
  #data-linkage-for-children .step__box__list__item {
    margin-top: 0;
    width: 20%
  }
  #data-linkage-for-children .step__box__list__item:last-child .step__icon {
    width: 100px
  }
  #data-linkage-for-children .step__num {
    text-align: center
  }
}

#data-linkage-for-children .step__num img {
  height: 15px
}

#data-linkage-for-children .step__icon {
  width: 50px;
  margin: 10px auto 0
}

@media (min-width:1000px) {
  #data-linkage-for-children .step__icon {
    width: 111px;
    margin-top: 14px
  }
}

#data-linkage-for-children .step__list__lead {
  margin-top: 25px;
  font-size: 1.5rem;
  font-weight: 700
}

@media (min-width:1000px) {
  #data-linkage-for-children .step__list__lead {
    margin-top: 40px;
    font-size: 1.6rem;
    text-align: center;
    height: 3em
  }
  #data-linkage-for-children .step__list__lead._one {
    padding-top: .5em
  }
}

#data-linkage-for-children .step__list__text {
  margin-top: 20px;
  font-size: 1.5rem;
  text-align: left
}

#data-linkage-for-children .contact {
  background-color: #00a8ff;
  color: #fff;
  padding: 45px 0;
  position: relative;
  z-index: 2
}

#data-linkage-for-children .contact__lead {
  font-size: 1.8rem;
  font-weight: 900;
  text-align: center;
  line-height: 2;
  letter-spacing: .1em
}

@media (min-width:1000px) {
  #data-linkage-for-children .contact {
    padding: 100px 0
  }
  #data-linkage-for-children .contact__lead {
    font-size: 2.7rem
  }
}

#data-linkage-for-children .contact__text {
  margin-top: 25px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: .13em
}

@media (min-width:1000px) {
  #data-linkage-for-children .contact__text {
    text-align: center;
    margin-top: 30px
  }
}

#data-linkage-for-children .contact__btn {
  margin: 35px auto 0;
  width: 300px
}

@media (min-width:1000px) {
  #data-linkage-for-children .contact__btn {
    margin-top: 50px
  }
}

#data-linkage-for-children .contact02__btn {
	position: relative;
	display: block;
	width: 100%;
}

@media (min-width:1000px) {
  #data-linkage-for-children .contact02__btn {
	  display:-webkit-box;
	display:-ms-flexbox;
	display:flex;

	justify-content: center!important;
	align-items: center;
	position: relative;
    margin: 50px auto 0;
	  width: 660px;
  }
}
#data-linkage-for-children .set__btn {
	margin: 30px auto 0;
	width: 300px;
}
#data-linkage-for-children .strengths {
  margin-top: 75px;
}

#data-linkage-for-children .strengths__box {
  margin-top: 90px;
  background-color: #c4ebff;
  border-radius: 20px;
  position: relative
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__box {
    border-radius: 50px;
    text-align: center
  }
}

#data-linkage-for-children .strengths__box:first-of-type {
  margin-top: 100px
}

#data-linkage-for-children .strengths__box::before {
  content: "";
  position: absolute;
  top: 0
}

#data-linkage-for-children .strengths__box._box-01::before {
  background: url(../images/strengths-img-01.png) left top/cover no-repeat;
  width: 177px;
  height: 175px;
  left: 0
}

#data-linkage-for-children .strengths__box._box-02::before {
  background: url(../images/strengths-img-02.png) left top/cover no-repeat;
  width: 171px;
  height: 172px;
  right: 0
}

#data-linkage-for-children .strengths__box._box-03::before {
  background: url(../images/strengths-img-03.png) left top/cover no-repeat;
  width: 177px;
  height: 167px;
  left: 0
}

#data-linkage-for-children .strengths__box._box-04::before {
  background: url(../images/strengths-img-04.png) left top/cover no-repeat;
  width: 177px;
  height: 167px;
  right: 0
}

#data-linkage-for-children .strengths__box__hdg {
  margin: 0 20px;
  background-color: #00a8ff;
  border-radius: 20px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  position: relative;
  top: -30px;
  padding: 10px;
  letter-spacing: .13em
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__box__hdg {
    font-size: 1.8rem;
    display: inline-block;
    border-radius: 50px;
    padding: 13px 60px
  }
}

#data-linkage-for-children .strengths__box__inner {
  padding: 0 20px 50px;
  position: relative;
  z-index: 1
}

#data-linkage-for-children .strengths__box__text {
  line-height: 2;
  font-weight: 700;
  font-size: 1.4rem
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__box__inner {
    padding: 0 100px 100px
  }
  #data-linkage-for-children .strengths__box__text {
    font-size: 1.6rem;
    margin-top: 30px
  }
}

#data-linkage-for-children .strengths__box__white {
  background-color: #fff;
  margin-top: 30px;
  padding: 15px;
  border-radius: 15px
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__box__white {
    padding: 50px 60px
  }
  #data-linkage-for-children .strengths__list__wrap {
    display: flex;
    gap: 50px
  }
  #data-linkage-for-children .strengths__list {
    width: 50%
  }
}

#data-linkage-for-children .strengths__list:last-of-type {
  display: none
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__list:last-of-type {
    display: block
  }
}

#data-linkage-for-children .strengths__list.is-block:last-of-type, #data-linkage-for-children .strengths__list.is-block&gt;li:nth-child(n+6) {
  display: block
}

#data-linkage-for-children .strengths__list&gt;li {
  font-size: 1.5rem;
  padding: 15px 0 15px 25px;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
  text-align: left
}

#data-linkage-for-children .strengths__list&gt;li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 20px;
  width: 12px;
  height: 12px;
  border-radius: 50%
}

#data-linkage-for-children .strengths__list&gt;li.yellow::before {
  background-color: #ffea5b
}

#data-linkage-for-children .strengths__list&gt;li.pink::before {
  background-color: #ff955b
}

#data-linkage-for-children .strengths__list&gt;li:nth-child(n+6) {
  display: none
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__list&gt;li:nth-child(n+6) {
    display: block
  }
}

#data-linkage-for-children .strengths__note {
  margin: 10px 20px;
  display: flex
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__note {
    margin: 20px 100px
  }
  #data-linkage-for-children .strengths__plus {
    display: none
  }
}

#data-linkage-for-children .strengths__note&gt;li {
  font-size: 1.2rem;
  padding-left: 20px;
  position: relative;
  margin-right: 30px
}

#data-linkage-for-children .strengths__note&gt;li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%
}

#data-linkage-for-children .strengths__note&gt;li.yellow::before {
  background-color: #ffea5b
}

#data-linkage-for-children .strengths__note&gt;li.pink::before {
  background-color: #ff955b
}

#data-linkage-for-children .strengths__plus {
  width: 50px;
  margin: 15px auto
}

#data-linkage-for-children .strengths__plus.is-none {
  display: none
}

#data-linkage-for-children .strengths__col3__list {
  margin-top: 35px
}

#data-linkage-for-children .strengths__col3__list&gt;li {
  margin-top: 15px;
  background-color: #fff;
  border-radius: 15px;
  padding: 20px 15px
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__col3__list {
    display: flex;
    gap: 20px
  }
  #data-linkage-for-children .strengths__col3__list&gt;li {
    margin-top: 0;
    width: 33%
  }
}

#data-linkage-for-children .strengths__col3__list&gt;li:first-child {
  margin-top: 0
}

#data-linkage-for-children .strengths__logo {
  text-align: center
}

#data-linkage-for-children .strengths__logo&gt;img {
  height: 45px
}

#data-linkage-for-children .strengths__name {
  text-align: center;
  margin-top: 20px;
  font-size: 1.5rem
}

#data-linkage-for-children .strengths__image {
  text-align: center
}

#data-linkage-for-children .strengths__image&gt;img {
  height: 70px
}

#data-linkage-for-children .strengths__text {
  text-align: center;
  margin-top: 10px;
  font-size: 1.4rem
}

#data-linkage-for-children .strengths__large__image {
  margin: 35px -18px -48px
}

@media (min-width:1000px) {
  #data-linkage-for-children .strengths__large__image {
    margin: 45px auto 0
  }
}

#data-linkage-for-children .strengths__large__image&gt;img {
  width: 100%
}

#data-linkage-for-children .impact {
  margin-top: 60px;
  margin-bottom: 60px;
  position: relative;
  background-color: #f4ece4;
  z-index: 2
}

#data-linkage-for-children .impact::after, #data-linkage-for-children .impact::before {
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
  content: ""
}

@media (min-width:1000px) {
  #data-linkage-for-children .impact {
    margin-top: 165px;
    margin-bottom: 76px
  }
}

#data-linkage-for-children .impact::before {
  margin: 0 auto;
  background: url(../images/impact-bg-sp.png) center top/44px 13px;
  top: -13px;
  height: 13px
}

@media (min-width:1000px) {
  #data-linkage-for-children .impact::before {
    background: url(../images/impact-bg-pc.png) center top/170px 53px;
    top: -53px;
    height: 53px
  }
}

#data-linkage-for-children .impact::after {
  background: url(../images/impact-bg-bottom-sp.png) center top/100% 100% no-repeat;
  height: 50px;
  margin: 0 auto;
  bottom: -50px
}

#data-linkage-for-children .impact__wrap {
  padding-top: 65px;
  padding-bottom: 75px;
  position: relative
}

@media (min-width:1000px) {
  #data-linkage-for-children .impact::after {
    height: 76px;
    bottom: -76px
  }
  #data-linkage-for-children .impact__wrap {
    padding-top: 120px;
    padding-bottom: 100px
  }
}

#data-linkage-for-children .impact__wrap::after {
  content: "";
  min-height: 400px;
  width: 400px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 37vh;
  background: url(../images/circle-02.png) center top/cover no-repeat
}

#data-linkage-for-children .impact__wrap&gt;.inner {
  position: relative;
  z-index: 1;
  max-width: 1030px
}

#data-linkage-for-children .impact__col2 {
  margin-top: 40px
}

#data-linkage-for-children .impact__hdg {
  font-size: 2.5rem;
  font-weight: 900;
  letter-spacing: .1em;
  line-height: 2
}

@media (min-width:1000px) {
  #data-linkage-for-children .impact__wrap::after {
    content: none
  }
  #data-linkage-for-children .impact__wrap&gt;.inner::before {
    content: "";
    width: 654px;
    -webkit-transform: none;
    transform: none;
    background: url(../images/circle-02.png) center top/contain no-repeat;
    min-height: 654px;
    position: absolute;
    right: -114px;
    top: 148px;
    z-index: -1
  }
  #data-linkage-for-children .impact__col2 {
    display: flex
  }
  #data-linkage-for-children .impact__hdg {
    font-size: 2.7rem
  }
}

#data-linkage-for-children .impact__text {
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 2.66;
  font-weight: 700;
  letter-spacing: .06em
}

@media (min-width:1000px) {
  #data-linkage-for-children .impact__text {
    max-width: 445px;
    margin-top: 60px
  }
}

#data-linkage-for-children .impact__image {
  margin: 40px auto 0;
  max-width: 345px
}

@media (min-width:1000px) {
  #data-linkage-for-children .impact__image {
    max-width: 689px;
    flex: 0 0 689px;
    margin-right: -169px;
    margin-top: 0
  }
}

#data-linkage-for-children .impact__lead__wrap {
  position: relative;
  margin-top: 75px
}

#data-linkage-for-children .impact__lead {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 2;
  letter-spacing: .13em
}

#data-linkage-for-children .impact__lead&gt;span {
  background-size: 0 50%;
  background-position: 0 100%;
  background-repeat: no-repeat
}

#data-linkage-for-children .impact__lead&gt;span.is-active {
  background-size: 100% 50%
}

#data-linkage-for-children .impact__men {
  width: 68px;
  position: absolute;
  right: 0;
  bottom: -100px
}

@media (min-width:1000px) {
  #data-linkage-for-children .impact__lead__wrap {
    margin-top: 140px
  }
  #data-linkage-for-children .impact__lead {
    font-size: 2rem;
    text-align: center
  }
  #data-linkage-for-children .impact__men {
    width: 92px;
    right: auto;
    left: -23px
  }
}

#data-linkage-for-children .download {
  position: relative;
  padding-top: 60px;
 /* padding-bottom: 90px*/
}

#data-linkage-for-children .download::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: url(../images/download-bg.png) left top/cover no-repeat;
  width: 400px;
  height: 44px;
  top: 35px;
  z-index: 1
}

@media (min-width:1000px) {
  #data-linkage-for-children .download::before {
    width: 959px;
    height: 112px;
    right: 0;
    left: auto;
    top: 82px
  }
}

#data-linkage-for-children .download::after {
  content: "";
  background: url(../images/circle-01.png) left top/cover no-repeat;
  width: 400px;
  height: 400px;
  position: absolute;
  top: 260px;
  left: -200px
}

#data-linkage-for-children .download&gt;.inner {
  position: relative;
  z-index: 2
}

#data-linkage-for-children .hdg__download {
  font-size: 2.7rem;
  font-weight: 900;
  letter-spacing: .2em
}

@media (min-width:1000px) {
  #data-linkage-for-children .download::after {
    content: none
  }
  #data-linkage-for-children .download&gt;.inner {
    padding-top: 120px;
    padding-left: 525px;
    max-width: 1030px
  }
  #data-linkage-for-children .download&gt;.inner::before {
    content: "";
    background: url(../images/circle-01.png) left top/cover no-repeat;
    width: 840px;
    height: 840px;
    position: absolute;
    top: -150px;
    left: -700px;
    z-index: 0
  }
  #data-linkage-for-children .hdg__download {
    font-size: 3.6rem
  }
}

#data-linkage-for-children .download__text {
  margin-top: 20px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: .13em
}

#data-linkage-for-children .download__text&gt;span {
  background: linear-gradient(transparent 60%, #ffe821 0)
}

#data-linkage-for-children .download__image {
  width: 76%;
  max-width: 420px;
  margin: 50px auto 0
}

@media (min-width:1000px) {
  #data-linkage-for-children .download__text {
    font-size: 1.8rem
  }
  #data-linkage-for-children .download__image {
    width: auto;
    position: absolute;
    left: 0;
    top: 0
  }
}

#data-linkage-for-children .download__btn {
  margin: 60px auto 0;
  width: 300px
}

@media (min-width:1000px) {
  #data-linkage-for-children .download__btn {
    margin-left: 0
  }
}
#data-linkage-for-children .casestudy {
	background-color: #f0f7fa;
	padding: 80px 20px;
	margin-top: 120px;
	
}
#data-linkage-for-children .casestudy__text {
  margin-top: 20px;
	margin-bottom: 30px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: .13em;
	text-align: center;
}
#data-linkage-for-children .casestudy_article {
	position: relative;
	background-color: #fff;
	border: 1px solid #969696;
	border-radius: 10px;
	padding: 15px 20px 15px 15px;
	margin-top: 20px;
	display: inline-block;
}

#data-linkage-for-children .article__01 {
	margin-left: 30px;
	text-align: left!important;
	
}
#data-linkage-for-children .tra {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #086a88;
  position: absolute;
  top: calc(50% + 2px);
  left: 20px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

#data-linkage-for-children .article__text {
	margin-top: 5px;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: .13em;
}
#data-linkage-for-children .casestudy_article a {
	display: block;
	position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
#data-linkage-for-children .casestudy_article:hover {
	background-color: #fff;
}
@media (min-width:1000px) {
#data-linkage-for-children .casestudy_article:hover {
	background-color: #f0f7fa;
}
}


@media (min-width:768px) {
	.pcOnly { display: block!important; }
	.spOnly { display: none!important; }
}
@media (max-width:767px) {
	.pcOnly { display: none!important; }
	.spOnly { display: block!important; }
}

.js-anime {
  opacity: 0;
  transition: 1s cubic-bezier(0.5, 0, 0, 1) .5s;
}

.js-anime.is-active {
  opacity: 1;
}

.task__content.js-anime {
  opacity: 0;
  transform: translateY(50px);
  transition: .5s cubic-bezier(0.5, 0, 0, 1) 1s;
}

.task__content.js-anime.is-active {
  opacity: 1;
  transform: translateY(0);
}

.task__list__item:nth-of-type(1).js-anime {
  opacity: 0;
  transition: 1s cubic-bezier(0.5, 0, 0, 1) .1s;
}

.task__list__item:nth-of-type(2).js-anime {
  opacity: 0;
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 1.4s;
}

.task__list__item:nth-of-type(3).js-anime {
  opacity: 0;
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 1.8s;
}

.task__list__item:nth-of-type(4).js-anime {
  opacity: 0;
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 2.2s;
}

.task__list__item:nth-of-type(1).js-anime.is-active,
.task__list__item:nth-of-type(2).js-anime.is-active,
.task__list__item:nth-of-type(3).js-anime.is-active,
.task__list__item:nth-of-type(4).js-anime.is-active {
  opacity: 1;
}

.step__box__list__item.js-anime {
  opacity: 0;
}

.step__box__list__item:nth-of-type(1).js-anime {
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 0.2s;
}

.step__box__list__item:nth-of-type(2).js-anime {
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 0.6s;
}

.step__box__list__item:nth-of-type(3).js-anime {
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 1s;
}

.step__box__list__item:nth-of-type(4).js-anime {
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 1.4s;
}

.step__box__list__item:nth-of-type(5).js-anime {
  transition: 1s cubic-bezier(0.5, 0, 0, 1) 1.8s;
}

.step__box__list__item:nth-of-type(1).js-anime.is-active,
.step__box__list__item:nth-of-type(2).js-anime.is-active,
.step__box__list__item:nth-of-type(3).js-anime.is-active,
.step__box__list__item:nth-of-type(4).js-anime.is-active,
.step__box__list__item:nth-of-type(5).js-anime.is-active {
  opacity: 1;
}</pre></body></html>