.l-content {
  position: relative;
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 400;
  color: #212222
}

.l-content img {
  max-width: 100%;
  height: auto
}

.l-content .u-none {
  display: none
}

.l-content .c-content-wrap {
  position: relative;
  padding-left: 20px;
  padding-right: 20px
}

.l-content .u-bg-blue {
  background-color: rgba(204, 236, 239, 0.2)
}

.l-content .u-bg-gray {
  background-color: #F2F2F2
}

.l-content .c-heading.is-h2 {
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  color: #00A2AD;
  margin-bottom: 19.2px;
  font-size: 24px
}

.l-content .c-label {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #5dc0cb;
  width: 64px;
  height: 64px;
  border-radius: 32px;
  z-index: 10
}

.l-content .c-label span {
  text-align: center;
  line-height: 1.2;
  color: #fff;
  font-size: 14px
}

.l-content .c-button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00A2AD;
  width: 195px;
  height: 48px;
  border-radius: 24px;
  will-change: transform
}

.l-content .c-button:hover {
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out
}

.l-content .c-button span {
  position: relative;
  padding-right: 26px;
  color: #fff;
  font-size: 16px
}

.l-content .c-button span::before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff
}

.l-content .h1-area {
  position: relative;
  aspect-ratio: 128/35
}

.l-content .h1-area__title {
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 50%;
  transform: translateY(-60%);
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
  padding: 16px;
  font-size: 24px
}

.l-content .h1-area__title span {
  display: block;
  margin-bottom: 12.8px;
  font-size: 18px
}

.l-content .h1-area__bg {
  overflow: hidden;
  position: relative;
  z-index: 1
}

.l-content .h1-area__bg img {
  max-width: none;
  width: 100%
}

/* .l-content .plus-alpha {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 0
}

.l-content .plus-alpha h2 {
  position: absolute;
  top: 0;
  transform: translateY(-50%);
  white-space: nowrap;
  z-index: 2;
  color: #fff;
  font-weight: 700;
  background-color: #00A2AD;
  text-align: center;
  line-height: 1.2;
  padding: 9px 30px;
  font-size: 18px;
  left: calc(50% - 138px);
  min-width: 276px
}

.l-content .plus-alpha__content {
  padding: 16px 40px 26px 40px
}

.l-content .plus-alpha__content-inner {
  position: relative
}

.l-content .plus-alpha__content-inner dd {
  aspect-ratio: 320/217
}

.l-content .plus-alpha__content-item {
  position: relative;
  background-color: #fff;
  border: 2px solid #00A2AD;
  border-radius: 10px;
  min-height: 140px;
  margin-top: 15px
}

.l-content .plus-alpha__content-item .plus-alpha__content-item-inner {
  margin: 0 auto;
  width: 150px;
  padding-top: 10px;
  padding-left: 22px
}

.l-content .plus-alpha__content-item dl {
  margin: 0 auto
}

.l-content .plus-alpha__content-item dl dt {
  text-align: center;
  color: #008c95;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 8px
}

.l-content .plus-alpha__content-item ul {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -32px
}

.l-content .plus-alpha__content-item ul li+li {
  margin-top: 3px
}

.l-content .plus-alpha__content-item.cloud-platform {
  background: url("https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/guide/img/construct-dx/img_cloud-platform.png") 50% 0/contain no-repeat transparent;
  border: none;
  border-radius: 0;
  width: 188px;
  min-height: 110px;
  margin-top: 0
}

.l-content .plus-alpha__content-item.safieGO .plus-alpha__content-item-logo {
  width: 64px
}

.l-content .plus-alpha__content-item.safie-pocket2 .plus-alpha__content-item-logo {
  width: 105px
}

.l-content .plus-alpha__content-item.entrance .plus-alpha__content-item-logo {
  width: 100%
}

.l-content .plus-alpha__content-item.crane-camera .plus-alpha__content-item-inner {
  width: 160px;
  padding-left: 12px
}

.l-content .plus-alpha__content-item.crane-camera dl dt {
  margin-bottom: 11.2px
}

.l-content .plus-alpha__content-text {
  position: absolute;
  text-align: center;
  color: #008c95;
  font-size: 9px
}

.l-content .plus-alpha__content-text.cloud-platform {
  width: 100%;
  top: 44px
}

.l-content .plus-alpha__content-text.face {
  top: 90px;
  left: 48px
}

.l-content .plus-alpha__content-text.video {
  top: 90px;
  left: 96px
} */

.l-content .client__content {
  padding: 40px 0
}

