.section-about img, .section-casestudy img, .section-flow img, .section-function img, .section-voice img {
  display: inline-block;
  height: auto
}
.section-about .inner {
  position: relative;
  z-index: 1
}
.section-about__heading {
  padding: 50px 0;
  text-align: center;
  position: relative;
  overflow: hidden
}
.section-about__contents .bg-layer, .section-about__heading .bg-layer {
  position: absolute;
  top: 0;
  right: 50%;
  z-index: 0;
  width: 375px;
  height: 0;
  pointer-events: none;
  transform: translate(50%, 0)
}
.section-about__heading .bg-layer::before {
  position: absolute;
  top: 0;
  left: -2558px;
  width: 2000px;
  height: 2000px;
  content: "";
  background-color: #eff3f5;
  transform: skewX(-32.5deg)
}
.section-about__title {
  position: relative;
  padding-bottom: 18px;
  font-size: 20px;
  color: #3ba7ed;
  text-align: center
}
.section-about__title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 36px;
  height: 0;
  content: "";
  border-top: 2px solid;
  transform: translate(-50%, 0)
}
.section-about__contents {
  padding: 55px 0 50px;
  background-color: #eff3f5
}
.section-about__contents .bg-layer {
  display: none
}
.section-about__contents .bg-layer::before {
  position: absolute;
  display: none;
  content: "";
  background-color: #e4eaed;
  transform: skewX(-32.5deg)
}
.section-about .content-block .text, .section-about__contents .lead {
  margin-top: 16px;
  line-height: 2
}
.section-about .content-block {
  margin-top: 20px
}
.section-about .content-block__title {
  font-weight: 500
}
.section-about .content-block .grid .grid__item {
  position: relative;
  flex: 0 0 auto;
  min-width: 1em
}
.section-about .content-block .grid .grid__item--image-box {
  order: 1
}
.section-about .content-block .grid .grid__item--image-box .image {
  display: block
}
.section-about .content-block .grid .grid__item--image-box .image img {
  width: 100%;
  height: auto
}
.section-about .content-block .grid .grid__item--text-box {
  order: 0;
  margin-top: 24px
}
.section-about__heading--image {
  display: block;
  margin-bottom: 15px
}
.section-about__heading--lead {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.75
}
.section-casestudy {
  padding: 65px 0;
  background-color: #eff3f5
}
.section-casestudy__title {
  text-align: center
}
.section-casestudy .lead {
  margin-top: 26px;
  font-size: 15px;
  line-height: 2
}
.section-casestudy .case-block {
  position: relative;
  padding: 47px 25px 50px;
  margin-top: 64px;
  background: #fff;
  box-shadow: 0 5px 10px 0 rgba(52, 65, 72, .05)
}
.section-casestudy .case-block + .case-block {
  margin-top: 68px
}
.section-casestudy .case-block .case {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  line-height: 1;
  color: #fff;
  background: #3ba7ed;
  border-radius: 50%;
  transform: translate(-50%, -50%)
}
.section-casestudy .case-block .case__text {
  font-size: 9px;
  font-weight: 500
}
.section-casestudy .case-block .case__number {
  font-size: 25px;
  font-weight: 500
}
.section-casestudy .case-block__title {
  position: relative;
  padding-bottom: 20px;
  font-size: 20px;
  line-height: 1.5;
  color: #41a8ea;
  text-align: center
}
.section-casestudy .case-block__title::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 36px;
  height: 0;
  content: "";
  border-top: 2px solid;
  transform: translate(-50%, 0)
}
.section-casestudy .case-block .service {
  margin-top: 25px;
  margin-bottom: 32px
}
.section-casestudy .case-block .text {
  position: relative;
  font-size: 14px;
  line-height: 2
}
.section-casestudy .case-block .text .accordion-trigger {
  position: absolute;
  bottom: -1.5em;
  left: 50%;
  padding-right: 20px;
  transform: translate(-50%, 0)
}
.section-casestudy .case-block .text .accordion-trigger::after, .section-casestudy .case-block .text .accordion-trigger::before {
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 10px;
  height: 0;
  content: "";
  border: 1px solid
}
.section-casestudy .case-block .text .accordion-trigger::before {
  transform: translateY(-50%)
}
.section-casestudy .case-block .text .accordion-trigger::after {
  transform: translateY(-50%) rotate(90deg)
}
.section-casestudy .case-block .text .accordion-contents.is-active::after, .section-casestudy .case-block .text .accordion-trigger.is-active {
  display: none
}
.section-casestudy .case-block .text .accordion-contents {
  position: relative;
  display: inline-block;
  height: 10em;
  overflow: hidden
}
.section-casestudy .case-block .text .accordion-contents::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-image: linear-gradient(rgba(255, 255, 255, 0) 0, #fff 100%)
}
.section-casestudy .case-block .image {
  text-align: center
}
.section-casestudy .case-block-01 .image, .section-casestudy .case-block-02 .image, .section-casestudy .case-block-03 .image-01 {
  margin-top: 40px
}
.section-casestudy .case-block-03 .image .image__link {
  margin-top: 10px;
  font-size: 10px;
  text-align: right
}
.section-casestudy .case-block-03 .image-02 {
  margin-top: 20px
}
.section-casestudy .case-block-04 .image {
  margin-top: 40px
}
.section-flow {
  position: relative;
  overflow: hidden;
  background-color: #5a6064
}
.section-flow .bg-layer {
  position: absolute;
  top: 0;
  right: 50%;
  z-index: 0;
  width: 375px;
  height: 100%;
  pointer-events: none;
  transform: translate(50%, 0)
}
.section-flow__inner {
  position: relative;
  z-index: 1;
  padding-top: 68px;
  padding-bottom: 70px
}
.section-flow__title {
  position: relative;
  z-index: 1;
  text-align: center
}
.section-flow .lead, .section-flow__text {
  margin-top: 20px;
  line-height: 2;
  color: #fff
}
.section-flow__text {
  position: relative;
  z-index: 1;
  margin-top: 16px;
  letter-spacing: .04em
}
.section-flow .flow-list {
  position: relative;
  z-index: 1;
  margin: 40px -24px 0
}
.section-flow .flow-list .flow-list__item {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 170px;
  height: 170px;
  margin: 0 auto;
  background: #fff;
  border-radius: 50%
}
.section-flow .flow-list .flow-list__item + .flow-list__item {
  margin-top: 60px
}
.section-flow .flow-list .flow-list__item + .flow-list__item::after {
  position: absolute;
  top: -36px;
  left: 50%;
  width: 20px;
  height: 10px;
  content: "";
  background-image: url(/assets/images/pages/service/management/ico_arrow01_md.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(-50%) rotate(90deg)
}
.section-flow .flow-list .flow-list__item::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 188px;
  height: 188px;
  content: "";
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 50%;
  transform: translate(-50%, -50%)
}
.section-flow .flow-list__text {
  font-weight: 700;
  text-align: center
}
.section-flow .button-area {
  position: relative;
  z-index: 1;
  margin-top: 60px
}
.section-flow .button-area .button {
  margin: auto
}
.section-function {
  position: relative;
  padding: 70px 0;
  overflow: hidden;
  background-color: #4f5458
}
.section-function__title {
  text-align: center
}
.section-function__inner {
  position: relative;
  z-index: 1
}
.section-function .bg-layer {
  position: absolute;
  top: 0;
  right: 50%;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  transform: translate(50%, 0)
}
.section-function .bg-layer__inner {
  width: 375px
}
.section-function .bg-layer__inner::before {
  position: absolute;
  top: -5000px;
  left: -9092px;
  width: 10000px;
  height: 10000px;
  content: "";
  background-color: #4f5458;
  transform: rotate(32.5deg)
}
.section-function .anchor-area {
  margin-bottom: 30px
}
.section-function .anchor-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px -8px -16px;
  font-size: 12px;
  text-align: center
}
.section-function .anchor-list .anchor-list__item {
  width: calc(50% - 16px);
  margin: 0 8px 16px
}
.section-function .anchor-list .anchor-link {
  height: 55px
}
.section-function .function-block-wrap{
    display:block;
    margin-top: 40px;
}
.section-function .function-block-wrap .function-block{
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #707070;
  background-color: #fff;
  margin-top: 20px;
  padding: 20px;
  width: 100%;
}
.section-function .function-block-wrap .function-block::before{
  content: "";
  display: block;
  background: url("../../../../images/pages/common/object02.svg") left top no-repeat;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 0;
  width: 45px;
  height: 70px;
}
.section-function .function-block-wrap .function-block div{
  text-align: center;
}
.section-function .function-block-wrap .function-block div img{
  height: auto;
  margin: 0 auto;
  width: 90px;
}
.section-function .function-block-wrap .function-block h4{
text-align: center;
  margin-top: 0.5em;
  font-size: 18px;
}
.section-function .function-block-wrap .function-block > p{
  margin-top: 0.5em;
  font-size: 13px;
}
.section-function .function-block-wrap .function-block ul{
  display: block;
  border-top:solid 2px #EFF3F5;
  margin-top: 1em;
  padding-top: 1em;
  letter-spacing: -0.3em;
  font-size: 13px;
}
.section-function .function-block-wrap .function-block ul li{
  display: inline-block;
  margin-top: 0.5em;
  vertical-align: top;
  width: 50%;
  letter-spacing: 0;
  color: #0092D6;
}
.section-function .button{margin: 30px auto 0;}
.section-voice .grid .grid__item img {
  width: 100%;
  height: auto
}
.section-voice .grid .grid__item .c-card {
  background: #eff3f5;
  box-shadow: 0 5px 10px 0 rgba(52, 65, 72, .05)
}
@media (min-width:768px) {
  .section-about .content-block .grid .grid__item--image-box .image img, .section-about img, .section-casestudy img {
    width: auto
  }
  .section-about__heading .bg-layer {
    width: 1280px
  }
  .section-about__heading .bg-layer::before {
    top: -500px;
    left: -6056px;
    width: 5000px;
    height: 5000px
  }
  .section-about__heading {
    padding: 100px 0
  }
  .section-about__title {
    padding-bottom: 33px;
    font-size: 38px;
    line-height: 1.42
  }
  .section-about__contents {
    position: relative;
    overflow: hidden;
    padding: 110px 0 100px
  }
  .section-about__contents .bg-layer {
    display: block;
    width: 1280px
  }
  .section-about__contents .bg-layer::before {
    top: -500px;
    left: -6394px;
    display: block;
    width: 5000px;
    height: 5000px
  }
  .section-about__contents .lead {
    margin-top: 28px;
    line-height: 2.016;
    text-align: center
  }
  .section-about .content-block {
    margin-top: 40px
  }
  .section-about .content-block__title {
    font-size: 30px;
    line-height: 1.67
  }
  .section-about .content-block .text {
    margin-top: 32px;
    line-height: 2.016
  }
  .section-about .content-block .grid {
    display: flex
  }
  .section-about .content-block .grid .grid__item {
    width: 50%
  }
  .section-about .content-block .grid .grid__item--image-box .image {
    padding-left: 80px;
    margin-right: -320px
  }
  .section-about .content-block .grid .grid__item--text-box {
    padding: 82px 0 32px;
    margin-top: 0
  }
  .section-about__heading--image {
    margin-bottom: 40px
  }
  .section-about__heading--lead {
    font-size: 32px;
    line-height: 1.25
  }
  .section-casestudy {
    padding: 130px 0
  }
  .section-casestudy .lead {
    margin-top: 48px;
    line-height: 2.016;
    text-align: center;
    letter-spacing: .03em
  }
  .section-casestudy .case-block {
    padding: 88px 60px 80px;
    margin-top: 98px
  }
  .section-casestudy .case-block + .case-block {
    margin-top: 130px
  }
  .section-casestudy .case-block .case {
    width: 100px;
    height: 100px
  }
  .section-casestudy .case-block .case__text {
    font-size: 14px
  }
  .section-casestudy .case-block .case__number {
    font-size: 36px
  }
  .section-casestudy .case-block__title {
    padding-bottom: 33px;
    font-size: 30px
  }
  .section-casestudy .case-block .service {
    margin-top: 42px;
    margin-bottom: 58px
  }
  .section-casestudy .case-block .text {
    font-size: 17px;
    line-height: 2.016
  }
  .section-casestudy .case-block .text .accordion-contents::after, .section-casestudy .case-block .text .accordion-trigger {
    display: none
  }
  .section-casestudy .case-block .text .accordion-contents {
    height: auto
  }
  .section-casestudy .case-block-01 .image {
    margin-top: 58px
  }
  .section-casestudy .case-block-02 .image, .section-casestudy .case-block-03 .image-01 {
    margin-top: 60px
  }
  .section-casestudy .case-block-03 .image .image__link {
    margin-top: 5px;
    font-size: 14px
  }
  .section-casestudy .case-block-03 .image-02 {
    margin-top: 14px
  }
  .section-casestudy .case-block-04 .image {
    margin-top: 60px
  }
  .section-flow {
    background-color: #4f5458
  }
  .section-flow .bg-layer {
    width: 1280px
  }
  .section-flow .bg-layer::before {
    position: absolute;
    right: -2404px;
    bottom: -1500px;
    width: 3000px;
    height: 3000px;
    content: "";
    background: #5a6064;
    transform: rotate(32.5deg)
  }
  .section-flow__inner {
    padding-top: 120px;
    padding-bottom: 120px
  }
  .section-flow .lead {
    margin-top: 28px;
    line-height: 2.016;
    text-align: center
  }
  .section-flow__text {
    margin-top: 16px;
    line-height: 2.016;
    letter-spacing: .02em
  }
  .section-flow .flow-list {
    display: flex;
    justify-content: center;
    padding: 0 56px;
    margin: 80px -24px 0
  }
  .section-flow .flow-list .flow-list__item {
    width: 170px;
    height: 170px;
    padding: 1em;
    margin: 0 24px;
    border: 3px solid
  }
  .section-flow .flow-list .flow-list__item + .flow-list__item {
    margin-top: 0
  }
  .section-flow .flow-list .flow-list__item + .flow-list__item::after {
    top: 50%;
    left: -37px;
    transform: translateY(-50%)
  }
  .section-flow .flow-list__text {
    font-size: 18px;
    line-height: 1.67
  }
  .section-flow .button-area {
    margin-top: 70px
  }
  .section-function {
    padding: 120px 0 130px;
    background-color: #5a6064
  }
  .section-function .bg-layer__inner {
    width: 1280px
  }
  .section-function .anchor-area, .section-function__title {
    margin-bottom: 80px
  }
  .section-function .anchor-list {
    margin: 0 -15px -28px;
    font-size: 17px
  }
  .section-function .anchor-list .anchor-list__item {
    width: calc(33.333% - 30px);
    margin: 0 15px 28px
  }
  .section-function .anchor-list .anchor-link {
    height: 70px
  }
  .section-function .function-block-wrap{
      display:flex;
      flex-wrap: wrap;
      justify-content: left;
      margin-top: 60px;
      gap: 30px 25px;
  }
  .section-function .function-block-wrap .function-block{
    padding: 30px;
    width: 370px;
  }
  .section-function .function-block-wrap .function-block h4{
    font-size: 22px;
  }
  .section-function .function-block-wrap .function-block > p{
    font-size: 14px;
  }
  .section-function .function-block-wrap #function-block-01.function-block > p,
  .section-function .function-block-wrap #function-block-02.function-block > p,
  .section-function .function-block-wrap #function-block-03.function-block > p{
    min-height: 4.5em;
  }
  .section-function .function-block-wrap #function-block-04.function-block > p,
  .section-function .function-block-wrap #function-block-05.function-block > p,
  .section-function .function-block-wrap #function-block-06.function-block > p{
    min-height: 4.5em;
  }
  .section-function .function-block-wrap #function-block-07.function-block > p,
  .section-function .function-block-wrap #function-block-08.function-block > p,
  .section-function .function-block-wrap #function-block-09.function-block > p{
    min-height: 6em;
  }
}