.l-content .client__content ul.client__list {
  display: flex
}

.l-content .product__content {
  background-color: #F2F2F2;
  padding-top: 20px;
  padding-bottom: 20px
}

.l-content .product__item {
  position: relative;
  background-color: #fff;
  padding: 32px 24px 156px 24px
}

.l-content .product__item-photo {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  border: 2px solid #13939A;
  width: 224px;
  height: 224px;
  border-radius: 112px;
  overflow: hidden
}

.l-content .product__item-label {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: calc(112px - 32px - 30px)
}

.l-content .product__item-label li {
  margin: 0 4px
}

.l-content .product__item-name {
  margin-top: 16px;
  font-weight: 700
}

.l-content .product__item-name dt {
  text-align: center;
  color: #00A2AD;
  font-size: 20px
}

.l-content .product__item-name dd {
  text-align: center;
  color: #00A2AD;
  font-size: 12px;
  margin-top: 8.8px
}

.l-content .product__item-text {
  font-size: 12px;
  margin-top: 19.2px
}

.l-content .product__mark {
  position: absolute;
  bottom: 97px;
  left: 0;
  right: 0;
  margin: auto
}

.l-content .product__item-button-wrap {
  position: absolute;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%)
}

.l-content .efficiency {
  padding: 27px 0
}

.l-content .efficiency__content-inner {
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 16px
}

.l-content .efficiency__heading-wrap {
  display: flex;
  align-items: center;
  flex-flow: row-reverse
}

.l-content .efficiency__heading-wrap h3 {
  color: #00A2AD;
  font-weight: 700;
  line-height: 1.2;
  width: calc(100% - 64px - 8px);
  margin-left: 8px;
  font-size: 18px
}

.l-content .efficiency__heading-wrap h3 span {
  display: block;
  font-weight: 400;
  font-size: 14px
}

.l-content .efficiency__photo {
  margin-top: 16px
}

.l-content .efficiency__text {
  margin-top: 12.8px
}

.l-content .efficiency__item-button-wrap {
  margin-top: 19.2px;
  text-align: center
}

.l-content .efficiency__item-button-wrap .c-button {
  margin: 0 auto
}

.l-content .example {
  padding: 27px 0
}

.l-content .example__content+.example__content {
  margin-top: 16px
}

.l-content .example__content-inner {
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 90px;
  margin-bottom: 62px;
  position: relative
}

.l-content .example__content-inner.go {
  padding-bottom: 80px
}

.l-content .example__heading-wrap {
  display: flex;
  align-items: center;
  flex-flow: row-reverse
}

.l-content .example__heading-wrap h3 {
  font-weight: 700;
  color: #00A2AD;
  line-height: 1.2;
  width: calc(100% - 64px - 8px);
  margin-left: 8px;
  font-size: 18px
}

.l-content .example__heading-wrap h3 span {
  font-weight: 400;
  display: block;
  font-size: 14px
}

.l-content .example__photo-wrap {
  position: relative
}

.l-content .example__photo-list {
  display: flex;
  flex-wrap: wrap
}

.l-content .example__photo-list li {
  width: 50%;
  text-align: center
}

.l-content .example__photo-list li:nth-child(2n+1) img {
  height: 20vw;
  max-height: 230px
}

.l-content .example__photo-list li:nth-child(2n) {
  padding-top: 20px
}

.l-content .example__photo-list li:nth-child(n+2) {
  margin-top: 2em
}

.l-content .example__photo-caption-01 {
  display: inline-block;
  color: #00A2AD;
  font-size: 12px;
  text-align: center;
  font-weight: 600
}

.l-content .example__content.is-doboreco .example__photo-caption-01 {
  margin-top: 37px
}

.l-content .example__content.is-crane-camera .example__photo-caption-01 {
  margin-top: 37px;
  margin-top: 10px
}

.l-content .example__example-item {
  background-color: #F2F2F2;
  padding: 16px;
  margin-top: 16px
}

.l-content .example__example-photo {
  margin-bottom: 12px
}

.l-content .example__example-photo img {
  width: 100%
}

.l-content .example__example-text {
  text-align: center;
  color: #00A2AD;
  font-size: 12px;
  font-weight: 600
}

.l-content .example__example-notes {
  margin-top: 6.4px;
  font-size: 10px
}

.l-content .example__provider {
  text-align: center;
  margin-top: 12.8px
}

.l-content p.example__item-button-wrap {
  position: absolute;
  bottom: 15px;
  right: 0;
  left: 0
}

.l-content p.example__item-button-wrap a.c-button {
  margin: auto
}

.l-content .improvement {
  padding: 27px 0
}

.l-content .improvement__content+.improvement__content {
  margin-top: 16px
}

.l-content .improvement__content-inner {
  background-color: #fff;
  padding-top: 16px;
  padding-bottom: 16px
}

.l-content .improvement__heading-wrap {
  display: flex;
  align-items: center;
  flex-flow: row-reverse
}

.l-content .improvement__heading-wrap h3 {
  font-weight: 700;
  color: #00A2AD;
  line-height: 1.2;
  width: calc(100% - 64px - 8px);
  margin-left: 8px;
  font-size: 18px
}

.l-content .improvement__heading-wrap h3 span {
  font-weight: 400;
  display: block;
  font-size: 14px
}

.l-content .improvement__photo-wrap {
  position: relative
}

.l-content .improvement__photo {
  margin-top: 19px
}

.l-content .improvement__photo-caption-01 {
  display: inline-block;
  color: #00A2AD;
  font-size: 12px
}

.l-content .improvement__photo-caption-02 {
  position: absolute;
  text-align: center;
  font-size: 10px
}

.l-content .improvement__content.is-doboreco .improvement__photo-caption-01 {
  margin-top: 37px
}

.l-content .improvement__content.is-crane-camera .improvement__photo-caption-01 {
  margin-top: 37px
}

.l-content .improvement__example-item {
  background-color: #F2F2F2;
  padding: 16px;
  margin-top: 16px
}

.l-content .improvement__example-photo {
  margin-bottom: 12px
}

.l-content .improvement__example-photo img {
  width: 100%
}

.l-content .improvement__example-text {
  text-align: center;
  color: #00A2AD;
  font-size: 12px
}

.l-content .improvement__example-notes {
  margin-top: 6.4px;
  font-size: 10px
}

.l-content .improvement__provider {
  text-align: center;
  margin-top: 12.8px
}

.l-content .improvement__provider-inner {
  display: inline-block;
  text-align: left
}

.l-content .improvement__provider-logo {
  margin-bottom: 11px
}

.l-content .improvement__provider-text {
  font-size: 10px
}

.l-content .standard-feature {
  padding: 27px 20px;
  margin-left: auto;
  margin-right: auto
}

.l-content .standard-feature__item-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top: -30px
}

.l-content .standard-feature__item-img {
  width: 135px;
  margin-top: 30px;
  margin-bottom: 12px;
  text-align: center
}

.l-content .standard-feature__item-img img {
  width: 100px
}

.l-content .standard-feature__item-name {
  text-align: center;
  font-weight: 700
}

.l-content .standard-feature__item-notes {
  margin-top: 24px;
  color: #666
}

.l-content .optional-service {
  /* padding: 27px 20px */
}

.l-content .optional-service__content {
  background-color: #fff
}

.l-content .optional-service__content+.optional-service__content {
  margin-top: 16px
}

.l-content .optional-service__content-inner {
  background-color: #fff
}

.l-content .optional-service__heading-wrap {
  position: relative;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  background-color: #00A2AD;
  margin-left: -20px;
  margin-right: -20px;
  padding: 8px 0 32px 0
}

.l-content .optional-service__heading-wrap h3 {
  color: #fff;
  font-size: 18px;
  width: calc(100% - 20px - 34px - 6px);
  margin-left: 6px;
  padding-right: 20px;
  font-weight: 700;
  line-height: 1.2
}

.l-content .optional-service__heading-wrap ul {
  position: absolute;
  right: 20px;
  bottom: -32px;
  display: flex
}

.l-content .optional-service__heading-wrap ul li+li {
  margin-left: 8px
}

.l-content .optional-service__icon {
  background-color: #fff;
  text-align: center;
  width: 34px;
  height: 34px;
  border-radius: 17px;
  line-height: 34px
}

.l-content .optional-service__icon img {
  width: 26px;
  vertical-align: middle
}

.l-content .optional-service__photo {
  text-align: center;
  padding: 52px 0 20px 0
}

.l-content .solution {
  padding: 27px 20px
}

.l-content .solution__item {
  margin-top: 24px
}

.l-content .solution__item .solution__item-title {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.2;
  border-top: 4px dotted #ff7600;
  border-bottom: 4px dotted #ff7600;
  font-size: 14px;
  padding: 8px 16px
}

.l-content .solution__item .solution__item-title h3 {
  text-align: center;
  color: #ff7600;
  font-weight: 700
}

.l-content .solution__text {
  margin-top: 16px;
  font-size: 11px
}

.l-content .solution__photo {
  margin-top: 16px
}

.l-content .case-study {
  padding: 32px 20px
}

.l-content .case-study__content {
  margin-top: -10px;
  margin-left: auto;
  margin-right: auto
}

.l-content .case-study__item {
  position: relative;
  margin-top: 10px
}

.l-content .case-study__item-body {
  position: absolute;
  z-index: 2;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 5px 16px 10px 16px;
  background-color: rgba(0, 58, 62, 0.7)
}

.l-content .case-study__item-title {
  text-align: center
}

.l-content .case-study__item-detalil {
  color: #fff;
  margin-top: 10px
}

.l-content .case-study__item-detalil dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.l-content .case-study__item-company {
  text-align: center
}

.l-content .case-study__item-company-name {
  font-size: 13px
}

.l-content .case-study__item-department {
  font-size: 9px;
  margin-right: 16px
}

.l-content .case-study__item:last-child .case-study__item-department {
  margin-right: 0
}

.l-content .case-study__item-name {
  margin-right: 16px;
  font-size: 13px
}

.l-content .case-study__item-name:last-child {
  margin-right: 0
}

.l-content .case-study__item-text {
  position: relative;
  margin-top: 5px;
  padding-top: 5px;
  color: #fff;
  font-size: 13px
}

.l-content .case-study__item-text::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2)
}

.l-content .case-study__item-label {
  position: absolute;
  z-index: 2;
  top: 8px;
  right: 4px;
  display: flex
}

.l-content .case-study__item-label .c-label {
  margin: 0 4px
}

.l-content .case-study__bg {
  position: relative;
  z-index: 1;
  border: 1px solid #707070
}

.l-content .download-material {
  background-color: #0F757C;
  padding: 32px 20px
}

.l-content .download-material h2.c-heading.is-h2 {
  color: #fff
}

.l-content .download_material_button-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  margin: auto
}

.l-content .download-material__button-wrap {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  max-width: 450px;
  line-height: 1;
  margin: 1.5em auto 0
}

.l-content .download-material__button {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FF7600;
  padding: 20px 16px;
  will-change: transform;
  text-align: center
}

.l-content .download-material__button:hover {
  opacity: 0.8;
  transition: opacity 0.2s ease-in-out;
  backface-visibility: hidden
}

.l-content .download-material__button span {
  position: relative;
  color: #fff;
  font-size: 16px;
  width: 97%;
  max-width: 18em
}

.l-content .download-material__button span::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  background-color: #FFBB80
}

.l-content .download-material__button span::after {
  display: block;
  content: "";
  position: absolute;
  z-index: 1;
  top: 50%;
  right: -12px;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  transform: translateY(-50%);
  background-color: #FFBB80
}

@media print,
screen and (min-width: 980px) {
  .l-content .u-blcok-lg {
    display: block
  }

  .l-content .u-inline-lg {
    display: inline
  }

  .l-content .c-content-wrap {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 60px;
    padding-right: 60px
  }

  .l-content .h1-area__title {
    top: 50%;
    transform: translateY(-50%);
    padding: 28px;
    font-size: 40px
  }

  .l-content .h1-area__title span {
    margin-bottom: 21.6px;
    font-size: 30px
  }

  /* .l-content .plus-alpha h2 {
    padding: 13px 32px;
    font-size: 32px;
    left: calc(50% - 326px);
    min-width: 652px
  }

  .l-content .plus-alpha__content-inner {
    max-width: 960px;
    padding-left: 36px;
    background: url("https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/guide/img/construct-dx/bg_plus-alpha_content_pc.png") 54% 119px/432px auto no-repeat
  }

  .l-content .plus-alpha__content-item {
    width: 260px;
    min-height: 190px;
    margin-top: 0;
    order: 4
  }

  .l-content .plus-alpha__content-item:nth-child(n+4) {
    margin-top: 43px
  }

  .l-content .plus-alpha__content-item .plus-alpha__content-item-inner {
    width: 178px
  }

  .l-content .plus-alpha__content-item dl dt {
    font-size: 21px;
    margin-bottom: 11.2px
  }

  .l-content .plus-alpha__content-item.cloud-platform {
    margin: 0 40px 0 0;
    width: 312px;
    min-height: 181px;
    order: 2
  }

  .l-content .plus-alpha__content-item.safieGO .plus-alpha__content-item-logo {
    width: 93px
  }

  .l-content .plus-alpha__content-item.safie-pocket2 .plus-alpha__content-item-logo {
    width: 148px
  }

  .l-content .plus-alpha__content-item.crane-camera .plus-alpha__content-item-inner {
    width: 200px
  }

  .l-content .plus-alpha__content-text {
    font-size: 15px
  }

  .l-content .plus-alpha__content-text.cloud-platform {
    top: 70px
  }

  .l-content .plus-alpha__content-text.face {
    top: 150px;
    left: 78px
  }

  .l-content .plus-alpha__content-text.video {
    top: 150px;
    left: 155px
  } */

  .l-content .product h2.c-heading.is-h2 {
    margin-bottom: 10px
  }

  .l-content .product__item-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .l-content .product__item {
    width: calc(33.32% - 20px);
    padding: 34px 24px 156px 24px;
    margin-top: 131.2px
  }

  .l-content .product__item:nth-child(n+3) {
    padding: 32px 24px 104px 24px
  }

  .l-content .efficiency__content-inner {
    position: relative;
    padding-top: 40px;
    padding-bottom: 100px
  }

  .l-content .efficiency__content-inner::after {
    content: "";
    display: block;
    clear: both
  }

  .l-content .efficiency__heading-wrap {
    float: left;
    margin-top: -20px;
    min-width: 300px
  }

  .l-content .efficiency__photo {
    width: 418px;
    float: right
  }

  .l-content .efficiency__text {
    width: calc(100% - 418px);
    float: left;
    margin-top: 20px;
    padding-right: 90px
  }

  .l-content .efficiency__item-button-wrap {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 23px;
    margin-top: 0
  }

  .l-content .example__content+.example__content {
    margin-top: 24px
  }

  .l-content .example__content-inner {
    padding-top: 24px
  }

  .l-content .example__photo {
    margin-top: -14px
  }

  .l-content .example__photo-caption-01 {
    font-size: 16px
  }

  .l-content .example__content.is-doboreco .example__photo-caption-01 {
    margin-top: 8px;
    margin-left: 60px
  }

  .l-content .example__example-wrap {
    flex-shrink: 1
  }

  .l-content .example__provider {
    width: 254px;
    flex-shrink: 0
  }

  .l-content .improvement__content+.improvement__content {
    margin-top: 24px
  }

  .l-content .improvement__content-inner {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px
  }

  .l-content .improvement__photo {
    margin-top: -14px
  }

  .l-content .improvement__photo-caption-02 {
    right: 55px;
    bottom: 0
  }

  .l-content .improvement__content.is-doboreco .improvement__photo-caption-01 {
    margin-top: 8px;
    margin-left: 60px
  }

  .l-content .improvement__content.is-crane-camera .improvement__photo-caption-01 {
    margin-top: 13px
  }

  .l-content .improvement__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .l-content .improvement__example-wrap {
    flex-shrink: 1
  }

  .l-content .improvement__example-item+.improvement__example-item {
    margin-left: 30px
  }

  .l-content .improvement__provider {
    width: 254px;
    flex-shrink: 0
  }

  .l-content .standard-feature {
    width: 960px
  }

  .l-content .optional-service__heading-wrap {
    margin-left: -60px;
    margin-right: -60px;
    padding: 12px 0
  }

  .l-content .optional-service__heading-wrap h3 {
    width: 724px;
    margin-left: 24px
  }

  .l-content .optional-service__heading-wrap ul {
    right: 238px
  }

  .l-content .solution__content {
    width: 960px
  }

  .l-content .solution__item {
    margin-top: 40px;
    width: calc(50% - 50px)
  }

  .l-content .solution__item .solution__item-title {
    font-size: 26px
  }

  .l-content .solution__item:nth-child(n+5) .solution__item-title {
    min-height: calc((1em * 1.2 * 2) + 8px + 8px + 8px)
  }

  .l-content .solution__text {
    font-size: 16px
  }

  .l-content .case-study__item {
    width: calc(33.32% - 30px);
    margin-top: 0;
    margin-bottom: 2em
  }

  .l-content .case-study__item-body {
    padding: 8px 16px 16px 16px
  }

  .l-content .case-study__item-company-name {
    font-size: 13.5px
  }

  .l-content .case-study__item-department {
    font-size: 10px
  }

  .l-content .case-study__item-name {
    font-size: 14px
  }

  .l-content .case-study__item-text {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 15px
  }

  .l-content .download_material_button-list {
    width: 960px;
    flex-direction: row
  }
}

@media screen and (max-width: 979px) and (min-width: 769px) {
  .l-content .u-blcok-md {
    display: block
  }

  .l-content .u-inline-md {
    display: inline
  }

  .l-content .c-content-wrap {
    max-width: 640px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 36px;
    padding-right: 36px
  }

  .l-content .h1-area__title {
    top: 50%;
    transform: translateY(-50%);
    padding: 20px;
    font-size: 36px
  }

  .l-content .h1-area__title span {
    margin-bottom: 19.2px;
    font-size: 24px
  }

  .l-content .h1-area__bg {
    height: 318px
  }

  /* .l-content .plus-alpha h2 {
    padding: 16px 32px;
    font-size: 30px;
    left: calc(50% - 307px);
    min-width: 614px
  }

  .l-content .plus-alpha__content-inner {
    max-width: 640px;
    padding-left: 36px;
    background: url("https://22314159.fs1.hubspotusercontent-na1.net/hubfs/22314159/safie-corp/guide/img/construct-dx/bg_plus-alpha_content_pc.png") 54.5% 79px/288px auto no-repeat
  }

  .l-content .plus-alpha__content-item {
    width: 170px;
    min-height: 121px;
    margin-top: 0;
    order: 4
  }

  .l-content .plus-alpha__content-item:nth-child(n+4) {
    margin-top: 29px
  }

  .l-content .plus-alpha__content-item .plus-alpha__content-item-inner {
    width: 118px
  }

  .l-content .plus-alpha__content-item dl dt {
    font-size: 14px;
    margin-bottom: 9.6px
  }

  .l-content .plus-alpha__content-item.cloud-platform {
    margin: 0 26px 0 0;
    width: 208px;
    min-height: 125px;
    order: 2
  }

  .l-content .plus-alpha__content-item.safieGO .plus-alpha__content-item-logo {
    width: 61px
  }

  .l-content .plus-alpha__content-item.safie-pocket2 .plus-alpha__content-item-logo {
    width: 97px
  }

  .l-content .plus-alpha__content-item.crane-camera .plus-alpha__content-item-inner {
    width: 132px
  }

  .l-content .plus-alpha__content-text {
    font-size: 10px
  }

  .l-content .plus-alpha__content-text.cloud-platform {
    top: 48px
  }

  .l-content .plus-alpha__content-text.face {
    top: 100px;
    left: 54px
  }

  .l-content .plus-alpha__content-text.video {
    top: 100px;
    left: 105px
  } */

  .l-content .product__item-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }

  .l-content .product__item {
    width: calc(50% - 24px);
    padding: 34px 24px 156px 24px;
    margin-top: 136px
  }

  .l-content .product__item:nth-child(n+3) {
    margin-top: 116px
  }

  .l-content .product__item:nth-child(n+4) {
    padding: 32px 24px 32px 24px
  }

  .l-content .efficiency__photo {
    width: 418px;
    margin-left: auto;
    margin-right: auto
  }

  .l-content .efficiency__text {
    width: 418px;
    margin-left: auto;
    margin-right: auto
  }

  .l-content .example__content+.example__content {
    margin-top: 42px
  }

  .l-content .example__photo {
    margin-top: 11px
  }

  .l-content .example__content.is-doboreco .example__photo-caption-01 {
    margin-top: 11px
  }

  .l-content .example__example-item {
    margin-top: 33px
  }

  .l-content .example__provider {
    margin-top: 27.2px
  }

  .l-content .improvement__content+.improvement__content {
    margin-top: 42px
  }

  .l-content .improvement__photo {
    margin-top: 11px
  }

  .l-content .improvement__photo-caption-02 {
    right: 18px;
    bottom: 0
  }

  .l-content .improvement__content.is-doboreco .improvement__photo-caption-01 {
    margin-top: 11px
  }

  .l-content .improvement__content.is-crane-camera .improvement__photo-caption-01 {
    margin-top: 10px
  }

  .l-content .improvement__example-item {
    margin-top: 33px
  }

  .l-content .improvement__example-item+.improvement__example-item {
    margin-left: 38px
  }

  .l-content .improvement__provider {
    margin-top: 27.2px
  }

  .l-content .standard-feature {
    width: 640px
  }

  .l-content .standard-feature__item-img {
    width: 128px
  }

  .l-content .standard-feature__item-name {
    margin: 0 -1px
  }

  .l-content .optional-service__heading-wrap {
    margin-left: -36px;
    margin-right: -36px;
    padding: 12px 0
  }

  .l-content .optional-service__heading-wrap h3 {
    width: 506px;
    margin-left: 24px
  }

  .l-content .optional-service__heading-wrap ul {
    right: 36px
  }

  .l-content .solution__content {
    width: 640px
  }

  .l-content .solution__item {
    margin-top: 40px;
    width: calc(50% - 36px)
  }

  .l-content .solution__item .solution__item-title {
    font-size: 16px
  }

  .l-content .solution__item:nth-child(n+5) .solution__item-title {
    min-height: calc((1em * 1.2 * 2) + 4px + 4px + 8px)
  }

  .l-content .case-study__item {
    width: calc(33.32% - 10px);
    margin-top: 0;
    margin-bottom: 2em
  }

  .l-content .case-study__item-body {
    padding: 5px
  }

  .l-content .case-study__item-body.high {
    padding-bottom: 21px
  }

  .l-content .case-study__item-title img {
    width: auto;
    height: 23px
  }

  .l-content .case-study__item-detalil {
    margin-top: 8px
  }

  .l-content .case-study__item-company-name {
    font-size: 1vw
  }

  .l-content .case-study__item-department {
    margin-right: 10px;
    font-size: 7px
  }

  .l-content .case-study__item-name {
    margin-right: 10px;
    font-size: 9px
  }

  .l-content .case-study__item-text {
    margin-top: 6px;
    padding-top: 6px;
    font-size: 12px
  }

  .l-content .case-study__item-label {
    right: 2px
  }

  .l-content .case-study__item-label .c-label {
    margin: 0 2px;
    width: 48px;
    height: 48px;
    border-radius: 24px
  }

  .l-content .case-study__item-label .c-label span {
    font-size: 11px
  }
}

@media screen and (max-width: 768px) {
  .l-content .u-blcok-sm {
    display: block
  }

  .l-content .u-inline-sm {
    display: inline
  }

  .l-content .h1-area__bg {
    height: 219px
  }

  .l-content .plus-alpha {
    background-size: cover
  }

  /* .l-content .plus-alpha__content-inner {
    max-width: 240px;
    margin: 0 auto;
    padding: 0 20px
  }

  .l-content .plus-alpha__content-inner::before {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3px;
    height: 90%;
    background: #05868e
  }

  .l-content .plus-alpha__content-item.safieGO {
    margin-top: 25px
  } */

  .l-content .client__content ul.client__list {
    flex-wrap: wrap;
    justify-content: center
  }

  .l-content .client__content ul.client__list li {
    width: 48%
  }

  .l-content .product__item {
    margin-top: 136px;
    padding: 34px 24px
  }

  .l-content .product__mark {
    position: initial;
    bottom: initial;
    left: initial;
    right: initial;
    margin: 10px auto;
    display: block
  }

  .l-content .product__item-button-wrap {
    position: initial;
    bottom: initial;
    left: initial;
    transform: initial
  }

  .l-content .product__item-button-wrap .c-button {
    margin: 24px auto 0
  }

  .l-content .efficiency__content {
    padding-left: 20px;
    padding-right: 20px
  }

  .l-content .example__content {
    padding-left: 20px;
    padding-right: 20px
  }

  .l-content .example__photo-list li {
    width: 100%
  }

  .l-content .example__photo-list li:nth-child(2n+1) img {
    height: auto;
    max-height: 100%
  }

  .l-content .example__photo-list li:nth-child(2n) {
    padding-top: 1em;
    margin-bottom: 4em
  }

  .l-content .example__photo-list li:nth-child(n+2) {
    margin-top: 0
  }

  .l-content .example__photo-list li:last-child {
    margin-bottom: 0
  }

  .l-content .improvement__content {
    padding-left: 20px;
    padding-right: 20px
  }

  .l-content .improvement__photo-caption-02 {
    width: 40%;
    margin: 0 -1%;
    right: 0
  }

  .l-content .improvement__content.is-doboreco .improvement__photo-caption-02 {
    bottom: 32px
  }

  .l-content .improvement__content.is-crane-camera .improvement__photo-caption-02 {
    bottom: 58px
  }

  .l-content .case-study__content {
    max-width: 300px
  }

  .l-content .download-material h2.c-heading.is-h2 {
    font-size: 22px
  }
}

@media screen and (min-width: 769px) {
  .l-content .u-blcok-md-over {
    display: block
  }

  .l-content .u-inline-md-over {
    display: inline
  }

  .l-content .c-heading.is-h2 {
    margin-bottom: 32px;
    font-size: 32px
  }

  .l-content .c-label {
    width: 72px;
    height: 72px;
    border-radius: 36px
  }

  .l-content .c-label span {
    font-size: 17px
  }

  /* .l-content .plus-alpha {
    padding: 40px 0 40px 0
  }

  .l-content .plus-alpha__content {
    padding: 0
  }

  .l-content .plus-alpha__content-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto
  }

  .l-content .plus-alpha__content-item ul {
    left: -36px
  }

  .l-content .plus-alpha__content-item.safieGO {
    order: 3
  }

  .l-content .plus-alpha__content-item.safie-pocket2 {
    order: 1
  }

  .l-content .plus-alpha__content-item.crane-camera dl dt {
    margin-bottom: 14.4px
  } */

  .l-content .product {
    padding: 40px 0
  }

  .l-content .product__content {
    padding-top: 40px;
    padding-bottom: 40px
  }

  .l-content .product__item-photo {
    width: 208px;
    height: 208px;
    border-radius: 104px
  }

  .l-content .product__item-label {
    margin-top: calc(104px - 36px - 33px)
  }

  .l-content .product__item-name dt {
    font-size: 22px
  }

  .l-content .product__item-text {
    margin-top: 20.8px
  }

  .l-content .product__item-button-wrap {
    bottom: 34px
  }

  .l-content .efficiency {
    padding: 40px 0
  }

  .l-content .efficiency__heading-wrap h3 {
    width: calc(100% - 72px - 24px);
    margin-left: 24px;
    font-size: 22px
  }

  .l-content .efficiency__heading-wrap h3 span {
    font-size: 16px
  }

  .l-content .example {
    padding: 40px 0
  }

  .l-content .example__heading-wrap h3 {
    width: calc(100% - 72px - 24px);
    margin-left: 24px;
    font-size: 22px
  }

  .l-content .example__heading-wrap h3 span {
    font-size: 16px
  }

  .l-content .example__footer {
    display: flex;
    justify-content: space-between;
    align-items: center
  }

  .l-content .example__example-wrap {
    display: flex;
    justify-content: space-between
  }

  .l-content .example__example-item {
    width: 30%
  }

  .l-content .example__example-text {
    font-size: 14px
  }

  .l-content .improvement {
    padding: 40px 0
  }

  .l-content .improvement__heading-wrap h3 {
    width: calc(100% - 72px - 24px);
    margin-left: 24px;
    font-size: 22px
  }

  .l-content .improvement__heading-wrap h3 span {
    font-size: 16px
  }

  .l-content .improvement__photo-caption-01 {
    text-align: center;
    font-size: 16px
  }

  .l-content .improvement__photo-caption-02 {
    font-size: 16px
  }

  .l-content .improvement__example-wrap {
    display: flex;
    flex-wrap: wrap
  }

  .l-content .improvement__example-item {
    width: 260px
  }

  .l-content .improvement__example-text {
    font-size: 14px
  }

  .l-content .improvement__provider-logo {
    margin-bottom: 8px
  }

  .l-content .standard-feature {
    padding: 40px 0
  }

  .l-content .standard-feature__item-notes {
    text-align: right
  }

  .l-content .optional-service {
    padding: 40px 0
  }

  .l-content .optional-service__content+.optional-service__content {
    margin-top: 24px
  }

  .l-content .optional-service__heading-wrap h3 {
    font-size: 22px
  }

  .l-content .optional-service__heading-wrap ul {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%)
  }

  .l-content .optional-service__heading-wrap ul li+li {
    margin-left: 16px
  }

  .l-content .optional-service__icon {
    width: 74px;
    height: 74px;
    border-radius: 37px;
    line-height: 74px
  }

  .l-content .optional-service__icon img {
    width: 56px
  }

  .l-content .optional-service__photo {
    padding: 30px 0
  }

  .l-content .solution {
    padding: 40px 0
  }

  .l-content .solution__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    padding: 0
  }

  .l-content .solution__text {
    min-height: calc(1em * 1.4 * 3)
  }

  .l-content .case-study {
    padding: 40px 0
  }

  .l-content .case-study__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
    padding: 0
  }

  .l-content .download-material {
    padding: 56px 0
  }

  .l-content .download-material__button {
    padding: 25px 20px
  }

  .l-content .download-material__button span {
    font-size: 26px
  }
}

@media screen and (max-width: 979px) {
  .l-content .u-blcok-md-under {
    display: block
  }

  .l-content .u-inline-md-under {
    display: inline
  }

  .l-content .h1-area__bg img {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: auto
  }
}