@charset "UTF-8";

.modal {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
}

.modalBg {
  background: rgba(0, 0, 0, 0.5);
  height: 100vh;
  position: absolute;
  width: 100%;
}

.modalContent {
  left: 50%;
  position: absolute;
  top: 55%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 96rem;
  width: 80%;
  height: 32.15vw;
  background: #fff;
}

.modalContent video {
  width: 100%;
  height: 100%;
}

.modalCloseBtn {
  position: absolute;
  right: -2px;
  top: -4.4rem;
  width: 4.4rem;
  height: 4.4rem;
  background: #0090a8;
}

.modalCloseBtn:before,
.modalCloseBtn:after {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  background: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.modalCloseBtn:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.modalCloseBtn:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.modalCloseBtn:hover {
  cursor: pointer;
}

.notfound__wrap {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding-bottom: 15rem;
}

.notfound__wrap .f_b {
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}

.notfound__wrap p {
  text-align: center;
}

.notfound__wrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  max-width: 25rem;
  margin: 4rem auto 0;
}

@media screen and (max-width: 68.7rem) {
  .notfound__wrap a {
    padding: 1.2rem 2.5rem;
  }
}

.notfound__wrap a span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .notfound__wrap a:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .notfound__wrap a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .fadeIn {
    -webkit-transform: translateY(25px);
    transform: translateY(25px);
  }

  .fadeIn.faded {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }

  .h1Block {
    padding: 1rem 0;
  }

  .h1Block h1,
  .h1Block div {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 1.8rem;
  }

  .h1Block--ph {
    height: 15rem;
  }

  .h1Block--ph:before {
    width: 89.33333%;
    background: url(../img/h1_blue.png) no-repeat right top;
  }

  .h1Block--ph h1,
  .h1Block--ph div {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    font-size: 2rem;
  }

  .h1Block--products h1,
  .h1Block--products div {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .contactBlock {
    padding: 2rem 0;
  }

  .contactBlock__inner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    max-width: inherit;
    padding: 1.5rem;
  }

  .contactBlock__ttl {
    width: 10.2rem;
    margin: 0 auto 1.7rem;
  }

  .contactBlock__lead {
    margin-bottom: 1.7rem;
  }

  .contactBlock__tel dt {
    padding-right: 2rem;
  }

  .contactBlock__tel dd {
    line-height: 1.5rem;
    padding-left: 0;
  }

  .contactBlock__cont {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .contactBlock__cont .contactBlock__tel {
    padding-top: 0;
    width: 21rem;
    margin-bottom: 2rem;
  }

  .contactBlock__btn {
    text-align: center;
    width: 100%;
  }

  .gotopBlock {
    padding: 4rem 0;
    width: 100%;
  }

  .gotopBlock.sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .gotopBlock .gotop {
    width: auto;
    height: auto;
    position: relative;
    right: auto;
    bottom: auto;
    padding-top: 2rem;
    letter-spacing: 0.01em;
  }

  .gotopBlock .gotop:before {
    content: "";
    border-right: 1px solid #333;
    border-top: 1px solid #333;
    width: 1.2rem;
    height: 1.2rem;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .btmBlock {
    color: #ffffff;
  }

  .btmBlock__inner {
    width: 100%;
    min-width: inherit;
    overflow-x: scroll;
    padding-left: 10.66667%;
  }

  .btmBlock ul {
    white-space: nowrap;
  }

  .btmBlock li {
    padding: 1rem 0;
    margin-right: 1.6rem;
  }

  .flootContact a {
    top: auto;
    bottom: 2rem;
    letter-spacing: 0;
  }

  .modalContent {
    width: 80%;
    height: 50vw;
  }

  .modalCloseBtn {
    top: -2.2rem;
    width: 2.2rem;
    height: 2.2rem;
  }

  .notfound__wrap {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-bottom: 9rem;
  }

  .notfound__wrap .f_b {
    font-size: 1.8rem;
  }
}


.newsPage {
  padding-bottom: 9rem;
}

.newsPage .news {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__cont {
  margin-top: 3rem;
  width: 100%;
}

.newsPage .news__cont a {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 2rem 4rem;
  background: #fbfbfb;
  background-size: 1.5rem;
}

.newsPage .news__cont a:hover {
  opacity: 0.7;
}

.newsPage .news__cont dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__cont dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__date {
  font-size: 1.4rem;
    margin-right: 1rem;
    min-width: 7.3rem;
    font-size: 1.4rem;
    white-space: nowrap;
}

.newsPage .news__cat {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  align-content: stretch;
  min-width: 120px;
  margin-right: 1rem;
}

.newsPage .news__cat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.7rem;
  display: none;
}

.newsPage .news__cat.cat_product:before {
  background: #49ac67;
  display: block;
}

.newsPage .news__cat.cat_press:before {
  background: #496bac;
  display: block;
}

.newsPage .news__cat.cat_blog:before {
  background: #bfa82a;
  display: block;
}

.newsPage .news__cat.cat_recruit:before {
  background: #d83b1e;
  display: block;
}

.newsPage .news__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__tab li {
  margin-right: 3rem;
}

.newsPage .news__tab a {
  color: #898989;
  padding-bottom: 1rem;
}

.newsPage .news__tab .active {
  color: #000000;
  border-bottom: 1px solid #000;
}

.newsPage .news__cont {
  display: none;
}

.newsPage .news__contList {
  margin-bottom: 8rem;
}

.newsPage .news__tab {
  margin-bottom: 4rem;
}

.newsPage .news__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
}

.newsPage .news__pager a:hover {
  opacity: 0.7;
}

.newsPage .news__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPage .news__pager ul li {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 1rem;
}
.newsPage .news__pager ul li a img{
  height: 50%;
}
.newsPage .news__pager ul li a,
.newsPage .news__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.newsPage .news__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.newsPage .news__pager ul li.pagerPrev,
.newsPage .news__pager ul li.pagerNext {
  width: 0.9rem;
}

.newsPage .news__pager ul li.pagerPrev img,
.newsPage .news__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.newsPage .news__pager ul li.pagerPrev:hover,
.newsPage .news__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.newsPage .news__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .newsPage .news__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .newsPage .news__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .newsPage .news__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .newsPage .news__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

.newsPageDetail {
  padding-bottom: 9rem;
}

.newsPageDetail__ttl {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.newsPageDetail__ttl dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 1.4rem;
  line-height: 1;
  position: relative;
  padding-left: 1.2rem;
  margin-bottom: 1.5rem;
}

.newsPageDetail__ttl dl:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.3rem;
}

.newsPageDetail__ttl dl dt {
  margin-right: 2rem;
}

.newsPageDetail__ttl h1 {
  color: #0090a8;
  font-size: 2rem;
  font-weight: bold;
  padding-bottom: 1rem;
  border-bottom: 2px solid #0090a8;
  margin-bottom: 2rem;
}

.newsPageDetail article {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 5rem;
}

.newsPageDetail__sign {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  line-height: 3.4rem;
  margin-bottom: 8rem;
}

.newsPageDetail__sign a:not([href^="tel:"]) {
  text-decoration: underline;
}

.newsPageDetail__sign a:not([href^="tel:"]):hover {
  text-decoration: none;
}

.newsPageDetail__print {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 3rem;
}

.newsPageDetail__print a {
  display: block;
  background: url(../img/news/print.png) no-repeat left center;
  background-size: 5rem;
  padding-left: 6.5rem;
  line-height: 5rem;
  min-height: 5rem;
}

.newsPageDetail__print a:hover {
  opacity: 0.7;
}

.newsPageDetail__pager {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.newsPageDetail__pagerPrev {
  font-size: 1.4rem;
  background: url(../img/simplearrowL_gray.svg) no-repeat left center;
  background-size: 0.9rem;
  padding-left: 3rem;
}

.newsPageDetail__pagerPrev:hover {
  opacity: 0.7;
}

.newsPageDetail__pagerNext {
  font-size: 1.4rem;
  background: url(../img/simplearrowR_gray.svg) no-repeat right center;
  background-size: 0.9rem;
  padding-right: 3rem;
}

.newsPageDetail__pagerNext:hover {
  opacity: 0.7;
}

.newsPageDetail__pagerList {
  display: inline-flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {
  .newsPageDetail__pagerList {
    padding: 1.2rem 2.5rem;
  }
}

.newsPageDetail__pagerList span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .newsPageDetail__pagerList:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .newsPageDetail__pagerList:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.newsPageDetail .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-image a,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-image img,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-item a,
.newsPageDetail .wp-block-gallery.is-cropped .blocks-gallery-item img,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-image a,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-image img,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-item a,
.blogPage__cont .blocks-gallery-grid.is-cropped .blocks-gallery-item img,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-image a,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-image img,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-item a,
.blogPage__cont .wp-block-gallery.is-cropped .blocks-gallery-item img {
  height: auto;
}

.newsPageDetail article img,
.blogPage__cont article img {
  width: 100%;
  height: auto;
}

.newsPageDetail article p,
.blogPage__cont article p {
  margin-bottom: 3rem;
  font-size: 1.4rem;
  line-height: 3rem;
}

.newsPageDetail article a,
.blogPage__cont article a {
  color: #0090a8;
  text-decoration: underline;
}

.newsPageDetail article a:hover,
.blogPage__cont article a:hover {
  text-decoration: none;
}

.newsPageDetail article .wp-block-separator,
.blogPage__cont article .wp-block-separator {
  margin-top: 4rem;
  margin-bottom: 4rem;
  border: none;
  border-bottom: 1px solid #333;
  width: 10%;
  min-width: 10rem;
}

.newsPageDetail article .wp-block-separator.is-style-wide,
.blogPage__cont article .wp-block-separator.is-style-wide {
  width: 100%;
}

.newsPageDetail article .wp-block-separator.is-style-dots,
.blogPage__cont article .wp-block-separator.is-style-dots {
  border-bottom: none;
}

.newsPageDetail article .wp-block-separator.is-style-dots:before,
.blogPage__cont article .wp-block-separator.is-style-dots:before {
  letter-spacing: 2.6em;
  font-size: 2rem;
  padding-left: 0;
}

.newsPageDetail article h1,
.newsPageDetail article h2,
.newsPageDetail article h3,
.newsPageDetail article h4,
.newsPageDetail article h5,
.newsPageDetail article h6,
.blogPage__cont article h1,
.blogPage__cont article h2,
.blogPage__cont article h3,
.blogPage__cont article h4,
.blogPage__cont article h5,
.blogPage__cont article h6 {
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 3rem;
}

.newsPageDetail article h1,
.blogPage__cont article h1 {
  font-size: 2.8rem;
}

.newsPageDetail article h2,
.blogPage__cont article h2 {
  font-size: 2.6rem;
}

.newsPageDetail article h3,
.blogPage__cont article h3 {
  font-size: 2.2rem;
  padding: 1em 0;
  border-top:2px solid #545252;
  position: relative;
}
.newsPageDetail article h3::before,
.blogPage__cont article h3::before{
  content: "";
  width: 50px;
  height: 2px;
  background: #d83b1e;
  position: absolute;
  top: -2px;
  left: 0;
}

.newsPageDetail article h4,
.blogPage__cont article h4 {
  /*font-size: 2rem;*/
}

.newsPageDetail article h5,
.blogPage__cont article h5 {
  /*font-size: 1.8rem;:*/
}

.newsPageDetail article strong,
.blogPage__cont article strong {
  font-weight: bold;
}

.newsPageDetail article em,
.blogPage__cont article em {
  font-style: italic;
}

.newsPageDetail article ul li,
.newsPageDetail article ol li,
.blogPage__cont article ul li,
.blogPage__cont article ol li {
  margin-left: 1em;
}

.newsPageDetail article ul li ol,
.newsPageDetail article ol li ol,
.blogPage__cont article ul li ol,
.blogPage__cont article ol li ol {
  margin-left: 1rem;
}

.newsPageDetail article ul li ul,
.newsPageDetail article ol li ul,
.blogPage__cont article ul li ul,
.blogPage__cont article ol li ul {
  margin-left: 1rem;
  list-style: circle;
}

.newsPageDetail article ol,
.blogPage__cont article ol {
  list-style: decimal;
}

.newsPageDetail article ul,
.blogPage__cont article ul {
  list-style: disc;
}

.newsPageDetail article .wp-block-verse,
.blogPage__cont article .wp-block-verse {
  margin-bottom: 4rem;
  padding: 1rem;
}

.newsPageDetail article .wp-block-table,
.blogPage__cont article .wp-block-table {
  margin-bottom: 4rem;
}

.newsPageDetail article .wp-block-table table,
.blogPage__cont article .wp-block-table table {
  border: 1px solid #333;
}

.newsPageDetail article .wp-block-table table *,
.blogPage__cont article .wp-block-table table * {
  border: 1px solid #333;
}

.newsPageDetail article .wp-block-table table th,
.newsPageDetail article .wp-block-table table td,
.blogPage__cont article .wp-block-table table th,
.blogPage__cont article .wp-block-table table td {
  padding: 1rem;
}

.newsPageDetail article .wp-block-latest-posts__list,
.blogPage__cont article .wp-block-latest-posts__list {
  margin-bottom: 3rem;
}

.newsPageDetail article .wp-block-quote,
.blogPage__cont article .wp-block-quote {
  border-left: 5px solid #333;
  padding-left: 1.5rem;
  margin: 3rem 0;
}

.newsPageDetail article .wp-block-quote cite,
.blogPage__cont article .wp-block-quote cite {
  font-size: 1.4rem;
  color: #999999;
}

.newsPageDetail article .wp-block-quote.is-large,
.blogPage__cont article .wp-block-quote.is-large {
  border-left: 0;
}

.newsPageDetail article .wp-block-audio,
.blogPage__cont article .wp-block-audio {
  margin-bottom: 3rem;
}

.newsPageDetail article .wp-block-audio figcaption,
.blogPage__cont article .wp-block-audio figcaption {
  text-align: center;
}

.newsPageDetail article .wp-block-button,
.blogPage__cont article .wp-block-button {
  zoom: 1;
}

.newsPageDetail article .wp-block-button:before,
.newsPageDetail article .wp-block-button:after,
.blogPage__cont article .wp-block-button:before,
.blogPage__cont article .wp-block-button:after {
  content: "";
  display: table;
}

.newsPageDetail article .wp-block-button:after,
.blogPage__cont article .wp-block-button:after {
  clear: both;
}

.newsPageDetail article .wp-block-button__link,
.blogPage__cont article .wp-block-button__link {
  color: #ffffff;
  text-decoration: none;
  margin-bottom: 2rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.newsPageDetail article .wp-block-button__link:hover,
.blogPage__cont article .wp-block-button__link:hover {
  opacity: 0.7;
}

.newsPageDetail article .wp-block-button__link span,
.blogPage__cont article .wp-block-button__link span {
  position: relative;
  z-index: 1;
  padding-right: 3rem;
  background: url(/assets/img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
  display: block;
  font-size: 1.4rem;
}

.newsPageDetail article .alignleft,
.blogPage__cont article .alignleft {
  float: left;
  margin-right: 2rem;
  margin-bottom: 2rem;
}

.newsPageDetail article .alignleft+*,
.blogPage__cont article .alignleft+* {
  zoom: 1;
}

.newsPageDetail article .alignleft+*:before,
.newsPageDetail article .alignleft+*:after,
.blogPage__cont article .alignleft+*:before,
.blogPage__cont article .alignleft+*:after {
  content: "";
  display: table;
}

.newsPageDetail article .alignleft+*:after,
.blogPage__cont article .alignleft+*:after {
  clear: both;
}

.newsPageDetail article .alignright,
.blogPage__cont article .alignright {
  float: right;
  margin-left: 2rem;
  margin-bottom: 2rem;
}

.newsPageDetail article .alignright+*,
.blogPage__cont article .alignright+* {
  zoom: 1;
}

.newsPageDetail article .alignright+*:before,
.newsPageDetail article .alignright+*:after,
.blogPage__cont article .alignright+*:before,
.blogPage__cont article .alignright+*:after {
  content: "";
  display: table;
}

.newsPageDetail article .alignright+*:after,
.blogPage__cont article .alignright+*:after {
  clear: both;
}

.newsPageDetail article .wp-block-pullquote,
.blogPage__cont article .wp-block-pullquote {
  border-top: 5px solid #333;
  padding: 3rem 1.5rem;
  border-bottom: 5px solid #333;
  margin-bottom: 3rem;
}

.newsPageDetail article .wp-block-pullquote p,
.blogPage__cont article .wp-block-pullquote p {
  text-align: center;
}

.newsPageDetail article .wp-block-pullquote cite,
.blogPage__cont article .wp-block-pullquote cite {
  font-size: 1.4rem;
}

.newsPageDetail article .wp-block-image figcaption,
.blogPage__cont article .wp-block-image figcaption {
  text-align: center;
}

.newsPageDetail article .wp-block-image+p,
.blogPage__cont article .wp-block-image+p {
  zoom: 1;
}

.newsPageDetail article .wp-block-image+p:before,
.newsPageDetail article .wp-block-image+p:after,
.blogPage__cont article .wp-block-image+p:before,
.blogPage__cont article .wp-block-image+p:after {
  content: "";
  display: table;
}

.newsPageDetail article .wp-block-image+p:after,
.blogPage__cont article .wp-block-image+p:after {
  clear: both;
}

.newsPageDetail article .wp-block-cover__inner-container p,
.blogPage__cont article .wp-block-cover__inner-container p {
  text-align: center;
  font-size: 1.8rem;
}

.newsPageDetail article .blocks-gallery-item figure,
.blogPage__cont article .blocks-gallery-item figure {
  position: relative;
}

.newsPageDetail article .blocks-gallery-item figure:before,
.blogPage__cont article .blocks-gallery-item figure:before {
  content: "";
  width: 100%;
  height: 30%;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background: -webkit-gradient(linear,
      left top,
      left bottom,
      from(rgba(0, 0, 0, 0)),
      color-stop(98%, rgba(0, 0, 0, 0.65)),
      to(rgba(0, 0, 0, 0.65)));
  background: linear-gradient(to bottom,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.65) 98%,
      rgba(0, 0, 0, 0.65) 100%);
}

@media screen and (max-width: 768px) {
  .newsPage {
    padding-bottom: 4.5rem;
  }

  .newsPage .news {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .newsPage .news__cont {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 2rem;
  }

  .newsPage .news__cont a {
    width: 100%;
    min-width: inherit;
    padding: 2rem;
    background: #fbfbfb;
  }

  .newsPage .news__cont dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .newsPage .news__cont dl dt {
    margin-bottom: 1rem;
  }


  .newsPage .news__tab {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .newsPage .news__tab li {
    margin-right: 1.5rem;
    margin-bottom: 2rem;
  }

  .newsPage .news__tab li:last-child {
    margin-right: 0;
  }

  .newsPage .news__contList {
    margin-bottom: 4rem;
  }

  .newsPage .news__tab {
    margin-bottom: 2rem;
  }

  .newsPageDetail {
    padding-bottom: 4.5rem;
  }

  .newsPageDetail__ttl {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .newsPageDetail__ttl h1 {
    font-size: 2.2rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
  }

  .newsPageDetail article {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 5rem;
  }

  .newsPageDetail__sign {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .newsPageDetail__sign a[href^="tel:"] {
    text-decoration: underline;
  }

  .newsPageDetail__print {
    margin-bottom: 4rem;
  }

  .newsPageDetail__pager {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .newsPageDetail__pagerPrev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 44.74576%;
  }

  .newsPageDetail__pagerNext {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 44.74576%;
  }

  .newsPageDetail__pagerList {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-bottom: 2.5rem;
  }

  .newsPageDetail article,
  .blogPage__cont article {
    word-break: break-all;
  }

  .newsPageDetail article p,
  .blogPage__cont article p {
    margin-bottom: 1.5rem;
  }

  .newsPageDetail article .wp-block-separator.is-style-dots:before,
  .blogPage__cont article .wp-block-separator.is-style-dots:before {
    font-size: 2rem;
    white-space: nowrap;
    letter-spacing: 2.7rem;
    padding-left: 1.5rem;
  }

  .newsPageDetail article .wp-block-button__link,
  .blogPage__cont article .wp-block-button__link {
    width: 100%;
  }

  .newsPageDetail article .alignleft,
  .newsPageDetail article .alignright,
  .blogPage__cont article .alignleft,
  .blogPage__cont article .alignright {
    margin-left: 0;
    margin-right: 0;
    float: none;
  }

  .newsPageDetail article .alignleft .wp-block-button__link,
  .newsPageDetail article .alignright .wp-block-button__link,
  .blogPage__cont article .alignleft .wp-block-button__link,
  .blogPage__cont article .alignright .wp-block-button__link {
    margin-bottom: 0;
    width: 100%;
  }

  .newsPageDetail article .wp-block-cover,
  .blogPage__cont article .wp-block-cover {
    margin-bottom: 2rem;
  }
}

.businessPage .h1Block--ph {
  background-image: url(../img/business/h1_bg.jpg);
}

.businessPage__cont {
  position: relative;
  background-color: #fafafa;
  padding: 20rem 0;
}

.businessPage__contOb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.businessPage__contOb * {
  position: absolute;
}

.businessPage__contOb01 {
  top: 8rem;
  right: 0;
  width: 111.9rem;
}

.businessPage__contOb02 {
  top: 121.3rem;
  left: 0;
  right: 0;
  width: 73.3rem;
}

.businessPage__contOb03 {
  top: 160rem;
  right: 0;
  width: 48.4rem;
}

.businessPage__lead {
  margin: 0 auto 9rem;
  width: 73rem;
}

.businessPage__lead h2 {
  font-size: 3.5rem;
  line-height: 6.4rem;
  text-align: center;
  color: #0090a8;
  font-weight: bold;
  margin-bottom: 5rem;
}

.businessPage__lead p {
  text-align: center;
}

.businessPage__single {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.businessPage__single:not(:last-child) {
  margin-bottom: 16rem;
}

.businessPage__singleImg {
  width: 50%;
  border-radius: 0 0.6rem 0.6rem 0;
  overflow: hidden;
}

.businessPage__singleImg img {
  width: 100%;
}

.businessPage__singleTxt {
  width: 40%;
}

.businessPage__singleBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  max-width: 34.5rem;
  font-weight: normal;
}

@media screen and (max-width: 68.7rem) {
  .businessPage__singleBtn {
    padding: 1.2rem 2.5rem;
  }
}

.businessPage__singleBtn span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .businessPage__singleBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .businessPage__singleBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.businessPage__singleNum {
  display: block;
  height: 11.2rem;
  position: absolute;
  left: 0;
  top: 0;
}

.businessPage__singleNum img {
  width: auto;
  height: 100%;
}

.businessPage__single h3 {
  height: 11.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  color: #0090a8;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 3.3rem;
  margin-bottom: 2.5rem;
  position: relative;
  letter-spacing: 0.1em;
}

.businessPage__single:nth-child(odd) .businessPage__singleTxt {
  padding-right: 14.28571%;
}

.businessPage__single p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}

.businessPage__single p:not(:last-child) {
  margin-bottom: 3rem;
}

.businessPage__single:nth-child(even) .businessPage__singleImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  border-radius: 0.6rem 0 0 0.6rem;
}

.businessPage__single:nth-child(even) .businessPage__singleTxt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  padding-left: 14.28571%;
}

.businessLowPage__cont {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding: 0 0 20rem;
}

.businessLowPage__cont .businessPage__single {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.businessLowPage__cont .businessPage__single h3 {
  color: #333;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.businessLowPage__cont .businessPage__singleTxt {
  padding: 0;
  width: 44%;
}

.businessLowPage__cont .businessPage__single:nth-child(odd) .businessPage__singleImg,
.businessLowPage__cont .businessPage__single:nth-child(even) .businessPage__singleImg {
  border-radius: 0.6rem;
}

.businessLowPage__cont .businessPage__single:nth-child(odd) .businessPage__singleTxt,
.businessLowPage__cont .businessPage__single:nth-child(even) .businessPage__singleTxt {
  padding: 0;
}

.businessLowPage__head {
  background: url(../img/business/microsoft/head_bg.jpg) no-repeat right top;
  background-size: cover;
  height:auto !important;
}

.businessLowPage__headInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	flex-direction: column;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
	justify-content: center;
	align-items: flex-start;
  height:auto;
  padding-bottom: 0rem;
  padding: 2rem;
}

.businessLowPage__head p {
  font-size: 2.4rem;
  line-height: 5rem;
  font-weight: bold;
}
.businessLowPage__head p.headInner__title{
  margin-bottom: 1rem;
}

.businessLowPage.mobility .businessLowPage__head {
  background: url(../img/business/mobility/head_bg.jpg) no-repeat right top;
  background-size: cover;
}

.businessLowPage.investment .businessLowPage__head {
  background: url(../img/business/investment/head_bg.jpg) no-repeat right top;
  background-size: cover;
}

.businessLowPage__lead {
  border-top: 1px solid #707070;
  text-align: center;
  padding-top: 12rem;
  margin-bottom: 9rem;
  line-height: 3.4rem;
}

.businessLowPage__products {
  background: #fafafa;
  background-size: contain;
  padding: 5rem 0;
  position: relative;
}

.businessLowPage__products h3,
.ArchiveSingleService h3 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 2.5rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 4rem;
  position: relative;
  padding-left: 1.7rem;
}

.businessLowPage__products h3:before,
.ArchiveSingleService h3:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8rem;
  width: 1.2rem;
  height: 1.2rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.9rem;
  background: #0090a8;
}

.businessLowPage__products h4,
.ArchiveSingleService h4 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.businessLowPage__productsInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  z-index: 1;
}

.businessLowPage__productsSingle {
  display: block;
  width: 40%;
  min-width: 40rem;
}

.businessLowPage__productsSingle:nth-child(odd) {
  margin-top: 10rem;
}

.businessLowPage__productsSingleImg {
  margin-bottom: 2.8rem;
  position: relative;
}

.businessLowPage__productsSingleImgInner {
  overflow: hidden;
  border-radius: 0.6rem;
}

.businessLowPage__productsSingleImg img {
  border-radius: 0.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.businessLowPage__productsSingleImg:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 0;
  background: url(../img/arrow_blue.svg) no-repeat right 1.5rem bottom 1.5rem;
  background-size: 1.5rem;
}

.businessLowPage__productsSingleImg+h4 {
  margin-top: 5rem;
}

.businessLowPage__productsSingleTxt {
  font-size: 1.4rem;
  text-align: justify;
  line-height: 2.6rem;
}

.businessLowPage__productsSingleLead {
  margin-bottom: 1rem;
}

.businessLowPage__productsSingleCat {
  font-size: 1.4rem;
  position: relative;
  line-height: 1;
  padding-left: 1.2rem;
  margin-bottom: 1rem;
}

.businessLowPage__productsSingleCat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.businessLowPage__productsSingleCat.blue:before {
  background: #496bac;
}

@media screen and (min-width: 68.7rem) {
  .businessLowPage__productsSingle:hover .businessLowPage__productsSingleImg img {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  .businessLowPage__productsSingle:hover .businessLowPage__productsSingleImg:after {
    right: -1.5rem;
    bottom: -1.5rem;
    border-color: #0090a8;
  }
}

.businessLowPage__productsOb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.businessLowPage__productsOb * {
  position: absolute;
}

.businessLowPage__productsOb01 {
  top: -30rem;
  right: 0;
  width: 73.3rem;
}

.businessLowPage__productsOb02 {
  top: 150rem;
  left: 0;
  right: 0;
  width: 100%;
}

.businessLowPage__productsOb03 {
  top: 170rem;
  left: 0;
  width: 58.2rem;
}

.businessLowPage__other {
  padding: 8rem 0;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.businessLowPage__other dt {
  width: 42%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
}

.businessLowPage__other dt:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.businessLowPage__other dt span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.businessLowPage__other dd {
  width: 52%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.businessLowPage__other a {
  width: 47.11538%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
}

@media screen and (max-width: 68.7rem) {
  .businessLowPage__other a {
    padding: 1.2rem 2.5rem;
  }
}

.businessLowPage__other a span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .businessLowPage__other a:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .businessLowPage__other a:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .businessPage__cont {
    background: #fafafa;
    padding: 6rem 0;
  }

  .businessPage__lead {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .businessPage__lead h2 {
    text-align: left;
    font-size: 2.2rem;
    line-height: 4rem;
    margin-bottom: 4rem;
  }

  .businessPage__lead p {
    text-align: justify;
  }

  .businessPage__single {
    position: relative;
    display: block;
    min-width: inherit;
  }

  .businessPage__single:not(:last-child) {
    margin-bottom: 6rem;
  }

  .businessPage__singleImg {
    width: 89.33333%;
    margin-bottom: 3.8rem;
  }

  .businessPage__singleTxt {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .businessPage__singleBtn {
    max-width: inherit;
  }

  .businessPage__singleNum {
    height: 8rem;
  }

  .businessPage__single h3 {
    height: 8rem;
    font-size: 1.8rem;
    margin-bottom: 3.3rem;
  }

  .businessPage__single:nth-child(odd) .businessPage__singleTxt {
    padding-right: 0;
  }

  .businessPage__single p {
    font-size: 1.4rem;
    line-height: 2.6rem;
    text-align: justify;
  }

  .businessPage__single p:not(:last-child) {
    margin-bottom: 3rem;
  }

  .businessPage__single:nth-child(even) .businessPage__singleImg {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    border-radius: 0.6rem 0 0 0.6rem;
    margin-left: auto;
    margin-right: 0;
  }

  .businessPage__single:nth-child(even) .businessPage__singleTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 0;
  }

  .businessLowPage__cont {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 0 0 5rem;
  }

  .businessLowPage__cont .businessPage__single h3 {
    line-height: 2.4rem;
  }

  .businessLowPage__cont .businessPage__singleImg {
    width: 100%;
  }

  .businessLowPage__cont .businessPage__singleTxt {
    width: 100%;
  }

  .businessLowPage .pankuzuBlock {
    margin-bottom: 0;
  }

  .businessLowPage__head {
    background: none;
    min-height: inherit;
  }

  .businessLowPage__head .pankuzuBlock {
    width: 100%;
  }

  .businessLowPage__headInner {
    background: url(../img/business/microsoft/head_bg_sp.jpg) no-repeat;
    background-position: right;
    background-size: cover;
    width: 100%;
    min-width: inherit;
    -webkit-box-align: end;
    -ms-flex-align: end;
    justify-content: flex-end;
    align-items: flex-start;
    height:250px;
    padding: 0 2rem;
    padding-bottom: 0rem;
  }

  .businessLowPage__head p {
    font-size: 1.7rem;
    line-height: 3.2rem;
  }
  .businessLowPage__head p.headInner__title{
    width: 53.33333%;
  }

  .businessLowPage.mobility .businessLowPage__head {
    background: none;
  }

  .businessLowPage.mobility .businessLowPage__head p {
    width: 66.66667%;
  }

  .businessLowPage.mobility .businessLowPage__headInner {
    background: url(../img/business/mobility/head_bg_sp.jpg) no-repeat right top;
    background-size: cover;
  }

  .businessLowPage.investment .businessLowPage__head {
    background: none;
  }

  .businessLowPage.investment .businessLowPage__headInner {
    background: url(../img/business/investment/head_bg_sp.jpg) no-repeat right top;
    background-size: cover;
  }

  .businessLowPage__lead {
    text-align: justify;
    margin-bottom: 4.5rem;
    padding: 6rem 10.66667% 0;
  }

  .businessLowPage__products {
    padding: 10rem 0;
  }

  .businessLowPage__products h3,
  .ArchiveSingleService h3 {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }

  .businessLowPage__products h4,
  .ArchiveSingleService h4 {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
  }

  .businessLowPage__productsInner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .businessLowPage__productsSingle {
    width: 100%;
    min-width: inherit;
    margin-bottom: 3rem;
    padding-bottom: 2.4rem;
    position: relative;
  }

  .businessLowPage__productsSingle:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../img/arrow_white.svg) no-repeat center center #333;
    background-size: 1.2rem;
    border-radius: 1.2rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
  }

  .businessLowPage__productsSingle:nth-child(odd) {
    margin-top: 0;
  }

  .businessLowPage__productsSingleImg {
    margin-bottom: 1.8rem;
  }

  .businessLowPage__productsSingleImg+h4 {
    margin-top: 2rem;
  }

  .businessLowPage__productsSingleCat {
    font-size: 1.4rem;
    position: relative;
    line-height: 1;
    padding-left: 1.2rem;
    margin-bottom: 1rem;
  }

  .businessLowPage__productsOb01 {
    top: 10rem;
    width: 76.8%;
  }

  .businessLowPage__productsOb02 {
    top: 120rem;
    width: 100%;
  }

  .businessLowPage__productsOb03 {
    top: 240rem;
    width: 100%;
  }

  .businessLowPage__other {
    padding: 4rem 0 2rem;
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .businessLowPage__other dt {
    width: 100%;
    margin-bottom: 3rem;
    font-size: 2rem;
  }

  .businessLowPage__other dt span {
    padding: 0 1.5rem 0 0;
  }

  .businessLowPage__other dd {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .businessLowPage__other a {
    width: 100%;
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 374px) {
  .businessLowPage__head p {
    font-size: 1.4rem;
    line-height: 2.5rem;
  }
}

.productsPage .slick-prev,
.productsPage .slick-next {
  position: static;
  width: 5rem;
  height: 5rem;
  margin-left: 1rem;
}

.productsPage .slick-prev:before {
  background: url(/assets/img/top/case_arrow_right.png) no-repeat;
  background-size: cover;
}

.productsPage .slick-next:before {
  background: url(/assets/img/top/case_arrow_left.png) no-repeat;
  background-size: cover;
}

.productsPage .slick-prev:before,
.productsPage .slick-next:before {
  display: block;
  content: "";
  width: 5rem;
  height: 5rem;
}

.productsPage__list {
  background: #fafafa;
  background-size: contain;
  padding: 10rem 0;
  position: relative;
}

.productsPage__listLead {
  width: 100%;
  margin-bottom: 7rem;
}

.productsPage__listLead h2 {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 2.8rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 3rem;
}

.productsPage__listLead p {
  line-height: 3.4rem;
}

.productsPage__list h3 {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
}

.productsPage__listInner {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  z-index: 1;
}

.productsPage__listInner:not(:last-child) {
  margin-bottom: 15rem;
}

.productsPage__listSingle {
  display: block;
  width: 40%;
  min-width: 40rem;
}

.productsPage__listSingle:nth-child(odd) {
  margin-top: 10rem;
}

.productsPage__listSingleImg {
  margin-bottom: 2.8rem;
  position: relative;
}

.productsPage__listSingleImg img {
  border-radius: 0.6rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.productsPage__listSingleImgInner {
  overflow: hidden;
  border-radius: 0.6rem;
}

.productsPage__listSingleImg:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 6px;
  border: 1px solid transparent;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 0;
  background: url(../img/arrow_blue.svg) no-repeat right 1.5rem bottom 1.5rem;
  background-size: 1.5rem;
}

.productsPage__listSingleImg+h3 {
  margin-top: 5rem;
}

.productsPage__listSingleTxt {
  font-size: 1.4rem;
  text-align: justify;
  line-height: 2.6rem;
}

.productsPage__listSingleLead {
  margin-bottom: 1rem;
}

@media screen and (min-width: 68.7rem) {
  .productsPage__listSingle:hover .productsPage__listSingleImg img {
    -webkit-transform: translate(-15px, -15px);
    transform: translate(-15px, -15px);
  }

  .productsPage__listSingle:hover .productsPage__listSingleImg:after {
    right: -1.5rem;
    bottom: -1.5rem;
    border-color: #0090a8;
  }
}

.productsPage__listOb {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.productsPage__listOb * {
  position: absolute;
}

.productsPage__listOb01 {
  top: 13rem;
  right: 0;
  width: 73.3rem;
}

.productsPage__listOb02 {
  top: 130rem;
  left: 0;
  right: 0;
  width: 100%;
}

.productsPage__listOb03 {
  top: 230rem;
  left: 0;
  width: 58.2rem;
}

.productsPage__listOb04 {
  bottom: 35.4rem;
  right: 0;
  width: 98.6rem;
}

.productsPage__lead {
  width: 100%;
  max-width: calc(120rem + 2rem);
  padding-left: 2rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin: auto;
  padding-bottom: 6rem;
}

.productsPage__leadWrap {
  height: auto;
  background-repeat: no-repeat;
  background-position: right top -100px;
  background-size: contain;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__leadWrap .pankuzuBlock {
  margin-bottom: 4.5rem;
}

.productsPage__leadTxt {
  font-size:max(1.5vw,1.8rem);
  font-weight: bold;
  line-height: 2.5vw;
}

.productsPage__leadImg {
  display: none;
  width: 46.2%;
  padding-right: 4rem;
}

.productsPage__pager {
  background: #F7F7F7;
  padding: 1rem 0 0;
  position: sticky;
  top: 70px;
  z-index: 10;
  border-bottom: solid 1px #ccc;
}
.download .productsPage__pager{
  margin-bottom: 10rem;
}

.productsPage__pager ul {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__pager ul li {
  padding: 0 0.6rem;
  margin-bottom: 1.2rem;
}

.productsPage__pager a {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  background: url(../img/simplearrowB_white.svg) no-repeat right 10px center #333;
  background-size: 0.8rem;
  color: #ffffff;
  text-align: center;
  border-radius: 2.5rem;
  padding:5px 3rem 5px 2rem;

}

.productsPage__pager a.outer {
  background: url(../img/simpleArrowR_white.svg) no-repeat right 10px center #0090a8;
  background-size: 0.8rem;
}

.productsPage__pager a:hover {
  opacity: 0.7;
}

.productsPage__about,
.service__about {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  padding: 5rem 0;
  margin-bottom: 12rem;
}

.productsPage__about h2,
.service__about h2 {
  text-align: center;
  font-weight: bold;
  font-size: 3.5rem;
  letter-spacing: 0.15em;
  margin-bottom: 2rem;
  line-height: 1.5;
}

.productsPage__about p,
.service__about p {
  text-align: center;
  line-height: 3.5rem;
  font-size: 1.7rem;
}

.productsPage__about h2,
.productsPage__about p{
    color: #ffffff;
}

.productsPage__about p:not(:last-child),
.service__about p:not(:last-child) {
  margin-bottom: 4rem;
}

.productsPage__about p sup,
.service__about p sup {
  vertical-align: super;
  font-size: 1rem;
}

.productsPage__aboutAtt {
  color: #ffffff;
  font-size: 1rem;
  text-align: center;
  display: block;
}

.productsPage__ttl {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.productsPage__ttl:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.productsPage__ttl span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.productsPage__feature {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__featureLead {
  line-height: 3rem;
  margin-bottom: 6rem;
}

.productsPage__featureSingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 7rem;
}

.productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.productsPage__featureSingleImg {
  width: 50%;
  border-radius: 0.6rem;
  overflow: hidden;
}

.productsPage__featureSingleImg img {
  width: 100%;
}

.productsPage__featureSingleTxt {
  width: 44%;
}

.productsPage__featureSingle h4 {
  font-size: 2.2rem;
  line-height: 3.3rem;
  font-weight: bold;
  margin-bottom: 2.5rem;
  padding-top: 2rem;
  position: relative;
  z-index: 2;
}

.productsPage__featureSingle h4 span {
  position: absolute;
  left: 0;
  top: 0;
  height: 9.9rem;
  z-index: 0;
}

.productsPage__featureSingle h4 span img {
  height: 100%;
  width: auto;
}

.productsPage__featureSingle p {
  text-align: justify;
  position: relative;
  z-index: 1;
}

.productsPage__merit {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
  position: relative;
}

.productsPage__meritLead {
  line-height: 3.2rem;
  margin-bottom: 6rem;
}

.productsPage__example {
  position: relative;
  margin-bottom: 12rem;
}

.productsPage__example .productsPage__ttl {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 6.5rem;
}

.productsPage__example:before {
  content: "";
  background: #fbfbfb;
  display: block;
  height: 38.5rem;
  width: 85.71429%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.productsPage__exampleSlider {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.productsPage__exampleSliderArrows {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.productsPage__exampleSlider .slick-list {
  padding-bottom: 6rem !important;
}

.productsPage__exampleSliderSingle {
  width: 36rem;
  margin: 0 3rem;
}

.productsPage__exampleSliderSingle a {
  background: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px 6px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.productsPage__exampleSliderSingle a:hover {
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.productsPage__exampleSliderSingleImg {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 24rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.productsPage__exampleSliderSingleTxt {
  padding: 4rem 2rem;
  min-height: 22.8rem;
}

.productsPage__exampleSliderSingleTxt p:not([class]) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__exampleSliderSingleTxt * {
  max-width: 100%;
}

.productsPage__exampleSliderSingleLead {
  margin-bottom: 1rem;
}

.productsPage__exampleSliderSingleName {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.productsPage__flow {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__flowLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 7.5rem;
}

.productsPage__flowList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  /*-ms-flex-flow: row wrap;
  flex-flow: row wrap;*/
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__flowSingle {
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  padding: 4rem;
}

.productsPage__flowSingleNum {
  height: 3.3rem;
  position: absolute;
  left: 0;
  top: -1.7rem;
  background: #0090a8;
  color: #ffffff;
  display: inline-block;
  padding: 0.3rem 2rem;
  font-size: 1.8rem;
  font-weight: bold;
}

.productsPage__flowSingleNum:after {
  content: "";
  display: block;
  position: absolute;
  right: -3.3rem;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.3rem 0 0 3.3rem;
  border-color: transparent transparent transparent #0090a8;
}

.productsPage__flowSingle h4 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.productsPage__flowSingle p:not([class]) {
  font-size: 1.4rem;
}

.productsPage__flowSingle:not(:last-child):after {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -4rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage__flowAtt {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  width: 100%;
}

.productsPage__flow.four .productsPage__flowSingle {
  width: 100%;
  margin-right: 60px;
}
.productsPage__flow.four .productsPage__flowSingle:last-of-type{
  margin-right: 0;
}

.productsPage__flow.four .productsPage__flowSingle:before {
  right: -3.5rem;
}

.productsPage__flow.four .productsPage__flowSingle:nth-last-child(-n + 2):before {
  display: none;
}
@media screen and (max-width: 768px) {
  .productsPage__flowList {
    flex-direction: column;
  }
  .productsPage__flowSingle:after{
    display: none;
  }
  .productsPage__flow.four .productsPage__flowSingle{
    margin-right: 0px;
    margin-bottom: 5rem;
  }
}

.productsPage__price {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__priceLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 1rem;
}

.productsPage__priceAtt {
  font-size: 1.4rem;
}

.productsPage__priceAtt li {
  text-indent: -1em;
  margin-left: 1em;
}

.productsPage__price a {
  text-decoration: underline;
}

.productsPage__price a:hover {
  text-decoration: none;
}

.productsPage__faq {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__faq dl {
  background: #fbfbfb;
  margin-bottom: 1rem;
}

.productsPage__faq dl dt {
  padding: 3rem 8.5rem;
  position: relative;
  background: url(../img/product/q.png) no-repeat left 4rem top 3.5rem;
  background-size: 3rem;
}

.productsPage__faq dl dt:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  right: 4rem;
  top: 0.6rem;
  bottom: 0;
  margin: auto;
  background: url(../img/simplearrowR_gray.svg) no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.productsPage__faq dl dt:hover {
  cursor: pointer;
}

.productsPage__faq dl dt.open:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: -0.6rem;
}

.productsPage__faq dl dd {
  display: none;
  font-size: 1.4rem;
  margin: 0 4rem;
  padding: 2.5rem 0 2.5rem 3.5rem;
  background: url(../img/product/a.png) no-repeat left top 3.5rem;
  background-size: 2.2rem;
  border-top: 1px solid #b4b4b4;
}

.productsPage__faq p+ul {
  margin-top: 2rem;
}

/*.productsPage .contactBlock {
  margin-bottom: 12rem;
}*/

.productsPage .contactBlock__two {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage .contactBlock__inner {
  width: 49.5%;
}

.productsPage .contactBlock .contactBlock__btn.product {
  margin: 0 auto;
  display: block;
  color: #0090a8;
}

.productsPage__news {
  width: 100%;
  padding: 5rem 1rem;
  background: #F9F9F9;
  overflow: hidden;
}
.productsPage__news h3::after{
  display: none !important;
}

.productsPage__news h3 {
  max-width: 120rem;
  width: 100%;
  margin: 0 auto 2rem auto;

  font-size: 2rem;
  font-weight: bold;
  color: #0090a8;
  letter-spacing: 0.1em;
  margin: 0 auto 4.5rem auto;
}

.productsPage__news h3 span{
  background: #F9F9F9;
}

.productsPage__newsList {
  margin-top: 3rem;
  margin: 0 auto;
  max-width: 120rem;
  width: 90%;
}

.productsPage__newsList a {
  display: block;
  width: 100%;
  height: 100%;
  /*max-width: 120rem;
  /*min-width: 94rem;*/
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 1rem 4rem;
  background: #fff;
  background-size: 1.5rem;
}

.productsPage__newsList a:hover {
  opacity: 0.7;
}

.productsPage__newsList dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__newsList dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: 2.5rem;
}

.productsPage__related {
  position: relative;
  margin-bottom: 12rem;
}

.productsPage__related h3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  letter-spacing: 0.1em;
}

.productsPage__relatedTtl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.productsPage__related:before {
  content: "";
  background: #fbfbfb;
  display: block;
  height: 38.5rem;
  width: 85.71429%;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}

.productsPage__relatedSliderArrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.productsPage__relatedSlider .slick-list {
  padding-bottom: 6rem !important;
}

.productsPage__relatedSliderSingle {
  width: 36rem;
  margin: 0 3rem;
}

.productsPage__relatedSliderSingle a {
  background: #ffffff;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0 0 6px 6px;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

.productsPage__relatedSliderSingle a:hover {
  -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.05);
}

.productsPage__relatedSliderSingleImg {
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 24rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.productsPage__relatedSliderSingleTxt {
  padding: 4rem 2rem;
  min-height: 22.8rem;
}

.productsPage__relatedSliderSingleTxt p:not([class]) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__relatedSliderSingleTxt * {
  max-width: 100%;
}

.productsPage__relatedSliderSingleLead {
  margin-bottom: 1rem;
}

.productsPage__relatedSliderSingleName {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.8rem;
}

.productsPage.office .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.office .productsPage__about {
  background-image: url(../img/product/microsoft/bg01.png);
}

.productsPage.office .productsPage__meritBefore,
.productsPage.office .productsPage__meritAfter {
  width: 45%;
}

.productsPage.office .productsPage__meritBefore h4,
.productsPage.office .productsPage__meritAfter h4 {
  margin-bottom: 1.5rem;
}

.productsPage.office .productsPage__meritBefore h4 img,
.productsPage.office .productsPage__meritAfter h4 img {
  height: 2.7rem;
  margin: 0 auto;
  width: auto;
}

.productsPage.office .productsPage__meritBefore dl,
.productsPage.office .productsPage__meritAfter dl {
  height: calc(100% - 61px);
  padding: 3.5rem;
  border-radius: 0.6rem;
}

.productsPage.office .productsPage__meritBefore dl dt,
.productsPage.office .productsPage__meritAfter dl dt {
  min-height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 2rem;
  letter-spacing: 0.15em;
  font-weight: bold;
  margin-bottom: 4rem;
}

.productsPage.office .productsPage__meritBefore dl dd:not(:last-child),
.productsPage.office .productsPage__meritAfter dl dd:not(:last-child) {
  margin-bottom: 2rem;
}

.productsPage.office .productsPage__meritBefore dl dd img,
.productsPage.office .productsPage__meritAfter dl dd img {
  height: 17.2rem;
  width: auto;
  margin: 0 auto;
}

.productsPage.office .productsPage__meritBefore dl dd p,
.productsPage.office .productsPage__meritAfter dl dd p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}

.productsPage.office .productsPage__meritBefore dl dd p+p,
.productsPage.office .productsPage__meritAfter dl dd p+p {
  margin-top: 2.5rem;
}

.productsPage.office .productsPage__meritBefore dl {
  border: 5px solid rgba(112, 112, 112, 0.09);
}

.productsPage.office .productsPage__meritAfter:before {
  display: block;
  content: "";
  background: url(../img/product/microsoft/merit_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  left: 0;
  right: 0;
  top: 6.1rem;
  bottom: 0;
  margin: auto;
}

.productsPage.office .productsPage__meritAfter dl {
  border: 5px solid #0090a8;
}

.productsPage__concept {
  background: url(../img/product/concept_bg.png) no-repeat left top;
  background-size: contain;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding-top: 9rem;
  padding-bottom: 5rem;
  margin-bottom: 12rem;
}

.productsPage__conceptInner {
  background: #ffffff;
  border-radius: 0.6rem;
  width: 78%;
  margin: 0 0 0 auto;
  padding: 9rem 8rem;
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
}

.productsPage__concept ol {
  counter-reset: circle 0;
  list-style-type: none;
  padding-left: 0;
}

.productsPage__concept ol li {
  position: relative;
  margin-bottom: 4rem;
  padding-left: 4.5rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__concept ol li:before {
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: circle;
  content: counter(circle);
  background: #0090a8;
  width: 3rem;
  height: 3rem;
  display: block;
  color: #fff;
  line-height: 3rem;
  text-align: center;
  border-radius: 50%;
}

.productsPage__scene {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__scene .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__sceneSingle {
  width: 30%;
}

.productsPage__sceneSingle:nth-child(3) {
  margin-top: 5rem;
}

.productsPage__sceneSingle:nth-child(4) {
  margin-top: 10rem;
}

.productsPage__sceneSingleImg {
  border-radius: 0.6rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.productsPage__sceneSingleImg img {
  width: 100%;
  max-width: inherit;
}

.productsPage__scene h4 {
  color: #ffffff;
  font-weight: bold;
  background: #0090a8;
  padding: 0.5rem 2rem;
  display: inline-block;
  margin-bottom: 2rem;
}

.productsPage__scene dl {
  margin-bottom: 2rem;
}

.productsPage__scene dl dt {
  position: relative;
  padding-left: 1.6rem;
}

.productsPage__scene dl dt:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.9rem;
}

.productsPage__scene dl dd {
  font-size: 1.4rem;
  word-break: break-all;
}

.productsPage.app .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#0077bb),
      to(#005cbb));
  background: linear-gradient(to right, #0077bb 0%, #005cbb 100%);
}

.productsPage.app .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/app/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: contain, auto 100%;
  background-position: right 11.42857% top, right top;
}

.productsPage.app .productsPage__about {
  background-image: url(../img/product/microsoft/app/bg01.png);
}

.productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.productsPage.share .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#0096bb),
      to(#00bb54));
  background: linear-gradient(to right, #0096bb 0%, #00bb54 100%);
}

.productsPage.share .productsPage__leadWrap {
  /*min-height: 54.7rem;*/
  background-image: url(../img/product/microsoft/share/bg.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: 58.57143%, auto 100%;
  background-position: right center, right top;
}

.productsPage.share .productsPage__about {
  background-image: url(../img/product/microsoft/share/bg01.png);
}

.productsPage.share .productsPage__aboutSample {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.share .productsPage__aboutSample dl {
  position: relative;
  margin: 0 4rem;
  width: 34%;
}

.productsPage.share .productsPage__aboutSample dl dt {
  position: relative;
  padding-left: 1.5rem;
  color: #ffffff;
  margin-bottom: 1rem;
}

.productsPage.share .productsPage__aboutSample dl dt:before {
  content: "";
  background: #ffffff;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 8px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage.share .productsPage__aboutSample dl:not(:last-child):after {
  content: "";
  display: block;
  background: url(../img/product/microsoft/share/about_arrow.png) no-repeat;
  background-size: cover;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -5.5rem;
  top: 2.5rem;
  bottom: 0;
  margin: auto;
}

.productsPage.share .productsPage__aboutSample img {
  width: 100%;
}

.productsPage.share .productsPage__meritList,
.MeritList{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
}

.productsPage.share .productsPage__meritSingle,
.MeritSingle{
  border-radius: 6px;
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  min-height: 16.4rem;
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.share .productsPage__meritSingle img,
.MeritSingle img {
  position: absolute;
  left: 0;
  top: 0;
  height: 8.3rem;
  width: auto;
}

.productsPage.share .productsPage__meritSingle p,
.MeritSingle p {
  font-size: 1.8rem;
  line-height: 3.2rem;
  font-weight: bold;
  position: relative;
  z-index: 1;
}

.productsPage.share .productsPage__meritSingle:nth-child(2),
.productsPage.share .productsPage__meritSingle:nth-child(5),
.MeritSingle:nth-child(2),
.MeritSingle:nth-child(5) {
  margin-top: 3rem;
}

.productsPage.share .productsPage__meritSingle:nth-child(3),
.productsPage.share .productsPage__meritSingle:nth-child(6),
.MeritSingle:nth-child(3),
.MeritSingle:nth-child(6)  {
  margin-top: 6rem;
}

.productsPage.share .productsPage__serviceLead {
  line-height: 3.2rem;
  margin-bottom: 6rem;
}

.productsPage.share .productsPage__serviceImg,
.productsPage.share .productsPage__serviceTxt {
  width: 47%;
}

.productsPage.share .productsPage__service dl:not(:last-child) {
  margin-bottom: 3rem;
}

.productsPage.share .productsPage__service dl dt {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.productsPage.share .productsPage__service dl dd {
  text-align: justify;
  font-size: 1.4rem;
}

.productsPage__function {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 7rem;
}

.productsPage__function .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__functionSingle {
  width: 30%;
  margin-bottom: 5rem;
}

.productsPage__functionSingleImg {
  margin-bottom: 2.5rem;
  border-radius: 6px;
  overflow: hidden;
}

.productsPage__functionSingle h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.productsPage__functionSingle p {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__service {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
  position: relative;
}

.productsPage.sdps .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00bb65),
      to(#00bb9a));
  background: linear-gradient(to right, #00bb65 0%, #00bb9a 100%);
}

.productsPage.sdps .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/sdps/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: 38.28571%, auto 100%;
  background-position: right 9.42857% top 6vw, right top;
}

@media screen and (min-width: 768px) and (max-width: 1390px) {
  .productsPage.sdps .productsPage__leadWrap {
    background-size: 53.6rem, auto 100%;
    background-position: right 9.42857% top 8rem, right top;
  }
}

.productsPage.sdps .productsPage__about {
  background-image: url(../img/product/microsoft/sdps/bg01.png);
}

.productsPage.sdps .productsPage__merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.sdps .productsPage__merit .productsPage__ttl {
  margin-bottom: 5rem;
}

.productsPage.sdps .productsPage__meritImg {
  width: 50%;
  border-radius: 0.6rem;
  overflow: hidden;
}

.productsPage.sdps .productsPage__meritTxt {
  text-align: justify;
  font-size: 1.4rem;
  width: 44%;
}

.productsPage__recommend {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__recommendLead {
  margin-bottom: 4rem;
}

.productsPage__recommend ul li {
  background: url(../img/product/microsoft/sdps/check.png) no-repeat left top 0.8rem;
  background-size: 1.5rem;
  padding-left: 2.6rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.productsPage__recommend ul li:not(:last-child) {
  margin-bottom: 1rem;
}

.productsPage__case {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__case .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__caseSingle {
  width: 49%;
  padding: 3rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage__caseSingle p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage__case h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

.productsPage__target {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__targetLead {
  margin-bottom: 6rem;
}

.productsPage__target div.pc {
  width: 100%;
}

.productsPage__target table {
  width: 100%;
  border: 1px solid #0090a8;
}

.productsPage__target table th,
.productsPage__target table td {
  padding: 2rem;
  font-size: 1.4rem;
}

.productsPage__target table th {
  background: #0090a8;
  text-align: center;
  color: #ffffff;
  vertical-align: middle;
}

.productsPage__target table th+th {
  border-left: 1px solid #fff;
}

.productsPage__target table th.name {
  width: 26%;
}

.productsPage__target table th.price {
  width: 8.8%;
}

.productsPage__target table td {
  border: 1px solid #0090a8;
}

.productsPage__target table.productsPage__targetServiceTable tr:not(:last-child) th {
  border-bottom: 1px solid #fff;
}

.productsPage.noverti .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00b0bf),
      to(#67bf00));
  background: linear-gradient(to right, #00b0bf 0%, #67bf00 100%);
}

.productsPage.noverti .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/noverti/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.noverti .productsPage__about {
  background-image: url(../img/product/microsoft/noverti/bg01.png);
}

.productsPage.noverti .productsPage__serviceMovie {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.productsPage.noverti .productsPage__serviceMovie * {
  width: 100%;
}

.productsPage.noverti .productsPage__serviceMovie:hover {
  cursor: pointer;
  opacity: 0.7;
}

.productsPage.noverti .productsPage__serviceMovie:before {
  position: absolute;
  left: 0;
  right: 0;
  top: 1rem;
  bottom: 0;
  margin: auto;
  content: "";
  display: block;
  width: 8.5rem;
  height: 8.5rem;
  background: url(../img/product/microsoft/noverti/play.png);
  background-size: cover;
}

.productsPage.noverti .productsPage__serviceMain {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 5.5rem;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie {
  width: 52.8%;
  height: 34rem;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie:before {
  display: none;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie iframe {
  width: 100%;
  height: 100%;
}

.productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie:hover {
  cursor: inherit;
  opacity: 1;
}

.productsPage.noverti .productsPage__serviceMain dl {
  width: 44%;
}

.productsPage.noverti .productsPage__serviceMain dl dt {
  color: #0090a8;
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.productsPage.noverti .productsPage__serviceMain dl dd {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.noverti .productsPage__serviceList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.noverti .productsPage__service h4 {
  position: relative;
  width: 100%;
  margin-bottom: 4rem;
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  padding-left: 2.1rem;
}

.productsPage.noverti .productsPage__service h4:before {
  content: "";
  display: block;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.8rem;
}

.productsPage.noverti .productsPage__serviceSingle {
  width: 30%;
  margin-bottom: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage.noverti .productsPage__serviceSingleTtl {
  margin-top: 2rem;
  color: #ffffff;
  background: #0090a8;
  font-weight: bold;
  padding: 0.7rem 2.5rem;
}

.productsPage.noverti .productsPage__meritTtl {
  max-width: 15.5rem;
  width: 16.84783%;
}

.productsPage.noverti .productsPage__meritCont {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 4rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage.noverti .productsPage__meritCont p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.noverti .productsPage__meritSingle {
  width: 35.86957%;
  position: relative;
}

.productsPage.noverti .productsPage__meritSingle:not(:last-child):before {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -13.63636%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage.noverti .productsPage__meritSingleLead {
  position: relative;
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.4rem;
  line-height: 1;
  margin-bottom: 0.4rem;
}

.productsPage.noverti .productsPage__meritSingleLead:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.productsPage.noverti .productsPage__merit h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

.productsPage__effect {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.productsPage__effect .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__effect dl {
  width: 30%;
  max-width: 30rem;
}

.productsPage__effect dl dt {
  font-weight: bold;
  font-size: 1.8rem;
  color: #0090a8;
  text-align: center;
}

.productsPage__more {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
}

.productsPage__more .productsPage__ttl {
  margin-bottom: 6rem;
}

.productsPage__more img {
  width: 100%;
  max-width: 80.6rem;
  margin: 0 auto;
}

.productsPage.teams .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#005cbb),
      to(#694bba));
  background: linear-gradient(to right, #005cbb 0%, #694bba 100%);
}

.productsPage.teams .productsPage__leadWrap {
  background-image: url(../img/product/microsoft/teams/ob01.jpg);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.teams .productsPage__about {
  background-image: url(../img/product/microsoft/teams/bg01.png);
}

.productsPage.teams .productsPage__service {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.productsPage.teams .productsPage__serviceLead {
  line-height: 3.2rem;
  margin-bottom: 6rem;
}

.productsPage.teams .productsPage__serviceImg {
  border-radius: 0.6rem;
  overflow: hidden;
}

.productsPage.teams .productsPage__serviceImg,
.productsPage.teams .productsPage__serviceTxt {
  width: 47%;
}

.productsPage.teams .productsPage__serviceAtt {
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.5rem;
  position: relative;
  line-height: 1;
  margin-bottom: 2.2rem;
}

.productsPage.teams .productsPage__serviceAtt:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  background: #333;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: 0;
  top: 0.2rem;
}

.productsPage.teams .productsPage__service dl:not(:last-child) {
  margin-bottom: 3rem;
}

.productsPage.teams .productsPage__service dl dt {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.productsPage.teams .productsPage__service dl dd {
  text-align: justify;
  font-size: 1.4rem;
}

.productsPage.gifs .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00b9bb),
      to(#0058bb));
  background: linear-gradient(to right, #00b9bb 0%, #0058bb 100%);
}

.productsPage.gifs .productsPage__leadWrap {
  background-image: url(../img/product/maas/gifs/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.gifs .productsPage__about {
  background-image: url(../img/product/maas/gifs/bg01.png);
}

.productsPage.gifs .productsPage__merit h4,
.Merit__page h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

.productsPage.gifs .productsPage__meritCont,
.Merit__page .productsPage__meritCont {
  width: 100%;
  position: relative;
}

.productsPage.gifs .productsPage__meritContLeft,
.Merit__page .productsPage__meritContLeft {
  width: 30%;
  position: absolute;
  left: 0;
  top: 0;
}

.productsPage.gifs .productsPage__meritContRight,
.Merit__page .productsPage__meritContRight {
  width: 30%;
  position: absolute;
  right: 0;
  top: 7.6rem;
}

.productsPage.gifs .productsPage__meritImg,
.Merit__page .productsPage__meritImg {
  display: block;
  margin: 0 auto;
  width: 27.6%;
}

.productsPage.gifs .productsPage__meritSingle,
.Merit__page .productsPage__meritSingle {
  width: 100%;
  margin-bottom: 3rem;
  padding: 2.5rem 0 2.5rem 2.5rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage.gifs .productsPage__meritSingle p,
.Merit__page .productsPage__meritSingle p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.gifs .productsPage__meritSingleLead,
.Merit__page .productsPage__meritSingleLead {
  position: relative;
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.4rem;
  line-height: 1;
  margin-bottom: 1rem;
}

.productsPage.gifs .productsPage__meritSingleLead:before,
.Merit__page .productsPage__meritSingleLead:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.gifss .productsPage__featureSingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 7rem;
}

.gifss .productsPage__featureSingleImg {
  width: 52%;
}

.gifss .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
}

.gifss .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

.gifss .productsPage__featureSingleTxt {
  width: 42%;
}

.gifss .productsPage__featureSingleTxtTtl {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}

.gifss .productsPage__featureSingleAtt {
  margin-top: 3.5rem;
  font-size: 1rem;
  line-height: 2.4rem;
}

.gifss .productsPage__featureSingle h4 {
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
  min-height: inherit;
  color: #ffffff;
  padding-top: 0;
}

.gifss .productsPage__featureSingle h4 span {
  position: static;
  height: auto;
  background: #0090a8;
  display: inline-block;
  padding: 1rem 1rem;
  line-height: 1;
}

.gifss .productsPage__featureSingle h4 span:not(:last-child) {
  margin-bottom: 1rem;
}

.gifss .productsPage__featureSingle p:not([class]) {
  text-align: justify;
}

.productsPage.bus .h1Block--products {
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#00bb58),
      to(#00bbb9));
  background: linear-gradient(to right, #00bb58 0%, #00bbb9 100%);
}

.productsPage.bus .productsPage__leadWrap {
  background-image: url(../img/product/maas/bus/ob01.png),
    url(../img/product/microsoft/lead_bg.png);
  background-size: auto 100%;
  background-position: right top;
}

.productsPage.bus .productsPage__about {
  background-image: url(../img/product/maas/bus/bg01.png);
}

.productsPage.bus .productsPage__flow .productsPage__ttl {
  margin-bottom: 7.5rem;
}

.productsPage__specification {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__specificationLead {
  width: 100%;
  margin-bottom: 6rem;
}

.productsPage__specificationSingle {
  width: 47%;
  margin-bottom: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.productsPage__specificationSingleImg {
  width: 34.04255%;
}

.productsPage__specificationSingleTxt {
  width: 59.57447%;
}

.productsPage__specificationSingle p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}

.productsPage__specification h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {

  .productsPage .slick-prev,
  .productsPage .slick-next {
    position: static;
    width: 5rem;
    height: 5rem;
    margin-left: 1rem;
  }

  .productsPage .slick-prev:before {
    background: url(/assets/img/top/case_arrow_right.png) no-repeat;
    background-size: cover;
  }

  .productsPage .slick-next:before {
    background: url(/assets/img/top/case_arrow_left.png) no-repeat;
    background-size: cover;
  }

  .productsPage .slick-prev:before,
  .productsPage .slick-next:before {
    display: block;
    content: "";
    width: 5rem;
    height: 5rem;
  }

  .productsPage__list {
    padding: 5rem 0;
  }

  .productsPage__listLead {
    margin-bottom: 4rem;
  }

  .productsPage__listLead h2 {
    font-size: 2.2rem;
    margin-bottom: 2rem;
  }

  .productsPage__listLead p {
    text-align: justify;
    word-break: break-all;
  }

  .productsPage__list h3 {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 2.5rem;
  }

  .productsPage__listInner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .productsPage__listInner:not(:last-child) {
    margin-bottom: 7rem;
  }

  .productsPage__listSingle {
    width: 100%;
    min-width: inherit;
    margin-bottom: 3rem;
    padding-bottom: 2.4rem;
    position: relative;
  }

  .productsPage__listSingle:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: "";
    background: url(../img/arrow_white.svg) no-repeat center center #333;
    background-size: 1.2rem;
    border-radius: 1.2rem;
    display: block;
    width: 2.4rem;
    height: 2.4rem;
  }

  .productsPage__listSingle:nth-child(odd) {
    margin-top: 0;
  }

  .productsPage__listSingle:nth-child(even) {
    margin-top: 0;
  }

  .productsPage__listSingleImg {
    margin-bottom: 1.8rem;
  }

  .productsPage__listSingleImg+h3 {
    margin-top: 2rem;
  }

  .productsPage__listOb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
  }

  .productsPage__listOb * {
    position: absolute;
  }

  .productsPage__listOb01 {
    top: 13rem;
    right: 0;
    width: 73.3rem;
  }

  .productsPage__listOb02 {
    top: 130rem;
    left: 0;
    right: 0;
    width: 100%;
  }

  .productsPage__listOb03 {
    top: 230rem;
    left: 0;
    width: 58.2rem;
  }

  .productsPage__listOb04 {
    bottom: 35.4rem;
    right: 0;
    width: 98.6rem;
  }

  .productsPage__lead {
    width: 80%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding-left: 0;
  }

  .productsPage__leadWrap {
    background: none !important;
    background: url(../img/product/microsoft/lead_bg_sp.png) no-repeat right top;
    background-size: 100%;
    min-height: inherit;
    height: auto;
  }

  .productsPage__leadWrap img.sp {
    width: 50%;
    margin: 0 auto 0.1rem;
  }

  .productsPage__leadTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.5rem;
    line-height: 4rem;
  }

  .productsPage__leadTxt br {
    display: none;
  }

  .productsPage__leadImg {
    display: block;
    margin: 0 auto;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 68.95522%;
    padding-right: 0;
  }

  .productsPage__pager {
    padding: 2rem 2rem 1rem;
    position: relative;
    top: 0 !important;
  }

  .productsPage__pager ul {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .productsPage__pager ul li {
    width: 48.13559%;
    padding: 0;
    margin-bottom: 1.2rem;
    line-height: 1.6rem;
  }

  .productsPage__pager ul li a {
    min-height: 4.5rem;
  }

  .productsPage__pager a {
    min-width: inherit;
    background: url(../img/simplearrowB_white.svg) no-repeat right 1rem center #333;
    background-size: 0.8rem;
    font-size: 1.4rem;
    padding: 0.7rem;
    padding-right: 1.5rem;
    font-size: 1.5rem;
  }

  .productsPage__pager a.outer {
    background: url(../img/simpleArrowR_white.svg) no-repeat right 1rem center #0090a8;
    background-size: 0.6rem;
  }

  .productsPage__about{
    padding: 8rem 2rem;
  }

  .productsPage__about h2,
  .service__about h2 {
    font-size: 2.5rem;
    line-height: 4rem;
    letter-spacing: 0;
    margin-bottom: 3rem;
  }

  .productsPage__about p,
  .service__about p {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    line-height: 4rem;
    font-size: 1.5rem;
  }

  .productsPage__about p:not(:last-child),
  .service__about p:not(:last-child) {
    margin-bottom: 2rem;
  }

  .productsPage__aboutAtt {
    text-align: left;
    margin-top: 1rem;
  }

  .productsPage__ttl {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .productsPage__ttl span {
    padding: 0 1.5rem 0 0;
  }

  .productsPage__feature {
    /*/*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__featureSingle {
    margin-bottom: 4rem;
  }

  .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt h4 {
    padding-top: 3rem;
  }

  .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .productsPage__featureSingleImg,
  .productsPage__featureSingleTxt {
    width: 100%;
  }

  .productsPage__featureSingleImg {
    margin-bottom: 2.5rem;
  }

  .productsPage__featureSingle h4 {
    font-size: 1.8rem;
    line-height: 2.7rem;
    min-height: 6.4rem;
    padding-top: 3rem;
    margin-bottom: 2rem;
  }

  .productsPage__featureSingle h4 span {
    height: 6.4rem;
  }

  .productsPage__merit {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    display: block;
    margin-bottom: 8rem;
  }

  .productsPage__meritLead {
    margin-bottom: 3rem;
  }

  .productsPage__example {
    margin-bottom: 8rem;
  }

  .productsPage__example .productsPage__ttl {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6.5rem;
  }

  .productsPage__example:before {
    height: 34rem;
    width: 100%;
    bottom: 0;
  }

  .productsPage__exampleSlider {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
  }

  .productsPage__exampleSliderArrows {
    display: none;
  }

  .productsPage__exampleSlider .slick-list {
    padding-bottom: 7rem !important;
  }

  .productsPage__exampleSliderSingle {
    width: 29.5rem;
    margin: 0 0.5rem;
  }

  .productsPage__exampleSliderSingleImg {
    height: 19.7rem;
  }

  .productsPage__exampleSliderSingleTxt {
    padding: 1.5rem 2rem;
    min-height: 20rem;
  }

  .productsPage__exampleSliderSingleTxt p:not([class]) {
    line-height: 2.2rem;
    margin-bottom: 1rem;
  }

  .productsPage__flow {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__flowLead {
    margin-bottom: 5.5rem;
  }

  .productsPage__flowSingle {
    width: 100%;
    padding: 4rem 2rem 2rem;
    margin-bottom: 3.5rem;
  }

  .productsPage__flowSingle:not(:last-child):after {
    display: none;
  }

  .productsPage__flowAtt {
    margin-top: 0;
    font-size: 1.4rem;
  }

  .productsPage__flow.four .productsPage__flowSingle {
    width: 100%;
  }

  .productsPage__price {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__faq {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__faq dl dt {
    padding: 1.5rem 1.5rem 3.5rem 5rem;
    background: url(../img/product/q.png) no-repeat left 2rem top 2.3rem;
    background-size: 2.3rem;
  }

  .productsPage__faq dl dt:after {
    right: 0;
    left: 0;
    bottom: 1rem;
    top: auto;
    margin: auto;
  }

  .productsPage__faq dl dt:hover {
    cursor: pointer;
  }

  .productsPage__faq dl dt.open:after {
    bottom: 1.7rem;
    top: auto;
  }

  .productsPage__faq dl dd {
    margin: 0 2rem;
    padding: 1.5rem 0 1.5rem 3.5rem;
    background: url(../img/product/a.png) no-repeat left 0.5rem top 2.3rem;
    background-size: 2.2rem;
  }

  .productsPage .contactBlock__two {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .productsPage .contactBlock__inner {
    width: 100%;
  }

  .productsPage .contactBlock__inner:not(:last-child) {
    margin-bottom: 2rem;
  }

  .productsPage__news {
    max-width: inherit;
    min-width: inherit;
    padding: 5rem 2rem;
    width: 100%;
  }

  .productsPage__news h3 {
    width: 100%;
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 4.5rem;
    color: #0090a8;
    letter-spacing: 0.1em;
  }

  .productsPage__newsList {
    margin-top: 2rem;
  }

  .productsPage__newsList a {
    width: 100%;
    min-width: inherit;
    padding: 2rem;
    background: #fbfbfb;
  }

  .productsPage__newsList dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage__newsList dl dt {
    margin-bottom: 1rem;
  }

  .productsPage__related {
    position: relative;
    margin-bottom: 0;
  }

  .productsPage__relatedTtl {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 3.5rem;
  }

  .productsPage__related:before {
    height: 34rem;
    width: 100%;
    bottom: 0;
  }

  .productsPage__relatedSliderArrows {
    display: none;
  }

  .productsPage__relatedSlider .slick-list {
    padding-bottom: 7rem !important;
  }

  .productsPage__relatedSliderSingle {
    width: 29.5rem;
    margin: 0 0.5rem;
  }

  .productsPage__relatedSliderSingleImg {
    height: 19.7rem;
  }

  .productsPage__relatedSliderSingleTxt {
    padding: 1.5rem 2rem;
    min-height: 20rem;
  }

  .productsPage__relatedSliderSingleTxt p:not([class]) {
    line-height: 2.2rem;
    margin-bottom: 1rem;
  }

  .productsPage.office .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: right top 2rem, right top;
  }

  .productsPage.office .productsPage__about {
    background-image: url(../img/product/microsoft/bg01_sp.png);
  }

  .productsPage.office .productsPage__meritBefore,
  .productsPage.office .productsPage__meritAfter {
    width: 100%;
  }

  .productsPage.office .productsPage__meritBefore h4 img,
  .productsPage.office .productsPage__meritAfter h4 img {
    width: auto;
  }

  .productsPage.office .productsPage__meritBefore dl,
  .productsPage.office .productsPage__meritAfter dl {
    height: auto;
    padding: 3rem;
  }

  .productsPage.office .productsPage__meritBefore dl dt,
  .productsPage.office .productsPage__meritAfter dl dt {
    min-height: inherit;
    text-align: center;
    margin-bottom: 3rem;
  }

  .productsPage.office .productsPage__meritBefore dl dd:not(:last-child),
  .productsPage.office .productsPage__meritAfter dl dd:not(:last-child) {
    margin-bottom: 2rem;
  }

  .productsPage.office .productsPage__meritBefore dl dd img,
  .productsPage.office .productsPage__meritAfter dl dd img {
    height: auto;
    width: 100%;
  }

  .productsPage.office .productsPage__meritBefore {
    margin-bottom: 9rem;
  }

  .productsPage.office .productsPage__meritAfter:before {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 8%;
  }

  .productsPage__concept {
    background: -webkit-gradient(linear,
        left top,
        right top,
        color-stop(25%, #0090a8),
        color-stop(25%, #fff));
    background: linear-gradient(to right, #0090a8 25%, #fff 25%);
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-bottom: 8rem;
  }

  .productsPage__conceptInner {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    padding: 2.5rem 2.5rem 1rem;
  }

  .productsPage__concept ol li {
    margin-bottom: 2.5rem;
  }

  .productsPage__scene {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .productsPage__scene .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__sceneSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage__sceneSingle:nth-child(3),
  .productsPage__sceneSingle:nth-child(4) {
    margin-top: 0;
  }

  .productsPage__scene h4 {
    margin-bottom: 1rem;
  }

  .productsPage__scene dl {
    margin-bottom: 1.5rem;
  }

  .productsPage.app .productsPage__leadImg {
    width: 43.28358%;
  }

  .productsPage.app .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/app/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 4.5rem, right top;
  }

  .productsPage.app .productsPage__about {
    background-image: url(../img/product/microsoft/app/bg01_sp.png);
  }

  .productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleTxt,
  .productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleTxt {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .productsPage.app .productsPage__featureSingle:nth-child(odd) .productsPage__featureSingleImg,
  .productsPage.app .productsPage__featureSingle:nth-child(even) .productsPage__featureSingleImg {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .productsPage.share .productsPage__leadWrap {
    min-height: inherit;
    background-image: url(../img/product/microsoft/share/bg_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 95.73333%, 100%;
    background-position: right top 2.5rem, right top;
  }

  .productsPage.share .productsPage__about {
    background-image: url(../img/product/microsoft/share/bg01_sp.png);
  }

  .productsPage.share .productsPage__aboutSample {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4rem;
  }

  .productsPage.share .productsPage__aboutSample dl {
    position: relative;
    margin: 0;
    width: 100%;
  }

  .productsPage.share .productsPage__aboutSample dl:not(:last-child) {
    margin-bottom: 6rem;
  }

  .productsPage.share .productsPage__aboutSample dl:not(:last-child):after {
    right: 0;
    left: 0;
    top: auto;
    bottom: -5.5rem;
    margin: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .productsPage.share .productsPage__meritList,
   .MeritList{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.share .productsPage__meritSingle,
  .MeritSingle {
    width: 100%;
    padding: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-bottom: 1.5rem;
  }

  .productsPage.share .productsPage__meritSingle:nth-child(2),
  .productsPage.share .productsPage__meritSingle:nth-child(5),
  .productsPage.share .productsPage__meritSingle:nth-child(3),
  .productsPage.share .productsPage__meritSingle:nth-child(6),

  .MeritSingle:nth-child(2),
  .MeritSingle:nth-child(5),
  .MeritSingle:nth-child(3),
  .MeritSingle:nth-child(6) {
    margin-top: 0;
  }

  .productsPage.share .productsPage__serviceLead {
    margin-bottom: 4rem;
  }

  .productsPage.share .productsPage__serviceImg {
    margin-bottom: 2rem;
  }

  .productsPage.share .productsPage__serviceImg,
  .productsPage.share .productsPage__serviceTxt {
    width: 100%;
  }

  .productsPage.share .productsPage__service dl dt {
    margin-bottom: 1rem;
  }

  .productsPage__function {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 3.5rem;
  }

  .productsPage__function .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__functionSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage__functionSingleImg {
    margin-bottom: 1.5rem;
  }

  .productsPage__functionSingle h4 {
    margin-bottom: 0.5rem;
  }

  .productsPage__service {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage.sdps .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/sdps/ob01.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 73.33333% auto, 100% auto;
    background-position: center top 7rem, right top;
  }

  .productsPage.sdps .productsPage__about {
    background-image: url(../img/product/microsoft/sdps/bg01_sp.png);
  }

  .productsPage.sdps .productsPage__merit {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.sdps .productsPage__merit .productsPage__ttl {
    margin-bottom: 2.5rem;
  }

  .productsPage.sdps .productsPage__meritImg {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .productsPage.sdps .productsPage__meritTxt {
    width: 100%;
  }

  .productsPage__recommend {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__case {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 6rem;
  }

  .productsPage__case .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__caseSingle {
    width: 100%;
    margin-bottom: 2rem;
  }

  .productsPage__target {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__targetLead {
    margin-bottom: 3rem;
  }

  .productsPage__target ul li:not(:last-child) {
    margin-bottom: 1rem;
  }

  .productsPage__target table {
    display: block;
    border: none;
  }

  .productsPage__target table.pc {
    display: none;
  }

  .productsPage__target table * {
    width: 100%;
    display: block;
  }

  .productsPage__target table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    margin-bottom: 1rem;
    border-bottom: 1px solid #0090a8;
  }

  .productsPage__target table tr th:not(:first-child) {
    border-top: 1px solid #fff;
  }

  .productsPage__target table th,
  .productsPage__target table td {
    border-bottom: none;
    padding: 1rem;
    line-height: 1.8rem;
  }

  .productsPage__target table th {
    width: 40%;
  }

  .productsPage__target table th.name,
  .productsPage__target table th.price {
    width: 40%;
  }

  .productsPage__target table td {
    width: 60%;
  }

  .productsPage__target table.productsPage__targetServiceTable th,
  .productsPage__target table.productsPage__targetServiceTable th.name,
  .productsPage__target table.productsPage__targetServiceTable td {
    width: 100%;
  }

  .productsPage__target table.productsPage__targetServiceTable tr:not(:last-child) th {
    border-bottom: 1px solid #0090a8;
  }

  .productsPage.noverti .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/noverti/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 3.2rem, right top;
  }

  .productsPage.noverti .productsPage__about {
    background-image: url(../img/product/microsoft/noverti/bg01_sp.png);
  }

  .productsPage.noverti .productsPage__serviceMain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.noverti .productsPage__serviceMain .productsPage__serviceMovie {
    width: 100%;
    height: 44vw;
    margin-bottom: 2rem;
  }

  .productsPage.noverti .productsPage__serviceMain dl {
    width: 100%;
  }

  .productsPage.noverti .productsPage__serviceMain dl dt {
    margin-bottom: 1rem;
  }

  .productsPage.noverti .productsPage__serviceList {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage.noverti .productsPage__service h4 {
    margin-bottom: 2rem;
  }

  .productsPage.noverti .productsPage__serviceSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage.noverti .productsPage__serviceSingleTtl {
    margin-top: 1.5rem;
  }

  .productsPage.noverti .productsPage__meritTtl {
    max-width: 10rem;
    width: 100%;
    margin-bottom: 2rem;
  }

  .productsPage.noverti .productsPage__meritCont {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 2rem;
    padding: 3rem 3rem 1rem;
  }

  .productsPage.noverti .productsPage__meritSingle {
    width: 100%;
  }

  .productsPage.noverti .productsPage__meritSingle:not(:last-child) {
    margin-bottom: 5rem;
  }

  .productsPage.noverti .productsPage__meritSingle:not(:last-child):before {
    right: 0;
    left: 0;
    top: auto;
    bottom: -19.69697%;
    margin: auto;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .productsPage.noverti .productsPage__merit h4 {
    margin-bottom: 1rem;
  }

  .productsPage__effect {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__effect .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage__effect dl {
    width: 100%;
    max-width: inherit;
  }

  .productsPage__more {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
  }

  .productsPage__more .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .productsPage.teams .productsPage__leadWrap {
    background-image: url(../img/product/microsoft/teams/ob01_sp.jpg);
    background-size: 100%;
    background-position: right top;
  }

  .productsPage.teams .productsPage__about {
    background-image: url(../img/product/microsoft/teams/bg01_sp.png);
  }

  .productsPage.teams .productsPage__serviceLead {
    margin-bottom: 4rem;
  }

  .productsPage.teams .productsPage__serviceImg {
    margin-bottom: 2rem;
  }

  .productsPage.teams .productsPage__serviceImg,
  .productsPage.teams .productsPage__serviceTxt {
    width: 100%;
  }

  .productsPage.teams .productsPage__service dl dt {
    margin-bottom: 1rem;
  }

  .productsPage.gifs .productsPage__leadWrap {
    background-image: url(../img/product/maas/gifs/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 4.5rem, right top;
  }

  .productsPage.gifs .productsPage__about {
    background-image: url(../img/product/maas/gifs/bg01_sp.png);
  }

  .productsPage.gifs .productsPage__meritContLeft,
  .productsPage.gifs .productsPage__meritContRight,
  .Merit__page .productsPage__meritContLeft,
  .Merit__page .productsPage__meritContRight {
    width: 100%;
    position: static;
  }

  .productsPage.gifs .productsPage__meritImg,
  .Merit__page .productsPage__meritImg {
    width: 59.70149%;
    margin-bottom: 4rem;
  }

  .productsPage.gifs .productsPage__meritSingle,
  .Merit__page .productsPage__meritSingle {
    margin-bottom: 2rem;
    padding: 2.5rem;
  }

  .gifss .productsPage__featureSingle {
    margin-bottom: 4rem;
  }

  .gifss .productsPage__featureSingleImg {
    width: 100%;
    margin-bottom: 1rem;
  }

  .gifss .productsPage__featureSingleTxt {
    width: 100%;
  }

  .gifss .productsPage__featureSingleAtt {
    margin-top: 2rem;
  }

  .gifss .productsPage__featureSingle h4 {
    padding-top: 0;
    font-size: 1.6rem;
  }

  .gifss .productsPage__featureSingle h4 span {
    padding: 0.8rem 0.8rem;
  }

  .productsPage.bus .productsPage__leadWrap {
    background-image: url(../img/product/maas/bus/ob01_sp.png),
      url(../img/product/microsoft/lead_bg_sp.png);
    background-size: 100% auto;
    background-position: center top 4.5rem, right top;
  }

  .productsPage.bus .productsPage__about {
    background-image: url(../img/product/maas/bus/bg01_sp.png);
  }

  .productsPage.bus .productsPage__flow .productsPage__ttl {
    margin-bottom: 2rem;
  }

  .productsPage__specification {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .productsPage__specificationSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .productsPage__specificationSingle p {
    line-height: 2.4rem;
  }

  .productsPage__specification h4 {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}

.casePage {
  padding-bottom: 9rem;
}

.casePage.case-cloud .h1Block--ph {
  background-image: url(../img/case/h1_bg_cloud.png);
}
.casePage.case-maas .h1Block--ph {
  background-image: url(../img/case/h1_bg_maas.png);
}


.casePage__cont {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.casePage h2 {
  font-size: 2.8rem;
  text-align: center;
  color: #0090a8;
  font-weight: bold;
  margin-bottom: 8rem;
  line-height: 5rem;
}

.casePage__search {
  border: 1px solid #d5d5d5;
  border-radius: 0.6rem;
  margin-bottom: 8rem;
}

.casePage__searchTtl {
  font-weight: bold;
  color: #ffffff;
  background: #0090a8;
  display: inline-block;
  padding: 0.5rem 2rem;
  margin-bottom: 2rem;
}

.casePage__search dt {
  padding: 3rem 4rem;
  position: relative;
}

.casePage__search dt:after {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  content: "";
  display: block;
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  right: 2.8rem;
  top: 0.6rem;
  bottom: 0;
  margin: auto;
  background: url(../img/simplearrowR_gray.svg) no-repeat;
  background-size: contain;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.casePage__search dt:hover {
  cursor: pointer;
}

.casePage__search dt.open:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  top: -0.6rem;
}

.casePage__search dd {
  display: none;
  padding: 0 4rem 3rem;
}

.casePage__search ul {
  width: 100%;
  margin-bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.casePage__search ul li {
  padding-left: 1.4rem;
  margin-bottom: 0.8rem;
  margin-right: 2rem;
  position: relative;
}

.casePage__search ul li:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.9rem;
}

.casePage__search a:hover {
  text-decoration: underline;
}

.casePage__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

.casePage__listSingle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
}

.casePage__listSingle:hover .casePage__listImgInner {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.casePage__listImg {
  overflow: hidden;
  height: 250px;
  margin-bottom: 1rem;
  border-radius: 6px;
}
.dl__thanks .casePage__listImg {
  height: 25rem !important;
}

.casePage__listImgInner {
  background-position: center center;
  background-size: cover;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.casePage__listTtl {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.casePage__listTxt {
  font-size: 1.4rem;
  line-height: 2.6rem;
  margin-bottom: 1rem;
}

.casePage__listCustomer {
  margin-top: auto;
  font-size: 1.6rem;
}
.casePage__listCustomer span{
  background: #E1EFF2;
  padding: 5px 10px;
  border-radius: 100px;
  color: #0090A8;
}
.casePage__pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
}

.casePage__pager a:hover {
  opacity: 0.7;
}

.casePage__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.casePage__pager ul li {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 1rem;
}
.casePage__pager ul li a img{
  height: 50%;
}
.casePage__pager ul li a,
.casePage__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.casePage__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.casePage__pager ul li.pagerPrev,
.casePage__pager ul li.pagerNext {
  width: 0.9rem;
}

.casePage__pager ul li.pagerPrev img,
.casePage__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.casePage__pager ul li.pagerPrev:hover,
.casePage__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.casePage__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .casePage__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .casePage__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .casePage__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .casePage__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

.casePageDetail {
  padding-bottom: 9rem;
}
.dlPageDetail__info,
.casePageDetail__info {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 8rem;
}

.casePageDetail__box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.study .casePageDetail__box {
  padding-bottom: 100px;
}

.study .casePageDetail__infoImg {
  width: 90%;
  position: relative;
  height: 500px;
  overflow: hidden;
  z-index: 1;
  margin-left: auto;
}

.study .casePageDetail__infoImg img {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.study .casePageDetail__infoTxt {
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  padding: 2rem;
  bottom: 0;
  left: 0;
  width: 50%;
}

.study .casePageDetail__infoLead {
  margin-bottom: 1rem;
}

.study .itemizationList_b li:first-of-type,
.study .itemizationList_b li:last-of-type {
  border: none;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .study .casePageDetail__box {
    margin-bottom: 0;
  }

  .study .casePageDetail__infoImg {
    width: 130%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }

  .study .casePageDetail__infoTxt {
    width: 100%;
  }
}

.casePageDetail__infoTxt {
  width: 42%;
}

.casePageDetail__infoImg {
  width: 52%;
}

.casePageDetail__infoImg img {
  width: 100%;
}

.casePageDetail__infoCustomer {
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}

.casePageDetail__infoLead {
  font-size: 3rem;
  line-height: 5rem;
  margin-bottom: 4rem;
  font-weight: bold;
}

.casePageDetail__infoFeature li {
  background: url(../img/case/check.svg) no-repeat left top 0.8rem;
  background-size: 1.5rem;
  padding-left: 2.3rem;
  margin-bottom: 1.5rem;
}

.casePageDetail__infoSingle {
  width: 100%;
  margin-top: 8rem;
  display: flex;
  align-items: center;
}

.detailedBlock {
  flex-grow: 2;
  width: 100%;
}

.detailedBlockImg {
  width: 80%;
  position: relative;
  height: 300px;
  flex-grow: 0;
  margin-right: 100px;
}

@media screen and (min-width: 767px) {
  .casePageDetail__infoSingle:nth-of-type(even) {
    flex-direction: row-reverse;
  }

  .casePageDetail__infoSingle:nth-of-type(even) .detailedBlockImg {
    margin-left: 100px;
    margin-right: 0;
  }
}

@media screen and (max-width: 768px) {
  .casePageDetail__infoSingle {
    flex-direction: column;
  }

  .detailedBlockImg {
    width: 100%;
    margin-bottom: 1rem;
    margin-right: 0;
  }
}

.casePageDetail__infoSingle h2,
.dlPageDetail__infoSingle h2 {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.casePageDetail__infoSingle h2:after,
.dlPageDetail__infoSingle h2:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.casePageDetail__infoSingle h2 span,
.dlPageDetail__infoSingle h2 span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  display: inline-block;
}

.casePageDetail__infoSingle h3,
.dlPageDetail__infoSingle h3 {
  font-weight: 700;
  font-size: 2.3rem;
  color: #0090a8;
  padding: 2rem 0;
}

.casePageDetail__infoSingle p,
.dlPageDetail__infoSingle p  {
  font-size: 1.4rem;
  line-height: 2.6rem;
  text-align: justify;
}
.casePageDetail__service {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 12rem auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 8rem;
}

.casePageDetail__service h2 {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.casePageDetail__service h2:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.casePageDetail__service h2 span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.casePageDetail__service h3 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 1.5rem;
}

.casePageDetail__serviceImg,
.casePageDetail__serviceTxt,
.casePageDetail__serviceList {
  width: 47%;
}

.casePageDetail__serviceTxt {
  position: relative;
  padding-bottom: 10rem;
}

.casePageDetail__serviceTxt .casePageDetail__serviceBtn {
  position: absolute;
  bottom: 0;
  left: 0;
}

.casePageDetail__serviceBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  margin: 0 auto;
  display: inline-block;
}

@media screen and (max-width: 68.7rem) {
  .casePageDetail__serviceBtn {
    padding: 1.2rem 2.5rem;
  }
}

.casePageDetail__serviceBtn span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .casePageDetail__serviceBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .casePageDetail__serviceBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.casePageDetail__serviceList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.casePageDetail__serviceListImg,
.casePageDetail__serviceListTxt {
  width: 46.80851%;
}

.casePageDetail__serviceListImg img,
.casePageDetail__serviceListTxt img {
  width: 100%;
}

.casePageDetail__serviceListImg {
  overflow: hidden;
}

.casePageDetail__serviceListImgInner {
  width: 100%;
  height: 100px;
  border-radius: 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  background-size: cover;
  background-position: center center;
}

.casePageDetail__serviceListTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.casePageDetail__serviceList p:not([class]) {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.casePageDetail__serviceListCustomer {
  font-size: 1.6rem;
  margin-top: auto;
  margin-bottom: 0;
}

.casePageDetail__serviceList:hover {
  opacity: 0.7;
}

.casePageDetail__serviceList:hover .casePageDetail__serviceListImgInner {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}
.dlPageDetail__back,
.casePageDetail__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

@media screen and (max-width: 768px) {
  .casePage {
    padding-bottom: 4.5rem;
  }

  .casePage__cont {
    width: 90%;
    min-width: inherit;
    margin: 0 auto
  }

  .casePage h2 {
    font-size: 2.2rem;
    line-height: 4rem;
  }

  .casePage__search {
    width: 89.33333%;
    margin: 0 auto 4rem;
  }

  .casePage__searchTtl {
    padding: 0.5rem 2rem;
    margin-bottom: 2rem;
  }

  .casePage__search dt {
    padding: 2rem 2rem;
  }

  .casePage__search dd {
    padding: 0 2rem 2rem;
  }

  .casePage__search ul {
    margin-bottom: 2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .casePage__search ul li {
    width: 50%;
    margin-right: 0;
    font-size: 1.4rem;
  }

  .casePage__list {
    grid-template-columns: repeat(auto-fill, minmax(40%, 1fr));
  }

  .casePage__listSingle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
  }

  .casePage__listImg {
    height: 180px;
    margin-bottom: 1.5rem;
  }
  .dl__thanks.casePage__listImg {
    height: 22rem;
    margin-bottom: 1.5rem;
  }

  .casePage__listTxt {
    line-height: 2.4rem;
    margin-bottom: 2rem;
  }

  .casePage__pager {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .casePageDetail {
    padding-bottom: 0;
  }

  .casePageDetail__info {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 4rem;
    width: 100% !important;
  }

  .casePageDetail__box {
    flex-direction: column;
  }

  .casePageDetail__infoTxt {
    width: 100%;
    /*
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    */
  }

  .casePageDetail__infoImg {
    width: 100%;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    margin-bottom: 2rem;
  }

  .casePageDetail__infoLead {
    margin-bottom: 2rem;
    font-size: 2rem;
    line-height: 3.7rem;
  }

  .casePageDetail__infoSingle {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .casePageDetail__infoSingle h2 {
    font-size: 2rem;
  }

  .casePageDetail__infoSingle h2 span {
    padding: 0 1.5rem 0 0;
  }

  .casePageDetail__service {
    width: 100% !important;
    max-width: inherit;
    min-width: inherit;
    margin: 8rem auto 0 auto;
    margin-bottom: 5rem;
  }

  .casePageDetail__service h2 {
    font-size: 2rem;
  }

  .casePageDetail__service h2 span {
    padding: 0 1.5rem 0 0;
  }

  .casePageDetail__serviceImg,
  .casePageDetail__serviceTxt,
  .casePageDetail__serviceList {
    width: 100%;
  }

  .casePageDetail__serviceTxt {
    margin-top: 1.5rem;
    padding-bottom: 0;
  }

  .casePageDetail__serviceTxt .casePageDetail__serviceBtn {
    position: static;
    margin-top: 2rem;
  }

  .casePageDetail__serviceBtn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 5rem 0;
  }

  .casePageDetail__serviceList {
    margin-bottom: 4rem;
  }

  .casePageDetail__serviceListImg {
    width: 30.50847%;
  }

  .casePageDetail__serviceList h3 {
    width: 61.01695%;
  }

  .casePageDetail__serviceListTxt {
    width: 100%;
  }

  .casePageDetail__serviceListCustomer {
    margin-top: 1rem;
  }
  .casePageDetail__back
  .casePageDetail__back {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-top: -5rem;
  }
}

.companyPage h3 {
  background: url(../img/head_bg.png) no-repeat right 1.8rem center #0090a8;
  background-size: 18.9rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0.7rem 2rem;
  max-height: 4.1rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .companyPage h3 {
    max-height: inherit;
    font-size: 1.6rem;
    background-position: right -1.3rem center;
    background-size: auto 4.4rem;
    padding: 1rem 1.3rem;
    margin-bottom: 2rem;
  }
}

.companyPage__bg {
  background: url(../img/company/bg01.png) no-repeat center top;
  background-size: cover;
}

.companyPage__lead {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  font-size: 1.4rem;
  line-height: 3.4rem;
  text-align: justify;
  max-width: 73rem;
  margin: 0 auto 12rem;
  padding-bottom: 12.5rem;
}

.companyPage__lead h2 {
  letter-spacing: 0;
  font-size: 2.8rem;
  line-height: 4rem;
  text-align: center;
  color: #0090a8;
  font-weight: bold;
  margin-bottom: 4rem;
}

.companyPage__lead p:not(:last-child) {
  margin-bottom: 5rem;
}

.companyPage__lead p {
  text-align: center;
}

.companyPage__info {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
}

.companyPage__info h2 {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 3rem;
}

.companyPage__info h2:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.companyPage__info h2 span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.companyPage__info table {
  width: 100%;
  border-top: 1px solid #bababa;
}

.companyPage__info table a {
  text-decoration: underline;
}

.companyPage__info table a:hover {
  text-decoration: none;
}

.companyPage__info table th,
.companyPage__info table td {
  border-bottom: 1px solid #bababa;
  text-align: left;
  padding: 2rem 3rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.companyPage__info table th {
  width: 30%;
  background: #fafafa;
}

.companyPage__info table p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.companyPage__info table ul li {
  margin-left: 1em;
  text-indent: -1em;
}

.companyPage__info table ul li:before {
  content: "・";
}

.companyPage__infoSingle {
  margin-bottom: 7rem;
}

.companyPage__mission {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
  margin-bottom: 8rem;
}

.companyPage__missionSingle {
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  min-height: 16.4rem;
  padding: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.companyPage__missionSingle img {
  position: absolute;
  left: 0;
  top: 0;
  height: 8.6rem;
  width: auto;
}

.companyPage__missionSingle p {
  position: relative;
  z-index: 1;
}

.greetingPage {
  padding-bottom: 9rem;
}

.greetingPage__cont {
  position: relative;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  padding: 10rem 0 0;
}

.greetingPage__cont img.fadeIn {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transform: translateX(70px) translateY(0px);
  transform: translateX(70px) translateY(0px);
}

.greetingPage__cont img.fadeIn.faded {
  opacity: 1;
  -webkit-transform: translateX(0px) translateY(0px);
  transform: translateX(0px) translateY(0px);
}

.greetingPage__txt {
  position: relative;
  z-index: 2;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  box-shadow: 0 0.5rem 2rem rgba(0, 0, 0, 0.05);
  width: 50%;
  margin-left: auto;
  margin-right: 0;
  padding: 4rem;
}

.greetingPage__txt p {
  font-size: 1.4rem;
  line-height: 2.6rem;
  margin-bottom: 3rem;
}

.greetingPage__txt dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-top: 4rem;
}

.greetingPage__txt dl dt {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.greetingPage__txt dl dd {
  margin-left: 2rem;
  font-size: 2.2rem;
}

@media screen and (max-width: 768px) {
  .companyPage__bg {
    background: #fafafa;
  }

  .companyPage__lead {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin: 0 auto 6rem;
    padding-bottom: 6rem;
  }

  .companyPage__lead h2 {
    font-size: 2.2rem;
    line-height: 4rem;
    text-align: left;
  }

  .companyPage__lead p {
    text-align: justify;
  }

  .companyPage__lead p:not(:last-child) {
    margin-bottom: 2.5rem;
  }

  .companyPage__info {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .companyPage__info h2 {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .companyPage__info h2 span {
    padding: 0 1.5rem 0 0;
  }

  .companyPage__info table {
    border: none;
    display: block;
  }

  .companyPage__info table tbody,
  .companyPage__info table tr,
  .companyPage__info table th,
  .companyPage__info table td {
    display: block;
    width: 100%;
  }

  .companyPage__info table th,
  .companyPage__info table td {
    padding: 1rem 1.5rem;
  }

  .companyPage__info table tr {
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    margin-bottom: 1rem;
  }

  .companyPage__infoSingle {
    margin-bottom: 4rem;
  }

  .companyPage__mission {
    margin-bottom: 4rem;
  }

  .companyPage__missionSingle {
    width: 100%;
    margin-bottom: 1.5rem;
  }

  .greetingPage {
    padding-bottom: 4.5rem;
  }

  .greetingPage__cont {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    padding-top: 40vw;
  }

  .greetingPage__txt {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    width: 89.33333%;
  }
}

.contactPage__lead {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 6rem;
}

.contactPage section:not([class]) {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 8rem;
}

.contactPage section:not([class]) ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.contactPage section:not([class]) ul li {
  width: 49%;
  margin-bottom: 2rem;
  line-height: 3rem;
}

.contactPage section:not([class]) ul li p {
  display: block;
  width: 100%;
}

.contactPage section:not([class]) ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  width: 100%;
  height: 100%;
  border: 1px solid #707070;
  border-radius: 0.6rem;
  padding: 3rem;
  background: url(../img/simplearrowR_gray.svg) no-repeat right 3rem center;
  background-size: 0.8rem;
}

.contactPage section:not([class]) ul li a:hover {
  opacity: 0.7;
}

.contactPage section:not([class]) ul:after {
  content: "";
  display: block;
  width: 32%;
}

.contactPage h2 {
  background: url(../img/head_bg.png) no-repeat right 1.8rem center #0090a8;
  background-size: 18.9rem;
  color: #ffffff;
  font-weight: bold;
  font-size: 1.8rem;
  padding: 0.7rem 2rem;
  max-height: 4.1rem;
  margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
  .contactPage h2 {
    max-height: inherit;
    font-size: 1.6rem;
    background-position: right -1.3rem center;
    background-size: auto 4.4rem;
    padding: 1rem 1.3rem;
    margin-bottom: 2rem;
  }
}

.mw_wp_form input,
.mw_wp_form button,
.mw_wp_form textarea,
.mw_wp_form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.contact__lead {
  margin-bottom: 4rem;
  text-align: center;
}

.contact__lead a {
  text-decoration: underline;
}

.contact__lead a:hover {
  text-decoration: none;
}

.contact__formList dl {
  margin-bottom: 2.5rem;
}

.contact__formList dl dt {
  font-weight: bold;
  padding-bottom: 5px;
}

.contact__formList span.required {
  color: #ffffff;
  background: #ef454a;
  border-radius: 3px;
  line-height: 1;
  font-size: 1.4rem;
  padding: 0.1rem 0.5rem;
  margin-left: 1rem;
}

.contact__formList input[type="email"],
.contact__formList input[type="number"],
.contact__formList input[type="password"],
.contact__formList input[type="tel"],
.contact__formList input[type="text"],
.contact__formList input[type="url"],
.contact__formList textarea {
  padding: 1.4rem;
  background-color: #f4f4f4;
  /*-webkit-box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1);*/
  border: 1px solid rgba(0, 0, 0, 0.1);
  color: #333;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100px;
  flex: 1 0 100px;
  width: 100%;
  border-radius: 2px;
  outline: none;
}

.contact__formList .required::after {
  content: "必須";
  font-size: 12px;
  color: #fff;
  background: #ef454a;
  padding: 0 5px;
  border-radius: 3px;
  margin-left: 5px;
  font-weight: normal;
}

.contact__formList .any::after {
  content: "任意";
  font-size: 12px;
  color: #0090a8;
  background: #f4f4f4;
  padding: 0 5px;
  border-radius: 3px;
  margin-left: 5px;
  font-weight: normal;
}

.contact__formList select {
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: #fff;
  padding: 1rem;
  width: 12rem;
  background-image: url(../img/simplearrowB_gray.svg);
  background-size: 0.8rem;
  background-repeat: no-repeat;
  background-position: right 1rem center;
}

.contact__formList select:hover {
  cursor: pointer;
}

.contact__formList input[type="radio"] {
  display: none;
  cursor: pointer;
}

.contact__formList input[type="radio"]+span {
  padding-left: 2rem;
  position: relative;
  margin-right: 2rem;
}

.contact__formList input[type="radio"]+span:hover {
  cursor: pointer;
}

.contact__formList input[type="radio"]+span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.contact__formList input[type="radio"]:checked+span {
  color: #0090a8;
}

.contact__formList input[type="radio"]:checked+span::before {
  border: 1px solid #0090a8;
}

.contact__formList input[type="radio"]:checked+span::after {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background: #0090a8;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
}

.contact__formList input[type="checkbox"] {
  display: none;
  cursor: pointer;
}

.contact__formList input[type="checkbox"]+span {
  padding-left: 2rem;
  position: relative;
  margin-right: 2rem;
}

.contact__formList input[type="checkbox"]+span:hover {
  cursor: pointer;
}

.contact__formList input[type="checkbox"]+span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 3px;
  z-index: 0;
  top: 50%;
  transform: translateY(-50%);
}

.contact__formList input[type="checkbox"]:checked+span {
  color: #0090a8;
}

.contact__formList input[type="checkbox"]:checked+span::before {
  border: 1px solid #0090a8;
  background: #0090a8;
}

.contact__formList input[type="checkbox"]:checked+span::after {
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}

.contact__formList .formSubmitButton {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact__formList input[type="submit"] {
  cursor: pointer;
  background: #0090a8;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
}

/*確認画面よう*/
.form-confirm .contact__formList {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 8rem;
}

.form-confirm .contact__formList dl {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

.form-confirm .contact__formList dt {
  width: 20%;
  padding: 1em 0;
}

.form-confirm .contact__formList dd {
  background: #f4f4f4;
  padding: 1em;
  border-radius: 3px;
  width: calc(100% - 22%);
}

@media screen and (max-width: 768px) {
  .form-confirm .contact__formList dl {
    flex-direction: column;
  }

  .form-confirm .contact__formList dt {
    width: 100%;
  }

  .form-confirm .contact__formList dd {
    width: calc(100% - 0);
  }
}

.form-confirm .contact__formList .form-privacy {
  display: none !important;
}

.form-confirm .contact__formList input[type="submit"] {
  background: #ef454a;
}

/*送信ボタン*/
.contact__formList button[type=submit] {
  cursor: pointer;
  background: #0090a8;
  color: #fff;
  padding: 10px 20px;
  border-radius: 3px;
}

.contact__att {
  color: #999999;
  display: block;
  margin: 0.5rem 0 1rem;
}

.contact__privacy {
  padding-top: 4rem;
}

.contact__privacyTtl {
  font-size: 1.6rem;
  text-align: center;
  font-weight: bold;
  margin-bottom: 2rem;
}

.contact__privacyTtl span {
  font-weight: normal;
}

.contact__txt a {
  text-decoration: underline;
}

.contact__txt a:hover {
  text-decoration: none;
}

.contact__btn {
  margin-top: 2rem;
  margin-bottom: 15rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.contact__btnBack,
.contact__btnNext,
.contact__btnSend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #ef454a;
  position: relative;
  z-index: 1;
  letter-spacing: 0.02em;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 4.5rem;
  background-image: url(../img/arrow_white.svg);
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.4rem;
  margin: 0 1rem;
}

@media screen and (max-width: 68.7rem) {

  .contact__btnBack,
  .contact__btnNext,
  .contact__btnSend {
    padding: 1.2rem 2.5rem;
  }
}

.contact__btnBack span,
.contact__btnNext span,
.contact__btnSend span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {

  .contact__btnBack:after,
  .contact__btnNext:after,
  .contact__btnSend:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .contact__btnBack:hover:after,
  .contact__btnNext:hover:after,
  .contact__btnSend:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (min-width: 68.7rem) {

  .contact__btnBack:after,
  .contact__btnNext:after,
  .contact__btnSend:after {
    display: none;
  }
}

.contact__btnBack:hover,
.contact__btnNext:hover,
.contact__btnSend:hover {
  cursor: pointer;
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.contact__btnBack {
  min-width: 13rem;
  background-image: url(../img/arrow_white_left.svg);
  background-position: left 1.5rem center;
  background-color: #333;
  padding-left: 5.5rem;
}

.contact__btnNext,
.contact__btnSend {
  min-width: 20rem;
  background-color: #ef454a;
}

@media screen and (max-width: 768px) {
  .contactPage__lead {
    margin-bottom: 3rem;
  }

  .contactPage section:not([class]) {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 4rem;
  }

  .contactPage section:not([class]) ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contactPage section:not([class]) ul li {
    width: 100%;
    margin-bottom: 1rem;
    height: auto;
  }

  .contactPage section:not([class]) ul li a {
    padding: 2rem;
    padding-right: 3rem;
    line-height: 2rem;
    background-position: right 2rem center;
  }

  .mw_wp_form .horizontal-item {
    display: block;
    margin-bottom: 1rem;
  }

  .mw_wp_form .horizontal-item+.horizontal-item {
    margin-left: 0 !important;
  }

  .contact__lead {
    text-align: justify;
  }

  .contact__formList select {
    width: 60%;
  }

  .contact__formList .mwform-tel-field input[type="text"],
  .contact__formList .mwform-zip-field input[type="text"] {
    width: 30.5%;
  }

  .contact__att {
    color: #999999;
    display: block;
    margin: 0.5rem 0 1rem;
  }

  .contact__privacy {
    padding-top: 3rem;
  }

  .contact__privacyTtl span {
    font-size: 1.4rem;
    display: block;
    text-align: center;
  }

  .contact__btn {
    margin-top: 4rem;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
  }

  .contact__btnBack,
  .contact__btnNext,
  .contact__btnSend {
    width: 100%;
    margin: 0.5rem 0;
  }

  .contact__btnNext,
  .contact__btnSend {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
  }

  .contact__btnBack {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.privacyPage {
  padding-bottom: 9rem;
}

.privacyPage__lead {
  font-size: 1.4rem;
  line-height: 3.4rem;
  margin-bottom: 8rem;
}

.privacyPage section {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 4rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.privacyPage section p:not([class]) {
  margin-bottom: 2rem;
}

.privacyPage section a {
  text-decoration: underline;
}

.privacyPage section a:hover {
  text-decoration: none;
}

.privacyPage section ol {
  margin: 0 0 2rem;
  list-style: decimal;
}

.privacyPage section ol li {
  margin-left: 1.4rem;
  margin-bottom: 0.8rem;
}

.privacyPage section ul {
  margin: 2rem 0;
}

.privacyPage section ul li {
  padding-left: 1.4rem;
  margin-bottom: 0.8rem;
  position: relative;
}

.privacyPage section ul li:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.privacyPage section dl:not([class]) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.privacyPage section dl:not([class]) dt {
  padding-left: 1.4rem;
  margin-bottom: 0.8rem;
  position: relative;
}

.privacyPage section dl:not([class]) dt:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #0090a8;
  position: absolute;
  left: 0;
  top: 0.9rem;
}

.privacyPage section dl:not([class]) dd {
  margin-left: 3.5rem;
}

.privacyPage h2 {
  font-weight: bold;
  color: #0090a8;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
  .privacyPage {
    padding-bottom: 4.5rem;
  }

  .privacyPage section {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .privacyPage section dl:not([class]) {
    display: block;
    margin-bottom: 4rem;
  }

  .privacyPage section dl:not([class]) dd {
    margin-left: 0;
  }
}

.blogPage__wrap {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 9rem;
  min-height: 170rem;
}

.blogPage__list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.blogPage__single {
  width: 46.77419%;
  margin-bottom: 2.8rem;
}

.blogPage__singleInner {
  position: relative;
  display: block;
}

.blogPage__singleInner:hover .blogPage__singleImgInner {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.blogPage__singleDate {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  line-height: 1;
  background: rgba(51, 51, 51, 0.6);
  color: #ffffff;
  border-radius: 0.6rem 0 0 0;
  padding: 0.6rem 2.5rem 0.6rem 1rem;
  font-size: 1rem;
}

.blogPage__singleImg {
  border-radius: 0.6rem;
  height: 21.6rem;
  margin-bottom: 2.5rem;
  overflow: hidden;
}

.blogPage__singleImgInner {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
}

.blogPage__singleCat {
  font-size: 1.4rem;
  position: relative;
  padding-left: 1.2rem;
  margin-right: 1.5rem;
}

.blogPage__singleCat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.6rem;
}

.blogPage__singleTag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: -1.2rem;
}

.blogPage__singleTag a {
  line-height: 1;
  font-size: 1.4rem;
  padding: 0.4rem 1rem;
  display: block;
  margin-bottom: 1.2rem;
  margin-right: 1rem;
  background: #f3f4f6;
  border-radius: 10px;
}

.blogPage__singleTag a:hover {
  opacity: 0.7;
}

.blogPage__single h2 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 2rem;
  color: #0090a8;
}

.blogPage__pager {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin-top: 4rem;
}

.blogPage__pager a:hover {
  opacity: 0.7;
}

.blogPage__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.blogPage__pager ul li {
  width: 3rem;
  height: 3rem;
  margin: 0 1rem;
}

.blogPage__pager ul li a,
.blogPage__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.blogPage__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.blogPage__pager ul li.pagerPrev,
.blogPage__pager ul li.pagerNext {
  width: 0.9rem;
}

.blogPage__pager ul li.pagerPrev img,
.blogPage__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.blogPage__pager ul li.pagerPrev:hover,
.blogPage__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.blogPage__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .blogPage__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .blogPage__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .blogPage__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .blogPage__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

.blogPage__pager ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  max-width: 62rem;
  width: 100%;
  margin: 0 auto 1rem;
}

.blogPage__pagerAll {
  text-align: right;
  position: static;
  max-width: 62rem;
  width: 100%;
  margin: 0 auto;
  padding-right: 1rem;
}

.blogPage__side {
  position: relative;
  width: 29.2%;
}

.blogPage__side dl {
  margin-bottom: 6rem;
}

.blogPage__side dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 2rem;
}

.blogPage__side dl dt:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.blogPage__side dl dt span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 1.5rem 0 0;
  letter-spacing: 0.15em;
}

.blogPage__sideCat li:not(:last-child) {
  margin-bottom: 1rem;
}

.blogPage__sideCat a {
  display: block;
  padding: 1rem 1rem 1rem 3.5rem;
  background: #fbfbfb;
  font-size: 1.4rem;
  position: relative;
}

.blogPage__sideCat a:hover {
  background: #0090a8;
  color: #fff;
}

.blogPage__sideCat a:hover:before {
  background: #fff;
}

.blogPage__sideCat a:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 2rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}

.blogPage__sideTag {
  width: 100%;
  padding: 2rem 0 0.8rem;
  border-top: 1px solid #bababa;
  border-bottom: 1px solid #bababa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: -1.2rem;
}

.blogPage__sideTag a {
  line-height: 1;
  font-size: 1.3rem;
  padding: 0.4rem 1rem;
  display: block;
  border-radius: 10px;
  background: #f3f4f6;
  margin-bottom: 1.2rem;
  margin-right: 1rem;
}

.blogPage__sideTag a:hover {
  opacity: 0.7;
}

.blogPage .blogPage__rankingNum,
.blogPage .blogPage__newestNum,
.blogPage .blogPage__rankingNum--one,
.blogPage .blogPage__newestNum--one,
.blogPage .blogPage__rankingNum--two,
.blogPage .blogPage__newestNum--two,
.blogPage .blogPage__rankingNum--three,
.blogPage .blogPage__newestNum--three {
  line-height: 2.3rem;
  text-align: center;
  color: #ffffff;
  position: absolute;
  left: -0.8rem;
  top: -0.8rem;
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  font-size: 1rem;
  border-radius: 50%;
}

.blogPage__ranking,
.blogPage__newest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  margin-bottom: 2rem;
}

.blogPage__ranking:hover,
.blogPage__newest:hover {
  opacity: 0.7;
}

.blogPage__ranking:not(:last-child)

/*.blogPage__newest:not(:last-child)*/
  {
  margin-bottom: 2rem;
}

.blogPage__rankingNum,
.blogPage__newestNum {
  background: rgba(51, 51, 51, 0.9);
}

.blogPage__rankingNum--one,
.blogPage__newestNum--one {
  background: rgba(209, 188, 27, 0.9);
}

.blogPage__rankingNum--two,
.blogPage__newestNum--two {
  background: rgba(26, 98, 181, 0.9);
}

.blogPage__rankingNum--three,
.blogPage__newestNum--three {
  background: rgba(209, 90, 27, 0.9);
}

.blogPage__rankingImg,
.blogPage__newestImg {
  border-radius: 0.6rem;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center center;
}

.blogPage__rankingTxt,
.blogPage__newestTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  font-size: 1.4rem;
  line-height: 2rem;
  width: calc(100% - 100px);
}

.blogPage__rankingDate,
.blogPage__newestDate {
  color: #bababa;
  margin-bottom: 0.5rem;
  font-size: 12px;
}

.blogPage__rankingCat,
.blogPage__newestCat {
  position: relative;
  padding-left: 1.2rem;
  margin-right: 1.5rem;
  font-size: 12px;
  display: inline-block;
}

.blogPage__rankingCat:last-of-type,
.blogPage__newestCat:last-of-type {
  margin-right: 0;
}

.blogPage__rankingCat:before,
.blogPage__newestCat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.blogPage__stickyWrap {
  position: -webkit-sticky;
  position: sticky;
  top: 8rem;
}

.blogPage .newsPageDetail__ttl {
  min-width: inherit;
  max-width: inherit;
  width: 100%;
}

.blogPage article img {
  margin: 0 auto 4rem;
}

.blogPage article p {
  margin-bottom: 3rem;
  word-wrap: break-word;
}

.blogPage__articleBtm {
  margin-top: 8rem;
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding-bottom: 4rem;
  border-bottom: 1px solid #bababa;
}

.blogPage__articleBtmShare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-right: 3rem;
}

.blogPage__articleBtmShare a {
  margin-right: 1rem;
  display: block;
  width: 5rem;
  height: 5rem;
}

.blogPage__articleBtmShare a img {
  display: block;
  width: 100%;
  height: auto;
}

.blogPage__articleBtmShare a:hover {
  opacity: 0.7;
}

.blogPage__articleBtm .newsPageDetail__print {
  margin-bottom: 0;
}

.blogPage__related {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  position: relative;
  width: 46.77419%;
}

.blogPage__related:hover {
  opacity: 0.7;
}

.blogPage__relatedWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 6rem;
}

.blogPage__relatedImg {
  border-radius: 0.6rem;
  width: 8rem;
  height: 8rem;
  background-size: cover;
  background-position: center center;
}

.blogPage__relatedTxt {
  font-size: 1.4rem;
  line-height: 2rem;
  width: calc(100% - 100px);
}

.blogPage__relatedDate {
  color: #bababa;
  margin-bottom: 0.5rem;
}

.blogPage .newsPageDetail__pager {
  width: 100%;
  min-width: inherit;
}

.blogPage .newsPageDetail__pagerPrev,
.blogPage .newsPageDetail__pagerNext {
  width: 23.06452%;
}

@media screen and (max-width: 768px) {
  .blogPage__wrap {
    min-width: inherit;
    min-height: inherit;
    width: 100%;
    display: block;
    margin-bottom: 4.5rem;
  }

  .blogPage__cont {
    width: 90%;
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 7.5rem;
  }

  .blogPage__list {
    width: 100%;
    display: block;
  }

  .blogPage__single {
    width: 100%;
    margin-bottom: 4.8rem;
  }

  .blogPage__pager {
    margin-top: 4rem;
  }

  .blogPage__pager ul {
    margin-bottom: 0;
  }

  .blogPage__pagerAll {
    text-align: center;
    margin-bottom: 2rem;
  }

  .blogPage__side {
    width: 89.33333%;
    margin: 0 auto;
  }

  .blogPage__side dl {
    border-radius: 0.6rem;
    border: 1px solid #d5d5d5;
    margin-bottom: 2rem;
  }

  .blogPage__side dl dt {
    font-size: 1.4rem;
    font-weight: normal;
    margin-bottom: 0;
    padding: 2rem;
  }

  .blogPage__side dl dt:after {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    position: absolute;
    width: 1.4rem;
    height: 1.4rem;
    right: 2rem;
    top: 0.6rem;
    bottom: 0;
    margin: auto;
    background: url(../img/simplearrowR_gray.svg) no-repeat;
    background-size: contain;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .blogPage__side dl dt span {
    background: none;
    padding: 0;
  }

  .blogPage__side dl dt:hover {
    cursor: pointer;
  }

  .blogPage__side dl dt.open:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    top: -0.6rem;
  }

  .blogPage__side dl dd {
    display: none;
    padding: 0.8rem 2rem 2rem;
  }

  .blogPage__sideCat li:not(:last-child) {
    margin-bottom: 0.8rem;
  }

  .blogPage__sideCat a {
    padding: 0 0 0 1.5rem;
    background: none;
  }

  .blogPage__sideCat a:before {
    left: 0;
  }

  .blogPage__sideTag {
    margin-right: auto;
  }

  .blogPage .newsPageDetail__ttl {
    width: 100%;
  }

  .blogPage article img {
    margin: 0 auto 2rem;
  }

  .blogPage__articleBtm {
    padding-bottom: 4rem;
    border-bottom: 1px solid #bababa;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .blogPage__articleBtmShare {
    margin-bottom: 2rem;
    margin-right: 0;
  }

  .blogPage__related {
    width: 100%;
    margin-bottom: 2rem;
  }

  .blogPage__relatedWrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 3rem;
  }

  .blogPage .newsPageDetail__pagerPrev,
  .blogPage .newsPageDetail__pagerNext {
    width: 44.74576%;
  }
}

.recruitPage__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
  position: relative;
}

.recruitPage__headImg {
  width: 50%;
  min-width: 50rem;
  overflow: hidden;
  border-radius: 0 0.6rem 0.6rem 0;
}

.recruitPage__headTxt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.recruitPage__head dl {
  width: 42%;
  min-width: 42rem;
}

.recruitPage__head dl dt {
  font-weight: bold;
  font-size: 2.2rem;
  color: #0090a8;
  line-height: 3.3rem;
  margin-bottom: 3rem;
}

.recruitPage__head p {
  font-size: 1.4rem;
}

.recruitPage__head p:not(:last-child) {
  margin-bottom: 3rem;
}

.recruitPage__ttl {
  width: 100%;
  font-size: 3rem;
  font-weight: bold;
  color: #0090a8;
  position: relative;
  margin-bottom: 6rem;
}

.recruitPage__ttl:after {
  content: "";
  width: 100%;
  display: block;
  height: 2px;
  background: #0090a8;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 0;
}

.recruitPage__ttl span {
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding: 0 2.5rem 0 0;
  letter-spacing: 0.15em;
}

.recruitPage__style {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.recruitPage__style .productsPage__ttl {
  margin-bottom: 6rem;
}

.recruitPage__styleSingle {
  width: 30%;
}

.recruitPage__styleSingle:nth-child(3n) {
  margin-top: 5rem;
}

.recruitPage__styleSingle:nth-child(3n + 1) {
  margin-top: 10rem;
}

.recruitPage__styleSingleImg {
  border-radius: 0.6rem;
  overflow: hidden;
  margin-bottom: 2rem;
}

.recruitPage__styleSingleImg img {
  width: 100%;
  max-width: inherit;
}

.recruitPage__style h3 {
  color: #ffffff;
  font-weight: bold;
  background: #0090a8;
  padding: 0.5rem 2rem;
  display: inline-block;
  margin-bottom: 2rem;
}

.recruitPage__style p {
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.recruitPage__flow {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.recruitPage__flowLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 7.5rem;
}

.recruitPage__flowSingle {
  width: 30%;
  background: rgba(1, 147, 161, 0.1);
  position: relative;
  padding: 4rem;
}

.recruitPage__flowSingle a {
  text-decoration: underline;
}

.recruitPage__flowSingle a:hover {
  text-decoration: none;
}

.recruitPage__flowSingleNum {
  height: 3.3rem;
  position: absolute;
  left: 0;
  top: -1.7rem;
  background: #0090a8;
  color: #ffffff;
  display: inline-block;
  padding: 0.3rem 2rem;
  font-size: 1.8rem;
  font-weight: bold;
}

.recruitPage__flowSingleNum:after {
  content: "";
  display: block;
  position: absolute;
  right: -3.3rem;
  top: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.3rem 0 0 3.3rem;
  border-color: transparent transparent transparent #0090a8;
}

.recruitPage__flowSingle h3 {
  font-size: 1.8rem;
  line-height: 2.7rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.recruitPage__flowSingle p:not([class]) {
  font-size: 1.4rem;
}

.recruitPage__flowSingle:not(:last-child):before {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -4rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

.recruitPage__info {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  margin-bottom: 12rem;
}

.recruitPage__infoLead {
  width: 100%;
  line-height: 3.2rem;
  margin-bottom: 7.5rem;
}

.recruitPage__info table {
  width: 100%;
  border-top: 1px solid #bababa;
}

.recruitPage__info table th,
.recruitPage__info table td {
  border-bottom: 1px solid #bababa;
  text-align: left;
  padding: 2rem 3rem;
  font-size: 1.4rem;
  line-height: 2.6rem;
}

.recruitPage__info table th {
  width: 30%;
  background: #fafafa;
}

.recruitPage__info table p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.recruitPage__info table ul li {
  margin-left: 1em;
  text-indent: -1em;
}

.recruitPage__info table ul li:before {
  content: "・";
}

.recruitPage__infoBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  color: #fff;
  z-index: 1;
  padding: 1.5rem 3.5rem;
  background: #333;
  margin: 6rem auto 0;
}

@media screen and (max-width: 68.7rem) {
  .recruitPage__infoBtn {
    padding: 1.2rem 2.5rem;
  }
}

.recruitPage__infoBtn span {
  position: relative;
  z-index: 1;
  -webkit-transition: color 0.6s;
  transition: color 0.6s;
  padding-right: 3rem;
  background: url(../img/arrow_white.svg) no-repeat right center;
  background-size: 1.4rem;
}

@media screen and (min-width: 68.7rem) {
  .recruitPage__infoBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .recruitPage__infoBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

@media screen and (max-width: 768px) {
  .recruitPage__head {
    display: block;
    margin-bottom: 8rem;
  }

  .recruitPage__headImg {
    width: 89.33333%;
    min-width: inherit;
    margin-bottom: 4rem;
  }

  .recruitPage__headTxt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    position: static;
  }

  .recruitPage__head dl {
    width: 100%;
    min-width: inherit;
  }

  .recruitPage__ttl {
    margin-bottom: 2rem;
    font-size: 2rem;
  }

  .recruitPage__ttl span {
    padding: 0 1.5rem 0 0;
  }

  .recruitPage__style {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .recruitPage__style .productsPage__ttl {
    margin-bottom: 3rem;
  }

  .recruitPage__styleSingle {
    width: 100%;
    margin-bottom: 3rem;
  }

  .recruitPage__styleSingle:nth-child(3n),
  .recruitPage__styleSingle:nth-child(3n + 1) {
    margin-top: 0;
  }

  .recruitPage__style h3 {
    margin-bottom: 1rem;
  }

  .recruitPage__flow {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 8rem;
  }

  .recruitPage__flowLead {
    margin-bottom: 5.5rem;
  }

  .recruitPage__flowSingle {
    width: 100%;
    padding: 4rem 2rem 2rem;
    margin-bottom: 3.5rem;
  }

  .recruitPage__flowSingle:not(:last-child):before {
    display: none;
  }

  .recruitPage__info {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 4.5rem;
  }

  .recruitPage__infoLead {
    margin-bottom: 5.5rem;
  }

  .recruitPage__info table {
    border: none;
    display: block;
  }

  .recruitPage__info table tbody,
  .recruitPage__info table tr,
  .recruitPage__info table th,
  .recruitPage__info table td {
    display: block;
    width: 100%;
  }

  .recruitPage__info table th,
  .recruitPage__info table td {
    padding: 1rem 1.5rem;
  }

  .recruitPage__info table tr {
    border-top: 1px solid #bababa;
    border-left: 1px solid #bababa;
    border-right: 1px solid #bababa;
    margin-bottom: 1rem;
  }

  .recruitPage__infoBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    border-radius: 5rem;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    padding: 1.5rem 3.5rem;
    background: #333;
    margin: 3rem auto 0;
  }
}

@media screen and (max-width: 768px) and (max-width: 68.7rem) {
  .recruitPage__infoBtn {
    padding: 1.2rem 2.5rem;
  }
}

@media screen and (max-width: 768px) {
  .recruitPage__infoBtn span {
    position: relative;
    z-index: 1;
    -webkit-transition: color 0.6s;
    transition: color 0.6s;
    padding-right: 3rem;
    background: url(../img/arrow_white.svg) no-repeat right center;
    background-size: 1.4rem;
  }
}

@media screen and (max-width: 768px) and (min-width: 68.7rem) {
  .recruitPage__infoBtn:after {
    content: "";
    width: 120%;
    height: 120%;
    background: #ef454a;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transform: skewX(-30deg) scale(0, 1);
    transform: skewX(-30deg) scale(0, 1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }

  .recruitPage__infoBtn:hover:after {
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transform: skewX(-30deg) scale(1, 1);
    transform: skewX(-30deg) scale(1, 1);
  }
}

.searchPage {
  padding-bottom: 9rem;
}

.searchPage .search {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__cont {
  margin-top: 3rem;
  width: 100%;
}

.searchPage .search__cont a {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  margin-bottom: 1rem;
  padding: 2rem 4rem;
  background: #fbfbfb;
  background-size: 1.5rem;
}

.searchPage .search__cont a:hover {
  opacity: 0.7;
}

.searchPage .search__cont dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__cont dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__date {
  margin-right: 3rem;
  min-width: 7.3rem;
}

.searchPage .search__cat {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  min-width: 9.9rem;
  margin-right: 2rem;
}

.searchPage .search__cat:before {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  display: block;
  border-radius: 10px;
  margin-right: 0.7rem;
}

.searchPage .search__cat.cat_product:before {
  background: #49ac67;
}

.searchPage .search__cat.cat_press:before {
  background: #496bac;
}

.searchPage .search__cat.cat_blog:before {
  background: #bfa82a;
}

.searchPage .search__cat.cat_recruit:before {
  background: #d83b1e;
}

.searchPage .search__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__tab li {
  margin-right: 3rem;
}

.searchPage .search__tab a {
  color: #898989;
  padding-bottom: 1rem;
}

.searchPage .search__tab .active {
  color: #000000;
  border-bottom: 1px solid #000;
}

.searchPage .search__cont {
  /*width: 78.66667%;*/
  max-width: inherit;
  min-width: inherit;
  margin: 0 auto;
  margin-bottom: 8rem;
}

.searchPage .search__cont dl {
  display: block;
}

.searchPage .search__cont dl dt {
  font-weight: 700;
}

.searchPage .search__pager {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 90%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 0 14rem;
  position: relative;
}

.searchPage .search__pager a:hover {
  opacity: 0.7;
}

.searchPage .search__pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.searchPage .search__pager ul li {
  width: 4.8rem;
  height: 4.8rem;
  margin: 0 1rem;
}

.searchPage .search__pager ul li a,
.searchPage .search__pager ul li span {
  padding: 0;
  margin: 0;
  max-width: inherit;
  min-width: inherit;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  line-height: 1;
  color: #333;
  background: #ffffff;
}

.searchPage .search__pager ul li.pagerActive span {
  background: #ef454a;
  color: #ffffff;
  border-radius: 50%;
}

.searchPage .search__pager ul li.pagerPrev,
.searchPage .search__pager ul li.pagerNext {
  width: 0.9rem;
}

.searchPage .search__pager ul li.pagerPrev img,
.searchPage .search__pager ul li.pagerNext img {
  width: 100%;
  height: auto;
}

.searchPage .search__pager ul li.pagerPrev:hover,
.searchPage .search__pager ul li.pagerNext:hover {
  opacity: 0.7;
}

.searchPage .search__pagerAll {
  font-size: 1.4rem;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 2.6rem;
}

@media screen and (max-width: 768px) {
  .searchPage .search__pager {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    position: relative;
  }

  .searchPage .search__pager ul {
    width: 100%;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .searchPage .search__pager ul li {
    width: 3.8rem;
    height: 3.8rem;
    margin: 0 0.5rem;
  }

  .searchPage .search__pagerAll {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    position: static;
    margin: 0 0 2rem;
    height: auto;
  }
}

@media screen and (max-width: 768px) {
  .searchPage {
    padding-bottom: 4.5rem;
  }

  .searchPage .search {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
  }

  .searchPage .search__cont {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-top: 2rem;
  }

  .searchPage .search__cont a {
    width: 100%;
    min-width: inherit;
    padding: 2rem;
    background: #fbfbfb;
  }

  .searchPage .search__cont dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .searchPage .search__cont dl dt {
    margin-bottom: 1rem;
  }

  .searchPage .search__date {
    margin-right: 3rem;
  }

  .searchPage .search__cat {
    font-size: 1.4rem;
    margin-right: 2rem;
  }

  .searchPage .search__tab {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .searchPage .search__tab li {
    margin-right: 1.5rem;
    margin-bottom: 2rem;
  }

  .searchPage .search__tab li:last-child {
    margin-right: 0;
  }

  .searchPage .search__cont {
    margin-bottom: 4rem;
  }

  .searchPage .search__pager {
    /*width: 78.66667%;*/
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .searchPage .search__pagerPrev {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 44.74576%;
  }

  .searchPage .search__pagerNext {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 44.74576%;
  }

  .searchPage .search__pagerList {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    width: 100%;
    margin-bottom: 2.5rem;
  }
}

/*追記　Microsoft クラウドコンサルティング用*/
.productsPage.office .productsPage__meritTtl {
  max-width: 15.5rem;
  width: 16.84783%;
}

.productsPage.office .productsPage__meritCont {
  margin-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding: 4rem;
  background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, white 50%);
}

.productsPage.office .productsPage__meritCont p {
  font-size: 1.4rem;
  text-align: justify;
}

.productsPage.office .productsPage__meritSingle {
  width: 35.86957%;
  position: relative;
}

.productsPage.office .productsPage__meritSingle:not(:last-child):before {
  display: block;
  content: "";
  background: url(../img/product/flow_arrow.png) no-repeat;
  background-size: contain;
  width: 1.9rem;
  height: 3.8rem;
  position: absolute;
  right: -13.63636%;
  top: 0;
  bottom: 0;
  margin: auto;
}

.productsPage.office .productsPage__meritSingleLead {
  position: relative;
  font-weight: bold;
  font-size: 1.4rem;
  padding-left: 1.4rem;
  line-height: 1;
  margin-bottom: 0.4rem;
}

.productsPage.office .productsPage__meritSingleLead:before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.productsPage.office .productsPage__merit h4 {
  color: #0090a8;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.7rem;
  margin-bottom: 1.5rem;
}

/*DX人材育成service*/
.dx_recommend {
  display: flex;
  margin: 100px 0;
  width: 100%;
}

@media screen and (max-width: 768px) {
  .dx_recommend {
    flex-direction: column;
  }

  .dx_recommend div.item {
    margin-bottom: 2rem;
  }
}

.dx_recommend div.item {
  margin-right: 2rem;
  position: relative;
}

.dx_recommend div.item:last-of-type {
  margin: 0;
}

.dx_recommend div.item .img {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  margin-top: 15px;
}

.dx_recommend div.item .img img {
  width: 100% !important;
}

/*.dx_recommend div.item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  z-index: 1;
  background: url(/wp-content/uploads/2021/12/bg_vision.png)
    top no-repeat;
  background-size: contain;
}*/
.dx_recommend div.item .text {
  top: 0;
  width: 100%;
  text-align: center;
  z-index: 1;
  position: relative;
  width: 100%;
  background: #0090a8;
  padding: 10px;
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  border-radius: 10px;
  z-index: 1;
}

.dx_recommend div.item .text::after {
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  border-color: rgba(0, 144, 168, 0);
  border-top-width: 10px;
  border-bottom-width: 10px;
  border-left-width: 10px;
  border-right-width: 10px;
  margin-left: -10px;
  border-top-color: #0090a8;
  top: 100%;
  left: 50%;
}

.dx_service {
  display: flex;
  margin: 50px 0;
  width: 100%;
  flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .dx_service {
    flex-direction: column;
  }

  .dx_service .item {
    margin-bottom: 2rem;
    width: calc(100%) !important;
  }
}

.dx_service .item {
  width: calc(100% / 2 - 1.5rem);
  margin-right: 3rem;
  border: solid 3px #f4f4f4;
  padding: 3rem;
}

.dx_service .item:nth-of-type(1) {
  border: solid 3px #912c87;
}

.dx_service .item:nth-of-type(2) {
  border: solid 3px #114fd0;
}

.dx_service .item:last-of-type {
  margin: 0;
}

.dx_service .item h4 {
  color: #0090a8;
  margin-bottom: 2rem;
}

.dx_service .item h4 span {
  display: block;
  text-align: center;
  font-size: 16px;
  line-height: 2;
}

.dx_service .item:nth-of-type(1) h4 span {
  color: #912c87;
}

.dx_service .item:nth-of-type(2) h4 span {
  color: #114fd0;
}

.dx_tb {
  width: 100%;
  margin-top: 50px;
}

.dx_tb li {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin-bottom: 1px;
}

.dx_tb li p:nth-of-type(1) {
  width: calc(100% - 70% - 5px);
}

.dx_tb li p {
  padding: 1rem;
}

.dx_tb li p:nth-of-type(2) {
  width: 70%;
  margin-left: 5px;
}

.dx_service .item:nth-of-type(1) .dx_tb li p:nth-of-type(1) {
  background: #912c87;
  color: #fff;
}

.dx_service .item:nth-of-type(2) .dx_tb li p:nth-of-type(1) {
  background: #114fd0;
  color: #fff;
}

.dx_service .item:nth-of-type(1) .dx_tb li p {
  border-top: solid 1px #912c87;
}

.dx_service .item:nth-of-type(1) .dx_tb li:last-of-type p {
  border-bottom: solid 1px #912c87;
}

.dx_service .item:nth-of-type(2) .dx_tb li p {
  border-top: solid 1px #114fd0;
}

.dx_service .item:nth-of-type(2) .dx_tb li:last-of-type p {
  border-bottom: solid 1px #114fd0;
}

.dx_achievement {
  width: 100%;
  margin: 2rem 0;
}

.dx_achievement img {
  width: 100%;
}

.dx_achievement .comment_img {
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: 10px;
  z-index: 0;
}

.dx_achievement .comment {
  position: relative;
}
.dx_achievement .comment ul {
  display: flex;
  flex-direction: column;
  width: 40%;
  position: absolute;
  bottom: 0;
  right: 16px;
  z-index: 1;
}

.dx_achievement .comment ul li {
  width: 100%;
  margin-bottom: 3rem;
  padding: 2.5rem 0 2.5rem 2.5rem;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 1) 50%,
      rgba(255, 255, 255, 0.7) 50%);
}

.dx_achievement .comment ul li h5 {
  color: #0090a8;
  font-size: 18px;
}

a.dx_support_mcaslink {
  display: block;
  text-align: center;
  margin-top: 3rem;
  padding: 1rem;
  color: #0090a8;
  border: solid #f4f4f4;
  border-radius: 5px;
  transition: all 300ms 0s ease;
}

a.dx_support_mcaslink:hover {
  border: solid #0090a8;
}

.dx_support_mcaslink span {
  display: block;
}

.dx_support_mcaslink span:nth-of-type(2) {
  color: #333333;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  .dx_achievement .comment ul {
    margin-top: 3rem;
    width: 100%;
    position: relative;
    right: 0;
  }

  .dx_achievement .comment ul li {
    background: linear-gradient(120deg, rgba(0, 144, 168, 0.06) 50%, #fff 50%);
  }
}

.productsPage__link {
  width: 100%;
  margin: 3rem 0;
  display: block;
  display: flex;
  flex-wrap: wrap;
}

.productsPage__link .productsPage__linkcontnt {
  background: linear-gradient(45deg,
      rgba(255, 255, 255, 1) 60%,
      rgba(0, 0, 0, 0.04) 40%);
  margin-right: 2rem;
  width: calc(100% / 2 - 1rem);
  margin-bottom: 2rem;
}

.productsPage__link .productsPage__linkcontnt:nth-of-type(2n) {
  margin-right: 0;
}

.productsPage__link a {
  display: block;
  width: 100%;
  border: solid 2px #ccc;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  display: block;
  overflow: hidden;
  padding: 3rem 2rem;
  transition: all 0.5s 0s ease;
}

.productsPage__link .productsPage__linkcontnt:hover a {
  border: solid 2px #0090a8;
}

.productsPage__link a h4 {
  font-size: 20px;
  color: #0090a8;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
  width: 60%;
  transition: all 0.5s 0s ease;
  font-size: 18px;
  font-weight: bold;
}

.productsPage__link a p {
  position: relative;
  z-index: 2;
  color: #333;
  line-height: 2rem;
  margin-bottom: 10px;
  width: 60%;
  font-size: 12px;
  transition: all 0.5s 0s ease;
}

.productsPage__link a p:last-of-type {
  margin-bottom: 0;
}

.productsPage__link img {
  position: absolute;
  z-index: 0;
  top: 0;
  bottom: 0;
  left: 0;
  width: auto;
  height: 100%;
}

/*導入ページ*/
.introduction {
  display: flex;
  flex-direction: column;
}



.feature {
  width: 100%;
  display: flex;
  margin-top: 8rem;
  border: solid 1px #ccc;
  padding: 3rem;
  border-radius: 5px;
}

.features_icons {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: center;
}

.features_icons li {
  width: calc(100% / 7 - 10px);
  margin-right: 10px;
}

.features_icons li::before,
.features_icons li::after {
  width: 100%;
  content: "";
  display: flex;
  flex-direction: column;
}

.features_icons li::before {
  margin-bottom: 10px;
  text-align: center;
}

.features_icons li::after {
  height: 120px;
}

.features_icons li:last-of-type {
  margin-right: 0;
}

@media screen and (max-width: 668px) {
  .feature {
    flex-direction: column;
    margin-bottom: -1em;
  }

  .features_icons li {
    width: calc(100% / 2 - 10px);
    margin-bottom: 1em;
  }

  .features_icons li::after {
    height: 150px;
  }
}

.features_icons li.basuyohou::before {
  content: "バスロケバス予報";
}

.features_icons li.basuyohou::after {
  background: url(/wp-content/uploads/2022/02/basuyohou.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.ondemand::before {
  content: "オンデマンドバス予報";
}

.features_icons li.ondemand::after {
  background: url(/wp-content/uploads/2022/02/ondemand.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.routesearch::before {
  content: "バス予報乗換案内";
}

.features_icons li.routesearch::after {
  background: url(/wp-content/uploads/2022/02/routesearch.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.ai::before {
  content: "乗降客AIカメラ";
}

.features_icons li.ai::after {
  background: url(/wp-content/uploads/2022/02/ai.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.senser::before {
  content: "乗降客赤外線カメラ";
}

.features_icons li.senser::after {
  background: url(/wp-content/uploads/2022/02/senser.png) no-repeat center;
  background-size: contain;
}

.features_icons li.tablet::before {
  content: "乗降客タブレット";
}

.features_icons li.tablet::after {
  background: url(/wp-content/uploads/2022/02/tabret.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.signage::before {
  content: "デジタルサイネージ";
}

.features_icons li.signage::after {
  background: url(/wp-content/uploads/2022/02/signage.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.gtfs::before {
  content: "GTFS変換公開サービス";
}

.features_icons li.gtfs::after {
  background: url(/wp-content/uploads/2022/02/gtfs.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.powerautomate::before {
  content: "Power Automate";
}

.features_icons li.powerautomate::after {
  background: url(/wp-content/uploads/2022/07/powerautomate.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.powerapps::before {
  content: "Power Apps";
}

.features_icons li.powerapps::after {
  background: url(/wp-content/uploads/2022/07/powerapps.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.microsoft365::before {
  content: "Microsoft 365";
}

.features_icons li.microsoft365::after {
  background: url(/wp-content/uploads/2022/07/microsoft365.png) no-repeat center center;
  background-size: contain;
}


.features_icons li.sharepoint::before {
  content: "SharePoint";
}

.features_icons li.sharepoint::after {
  background: url(/wp-content/uploads/2022/07/sharepoint.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.teams::before {
  content: "Teams";
}
.features_icons li.teams::after {
  background: url(/wp-content/uploads/2023/05/teams.png) no-repeat center center;
  background-size: contain;
}


.features_icons li.access::before {
  content: "Access";
}

.features_icons li.access::after {
  background: url(/wp-content/uploads/2022/07/access.png) no-repeat center center;
  background-size: contain;
}

.features_icons li.dataservices::before {
  content: "Data Services";
}

.features_icons li.dataservices::after {
  background: url(/wp-content/uploads/2022/07/dataservices.png) no-repeat center center;
  background-size: contain;
}
.features_icons li.azure::before {
  content: "Azure";
}

.features_icons li.azure::after {
  background: url(/wp-content/uploads/2022/07/azure.png) no-repeat center center;
  background-size: contain;
}

.itemizationList_b {
  width: 100%;
}

.itemizationList_b li:first-of-type {
  padding-top: 1rem;
  border-top: solid 1px rgba(0, 0, 0, 0.1);
}

.itemizationList_b li:last-of-type {
  padding-bottom: 1rem;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

.features {
  width: 100%;
}

.features li:first-of-type:before {
  content: "機能";
  color: #0090a8;
  margin-bottom: 1rem;
  display: block;
}

.features li:first-of-type {
  background: url(/assets/css/../img/case/check.svg) no-repeat left bottom 0.8rem;
}

.features li {
  background: url(/assets/css/../img/case/check.svg) no-repeat left top 0.8rem;
  background-size: 1.5rem;
  padding-left: 2.3rem;
  margin-bottom: 1rem;
}

/*snsガジェット*/
.flont_sns {
  width: 90%;
  max-width: 120rem;
  margin: 0 auto 5rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  overflow: hidden;
}

.flont_sns div {
  width: calc(100% / 2 - 1.5rem);
  max-width: 400px;
  position: relative;
  display: flex;
  justify-content: center;
}

.flont_sns div:first-of-type {
  margin-right: 3rem;
}

.fb-page,
.fb-page span,
.fb-page iframe[style] {
  width: 100% !important;
}

@media screen and (max-width: 68.7rem) {
  .flont_sns {
    -webkit-flex-direction: column;
    flex-direction: column;
  }

  .flont_sns div {
    width: 100%;
    margin: 0 auto 2rem auto !important;
    overflow: hidden;
  }
}


.sliderwrap {
  width: 100%;
  margin-top: 3rem;
}

.sliderwrap .slick-slider {
  position: relative;
}

.sliderwrap .prev,
.sliderwrap .next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(255, 255, 255, .6);
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.sliderwrap .prev::before,
.sliderwrap .next::before {
  content: "";
  width: 10px;
  height: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: transparent transparent #0090A8 #0090A8;
}

.sliderwrap .prev {
  left: 0;
}

.sliderwrap .prev::before {
  transform: rotate(50deg) !important;
  margin-left: 5px;
}

.sliderwrap .next {
  right: 0;
}

.sliderwrap .next::before {
  transform: rotate(225deg) !important;
  margin-right: 5px;
}

.sliderwrap .dots {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 2rem 0;
}

.sliderwrap .dots li {
  transition: all .4s;
  height: 8px;
  border-radius: 4px;
  background: rgba(0, 0, 0, .3);
  transition: all .4s;
  text-indent: 100%;
  margin-right: 10px;
  cursor: pointer;
}

.sliderwrap .dots li button[type="button"] {
  white-space: nowrap;
  overflow: hidden;
  display: none;
}

.sliderwrap .dots li:last-of-type {
  margin-right: 0;
}

.sliderwrap .dots li.slick-active {
  background: #0090A8;
}

@media screen and (min-width: 767px) {
  .sliderwrap .slick-track {
    width: 30%;
  }
}

/*バス予報スライダー*/
.productsPage .busyohou-wrap {
  width: 100%;
}

.productsPage .busyohou-wrap section {
  margin-top: 5rem;
}

.productsPage .busyohou-wrap section h4 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 4rem;
  margin: 3rem 0;
}

.productsPage .busyohou-Slider {
  background: rgba(0, 0, 0, .03);
  padding: 60px;
  border-radius: 10px;
}

.productsPage .busyohou-Slider .busyohou-slider li {
  position: relative;
  padding: 0 3rem;
}

.productsPage .busyohou-Slider .busyohou-slider li p {
  text-align: center;
}

@media screen and (max-width: 768px) {
  .productsPage .busyohou-Slider {
    padding: 1rem 0;
  }
}

@media screen and (min-width: 767px) {

  .productsPage .busyohou-Slider .busyohou-slider li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #0090A8;
  }

  .productsPage .busyohou-Slider .busyohou-slider li:last-of-type:after {
    border-width: 0;
    border-color: transparent;
  }
}




ul.performance {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
}

ul.performance li {
  width: calc(100% / 4 - 2rem);
  display: flex;
  flex-direction: column;
  margin-bottom: 3rem;
}

ul.performance li div {
  width: 100%;
}

ul.performance li div.img {
  margin-bottom: 2rem;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

ul.performance li div.img img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

ul.performance li div.title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

ul.performance li div.title span {
  display: inline-block;
  padding: 0 10px;
  border-radius: 20px;
  background: rgba(0, 0, 0, .05);
  font-size: 14px;
  line-height: 2;
  margin-bottom: 10px;
}

ul.performance li div.title h4 {
  color: #0090A8;
  font-size: 2rem;
  line-height: 3rem;
  font-weight: bold;
}
ul.performance li div.title .item{
  display: inline-flex;
	justify-content: flex-start;
	align-items: center;
}

ul.performance li div.title .item i {
  color: #0090A8;
  margin-right: 10px;
}

@media screen and (max-width: 768px) {
  ul.performance li {
    width: calc(100% / 2 - 2rem);
  }
}

.specification-wrap {
  max-width: 120rem;
  /*min-width: 94rem;*/
  width: 100%;
  margin: 0 auto;
  margin-bottom: 12rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

@media screen and (max-width: 768px) {
  .specification-wrap {
    max-width: inherit;
    min-width: inherit;
    margin: 0 auto;
    margin-bottom: 6rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.specification-wrap h4 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 1.5rem;
}

.specification-person {
  width: 100%;
  display: flex;
  margin-bottom: 10px;
}

.specification-person span {
  padding: 0 10px;
  line-height: 1.7;
  margin-right: 10px;
  border-radius: 5px;
}

.specification-person span:last-of-type {
  margin-right: 0 !important;
  margin-bottom: 0 !important;
}

.specification-person span.business {
  color: #0090a8;
  border: solid 1px #0090a8;
}

.specification-person span.user {
  background: #F7AF3E;
  color: #ffffff;
}

.specification-person span.business::before {
  content: "事業者様向け機能";
}

.specification-person span.user::before {
  content: "利用者様向け機能";
}

@media screen and (max-width: 768px) {
  .specification-person {
    flex-direction: column;
    flex-wrap: wrap;
  }

  .specification-person span {
    margin-bottom: 5px;
    margin-right: 0 !important;
  }
}

.youtube{
position: relative;
padding-bottom: 3rem;
width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe{
  position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.busyohou_passenger-counter{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.busyohou_passenger-counter li{
  display: flex;
 flex-direction: column;
width: calc(100% / 3 - 4rem);
}
.busyohou_passenger-counter li:last-of-type{
  margin-bottom:0 !important;
  padding-bottom:0 !important;
  border-bottom:none !important;
}
.busyohou_passenger-counter li img{
  margin: 0 auto;
}
.busyohou_passenger-counter li div.img{
  margin-bottom: 2rem;
  border: solid 1px #b4b4b4;
  padding: 3rem 2rem;
  border-radius: 3px;
}
.busyohou_passenger-counter h4{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .busyohou_passenger-counter {
    flex-direction: column;
  }
  .busyohou_passenger-counter li {
      width: calc(100% / 1);
      margin-bottom: 3rem;
      padding-bottom: 3rem;
      border-bottom: solid 1px #b4b4b4;
    }
}

/* リスト表示*/
.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  position: relative;
}

.list a {
  font-weight: bold;
}

dl.list dt {
  min-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

dl.list dt::after {
  content: " :";
  margin-left: auto;
}

dl.list dd {
  margin-left: 16px;
}

dl.list dd p {
  margin-bottom:  1rem !important;
}

/*リストで数あり*/
ul.list {
  -webkit-flex-direction: column;
  flex-direction: column;
  counter-reset: num;
}

ul.list,
ul.list li,
ol.list,
ol.list li {
  list-style: none;
  margin-left: 0 !important;
}

ul.list li,
ol.list li {
  padding-left: 40px !important;
  margin-bottom: 5px;
  position: relative;
  margin-bottom:1rem;
}

ul.list li:last-of-type,
ol.list li:last-of-type {
  margin-bottom: 0em;
}

.blogPage article ul li p,
.blogPage article ol li p {
  margin-bottom:  0 !important;
}

ul.list li:before,
ol.list li:before {
  counter-increment: num;
  content: "(" counter(num)")";
  position: absolute;
  left: 0;
}


/* リスト表示*/
.list-disc {
  display: flex;
  flex-direction: column;
}

.list-disc li{
  list-style-type: disc;
}
.list-disc li li{
  list-style-type: circle;
}
.list-disc li li li{
    list-style-type: square;
}
.list-disc li:not(:last-of-type){
  margin-bottom:  1rem !important;
}
.list-disc li li {
  margin-bottom:  1rem !important;
}
.list-disc li li li:not(:last-of-type) {
  margin-bottom:  1rem !important;
}
.newsPageDetail article .list-disc p{
  margin-bottom: 0 !important;
}
.list-disc>* p:not(:last-of-type) {
  margin-bottom: 1rem !important;
}


/* 初期番号リスト */
.list-num {
  display: flex;
  flex-direction: column;
  counter-reset: number 0;
  list-style: none;
}

.list-num li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}

.list-num li:before {
  counter-increment: number 1;
  content: "(" counter(number) ") ";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.list-num li li {
  list-style: square;
  list-style-type: circle;
  margin-bottom: 0;
  padding-left: 0;
}

.list-num li li li {
  margin-bottom: 0;
  list-style: square;
  list-style-type: square;
  padding-left: 0;
}

.list-num>* p {
  margin-bottom: 0 !important;
}

.list-num li {
  margin-bottom: 1.5rem;
}

.list-num li:last-of-type {
  margin-bottom: 0;
}

.list-num li li:before,
.list-num li li li:before {
  content: "";
  display: none;
}

/*文字関係*/
.bold {
  font-weight: bold !important;
}

p.marker,
span.marker {
  display: inline;
  background: linear-gradient(transparent 72%, #d6fdff 0%);
  font-weight: bold;
  font-size: 16px;
  line-height: 2em;
}

.td_solid {
  text-decoration: underline solid #80e4e8;font-weight: bold;
}

.td_double {
  text-decoration: underline double #80e4e8;font-weight: bold;
}

.td_dashed {
  text-decoration: underline dashed #80e4e8;font-weight: bold;
}

.td_wavy {
  text-decoration: underline wavy #80e4e8;font-weight: bold;
}

p.bold,
span.bold {
  display: inline;
  font-weight: bold;
}

span.af {
  background: #dfffff;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_a {
  border: 1px solid #0090A8;
  color: #0090A8;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_b {
  border: 1px solid #bababa;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_c {
  border: 1px solid #0090A8;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

span.af_d {
  background: #f1f3f5;
  padding: 3px 5px;
  margin: 0 3px;
  border-radius: 3px;
  font-weight: bold;
}

.border {
  border: 1px solid #CED0D2;
  padding: 2rem;
  border-radius: 5px;
}

.border-g {
  border: 1px solid #0090A8;
  padding: 2rem;
  border-radius: 5px;
}

.border p,
.border-g p,
.bg-gray p {
  margin-bottom: 0.5rem !important;
  display: block;
}

.border p:last-of-type,
.border-g p:last-of-type,
.bg-gray p:last-of-type {
  margin-bottom: 0 !important;
}

.bg-gray {
  background-color: #f5f6f7;
  padding: 2rem;
  border-radius: 5px;
}

/*ブログimg*/
.blogimg {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;

  counter-increment: blogimg;
}

.blogimg img {
  margin-bottom: 0;
}

.blogimg img {
  margin-bottom: 5px !important;
}

.blogimg p {
  font-size: 12px;
  color: #0090a8;
}

.blogimg p:before {
  content: "図" counter(blogimg)".";
  margin-right: 10px;
}

.blogimg img {
  margin-left: 0 !important;
}

.clr-g {
  color: #0090a8;
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
  background: #F3F3F3;
}

div.code-toolbar>.toolbar button {
  color: transparent;
  padding: 0;
  background: transparent;
  background: transparent;
  box-shadow: none;
  border-radius: 0;
}

div.code-toolbar>.toolbar .toolbar-item {
  margin-right: 5px;
}

/*プロフィール部分*/
.profile {
  width: 100%;
  border-radius: 10px;
  background: #0090a81a url(/wp-content/uploads/2021/07/backimg.png) no-repeat right bottom;
  background-size: 50%;
  padding: 30px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 100px;
}

@media screen and (max-width: 770px) {
  .profile {
    flex-direction: column;
  }
}

.profile__row1 {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
}

@media screen and (max-width: 770px) {
  .profile__row1 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -50px;
  }
}

.profile__row2 {
  width: calc(100% - 160px);
  margin-left: 30px;
}

.profile__self-introduction p {
  line-height: 1;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 770px) {
  .profile__row1 {
    width: 100px;
    height: 100px;
  }

  .profile__row2 {
    width: 100%;
    padding-top: 50px;
    text-align: center;
    margin-left: 0;
  }
}

.profile__name {
  font-size: 18px !important;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 770px) {
  .profile__name {
    text-align: center !important;
  }
}

.profile__self-introduction {
  margin-bottom: 0 !important;
}

.green {
  color: #00cbd6;
}

/*ブログリンク部分*/
.blog_box {
  width: 100%;
  display: block;
  margin: 2rem 0;
}

.blog_box a {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border: solid 3px #ccc;
  color: #333 !important;
  border-radius: 5px;
  text-decoration: none !important;
  transition: all 0.5s 0s ease;
  margin-bottom: 2rem;
  padding: 2rem 1rem;
}

.blog_box a:last-of-type {
  margin-bottom: 0;
}

.blog_box a:hover {
  border: solid 3px #0090A8;
}

.blog_box a:hover p {
  color: #0090A8 !important;
}

.blog_box a .blag_title {
  width: calc(100% - 35% - 10px);
  margin-left: 10px;
  padding: 20px;
}

.blog_box a .blag_title p {
  margin-bottom: 0 !important;
  font-size: 12px;
  color: #333;
  transition: all 0.5s 0s ease;
}

.blog_box a .blag_title h3 {
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: bold;
  margin-bottom: 10px;
  border: none !important;
}

@media screen and (max-width: 770px) {
  .blog_box a .blag_title {
    background: rgba(255, 255, 255, .9);
    width: calc(100%);
  }
}

/*table border*/
@media screen and (max-width: 770px) {
  .scroll-table {
    width: 100%;
    overflow-y: auto;
    white-space: nowrap;
  }
}

table.tb-border {
  margin: 30px 0;
  width: 100%;
  overflow-x: auto;
}

table.tb-border p {
  margin-bottom: 0 !important;
  line-height:1.2;
}

@media screen and (max-width: 770px) {
  table.tb-border {
    width: 100%;
    border-bottom: solid 1px #333;
  }
}

table.tb-border th,
table.tb-border td {
  padding: 5px 15px;
  font-size: 1.2rem;
  vertical-align: middle;
  padding: 1rem 5px;
}
table.tb-border th{
  border-bottom: solid 2px #333;
    background: #F5F6F7;
    font-weight: bold;
}

table.tb-border tr {
  border-bottom: dotted 1px #333;
  vertical-align: middle;
}

/*引用*/
.quote {
  padding: 3rem;
  border-left: solid 2px #0090A8;
  background: rgba(0, 0, 0, .02);
}


.quote p:last-of-type {
  margin-bottom: 0 !important;
}

/*code*/
.code {
  background: #333;
  color: #fff;
  padding: 16px;
}

.code p {
  color: #fff;
  margin-bottom: 0 !important;
}

.code p:before {
  content: "$";
  padding-right: 10px;
}

/*文字　色*/
.t-red {
  color: #Ef454A;
}

.t-green {
  color: #0090A8;
}

/*figure*/
.blogPage article figure {
  margin-bottom: 2rem;  
}
@media screen and (min-width: 771px) {
  .blogPage article figure.blog-eye-catching {
    background: #f4f4f4;
    padding: 10px 0;
	  display: flex;
	  justify-content: center;
  }
  .blogPage article figure.blog-eye-catching img {
    margin-bottom: 0px !important;
    box-shadow: 0px 4px 15px -8px rgba(0,0,0,.5);
      max-width: 350px;
  }
}
.blogPage article figure img {
  margin-bottom: 0px !important;
}

.blogPage article figure figcaption {
  line-height: 1em;
  font-size: 10px;
  padding: 0;
  margin-bottom: 0;
  text-align: left !important;
  color: #0090a8;
}
/*矢印の設定*/
.together .slick-next:before,
.together .slick-prev:before {
  display: none;
}

.together .slick-prev,
.together .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  outline: none;
  border-top: 2px solid #333;
  border-right: 2px solid #333;
  height: 15px;
  width: 15px;
}

.together .slick-next {
  right: -5% !important;
}

.together .slick-prev {
  left: -5% !important;
}

.together .slick-prev {
  left: -1.5%;
  transform: rotate(-135deg);
}

.together .slick-next {
  right: -1.5%;
  transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.together .slick-dots {
  text-align: center;
  margin: 20px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none !important;
}

.together .slick-dots li {
  display: inline-block;
  margin: 0 5px;
  width: auto;
  height: auto;
}

.together .slick-dots button {
  color: transparent;
  outline: none;
  display: block;
  border-radius: 50%;
  background: #ccc;
  width: 3px;
  height: 3px;
}

.together .slick-dots .slick-active button {
  background: #333;
}

.together .slick-dots li button:before {
  display: none;
}

/*個別投稿*/
.blog_single {
  width: 100%;
  display: block;
  margin-bottom: 2rem;
}

.blog_single a {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  text-decoration: none !important;
  transition: all .3s ease-out;
}

.blog_single a:hover {
  border: solid 1px #0090A8;
}

.blog_single a h4,
.blog_single a p {
  transition: all .3s ease-out;
  color: #333333;
}

.blog_single a:hover h4,
.blog_single a:hover p {
  color: #0090A8;
}

.blog_single a p {
  text-decoration: none;
}

.blog_single a .blog_img {
  width: calc(35% - 40px);
}

.blog_single a .blog_img img {
  margin: 0 !important;
}

.blog_single a .blag_title {
  width: 65%;
}

.blog_single a h4 {
  font-size: 16px;
  margin-bottom: 10px;
}

.blog_single a p {
  font-size: 12px;
  line-height: 1.75;
  color: #0090A8;
}

@media screen and (max-width:650px) {
  .blog_single a {
    flex-direction: column;
  }

  .blog_single a .blog_img,
  .blog_single a .blag_title {
    width: calc(100% / 1);
  }

  .blog_single a .blog_img {
    margin-bottom: 2rem;
  }
}

/*h2レベル*/
div.level,
div.level ul {
  width: 100%;
  display: block;
}

div.level {
  margin-bottom: 3.5rem;
  border-bottom: solid 2px #0090A8;
  padding-bottom: 2rem;
}

div.level h2 {
  margin-bottom: 0 !important;
}

div.level ul {
  border-bottom: solid 2px #0090A8;
  margin-bottom: 2rem;
}

div.level li {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  border-radius: 5px 5px 0 0;
  background: #0090A8;
  padding: 2px 15px;
  margin-right: 10px;
  margin-left: 0 !important;
  position: relative;
}

div.level li.level001:before {
  content: "超初心者";
}

div.level li.level01:before {
  content: "初級者";
}

div.level li.level02:before {
  content: "中級者";
}

div.level li.level03:before {
  content: "上級者";
}

div.level li:last-of-type {
  margin-right: 0;
}

li.sns span {
  font-size: 4px;
  line-height: 16px;
}

li.sns a div {
  display: flex;
}

@media screen and (min-width: 767px) {
  li.sns a div {
    flex-direction: column;
    align-items: center;
  }

  li.sns a div span {
    display: none;
  }
}

li.sns a div:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
}

li.sns .facebook:before {
  background: url('/assets/img/sns/facebook-a.png') no-repeat center center;
  background-size: contain;
}

li.sns .twitter:before {
  background: url('/assets/img/sns/twitter-a.png') no-repeat center center;
  background-size: contain;
}


@media screen and (max-width: 768px) {
  li.sns a div {
    display: flex;
    align-items: center;
  }

  li.sns a div:before {
    margin-right: 20px;
  }

  li.sns span {
    font-size: 16px;
  }

  li.sns .facebook:before {
    background: url('/assets/img/sns/facebook-b.png') no-repeat center center;
    background-size: contain;
  }

  li.sns .twitter:before {
    background: url('/assets/img/sns/twitter-b.png')no-repeat center center;
    background-size: contain;
  }

}

h3.jp-relatedposts-headline{
padding: 0 !important;
font-size:12px !important;
}
h3.jp-relatedposts-headline em:before{
  border: none !important;
  top: 0 !important;
}

.comment{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.comment .img{
  width: 100px;
  height: 100px;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.comment .img img{
  margin: 0 !important;
}

.comment .speech{
  width: calc(100% - 130px);
}
.comment .speech p{
  background-color: #fff;
    border-radius: 10px;
    border: 1px solid #ccc;
    position: relative;
    padding: 10px 15px;
    display: inline-block;
    margin-bottom: 0;
}
.comment .speech p::before,
.comment .speech p::after{
  content: "";
  width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.comment .speech p::before {
  border-width: 5px 10px 5px 0;
  border-color: transparent #FFFFFF transparent transparent;
  left: -10px;
  z-index: 2;
}
.comment .speech p::after{
  border-width: 6px 12px 6px 0;
    border-color: transparent #ccc transparent transparent;
    z-index: 1;
    left: -12px;
}

@media screen and (max-width:650px) {
  .comment{
    margin: 2rem 0;
  }
  .comment .img {width: 70px;height: 70px;}
  .comment .speech {width: calc(100% - 90px);}
}
/*------------------------
BowNow
--------------------------*/
.bownow-forme{
  margin: 0 0 5rem;
  background: #e6f6f5;
  border-radius: 5px;
  padding: 5rem 0;
  z-index: 10;
  box-shadow: 0 2.5rem 2rem -2rem hsl(200 50% 20% / 40%);
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.bownow-forme h2{
  font-size: 18px;
  font-weight: bold;
  padding: 0 3rem;
  color: #0090a8;
  margin-bottom: 0;
  text-align: center;
}

.side-maas .blogPage__stickyWrap {
  position: relative;
  top: 0;
}

@media screen and (min-width: 769px) {
  .bownow-forme {
    position: sticky;
    top: 8rem;
    padding: 2rem 0;
  }
}
/*------------------------
downloadページ
--------------------------*/
.dlPage .h1Block--ph {
  background-image: url(../img/case/h1_bg_cloud.png);
}
/*------------------------
導入事例BowNow
--------------------------*/
.dlPage__flex,
.single-dl__flex,
.casePage__flex,
.single-case__flex{
  display: flex;
  width: 100%;
  padding: 0 3rem;
  justify-content: center;
}
.dlPage__flex .dlePage__cont,
.single-dl__flex .dlPageDetail__info,
.casePage__flex .casePage__cont{
  margin: 0 !important;
  width: 100%;
}
.single-dl__flex .dlPageDetail__service,
.single-case__flex .casePageDetail__service{
 margin:12rem 0 0 0 !important;
 width: 100%;
}
.dlPage__flex .bownow,
.single-dl__flex .bownow,
.casePage__flex .bownow,
.single-case__flex .bownow{
  width: 25%;
  max-width: 350px;
  margin-left: 3rem;
}

@media screen and (max-width: 768px) {
  .dlPage__flex,
  .single-dl__flex,
  .casePage__flex,
  .single-case__flex {
    flex-direction: column;
    padding: 0 2rem;
  }
  .dlPage__flex .bownow,
  .single-dl__flex .bownow,
  .casePage__flex .bownow,
  .single-case__flex .bownow {
      width: 100%;
      max-width: none !important;
      margin-left:0;
  }
}
/*------------------------
ブログBowNow
--------------------------*/
.blogPage__side .bownow-forme{
 position: fixed;
 z-index: 100;
 bottom: -20px;
 top: auto;
 display: block;
 transform: translateY(100%);
transition: all .4s;
min-width: 350px;
border-top-right-radius: 0;
margin: 0 0 2rem;
}
.blogPage__side .bownow-forme.bownow-forme-on{
transform: translateY(0);
}
.blogPage__side .bownow-button{
  position: absolute;
  cursor: pointer;
  background: #d83b1e;
  color: #fff;
  font-weight: bold;
  line-height: 50px;
  border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    top: 0;
    transform: translateY(-100%);
    padding: 0 30px;
    right: 0;
}
@media screen and (max-width: 768px) {
  .blogPage__side .bownow-forme {
    right: 20px;
  }
  .blogPage__side .bownow-button{
    padding: 0 16px;
    line-height: 30px;
  }
}



.flootContact {
  display: none;
}
/*------------------------
サービスページBowNow
--------------------------*/
.bownow-flex {
  display: flex;
  justify-content: center;
}

.s-bownow {
  width:100%;
  background: #e6f6f5;
  z-index: 0;
  transition: all .3s;
  position: relative;
}
.s-bownow.active{
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  width: 500px;
  z-index: 10;
}

.s-bownow-forme {
  position: sticky;
  top: 7rem;
  padding: 2rem 0;
  transition: all .4s;
  display: flex;
  justify-content: center;
  flex-direction: column;
  max-width: 500px;
  margin: 0 auto;
}

.s-bownow-forme h2 {
  font-size: 16px;
  font-weight: bold;
  padding: 0 1rem;
  color: #0090a8;
  margin-bottom: 0;
  text-align: center;
}
.s-bownow-forme .s-bownow-window-p{
  line-height: 1.5;
  font-size: 12px;
  text-align: center;
}
.s-bownow-window{
  position: relative;
  padding: 0 10px 0 20px;
}

@media screen and (min-width: 1200px) {
  .main-contents {
    position: relative;
    width: calc(100% - 280px);
    margin-right: auto;
  }
  .s-bownow {
    width:280px;
  }
  .s-bownow-window .s-bownow-window-trigger{
    position: absolute;
    cursor: pointer;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background: #00798E;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .s-bownow-window .s-bownow-window-trigger::before{
    content: "◀";
    line-height: 30px;
    font-size: 20px;
  }
  .s-bownow.active .s-bownow-window .s-bownow-window-trigger::before{content: "×";}
  .s-bownow-forme .s-bownow-window-p::before{
    content: "広くするには「◀」をクリックしてください";
  }
  .s-bownow.active .s-bownow-forme .s-bownow-window-p::before{
    content: "戻す場合は「×」をクリックしてください";
  }
}
@media screen and (max-width: 1201px) {
  .s-bownow-forme .s-bownow-window-p{
    display: none;
  }
  .main-contents {
    width: calc(100%);
  }
  .bownow-flex {
    flex-direction: column;
  }

  .s-bownow {
    margin-top: 0;
    margin-bottom: 7rem;
    flex: 1;
    margin: 0 auto 7rem;
  }

  .s-bownow-forme {
    position: relative;
    top: 0;
  }
}
/*----BowNow----*/
:root {
  --shadow-color: 0deg 0% 61%;
  --shadow-elevation-low:
    0px 0.3px 0.4px hsl(var(--shadow-color) / 0.18),
    0px 0.5px 0.6px -0.8px hsl(var(--shadow-color) / 0.25),
    0px 1.2px 1.5px -1.6px hsl(var(--shadow-color) / 0.32);
  --shadow-elevation-medium:
    0px 0.3px 0.4px hsl(var(--shadow-color) / 0.19),
    0px 1.2px 1.5px -0.5px hsl(var(--shadow-color) / 0.25),
    0px 2.6px 3.3px -1.1px hsl(var(--shadow-color) / 0.3),
    -0.1px 6px 7.6px -1.6px hsl(var(--shadow-color) / 0.36);
  --shadow-elevation-high:
    0px 0.3px 0.4px hsl(var(--shadow-color) / 0.18),
    0px 2.1px 2.6px -0.2px hsl(var(--shadow-color) / 0.2),
    -0.1px 3.8px 4.8px -0.5px hsl(var(--shadow-color) / 0.23),
    -0.1px 5.8px 7.3px -0.7px hsl(var(--shadow-color) / 0.25),
    -0.1px 8.7px 11px -0.9px hsl(var(--shadow-color) / 0.28),
    -0.2px 12.9px 16.3px -1.1px hsl(var(--shadow-color) / 0.31),
    -0.3px 19px 23.9px -1.4px hsl(var(--shadow-color) / 0.33),
    -0.4px 27.3px 34.4px -1.6px hsl(var(--shadow-color) / 0.36);
}


.dlPageDetail__infoSingle {
  width: 100%;
  margin-top: 8rem;
}

.dlTxt{width: 100%;}
.dlPageDetail__infoImg{
  width: 100%;
  margin-bottom: 3rem;
  background-color: #f3f3f3;
  padding: 3rem;
  display: flex;
	justify-content: center;
	align-items: center;
}
.dlPageDetail__infoImg img{
width: 100%;
max-width: 500px;
box-shadow: var(--shadow-elevation-high);
}

.dl_agenda{
  width: 100%;
  margin-top: 3rem;
  background-color: #f3f3f3;
  padding: 3rem;
}
.dl_agenda h3{
  font-size: 18px;
  font-weight: bold;
  color: #0090A8;
  margin-bottom: 1rem;
}
.dlPageDetail__infoFeature{
  list-style: inside;
}
.dlPageDetail__infoSingle .detailedBlockImg{
  display: block;
  height: auto !important;
  width: 100%;
  margin-top: 3rem;
}
.dlPageDetail__infoSingle .detailedBlockImg img{
margin: 0 auto;
}

.blog-di-link{
  position: sticky;
  top: 7rem;
  margin-bottom: 3rem;
  z-index: 2;
}
.blog-di-link img{width: 100%;}





.point {
  position: relative;
  padding: 0.8rem 0;
  margin-bottom: 0.2rem;
  border-bottom: 5px solid;
  color: #0090A8;
  font-weight: bold;
  font-size: 26px;
  text-align: center;
}

.point:before,
.point:after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  height: 0;
  width: 0;
}

.point:before {
  border: 16px solid;
  border-color: transparent;
  border-top-color: #0090A8;
  margin-left: -16px;
}

.point:after {
  border: 10px solid;
  border-color: transparent;
  border-top-color: white;
  margin-left: -10px;
}


.balloon {
  position: relative;
  display: inline-block;
  background-color: #0090A8;
  padding: 3px 16px;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
}
.balloon::before {
  content: "";
  position: absolute;
  border: solid 5px transparent;
  border-top: solid 5px #0090A8;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}


/*flontpage バナー*/
.banner_img{
  display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
  margin: 3rem 0 1rem;
}
.banner_img a:first-of-type{
  margin-right: 2rem;
}
.banner_img a img{width: 100%;}
@media screen and (max-width: 768px){
  .banner_img{
    -webkit-flex-direction: column;
	  flex-direction: column;
  }
  .banner_img a:first-of-type{
    margin-right: 0rem;
  }
  .banner_img a{
    margin-bottom: 1rem;
  }
}


/*絞込み*/

.search_wrapper {
  width: 100%;
  max-width: 1200px;
  margin: 2rem auto;
}
.search_wrapper .search_area{
  margin-bottom: 2rem;
  background-color: #e8fcff;
  padding: 1rem 2rem;
  border-radius: 10px;
}
.search_wrapper .radio_input,
.search_wrapper .checkbox_input {display: none;}
.search_wrapper .search_ui{
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
@media screen and (max-width: 768px) {
  .search_wrapper .search_ui{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .search_wrapper .search_ui label{
      width: calc(100% / 2);
  }
}
.search_wrapper .search_ui .radio_parts::before,
.search_wrapper .search_ui .checkbox_parts::before,
.search_wrapper .search_ui .radio_parts::after,
.search_wrapper .search_ui .checkbox_parts::after{
  position: absolute;    
  display: block;
  top: 50%;
  transform: translateY(-50%);
}
.search_wrapper .radio_parts,
.search_wrapper .checkbox_parts {
  padding-left: 25px;
  position: relative;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search_wrapper .radio_parts::before {
  content: "";
  display: block;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 50%;
}
.search_wrapper .radio_input:checked+.radio_parts::before {border: 1px solid #0090A8;}
.search_wrapper .radio_input:checked+.radio_parts::after {
  content: "";
  display: block;
  left: 4px;
  width: 9px;
  height: 9px;
  background: #0090A8;
  border-radius: 50%;
}
.search_wrapper .checkbox_parts::before {
  content: "";
  left: 0;
  width: 14px;
  height: 14px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background-color: #fff;
}
.search_wrapper .checkbox_input:checked+.checkbox_parts::before {border: 1px solid #0090A8; background-color: #0090A8;}
.search_wrapper .checkbox_input:checked+.checkbox_parts::after {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  width: 5px;
  height: 10px;
  transform: translateY(-60%) rotate(40deg);
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.search_wrapper .radio_input:checked+span,
.search_wrapper .checkbox_input:checked+span{
  color: #0090A8;
  font-weight: bold;
}
/*他エリア*/
.search_wrapper {
  width: 100%;
  margin: 30px auto;
}
.search_wrapper .item_container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.search_wrapper .item {
  width: calc(100% / 4);
  padding: 1rem;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
}
@media screen and (max-width: 1000px) {
  .search_wrapper .item {
      width: calc(100% / 3);
  }
}
@media screen and (max-width: 768px) {
  .search_wrapper .item {
      width: calc(100% / 2);
  }
}
@media screen and (max-width: 368px) {
  .search_wrapper .item {
      width: calc(100% / 1);
  }
}
.search_wrapper .item .img,
.search_wrapper .item .img img{
  position: relative;
  width: 100%;
  height: 200px;
}

.search_wrapper .item .img{
  overflow: hidden;
  border-radius: 10px;
}
.search_wrapper .item .img img{
  object-fit: cover;
  object-position: 50% 50%;
  z-index: 1;}

@media screen and (max-width: 768px) {
  .search_wrapper .item .img,
  .search_wrapper .item .img img{height: 150px;}
}
.search_wrapper .item .img span{
  position: absolute;
  top: 1rem;
  left: 1rem;
  background-color: rgba(0,0,0,.7);
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
  border-radius: 3px;
  z-index: 1;
}
.search_wrapper .item h5.title{
  font-size: 20px;
  margin: 10px 0;
  font-weight: bold;
}
.search_wrapper .item .sort{
  width: 100%;
}
.search_wrapper .item .sort span{
  display: inline-block;
  margin-right: 5px;
  font-size: 14px;
  line-height: normal !important;
}
.search_wrapper .item .sort span:last-of-type{margin-right: 0;}
.search_wrapper .item .sort span::before{content: "●"; margin-right: 3px;}
.search_wrapper .item .sort span.kind,
.search_wrapper .item .sort span.kind::before{color: #0090A8;}

/*絞り込み条件外のアイテム*/
.search_wrapper .hide_item {display: none !important;}

.link{
  width: 100%;
  margin-top: auto;
}
.link a{
  display: block;
  padding:5px 10px;
  transition: all 0.3s;
  text-align: center;
  margin-bottom: 10px;
}
.link a.qr-link{
  color: #fff;
  background-color: #0090A8;
  border-bottom: 5px solid #016b7d;
  border-radius: 0.5rem;
}

/*.link a.qr-link:hover{
  margin-top: 3px;
  border-bottom: 2px solid #016b7d;
}*/
.link a.qr-link span{display: block;line-height: 1.5;}
.link a.qr-link span:nth-of-type(1){font-weight: normal; font-size: 12px;}

.link a.casestudy-link{
  color: #Ef454A;
  font-weight: bold;
  border-radius: 50px;
  background-color: rgba(239,69,74,.1); 
  line-height: 2rem;
}
.link a.casestudy-link:hover{
  background-color: rgba(239,69,74,.2); 
}
/*降車ボタン*/

.anm{transition: all .3s;}
.busyohou-get-off-button{
    width: 100%;
    position: relative;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-direction: column;
	flex-direction: column;
    background-color: #27A7FC;
    padding: 2rem 0;
    border-radius: 15px;
}
.busyohou-get-off-button::before,
.busyohou-get-off-button::after{
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    transform: translateX(-50%);
    z-index: 0;
}
.busyohou-get-off-button::before{
    width: 60px;
    background-color:#D1D1D1;
}
.busyohou-get-off-button::after{
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAKCAYAAAB10jRKAAAAAXNSR0IArs4c6QAAABNJREFUGFdj+P///38GbAQDDgAA62IT7SgTUSgAAAAASUVORK5CYII=) repeat center center;
    width: 2px;
    height: 100%;
}

.busyohou-get-off-button span.attention{
    font-size: 14px;
}
.busyohou-get-off-button .get-off{
    position: relative;
    width: 100%;
    max-width: 100px;
    height: 130px;
    box-sizing: border-box;
    border: solid 5px #F39917;
    background-color:#EDD821;
    border-radius: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-align-items: center;
	align-items: center;
    padding: 10px;
    box-shadow: 0px 15px 35px -20px rgba(0,0,0,.6);
    z-index: 1;
    margin-bottom: 1rem;
}
.busyohou-get-off-button .get-off div{
    flex-grow: 1;
}
.busyohou-get-off-button .get-off::before{
    transition: all .3s;
    opacity: 0;
    content: "♪";
    font-size: 20px;
    color: #ffffff;
    width: 30px;
    height: 30px;
    background-color: #ff0000;
    border-radius: 50%;
    position: absolute;
    top: -15px;
    left: -15px;
    z-index: 2;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.busyohou-get-off-button .get-off.active::before{
    opacity: 1;
}
.busyohou-get-off-button .display{
    width: 100%;
    height: 50px;
    background-color:#4B0082;
    box-sizing: border-box;
    border-radius: 10px;
    position: relative;
    text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.busyohou-get-off-button .display span.off{
    font-size: 18px;
    font-weight: bold;
	color: yellow;
}
.busyohou-get-off-button .trigger{
    margin-top: 5px;
    width: 100%;
    padding: 10px 0;
    border-radius: 10px;
    cursor: pointer;
    background-color: #F39917;
    border-bottom: 5px solid #e47c27;
    color: #16244B;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    text-align: center;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.busyohou-get-off-button .trigger:hover{
    margin-top: 8px;
    border-bottom: 2px solid #e47c27;
}
.busyohou-get-off-button .display span.off{opacity: 0;}
.busyohou-get-off-button .trigger span.return{display: none;font-size: 25px;font-weight: bold; line-height: 1;}
.busyohou-get-off-button .get-off span.destination{line-height: 1;}
.busyohou-get-off-button .get-off.active .display span.off{opacity: 1;}
.busyohou-get-off-button .get-off.active .display{
    background: rgb(194,7,7);
    background: radial-gradient(circle, rgba(194,7,7,1) 0%, rgba(75,0,130,1) 100%);
}
.busyohou-get-off-button .get-off.active span.destination{display: none;}
.busyohou-get-off-button .get-off.active  span.return{display: block;}

/*リクルート用バナー*/
section.recruit-img{
  width: 100%;
}
section.recruit-img a{
  width: 100%;
  text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
  margin: 1rem 0;
  background:url(/assets/img/recruit/mv.jpg) no-repeat center center;
  background-size:cover;
  border-radius: 10px;
}
section.recruit-img a:hover div{
  background:rgba(0,144,168,1) ;
}
section.recruit-img a div{  
  background:rgba(0,0,0,.8) ;
  padding: 1rem;
  margin: 20px;
  color: #fff;
  border-radius: 5px;
  display: flex;
	flex-direction: column;
	justify-content: center;
  transition: all .3s;
}
section.recruit-img a div h2{
  line-height: 1.7;
  text-align: center;
  margin-bottom:1rem;
}
section.recruit-img a div p{
  line-height: 1.5;
  margin-bottom: 0;
}
/*バス予報　導入までのスケジュール*/
.schedule{
  padding: 1rem;
}
.ganttchart,.ganttchart li.ganttchart_item{
  width: 100%;
}
.ganttchart li.ganttchart_item{
  display: flex;
}
.ganttchart div{
  width: calc(100% / 2);
  display: flex;
  align-items: center;
  position: relative;
}
.ganttchart p{
  line-height: 1.5;
}
.ganttchart div.content div{
  display: block;
  width: calc(100% / 3);
}
.ganttchart div.content div .ol{
  list-style: square;
  width: 100%;
}
.ganttchart div.content div:nth-of-type(1) p{
  font-weight: bold;
}

.g-content div.content div .ol li{
  background:transparent !important ;
}
.g-content li:nth-of-type(odd){
  background: #f4f4f4;
}
.g-content li div.content{
  border-right: solid 1px #ccc;
}
.g-content li div.content div{
  padding: 1rem;
}
.g-content div.weak::before,
.g-content div.weak::after{
  content:"";
  position: absolute;
  z-index: 0;
  width: calc(100% / 3);
  top: 0;
  bottom: 0;
  
}
.g-content div.weak::before{
  left: 0;
  border-right: dotted 1px #ccc;
}
.g-content div.weak::after{
  right:0;
  border-left: dotted 1px #ccc;  
}
.ganttchart div.weak{
  display: flex;
  align-items: center;
}
.ganttchart div.weak span.chart{
  height: 30px;
  border-radius: 5px;
  position: relative;
  z-index: 5;
}
.g-header li{
  background-color: #0090A8;
  color: #fff;
  padding: 0 !important;
}
.g-header li div.content{
  border-right: solid 1px #fff;
}

.g-header p{
  font-weight: bold;
   text-align: center;
}
.g-header div.weak div{
  flex-wrap: wrap;
  width: calc(100% / 3);
}
.g-header div.weak div p{
  width: calc(100% / 4);
}
.g-header div.weak div::before{
  width: 100%;
  text-align: center;
  padding: 5px 0;
}
.g-header div.weak div:nth-of-type(1){
  background: #00798E;
}
.g-header div.weak div:nth-of-type(1)::before{
  content: "【1ヶ月目】";
}
.g-header div.weak div:nth-of-type(2){
  background: #00A4C1;
}
.g-header div.weak div:nth-of-type(2)::before{
  content: "【2ヶ月目】";
}
.g-header div.weak div:nth-of-type(3){
  background: #00BADB;
}
.g-header div.weak div:nth-of-type(3)::before{
  content: "【3ヶ月目】";
}
.ganttchart div.weak span.chart.one-w{
width: calc(100% / 12);
}
.ganttchart div.weak span.chart.two-w{
width: calc( ( 100% / 12 ) * 2 );
}
.ganttchart div.weak span.chart.three-w{
width: calc( ( 100% / 12 ) * 3 );
}
.ganttchart div.weak span.chart.four-w{
width: calc( ( 100% / 12 ) * 4 );
}
.ganttchart div.weak span.chart.five-w{
width: calc( ( 100% / 12 ) * 5 );
}
.ganttchart div.weak span.chart.six-w{
width: calc( ( 100% / 12 ) * 6 );
}
.ganttchart div.weak span.chart.seven-w{
width: calc( ( 100% / 12 ) * 7 );
}
.ganttchart div.weak span.chart.color-one{
background-color: #0093E9;
background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%);
}
.ganttchart div.weak span.chart.color-two{
background-color: #0090A8;
background-image: linear-gradient(160deg, #50cade 0%, #0090A8 100%);
}
.ganttchart div.weak span.chart.color-three{
background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
}
@media screen and (min-width: 769px) {
.ganttchart div.content div:nth-of-type(1) p,
.ganttchart div.content div:nth-of-type(2) p{
  text-align: center;
}
}
@media screen and (max-width: 768px) {
.sp-none,
.g-header div.weak div p{display: none !important;}

.ganttchart li.ganttchart_item div.content{
flex-direction: column;
}
.g-header div.content div,
.g-header div.weak div{
  padding: 1rem 0;
}
.ganttchart div.content div{width: calc(100%);}
.g-content li{padding: 5px 0;}
.g-content li div.content div{padding: 0 1rem;}
.g-content li div.content div:nth-of-type(2){
  display: flex;
  align-items: baseline;
}
.g-content li div.content div:nth-of-type(2) p::before{
  content: "【作業担当】";
  color: #0090A8;
}
}

/*----------------------------------------
CCブログのserviceリンク
-----------------------------------------*/
.cc_service{
  display: none;
}
.platform_blog .PowerPlatform_service_link{
 display: block;
}
.sharepoint_blog .SharePoint_service_link{
  display: block;
}

.cc_service_link {
  width: 100%;
  display: flex;
  gap: 5px;
  justify-content: center;
  margin-bottom: 2rem;
}
.cc_service_link div.cc_service-item{
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.cc_service_link p{
  font-weight: bold;
  position: relative;
  text-align: center !important;
  line-height: 1.5 !important;
  margin: auto !important;
  padding: 0 10px;
}
.cc_service_link a{
  margin-top: auto;
  position: relative;
  display: block;
  transition: all 0.3s ease-out;
  padding: 1.5rem 20px 1.5rem 5px;
  border-radius: 100px;
  text-align: center;
  font-weight: bold;
  border: solid 4px #fff;
  box-shadow: 0 3px 3px 0 rgba(17, 17, 26, 0.2);
  background: #e14648;
  background: linear-gradient(90deg, rgba(225, 70, 72, 1) 0%, rgba(241, 121, 62, 1));
  text-decoration: none !important;
}
.cc_service_link a h4{
  font-size: 1.5rem !important;
  line-height: 1 !important;
  font-size: 1.75rem;
  font-weight: 700;
    margin-bottom: 0 !important;
    color: #fff;
}
.cc_service_link a:before {
  content: "";
  transition: all .4s;
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 4px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 768px) {
  .cc_service_link.PowerPlatform {
    grid-template-columns: 1fr;
  }
  .cc_service_link.SharePoint {
    grid-template-columns: 1fr;
  }
}

/*----------------------------------------
社員interview
-----------------------------------------*/
.interviewPage {
  display: flex;
  flex-direction: column;
}
.interviewPage img {
  width: 100% !important;
}
.interviewPage .interview__cont {
  position: relative;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}
.interviewPage .main-visual {
  width: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
  margin-bottom: 10rem;
}
.interviewPage .main-visual .main-visual-background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.interviewPage .main-visual .main-visual-background img {
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
  z-index: 0;
}
.interviewPage .main-visual .main-visual-background::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 600px 0 0 700px;
  border-color: transparent transparent transparent rgba(255, 255, 255, 0.9);
}
.interviewPage .main-visual .profile_box {
  margin-top: 15rem;
  max-width: 500px;
  position: relative;
  z-index: 1;
  padding: 2rem;
}
.interviewPage .main-visual .profile_box .department {
  display: inline-block;
  padding: 0 16px;
  color: #fff;
  background: #0090A8;
  border-radius: 30px;
  margin-bottom: 10px;
  margin-bottom: 2rem;
}
.interviewPage .main-visual .profile_box .copy {
  font-size: 2.5rem;
  line-height: 1.8;
  font-weight: bold;
  margin-bottom: 2rem;
}
.interviewPage .main-visual .profile_box .prof {
  display: flex;
  flex-direction: column;
}
.interviewPage .main-visual .profile_box .prof .Year {
  font-size: 12px;
}
.interviewPage .main-visual .profile_box .prof .name {
  display: flex;
  line-height: 1;
}
.interviewPage .main-visual .profile_box .prof .name .jp {
  font-weight: bold;
}
.interviewPage .main-visual .profile_box .prof .name .kana {
  font-size: 12px;
  margin-left: 10px;
  color: #7e7e7e;
}
.interviewPage .interview {
  padding: 5rem 0;
  margin-bottom: 5rem;
}
.interviewPage .interview .interview__cont {
  display: flex;
}
.interviewPage .interview .interview__cont div {
  width: 50%;
}
.interviewPage .interview .interview__cont .image img{
  object-fit: cover;
  height: 300px;
}
.interviewPage .interview .interview__cont .txt h2 {
  color: #0090A8;
  line-height: 1.8;
  font-size: 2.5rem;
  margin-bottom: 10px;
  font-weight: bold;
}
.interviewPage .schedule_cont .interview__cont.white .txt h2, .interviewPage .schedule_cont .interview__cont.white .txt p {
  color: #fff !important;
}
.interviewPage .schedule_cont .interview__cont .schedule {
  background: rgba(255, 255, 255, 0.9);
  padding: 2rem;
  box-shadow: 6px 6px 6px 0px rgba(51, 51, 51, 0.1);
  border-radius: 10px;
}
.interviewPage .schedule_cont .interview__cont .schedule .ttl {
  font-size: 2rem;
  line-height: 1.8;
  margin-bottom: 1rem;
  font-weight: bold;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li {
  display: flex;
  padding: 10px 0px;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li:not(:last-of-type) {
  border-bottom: dotted 1px rgba(51, 51, 51, 0.5);
}
.interviewPage .schedule_cont .interview__cont .schedule ul li p {
  font-size: 13px;
  line-height: 1.8;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li p.time {
  font-weight: bold;
  margin-right: 10px;
  color: #0090A8;
}
.interviewPage .schedule_cont .interview__cont .schedule ul li p span.sub_ttl {
  font-weight: bold;
  margin-right: 10px;
}
.interview__member {
  width: 100%;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.interview__member h3,
.interviewPage .recruit__interview h3,
.interviewPage .company__interview h3 {
  color: #0090A8;
  font-size: 2.5rem;
  font-weight: bold;
  display: block;
  line-height: 3;
  margin-bottom: 10px;
  display: block;
  position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.interview__member h3 span,
.interviewPage .recruit__interview h3 span,
.interviewPage .company__interview h3 span{
  position: relative;
  z-index: 1;
  background-color: #fff;
  padding: 10px 2rem;
}
.interview__member h3::before,
.interviewPage .recruit__interview h3::before,
.interviewPage .company__interview h3::before{
  content: "";
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 1px;
  left: 0;
  right: 0;
  background: #0090A8;
  top: 50%;
  transform: translateY(-50%);
}
.interview__member .interview__cont {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.interview__member .interview__cont .interview__listSingle {
  margin: 2rem;
  min-width:150px;
  width: calc(100% / 5);
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
}
.interview__member .interview__cont .interview__listSingle .interview__listImg {
  width: 70%;
  aspect-ratio: 1/1;
  height: auto;
  overflow: hidden;
  border-radius: 50%;
}
.interview__member .interview__cont .interview__listSingle .interview__listImg img {
  width: 100%;
}
.interview__member .interview__cont .interview__listSingle p {
  font-weight: bold;
}
.interview__member .interview__cont .interview__listSingle .interview__listdepartment {
  color: #0090A8;
}
.interview__member .interview__cont .interview__listSingle .interview__listTtl {
  font-size: 20px;
}
.interviewPage .company__interview__cont{
  display: flex;
  padding: 3rem 0;
  margin-bottom: 5rem;
}
.interviewPage .company__interview__cont span{
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 2;
  margin-top: auto;
}
.interviewPage .company__interview__cont a{
  width: 100%;
  padding: 3rem;
  height: 200px;
  position: relative;
  overflow: hidden;
	display: flex;
	flex-direction: column;
}

.interviewPage .company__interview__cont a::before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  right: 0;
  bottom: 0;
  z-index: 0;
  transition: all .3s;
  transform: translate(-50%,-50%);
}
.interviewPage .company__interview__cont a:hover::before{
  transform: translate(-50%,-50%) scale(1.1);
}
.interviewPage .company__interview__cont a:nth-of-type(1)::before{
  background: #f4f4f4 url(/wp-content/uploads/2023/07/ats-379.png) no-repeat center center;
  background-size: cover;
}
.interviewPage .company__interview__cont a:nth-of-type(2)::before{
  background: #f4f4f4 url(/wp-content/uploads/2023/07/ats-377.png) no-repeat center center;
  background-size: cover;
}
.interviewPage .company__interview__cont a:nth-of-type(3)::before{
  background: #f4f4f4 url(/wp-content/uploads/2023/07/ats-378.png) no-repeat center center;
  background-size: cover;
}

@media screen and (min-width: 769px) {
  .interview:nth-of-type(even) .interview__cont .image {
    padding-left: 5rem;
  }
  .interview:nth-of-type(odd) .interview__cont {
    flex-direction: row-reverse;
  }
  .interview:nth-of-type(odd) .interview__cont .image {
    padding-right: 5rem;
  }
  .schedule_cont .interview__cont .schedule {
    margin-left: 5rem;
  }
  .interviewPage .company__interview__cont a:not(:last-child){
    margin-right: 5px;
  }
}
@media screen and (max-width: 768px) {
  .interviewPage .main-visual {
    margin-bottom: 5rem;
  }
  .interviewPage .main-visual .main-visual-background::before {
    border-width: 300px 0 0 500px;
  }
  .interviewPage .main-visual .profile_box .copy {
    font-size: 2rem;
  }
  .interviewPage .interview {
    margin-bottom: 0rem;
  }
  .interviewPage .interview .interview__cont {
    flex-direction: column-reverse;
  }
  .interviewPage .interview .interview__cont div {
    width: 100%;
  }
  .interviewPage .interview .interview__cont .txt h2 {
    font-size: 2rem;
  }
  .interviewPage .interview .interview__cont .image {
    margin-bottom: 2rem;
  }
  .schedule_cont .interview__cont .schedule {
    margin-bottom: 3rem;
  }
  .interview__member .interview__cont .interview__listSingle {
    width: calc(100% / 3);
  }
  .interviewPage .company__interview__cont{
    flex-direction: column;
  }
  .interviewPage .company__interview__cont a{
    height: 100px;
  }
  .interviewPage .company__interview__cont a:not(:last-child){
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 468px) {
  .interview__member .interview__cont .interview__listSingle {
    width: calc(100% / 2);
    margin: 0 0 2rem !important;
  }
  .interview__member .interview__cont .interview__listSingle .interview__listTtl{
    font-size: 18px;
  }
  .interview__member .interview__cont .interview__listSingle .interview__listdepartment{
    font-size: 13px;
  }
}

/*行程ページの社員インタビュー*/
.employee_interviews{
  display: none;
}
.employee_interviews.slick-initialized{
  display: block;
}
.slick_interview__member .interview__cont .interview__listSingle {
  display: flex;
  flex-direction: column;
  align-items: center;
text-decoration: none;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listImg {
  max-width: 150px;
  height: 100%;
  overflow: hidden;
  border-radius: 50%;
  margin-bottom: 10px;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listImg img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  margin: 0;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listdepartment {
  color: #0090A8;
}
.slick_interview__member .interview__cont .interview__listSingle .interview__listTtl {
  font-size: 18px;
  font-weight: bold;
}



/*トップページ　採用と社員interviewのところ*/
.recruittBlock{
  padding: 0 0 4rem 0;
}
.recruittBlock div.item{
  width: 100%;
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
	display: flex;
}
.recruittBlock div.item a{
  background: url(/assets/img/arrow_blue.svg) no-repeat right 2.5rem center #fff;
  background-size: 1.5rem;
  padding: 1rem 4rem;
  width: 100%;
  border:  solid 1px #0090A8;
  text-align: center;
  text-decoration:none;
	display: flex;
	flex-direction: column;
  margin: 0;
  border-radius: 5px;
  transition: all .3s;
  box-shadow: 0px 8px 15px -10px rgba(0, 0, 0, .5);
}
.recruittBlock div.item a:hover{
  background: url(/assets/img/arrow_white.svg) no-repeat right 2.5rem center #0090A8;;
}
.recruittBlock div.item a:hover span{
  color: #fff;
}
.recruittBlock div.item a:not(:last-of-type){
  margin-right: 2rem;
}
.recruittBlock div.item a span{
  color: #0090A8;
}
.recruittBlock div.item a span:nth-of-type(1){
  font-weight: bold;
  font-size: 18px;
}
.recruittBlock div.item a span:nth-of-type(2){
  font-size: 14px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .recruittBlock div.item{
    flex-direction: column;
  }
  .recruittBlock div.item a:not(:last-of-type){
    margin-right:0;
    margin-bottom: 1rem;
  }
}


/*----------------------
Xseries
----------------------*/
.Xseries {
  padding: 2rem 0;
  width: 100%;
}
.Xseries h3 {
  position: relative;
  display: table-cell;
  padding-left: 30px;
  font-size: 2rem;
  display: block;
  font-weight: bold;
  margin-bottom: 2rem;
}
.Xseries h3:before {
  position: absolute;
  content: "";
  top: calc(50% - 5px);
  width: 20px;
  left: 0;
  height: 3px;
  border-top: solid 6px #E14648;
}
.Xseries h3 span {
  color: #E14648;
}
.Xseries-Nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  counter-reset: number 0;
}
.Xseries-Nav li {
  cursor: pointer;
  transition: all 0.3s;
  width: 100%;
  padding: 1rem;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: 60px 1fr;
  gap: 1rem;
  align-items: center;
}
.Xseries-Nav li::before {
  transition: all 0.3s;
  counter-increment: number;
  content: counter(number, decimal-leading-zero);
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  font-size: 4rem;
  z-index: 0;
  right: 0;
  top: 0;
  font-family: "Roboto";
  z-index: 0;
}
.Xseries-Nav li:hover, .Xseries-Nav li.active {
  box-shadow: 0px 6px 15px -5px rgba(0, 0, 0, 0.34);
}
.Xseries-Nav li:hover::before, .Xseries-Nav li.active::before {
  color: rgba(255, 255, 255, 0.1);
}
.Xseries-Nav li:hover p, .Xseries-Nav li.active p {
  position: relative;
  z-index: 1;
  color: #fff;
}
.Xseries-Nav li:hover p.ttl, .Xseries-Nav li.active p.ttl {
  color: #fff !important;
}
.Xseries-Nav li .item p {
  margin-bottom: 0;
  line-height: 1.75;
}
.Xseries-Nav li .item p.ttl {
  font-weight: bold;
  color: #0090A8;
  font-size: 18px;
}
.Xseries-Item li {
  position: fixed;
  width: calc(100% - 280px);
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
}
.Xseries-Item li dl {
  width: 65%;
  height: auto;
  overflow-y: auto;
  background: #fff;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0px 6px 21px -5px rgba(0, 0, 0, 0.6);
  position: relative;
  display: grid;
  grid-template-columns: minmax(50%,1fr) 2fr;
  gap: 1rem;
	align-items: center;
}
.Xseries-Item li dl div.close {
  cursor: pointer;
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background:#C83E40;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  right: 10px;
  top: 10px;
}
.Xseries-Item li dl div.close::before {
  color: #fff;
  content: "×";
  font-size: 2rem;
  line-height: 40px;
}
.Xseries-Item li dl dt, .Xseries-Item li dl dd {
  position: relative;
  z-index: 0;
}
.Xseries-Item li dl dt.img{
  width: 100%;
  overflow: hidden;
  background: rgb(0,139,141);
  background: linear-gradient(90deg, rgba(0,139,141,1) 0%, rgba(0,204,213,1) 100%);
  border-radius: 10px;
  position: relative;
}
.Xseries-Item li dl dt.img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Xseries-Item li dl dt.img::before{
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 1rem;
  right: 1rem;
  width: 50px;
  height: 50px;
}

.Xseries-Item li dl dt.img.json::before{
  background: url(/wp-content/uploads/2024/11/xsp-json.png) no-repeat center center;
  background-size:cover;
}
.Xseries-Item li dl dt.img.spfx::before{
  background: url(/wp-content/uploads/2024/11/xsp-spfx.png) no-repeat center center;
  background-size:cover;
}

.Xseries-Item li dl dd.item {
  padding-left: 1rem;
}
.Xseries-Item li dl dd.item h4.ttl {
  font-size: 20px;
  color: #0090A8;
  font-weight: bold;
  margin-bottom: 1rem;
}
.Xseries.x-sp .Xseries-Nav li {
  background: #E5F4F5;
}
.Xseries.x-sp .Xseries-Nav li:hover, .Xseries.x-sp .Xseries-Nav li.active {
  background: #0090A8;
}
@media screen and (max-width: 1201px) {
  .Xseries-Item li{
    width: calc(100%);
  }
  .Xseries-Item li dl {
    width: 80%;
    grid-template-columns: 1fr;
  }

}
@media screen and (max-width: 768px) {
  .Xseries-Nav li {
    grid-template-columns: 50px 1fr;
  }
  .Xseries-Nav li .item p.ttl {
    font-size: 16px;
  }
  .Xseries-Item li dl {
    width: 90%;
  }
  .Xseries-Item li dl div.close {
    width: 30px;
    height: 30px;
  }
  .Xseries-Item li dl div.close::before {
    line-height: 30px;
  }
  .Xseries-Item li dl dd.item {
    padding-left: 0;
  }
  .Xseries-Item li dl dd.item h4.ttl {
    font-size: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .Xseries-Nav {
    grid-template-columns: 1fr;
  }

}
.megamenu li.branding-design a span{
  width: 20px;
  height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.megamenu li.branding-design a span::before{
  width: 15px;
  height: 15px;
  display: inline-block;
  content: "";
  background: url(/assets/img/design_img/header-icon/header-branding-design.png)no-repeat center center;
  background-size: contain;

}
.megamenu li.branding-design a:hover span:before{
  background: url(/assets/img/design_img/header-icon/header-branding-design-hover.png)no-repeat center center;
  background-size: contain;

}
@media screen and (max-width: 768px) {
  .megamenu li.branding-design a span::before,
  .megamenu li.branding-design a:hover span:before{
    background: url(/assets/img/design_img/header-icon/header-branding-design-sp.png)no-repeat center center;
    background-size: contain;
  }
}
/*--X-SPタブ--*/
.Xseries .tab-nav {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem;
}
.Xseries .tab-nav p {
  margin-bottom: 1rem;
}
.Xseries .tab-nav nav {
  display: flex;
}
.Xseries .tab-nav nav a {
  text-decoration: none;
  font-size: 1.4rem;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  align-content: stretch;
  background: url(/assets/img/simplearrowB_white.svg) no-repeat right 10px center #333;
  background-size: 0.8rem;
  color: #ffffff;
  text-align: center;
  border-radius: 2.5rem;
  padding: 5px 3rem 5px 2rem;
}
.Xseries .tab-nav nav a:not(:last-child) {
  margin-right: 10px;
}
.Xseries .tab-container {
  padding: 1rem;
  display: flex;
  flex-direction: column;
}
.Xseries .tab-container ul, .Xseries .tab-container li {
  list-style: none !important;
}
.Xseries .tab-container li::before {
  display: none !important;
}
.Xseries .tab-container .cover {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}
.Xseries .tab-container .cover::before, .Xseries .tab-container .cover::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 80%;
}
.Xseries .tab-container .cover::before {
  border-radius: 20px;
  z-index: 0;
  background: rgb(0, 144, 168);
  background: linear-gradient(36deg, rgb(0, 144, 168) 0%, rgb(61, 187, 196) 100%);
}
.Xseries .tab-container .cover::after {
  background: url(/wp-content/uploads/2023/10/background.png) center left no-repeat;
  background-size: cover;
  z-index: 1;
}
.Xseries .tab-container .cover h3 {
  position: relative;
  z-index: 2;
  font-size: 2rem;
  margin: 2rem 0;
  font-weight: bold;
  color: #fff;
  padding: 0 !important;
}
.Xseries .tab-container .cover h3::before, .Xseries .tab-container .cover h3::after {
  display: none;
}
.Xseries .tab-container .cover .tab-list {
  background: #fff;
  box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.18);
  padding: 1rem 2rem;
  border-radius: 10px;
  display: grid;
  grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
  justify-content: center;
  align-items: center;
  margin-bottom: 1rem;
  position: relative;
  z-index: 2;
  width: 90%;
}
.Xseries .tab-container .cover .tab-list-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  border-radius: 10px;
  color: #333333;
  transition: all 0.3s;
  position: relative;
}
.Xseries .tab-container .cover .tab-container-title{
  z-index: 2;
  position: relative;
  color: #fff;
  font-size: 2rem;
  margin-bottom: 1rem;
  padding: 1rem 0;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .cover .tab-list {
    grid-template-columns:repeat(2, minmax(100px,1fr));
    padding: 1rem;
  }
  .Xseries .tab-container .cover .tab-list-item {
    padding: 5px 0;
  }
}
.Xseries .tab-container .cover .tab-list-item::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px;
  background: #0090A8;
  bottom: 0;
  transform: translateX(-50%);
  left: 50%;
  z-index: 2;
  transition: inherit;
}
.Xseries .tab-container .cover .tab-list-item-img {
  margin-bottom: 10px;
  position: relative;
  width: 25px;
  height: 25px;
  transition: all 0.3s;
}
.Xseries .tab-container .cover .tab-list-item-img img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 25px;
  height: 25px;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.Xseries .tab-container .cover .tab-list-item-img-normal {
  opacity: 1;
}
.Xseries .tab-container .cover .tab-list-item-img-active {
  opacity: 0;
}
.Xseries .tab-container .cover .tab-list-item:hover::after {
  width: 70%;
}
.Xseries .tab-container .cover .tab-list-item.active {
  color: #0090A8;
}
.Xseries .tab-container .cover .tab-list-item.active::after {
  width: 70%;
}
.Xseries .tab-container .cover .tab-list-item.active .tab-list-item-img-normal {
  opacity: 0;
}
.Xseries .tab-container .cover .tab-list-item.active .tab-list-item-img-active {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .cover .tab-list-item {
    text-align: center;
  }
}
.Xseries .tab-container .content-list {
  padding: 1rem;
  width: 100%;
  background: rgb(227, 255, 250);
  background: linear-gradient(36deg, rgb(227, 255, 250) 0%, rgb(230, 247, 255) 100%);
  border-radius: 10px;
  margin: 0 auto;
}
.Xseries .tab-container .content-list-item {
  border-radius: 5px;
  padding: 0;
  overflow: hidden;
  display: none;
}
.Xseries .tab-container .content-list-item.show {
  display: block;
}
.Xseries .tab-container .x-sp-title {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 1rem;
  color: #0090A8;
}
.Xseries .tab-container h5{
  margin-top: 4rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: bold;
  margin-top: 1rem;

}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp-title {
    flex-direction: column;
  }
}
.Xseries .tab-container .x-sp-title span {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp-title span {
    font-size: 1.5rem;
  }
}
.Xseries .tab-container .x-sp-title span:first-of-type {
  background: #0090A8;
  color: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  margin-right: 10px;
  display: block;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp-title span:first-of-type {
    margin-bottom: 10px;
  }
}
.Xseries .tab-container .x-sp{
  display: grid;
  grid-template-columns: 1fr 1.5fr;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .Xseries .tab-container .x-sp{
  grid-template-columns: 1fr;
  gap: 1rem;
}

}
.Xseries .tab-container .x-sp-comment {
	display: flex;
	flex-direction: column;
	align-items: center;
  padding: 2rem 1rem;
}
.Xseries ul.list-disc li{
  margin-bottom: 0;
}
.Xseries ul.list-disc li p::before{
  content: "●";
  color: #0090A8;
  font-size: 1rem;
  margin-right: 10px;

}
.Xseries .tab-container .x-sp-img {
  width: 100%;
  object-fit: contain;
}
.Xseries .tab-container .x-sp-name {
  border: solid 1px #0090A8;
  color: #0090A8;
  background: #e0f9fe;
  padding: 2px 5px;
  font-weight: bold;
  border-radius: 3px;
  margin: 0 5px;
}
.Xseries .tab-container .x-sp-img img {
  width: 100%;
  margin: 0 auto;
  border: solid 1px rgba(0, 0, 0, 0.1);
}


.busyohou_qr{
  display: flex;
}
.busyohou_qr .busyohou_qr_item{ 
	display: flex;
	flex-direction: column;
	align-items: center;
}
.busyohou_qr .busyohou_qr_item img{
  width: 250px;
}
.busyohou_qr .busyohou_qr_item p{
  font-size: 18px;
}
@media screen and (max-width: 768px) {
  .busyohou_qr{flex-wrap: wrap;}
  .busyohou_qr .busyohou_qr_item{width: 50%;}
}


/*コンパクトにしたサービス製品リンク*/
.productsService{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 30px;
    width: 100%;
}
.productsService a p{
  color: #333333;
}
.productsService a.productsService__Single{
  transition: transform 0.2s;
  text-decoration: none;
}
.productsService a.productsService__Single:hover{
  transform: translateY(-5px);
}
.productsService a.productsService__Single:hover  .productsService__SingleleImg{
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}
.productsService a.productsService__Single .productsService__SingleleImg{
  width: 100%;
  height: 200px;
  border-radius: 10px;
  margin-bottom: 1rem;
  overflow: hidden;
}
.productsService a.productsService__Single .productsService__SingleleImg img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.productsService a.productsService__Single h4{
  margin-bottom: 1rem;
}
.productsService a.productsService__Single .productsService__SingleTxt{
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .productsService{
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
  }
  .productsService a.productsService__Single .productsService__SingleleImg{ 
    height: 150px;
  }
  .productsService a.productsService__Single h4{
    margin-bottom: 1rem;
  }
  .productsService a.productsService__Single .productsService__SingleTxt{
    display: none;
  }

}
@media screen and (max-width: 478px) {
  .productsService{
    grid-template-columns: 1fr;
  }
  .productsService a.productsService__Single .productsService__SingleleImg{ 
    height: 200px;
  }
}

/*----------------------
Xseries モーダルとタブ切り替え
----------------------*/
/*モーダル*/
.xsp-design-modal{
  width: 100%;
  margin: 5rem auto;
}
.xsp-design-modal .design-nav{
  width: 100%;
  display: flex;
  flex-direction: column;
}
.xsp-design-modal .design-nav li{
  width: 100%;
  display:grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}
.xsp-design-modal .design-nav li:not(:last-of-type){
  margin-bottom: 1rem;
}
.xsp-design-modal .design-nav div.design-nav-btn{
  background-color:#E5F4F5;
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 60px 1fr;
    gap: 1rem;
    align-items: center;
}
.xsp-design-modal .design-nav div.design-nav-btn p.ttl{
    font-weight: bold;
    color: #0090A8;
    font-size: 18px;
		line-height: 1.75;
}
.xsp-design-modal .design-nav div.design-nav-btn p{
	line-height: 1.3;
}
.xsp-design-modal .design-contents div.design-contents-item h4.ttl{
		font-size: 20px;
    color: #0090A8;
    font-weight: bold;
    margin-bottom: 1rem;
}
.xsp-design-modal .design-contents dl dt.img{
    width: 100%;
    overflow: hidden;
    background: rgb(0, 139, 141);
    background: linear-gradient(90deg, rgba(0, 139, 141, 1) 0%, rgba(0, 204, 213, 1) 100%);
    border-radius: 10px;
    position: relative;
}
.xsp-design-modal .design-contents dl dt.img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
		position: relative;
		z-index: 1;
}
.xsp-design-modal .design-contents dl dt.img::before{
    content: "";
    position: absolute;
    z-index: 2;
    bottom: 1rem;
    right: 1rem;
    width: 50px;
    height: 50px;
}
.xsp-design-modal .design-contents .json dt.img::before{
    background: url(/wp-content/uploads/2024/11/xsp-json.png) no-repeat center center;
    background-size: cover;
}
.xsp-design-modal .design-contents .spfx dt.img::before {
    background: url(/wp-content/uploads/2024/11/xsp-spfx.png) no-repeat center center;
    background-size: cover;
}
.xsp-design-modal .design-contents dl{
  position: relative;
  display: grid;
  grid-template-columns: minmax(50%,1fr) 2fr;
  gap: 1rem;
	align-items: center;
}

.xsp-design-modal .design-contents li div.active {
  display: block;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: white;
  padding: 20px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
  z-index: 1001;
	width: 1200px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  animation: fadeInUp 0.3s ease forwards;
}
@media screen and (max-width: 1201px) {
	.xsp-design-modal .design-contents dl{
		grid-template-columns: 1fr;
	}
	.xsp-design-modal .design-contents li div.active{
		width: 500px;
	}
}
/*タブ切り替え*/
.xsp-designTab {
      margin: 0 auto;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-bottom: 5rem;
    }
    .xsp-designTab::before {
      content: '';
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      right: 0;
      width: 100%;
      height: 150px;
      border-radius: 10px;
      z-index: 0;
      background: rgb(0, 144, 168);
      background: linear-gradient(
        36deg,
        rgb(0, 144, 168) 0%,
        rgb(61, 187, 196) 100%
      );
    }
    .xsp-designTab-ttl {
      position: relative;
      z-index: 2;
      color: white;
      width: 100%;
      padding: 20px;
      text-align: center;
    }
    .xsp-designTab-nav li div.xsp-designTab-nav-item {
      cursor: pointer;
    }
    .xsp-designTab-contents li div {
      transition: opacity 0.5s ease;
    }

    .xsp-designTab-contents li div.active {
      opacity: 1;
      display: block;
    }
    .xsp-designTab {
      width: 100%;
    }
    .xsp-designTab-nav {
      background: #fff;
      box-shadow: 0px 3px 11px 0px rgba(0, 0, 0, 0.18);
      padding: 1rem 2rem;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-bottom: 1rem;
      position: relative;
      z-index: 1;
      width: 90%;
    }
    .xsp-designTab-nav li {
      width: 100%;
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    }
    .xsp-designTab-nav li div.active {
      font-weight: bold;
      color: #0090a8;
    }
    .xsp-designTab-contents {
      padding: 20px;
      width: 100%;
      background: rgb(227, 255, 250);
      background: linear-gradient(
        36deg,
        rgb(227, 255, 250) 0%,
        rgb(230, 247, 255) 100%
      );
      border-radius: 10px;
      margin: 0 auto;
    }
    .xsp-designTab-contents .item {
      display: grid;
      grid-template-columns: 1fr 1.5fr;
      gap: 2rem;
    }
    .xsp-designTab-contents .feature-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 2rem 1rem;
      gap: 1rem;
    }
    .xsp-designTab-contents .feature-item .feature-title {
      font-size: 2rem;
      font-weight: bold;
      margin-top: 1rem;
      color: #0090a8;
    }
    @media screen and (max-width: 768px) {
      .xsp-designTab::before{
        height: 200px;
      }
      .xsp-designTab-nav li div.xsp-designTab-nav-item{
        text-align: center;
      }
      .xsp-designTab-contents .item {
        grid-template-columns: 1fr;
        gap: 1rem;
      }
      
    }
/*サービスブログようのcss */
    .Xsp-design-Blog{
      margin-top: 3rem;
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 1rem;
      justify-content: center;
    }
    .Xsp-design-Blog a{
      width: 292px;
	    display: flex;
	    flex-direction: column;
      border-radius: 5px;
      overflow: hidden;
      border:  solid 1px #c5c5c5;
    }
    .Xsp-design-Blog a:hover{
      border:  solid 1px #0090a8;
    }
    .Xsp-design-Blog a img{
      width: 100%;
      height: 200px;
      object-fit: cover;
    }
    .Xsp-design-Blog a .item h5{
      font-weight: bold;
      line-height: 2rem;
      color: #0090a8;
      padding: 15px;
    }


/*新しいトップVisual　2024.12.11*/
.mainV2{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translateY(-10rem);
  margin-bottom: -3rem;
}
.mainV2 .mainV2-button{
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
  gap: 2.8rem;
}
.mainV2 .mainV2-button .dl-button{
  margin-top: 0 !important;
  color: #fff;
  border: solid 3px;
  box-shadow: 0px 7px 7px 0px rgba(0, 0, 0, .2);
  transition: all 0.2s;
  background: rgb(225,70,72);
  background: linear-gradient(90deg, rgba(225,70,72,1) 0%, rgba(241,121,62,1) 100%);
}
.mainV2 .mainV2-button .dl-button:hover{
  transform: translateY(-5px);
  box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, .3);
}
.mainV2 .mainV2-button .dl-button p{
  line-height: 2.5rem !important;
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .mainV2{
    transform: translateY(-3rem);
    margin-bottom: 2rem;
    display: none !important;
  }
  .mainV2 .mainV2-button{
    flex-direction: column;
    gap: 0;
  }
  .mainV2 .mainV2-button .dl-button p{
    font-size: clamp(1.5rem, 1.318rem + 0.91vw, 2rem);
  }
  
}

/*サービスDLボタン　2025.02.03*/
.blogPage .dl-button{
  background: rgb(225,70,72);
  background: linear-gradient(90deg, rgba(225,70,72,1) 0%, rgba(241,121,62,1) 100%);
}

.dlfield{
  width: 100%;  
	display: flex;
	align-items: center;
  margin-top: 2rem;
}

.dlfield li:not(:last-child){
  margin-right: 10px;
}
.dl-button{
  padding:1.5rem 5rem 1.5rem 4rem;
  border-radius: 100px;
  box-shadow: 0px 7px 7px 0px rgba(0,0,0,.1);
  text-align: center;
  position: relative;
  display: block;
}
.dlfield li:first-of-type .dl-button{
  background: rgb(225,70,72);
  background: linear-gradient(90deg, rgba(225,70,72,1) 0%, rgba(241,121,62,1) 100%);
}
.dlfield li:nth-child(n+2) .dl-button{
    background: white;
    border: 2px solid #e74f4f;
}
.dl-button p{
  font-weight: bold;
  color: #fff;
  font-size: 18px;
  line-height: 4rem;
}
.dlfield li:nth-child(n+2) p{
  color: #e74f4f;
}
.dl-button::before{
  content: "";
  transition: all .4s;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
    width: 4px;
    height: 4px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.dlfield li:nth-child(n+2) .dl-button::before{
    border-top: 2px solid #e74f4f !important;
    border-right: 2px solid #e74f4f !important;
}
.dlfield li:nth-child(n+2) .dl-button:hover{
  background: #e74f4f;
}
.dlfield li:nth-child(n+2) .dl-button:hover p{
  color: white;
}
.dl-button:hover::before{
  right: 10px;
}
/*下部に固定用*/
.bottomDlButtonField{
  position: sticky;
    bottom: 10px;
    z-index: 100;
    max-width: 120rem;
    width: 90%;
    margin: 0 auto;
    transition: .5s all;
    opacity: 0;
    transform: translateY(10px);
}
.bottomDlButtonField.dlButtonVisible{
  opacity: 1;
  transform: translateY(0);
}
.bottomDlButtonField .dlfield{
  margin: 10px 0;
}
@media screen and (max-width: 768px){
  .dlfield{
    flex-direction: column;
    margin-bottom: 2rem;
  }
  .dlfield li{
    margin-right: 0;
    width: 100%;
  }
  .dlfield li:not(:last-child){
    margin-bottom: 10px;
  }
  .dl-button{
    width: 100%;
    display: block;
    margin-top: 0;
  }
  .dl-button p{
    font-size: 14px;
    line-height: 3rem;
  }
  .bottomDlButtonField{
    display: none;
  }
}


/*まとめ記事h2、Power Apps の実践的なノウハウ まとめ*/
h2.summary-article-h2{
  padding: 1em 0;
  font-size: 18px !important;
    line-height: 2em !important;
    border-top: 2px solid #545252;
    position: relative;
    color: #00798E;
}

h2.summary-article-h2::before {
    content: "";
    width: 50px;
    height: 2px;
    background: #d83b1e;
    position: absolute;
    top: -2px;
    left: 0;
}

/*blog_author*/
.taxonomy-blog_author{
    margin-bottom: 2rem;
    width: 100%;
}
.taxonomy-blog_author a{
    display: block;
    text-align: center;
    padding: 10px;
    background-color: rgba(0, 144, 168, .1);
    color: #0090A8;
    border-radius: 5px;
    transition: all 0.3s;
}
.taxonomy-blog_author a:hover{
    background-color: rgba(0, 144, 168, 1);
    color: white;
}
/*wp:loos-hcb/code-block 位置修正 */
.hcb_wrap .line-numbers-rows{
      left: calc(-1px - var(--hcb--linenumW) - var(--hcb--pX)) !important;
}

/*********************************************
*  X-SP Feature
********************************************/
.green-gradation {
  background: linear-gradient(136deg, rgba(2, 139, 163, 1) 0%, rgba(91, 212, 198, 1) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: bold;
}


.xsp-feature-btn-gradient {
  background: linear-gradient(90deg, #e74f4f 30.769%, #ff9d00);
  color: white;
  padding: 20px 40px;
  border-radius: 100px;
  text-decoration: none;
  font-weight: bold;
  transition: transform 0.3s;
  line-height: 1.5;
}

@media (max-width: 768px) {
  .xsp-feature-btn-gradient {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
    padding: 15px 20px;
  }
}

.xsp-feature-btn-gradient:hover {
  transform: scale(1.05);
}

.xsp-feature-inner {
  max-width: 1500px;
  margin: 0 auto;
  padding: 0 2rem;
}

.xspFeature_cont {
  max-width: 120rem;
  width: 90%;
  margin: 0 auto;
}

/* 悩みセクション */
.xsp-feature-problems {
  background: #eef7f8;
  position: relative;
}

.xsp-feature-problems::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/09/xian-dai-denaofisuwakusuhesutetesukute-dongku-cong-ye-yuan.png) no-repeat center center;
  background-size: cover;
  opacity: 0.2;
}

.xsp-feature-problems h2,
.xsp-feature-problems .xsp-feature-solution-banner {
  position: relative;
  z-index: 1;
}

.xsp-feature-problem-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
  row-gap: 50px;
  align-items: stretch;
}

.xsp-feature-problem-card {
  background: white;
  padding: 20px 20px 40px;
  border-radius: 10px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  text-align: center;
  max-width: 350px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.xsp-feature-problem-card-text {
  font-weight: bold;
  margin-bottom: 0 !important;
}

.xsp-feature-problem-card::before {
  content: "";
  position: absolute;
  width: 80px;
  height: 80px;
  transform: translate(-50%, 100%);
  left: 50%;
  bottom: 20%;
  border-radius: 100px;
}

.xsp-feature-problem-card:nth-of-type(1)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-1.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-problem-card:nth-of-type(2)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-2.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-problem-card:nth-of-type(3)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-3.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-problem-card:nth-of-type(4)::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-user-icon-4.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-solution-banner {
  background: linear-gradient(90deg, #0090a8, #54c7b6);
  width: 100%;
  color: white;
  padding: 20px;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  line-height: 4rem;
  margin-top: 8rem;
}

.xsp-feature-about-description {
  font-size: 4rem !important;
  font-weight: bold;
  line-height: 1.5 !important;
  margin-bottom: 10px !important;
}

@media (max-width: 768px) {
  .xsp-feature-about-description {
    font-size: 3rem !important;
  }
}

/* X-SP Featureとは */
.xsp-feature-about-emphasis {
  font-size: 2rem !important;
  font-weight: bold;
  line-height: 1.5 !important;
  margin-bottom: 30px !important;
}

.xsp-feature-features {
  width: calc(100% - 3rem);
  border-radius: 10px;
  margin: 1.5rem auto;
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
  padding: 50px 10px;
  position: relative;
  overflow: hidden;
}

.xsp-feature-features::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/09/Image_fx.png) no-repeat center center;
  background-size: cover;
  opacity: 0.3;

}

.xsp-feature-features-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 30px;
  justify-items: center;
  align-items: center;
  position: relative;
  z-index: 1;
  align-items: stretch;
}

@media (max-width: 768px) {
  .xsp-feature-features-grid {
    grid-template-columns: 1fr;
  }
}


.xsp-feature-feature-card {
  background: white;
  padding: 40px;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.xsp-feature-feature-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
  border-radius: 50%;
}

.xsp-feature-feature-icon img {
  width: 100%;
  object-fit: cover;
}

.xsp-feature-feature-title {
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.4;
  text-align: center;
}

.xsp-feature-feature-description {
  text-align: left !important;
  margin-bottom: 0 !important;
}

.xsp-feature-combination {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 30px;
}

@media (max-width: 1201px) {
  .xsp-feature-combination {
    display: flex;
    flex-direction: column;
  }
}

.xsp-feature-combination-imag {
  background: #eef7f8;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.xsp-feature-combination-imag img {
  width: 100% !important;
  max-width: 500px;
  object-fit: cover;
}

.xsp-feature-combination-detail h2 {
  text-align: left !important;
}

.xsp-feature-combination-description {
  text-align: left !important;
  margin-bottom: 0;
}

.xsp-feature-combination-description:not(:last-of-type) {
  margin-bottom: 1rem;
}

.xsp-feature-combination-btn {
  display: flex;
  gap: 10px;
}

/* 主な機能 */
.xsp-feature-functions {
  background: white;
  padding: 50px 20px;
}

.xsp-feature-functions-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.xsp-feature-function-item {
  display: flex;
  gap: 30px;
  padding: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  align-items: center;
}

@media (min-width: 769px) {
  .xsp-feature-function-item:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
}

.xsp-feature-function-content {
  flex: 1;
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.xsp-feature-function-icon {
  width: 70px;
  height: 70px;
  padding: 8px;
  background: #0090a8;
  border-radius: 100px;
  flex-shrink: 0;
}

.xsp-feature-function-icon img {
  width: 100% !important;
  max-width: 500px;
  object-fit: cover;

}

.xsp-feature-function-text {
  flex: 1;
}

.xsp-feature-function-description {
  text-align: left !important;
  margin-bottom: 0 !important;
}

.xsp-feature-function-name {
  font-size: 25px;
  font-weight: bold;
  color: #0090a8;
  margin-bottom: 10px;
}

.xsp-feature-function-description {
  font-size: 16px;
  line-height: 1.6;
}


.xsp-feature-function-youtube
 {
    width: 530px;
    border: solid 2px #0090a8;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 0;
}

.xsp-feature-function-image,
.xsp-feature-function-glightbox{
  flex-shrink: 0;
  width: 406px;
  border-radius: 10px;
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
}

.xsp-feature-function-image img,
.xsp-feature-function-glightbox img {
  width: 100% !important;
  object-fit: cover;
}

@media (max-width: 768px) {

  .xsp-feature-function-item {
    flex-direction: column;
    padding: 20px 0;
  }

  .xsp-feature-function-image,
  .xsp-feature-function-youtube,
  .xsp-feature-function-glightbox {
    width: 100%;
  }

  .xsp-feature-function-youtube
  {
    margin-bottom: 2rem;
  }

  .xsp-feature-function-icon {
    width: 50px;
    height: 50px;
    padding: 5px;
  }
}
/* X-SP Feature glightbox */
.xsp-feature-function-glightbox {
  position: relative;
  display: block;
  cursor: pointer;
  overflow: hidden;
}

/* 再生アイコンをオーバーレイ */
.xsp-feature-function-glightbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  background: rgba(0, 0, 0, 0.6) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'><path d='M8 5v14l11-7z'/></svg>") no-repeat center / 32px 32px;
  border-radius: 50%;
  opacity: 0.85;
  transition: opacity .2s, transform .2s;
  pointer-events: none;
}

.xsp-feature-function-glightbox:hover::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1.1);
}

.xsp-feature-function-glightbox img {
  transition: transform .3s;
  display: block;
  width: 100%;
}

.xsp-feature-function-glightbox:hover img {
  transform: scale(1.03);
}

/* CTA */
.xsp-feature-cta {
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
  padding: 20px;
  margin: 50px auto;
  border-radius: 10px;
  position: relative;
}

.xsp-feature-cta::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url(/wp-content/uploads/2025/09/Image_fx_3.png) no-repeat center center;
  background-size: cover;
  opacity: 0.2;
}

.xsp-feature-cta-title {
  font-size: 2.5rem !important;
  font-weight: bold;
  color: white;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}

.xsp-feature-cta-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 40px;
  padding: 0 100px;
  justify-content: center;
  align-items: stretch;
  border-radius: 10px;
  position: relative;
  z-index: 1;
}

.xsp-feature-cta-item {
  text-align: center;
}

.xsp-feature-cta-item p {
  margin-bottom: 0 !important;
}

.xsp-feature-cta-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 20px;
}

.xsp-feature-cta-icon img {
  width: 100%;
  object-fit: cover;
}

.xsp-feature-cta-text {
  color: white;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  margin-bottom: 20px;
}

.xsp-feature-cta-button {
  margin-top: 1rem;
  display: inline-block;
  background: white;
  color: #333;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s;
}

.xsp-feature-cta-button:hover {
  transform: scale(1.05);
}

.xsp-feature-cta-button-gradient {
  background: linear-gradient(90deg, #e74f4f, #ff9d00);
  color: white;
}

.xsp-feature-cta-button-red {
  background: #e14648;
  color: white;
}

/* 導入の流れ */

.xsp-feature-flow {
  background: #eef7f8;
  padding: 50px 20px;
}

.xsp-feature-flow-item {
  background: white;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.25);
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
}

.xsp-feature-flow-item:not(:last-of-type) {
  margin-bottom: 40px;
}

.xsp-feature-flow-item:not(:last-of-type)::after {
  content: "▼";
  font-size: 2rem;
  color: #0090a8;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: -35px;
}

.xsp-feature-flow-icon {
  width: 70px;
  height: 70px;
  flex-shrink: 0;
}

@media (max-width: 768px) {
  .xsp-feature-flow-icon {
    width: 45px;
    height: 45px;
  }
}

.xsp-feature-flow-icon img {
  width: 100%;
  object-fit: cover;
}

.xsp-feature-flow-content {
  flex: 1;
}

.xsp-feature-flow-title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.xsp-feature-flow-description {
  text-align: left !important;
  margin-bottom: 0 !important;
}


/* FAQ */
.xsp-feature-faq {
  padding: 50px 20px;
  background: white;
}

.xsp-feature-faq-inner {
  max-width: 1240px;
  margin: 0 auto;
}

.xsp-feature-faq-item {
  background: #f7f7f7;
  border-radius: 10px;
  padding: 10px 20px;
  margin-bottom: 20px;
}

.xsp-feature-faq-item p {
  margin: 0 !important;
  text-align: left !important;
}

.xsp-feature-faq-question {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 18px;
  font-weight: bold;
}

.xsp-feature-faq-answer {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 0;
  font-size: 16px;
  line-height: 1.8;
}

.xsp-feature-faq-question::before,
.xsp-feature-faq-answer::before {
  content: "";
  display: grid;
  gap: 20px;
  grid-template-columns: 40px 1fr;
  justify-content: center;
  align-items: flex-start;
  width: 30px;
  height: 30px;
}

.xsp-feature-faq-question::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-faq-icon-1.png) no-repeat center center;
  background-size: cover;
}

.xsp-feature-faq-answer::before {
  background: url(/wp-content/uploads/2025/09/X-SP-feature-faq-icon-2.png) no-repeat center center;
  background-size: cover;
  margin-top: 3px;
}

@media (max-width: 768px) {

  .xsp-feature-faq-question::before,
  .xsp-feature-faq-answer::before {
    gap: 10px;
    width: 20px;
    height: 20px;
  }
}

/* 関連サービス */
.Xsp-feature-related{
  display: grid;
  grid-template-columns: 1fr;
  gap: 40px;
}
.Xsp-feature-related-item{
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 2rem 400px 2rem 4rem;
  border-radius: 10px;
  border: solid 2px #0090a8;
  position: relative;
  z-index: 2;
}
.xsp-feature-related-image{
  position: absolute;
  right: 0;
  z-index: 0;
  top: 0;
  bottom:0;
  width: 50%;
  height: 100%;
}
.xsp-feature-related-image img{
  width: 100%;
  height: 100%;
  object-fit: contain;

}
.xsp-feature-related-title{
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 2rem;
}
.xsp-feature-related-description{
  text-align: left !important;
  margin-bottom: 0 !important;
}
.xsp-feature-related-btn{
  width: 100%;
  display: flex;
  gap: 10px;
  margin-top: 2rem;
}
.xsp-feature-related-btn a{
    padding: 20px 40px;
    border-radius: 100px;
    text-decoration: none;
    font-weight: bold;
    transition: transform 0.3s;
    line-height: 1.5;
}
.xsp-feature-related-button-fill{
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
    color: white;
}

.xsp-feature-related-button-outline{
  border: #0090a8 1px solid;
  color: #0090a8;
  background: white;
}
@media (max-width: 768px) {
  .Xsp-feature-related-item {
    padding: 20px;
  }
  .xsp-feature-related-image{
    display: none;
  }
}


/* IT導入補助金Button */
.hojyokatsu{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
    gap: 20px;
    align-items: center;
    position: relative;
    width: 100%;
}
.hojyokatsu li a.hojyokatsu_button{
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background: #0090A8;
  text-align: center;
  padding: 1rem;
  border-radius: 50px;
  display: block;
  width: 100%;
}
.hojyokatsu li{
  border: solid 1px #0090A8;
  padding: 2rem;
  border-radius: 10px;
  text-align: center;
}
.hojyokatsu li.hojyo{border: solid 1px #e04648;}
.hojyokatsu li.hojyo a.hojyokatsu_button{background: #333;}
@media screen and (max-width: 770px) {}




/* 資料download セクション */
.dl-data-inner {
  max-width: 1500px;
  padding: 0 2rem;
  margin:3rem auto;
}
.dl-data-download {
  background: linear-gradient(rgba(0, 144, 168, 0.7), rgba(84, 199, 182, 0.8));
  position: relative;
  color: white;
  border-radius: 10px;
}
.dl-data-download-image {
  overflow: hidden;
}
@media (min-width: 769px) {
  .dl-data-download-image{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    z-index: 0;
  }
  .dl-data-download-content{
    width: 50%;
    padding: 4rem;
    margin-left: auto;
  }
}

.dl-data-download-image img {
  width: 100% !important;
  object-fit: cover;
  height: 100%;
}

.dl-data-download-content{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.dl-data-download-description {
  font-size: 3.3rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.dl-data-download-text{
  line-height: 1.5 !important;
}

.dl-data-download-description span {
  font-size: 2rem;
}

.dl-data-btn-white {
  color: #0090a8;
  padding: 20px 40px;
  border-radius: 100px;
  text-decoration: none;
  font-weight: bold;
  transition: transform 0.3s;
  line-height: 1.5;
  background-color: white;
}


@media (max-width: 768px) {
  .dl-data-download-content{
    padding: 0 20px 40px 20px;
  }
  .dl-data-download-image{
    width: 100%;
  }
  .dl-data-download {
    grid-template-columns: 1fr;
  }
  .dl-data-download-description {
    font-size: 2.5rem;
  }

  .dl-data-download-description span {
    font-size: 1.5rem;
  }
  .dl-data-download-image img {
    height: 200px;
  }
}

/* バス予報導入実績 */

.jirei {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
}

.jirei div {
    background: #fff;
    display: block;
    height: auto;
}

.jirei li {
    display: block;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 1em;
    position: relative;
    width: calc(100% / 3 - 10px);
    flex-direction: column;
}

.jirei li h3 {
    text-align: center;
    font-size: 20px;
    display: block;
    margin: 1em;
    line-height: 1;
    color: #696969;
    font-weight: bold;
}

.jirei li div.img {
    width: 100%;
    height: 220px;
    position: relative;
    overflow: hidden;
    display: block;
}

.jirei li div.item {
    display: block;
    width: 100%-30px;
    overflow: hidden;
    margin-bottom: 25px;
    margin-left: 15px;
    margin-right: 15px;
}

.jirei .item p {
    font-size: 15px;
}

.jirei li:nth-of-type(1) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/06/iwateken.png") no-repeat center center;
    background-size: cover;
}

.jirei li:nth-of-type(2) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/06/towadakanko.png") no-repeat center center;
    background-size: cover;
}

.jirei li:nth-of-type(3) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/06/shuhoku.jpg") no-repeat center center;
    background-size: cover;
}

.jirei li:nth-of-type(4) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/06/hanamaki.jpg") no-repeat center center;
    background-size: cover;
}
/*
.jirei li:nth-of-type(5) div.img {
    background: url("tatebayashikoiki.jpg") no-repeat center center;
    background-size: cover;
}
*/
.jirei li:nth-of-type(5) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/06/kitakyusyushi.jpg") no-repeat center center;
    background-size: cover;
}
/*
.jirei li:nth-of-type(7) div.img {
    background: url("chatan-e1603261295879.jpg") no-repeat center center;
    background-size: cover;
}
*/
.jirei li:nth-of-type(6) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/06/okinawacshigaichi.jpg") no-repeat center center;
    background-size: cover;
}

.jirei li:nth-of-type(7) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/06/hikari.jpg") no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 900px) {
    .jirei li {
        width: calc((100% / 2) - 10px);
    }
    .jirei li h3 {
        font-size: 17px;
    }
    .jirei p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .jirei li div.item {
        width: 100%-20px;
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media screen and (max-width: 500px) {
    .jirei li {
        width: 100%;
    }
    .jirei li h3 {
        font-size: 5vw;
    }
    .jirei li div.img {
        width: 100%-10px;
    }
}
/*sancloud特徴*/
  .ScenarioInner {
    min-height: 70vh;
		width: 70vw;
    margin: 0;
    padding-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .ScenarioInner　ul {
    padding: 0;
  }
  .ScenarioInner ul li {
    list-style-type: none;
  }
  .ScenarioInner dd {
    margin-left: 0;
  }
  
  .Scenarioflow {
    padding-left: 120px;
    position: relative;
  }
  .Scenarioflow::before {
    content: "";
    width: 15px;
    height: 100%;
    background: #eee;
    margin-left: -8px;
    display: block;
    position: absolute;
    top: 0;
    left: 180px;
  }
  .Scenarioflow > li {
    position: relative;

		margin-left: 60px;
    margin-bottom: 8vh;
  }
  .Scenarioflow > li .Scenarioicon {
    font-size: 12px;
    color: #fff;
    background: #0090a8;
    background: -moz-linear-gradient(left, #0090a8 0%, rgba(102,213,233,1) 100%);
    background: -webkit-linear-gradient(left, #0090a8 0%,rgba(102,213,233,1) 100%);
    background: linear-gradient(to right, #0090a8 0%,rgba(102,213,233,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
    padding: 8px 20px;
    display: block;
    position: absolute;
    top: 0;
    left: -120px;
  }
  .Scenarioflow > li .Scenarioicon::after {
    content: "";
    border-style: solid;
    border-width: 5px 0 5px 10px;
    border-color: transparent transparent transparent rgb(114, 217, 235);
    position: absolute;
    top: 50%;
    left: 100%;
    -webkit-transform:　translateY(-50%);
    transform: translateY(-50%);
  }
  .Scenarioflow > li dl {
    padding-left: 70px;
    position: relative;
  }
  .Scenarioflow > li dl::before,
  .Scenarioflow > li dl::after {
    content: "";
    display: block;
    position: absolute;
    top: 15px;
  }
  .Scenarioflow > li dl::before {
    width: 7px;
    height: 7px;
    margin-top: -3px;
    background: #0090a8;
    border-radius: 50%;
    left: -4px;
  }
  .Scenarioflow > li dl::after {
    width: 50px;
    border-bottom: 1px dashed #999;
    position: absolute;
    left: 5px;
  }
  .Scenarioflow > li dl dt {
    font-size: 20px;
    font-weight: 600;
    color: #0090a8;
    margin-bottom: 1vh;
  }

@media screen and (max-width: 500px) {
	.ScenarioInner br{
         display: none;
      }
	.Scenarioflow {
    padding-left: 0px;
		padding-right: 10px;
  } 
	
.Scenarioflow::before {
/*	visibility: hidden;*/
   left: 0px;
}
.Scenarioflow > li .Scenarioicon {
    left: 25px;
	position: static;
	}
	.Scenarioflow > li {
    position: static;
		content:none;
		padding-bottom: 10px;
	}
	.Scenarioicon::after {
		visibility: hidden;
		left: 20px;
}

	.Scenarioflow > li dl dt {
    margin-bottom: 1vh;
    margin-top: 10px;
}
.Scenarioflow>li dl {
	padding-top: 5px;
  padding-left: 20px;

	position: static;
	}
	.Scenarioflow > li dl::before, .Scenarioflow > li dl::after {
    content: none;
}
	  .Scenarioflow > li{
		margin-left: 0;
	}
}



/* blog ExcelからSharePoint① */
.importInner {
  padding-left: 50px;
  padding-right: 20px;
}
@media screen and (max-width: 500px) {
	.importInner {
	padding-left: 5px;
	padding-right: 3px;
	}
}

/* バス予報導入実績 */
.jisseki {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
}

.jisseki div {
    background: #fff;
    display: block;
    height: auto;
	margin-bottom: 1em;
}

.jisseki li {
    display: block;
    background: #fff;
    border-radius: 0px;
    overflow: hidden;
    margin-bottom: 1em;
    position: relative;
    width: calc(100% / 5 - 2px);
    flex-direction: column;
}

.jisseki li h4 {
    line-height: 1;
    display: block;
}

.jisseki li div.img {
    width: 100%;
    height: 10em;
    position: relative;
    overflow: hidden;
    display: block;
	  margin-left: 1px;
    margin-right: 1px;
}

.jisseki li div.item {
    display: block;
    width: 100%-10px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.jisseki .item p {
    font-size: 14px;
    color: #696969;
}

.jisseki li:nth-of-type(1) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/miyazaki.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(2) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/tatebayashi.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(3) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/nobeoka.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(4) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/iwateken.png") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(5) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/shounai.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(6) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/hanamaki.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(7) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/syuhoku.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(8) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/kitakyusyu.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(9) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/kitakyusyuodekake.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(10) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/towada.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(11) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/miyakoutaku.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(12) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/okinawashi.png") no-repeat center center;
    background-size: cover;
}

.jisseki li:nth-of-type(13) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/shinki.png") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(14) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/takasaki.png") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(15) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/kanetsu.png") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(16) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/jyoushin.png") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(17) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/gunma.png") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(18) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/gunmachuou.png") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(19) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/nagai.jpg") no-repeat center center;
    background-size: cover;
}
.jisseki li:nth-of-type(20) div.img {
    background: url("http://3.112.238.159/wp-content/uploads/2021/11/nihonchuou.png") no-repeat center center;
    background-size: cover;
}

@media screen and (max-width: 900px) {
    .jisseki li {
    }
    .jisseki li h4 {
        font-size: 14px;
    }
    .jisseki p {
        font-size: 12px;
        margin-bottom: 10px;
    }


	    .jisseki li div.item {
        width: 100%;
        margin-left: 5px;
        margin-right: 5px;
    }
	.jisseki li div.img {
			width: 100%-5px;
	    height: 8em;
	  margin-left: 0px;
}
	
	
	.jisseki .item p {
    font-size: 12px;
    line-height: 1;
  }
}

@media screen and (max-width: 500px) {
    .jisseki li {
        width: calc((100% / 3) - 2px);
    }

    .jisseki li div.item {
        width: 100%;
        margin-left: 3px;
        margin-right: 3px;
    }
	.jisseki li div.img {
			width: 100%-10px;
	    height: 6em;
	  margin-left: 0px;
}
	.jisseki p {
        font-size: 10px;
        margin-bottom: 1px;
    }
		.jisseki .item p {
    font-size: 11px;
  }

}

/* 採用ページリンク */
.recruitPage__link{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.recruitPage__link a{
	 width: calc((100% / 2) - 10px);
	padding:3rem 10px;
	margin-bottom:2rem;
  background:#FFF;
	text-align:center;
	box-shadow: 0px 8px 28px -24px #777777;
border-radius: 5px;
border:solid 1px #0090A8;
	transition: all 0.3s ease-out;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.recruitPage__link a:hover{
	background:#0090A8;	
	color:#fff;
}
.recruitPage__link a:hover p{
	color:#fff!important;
}


/******2021.11.01************/

a.job-link span.txt1 {
  font-size: 3.5rem;
  color: #e94919;
	font-weight:bold;
}

a.job-link span.txt2 {
  font-size: 1.5rem;
  font-style: normal;

/*  display: block;*/

  color: #666666;
}

/******************/

@media screen and (max-width: 768px){
	.recruitPage__link a{
		width: calc(100%);align-content}
}

 .recruitPage__link a p{
   line-height:3rem;
	 color:#0090A8;
	 font-weight:bold;
}


.recruitPage__link a p:nth-of-type(1){
	font-size:18px;
	color:#0090A8;
	font-weight:bold;
} 

/* メモ　ホチキス　Ａ */
.Hochi-box-a {
 position: relative;
 margin: 2em auto;
 padding: 20px 30px 15px 40px;
 width: 85%; /* ボックス幅 */
	color: #00BCD4;
    background: #fff;/*背景色*/
    border-top: solid 6px #1dc1d6;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
}
.Hochi-box-a::before {
 position: absolute;
 content: '';
 top: 5px;
 left: 20px;
 height: 30px;
 border: 1.5px solid #d9333f; /* ホチキス色 */
 border-radius: 12px;
 box-shadow: 1px 1px 1px #333;
 transform: rotate(45deg);
}
.Hochi-box-a a{
 text-decoration: none!important;
 display: block;
	color: #fff;
}
.Hochi-box-a a:hover{
  color : #26a69a;
	opacity:0.5;
}
.Hochi-box-a h2{
	color: #009999;
}
.Hochi-box-a p{
	color: #009999;
}

/* MCAS カード*/
.card-container{
    margin: 2rem 0;
    width: 100%;
	margin-top:2rem;
}
.card-container,
.card-container a,
.card-container h2,
.card-container p{
transition: all .4s;
	}
.card-container.mcas a{
    background: #333;
	color: #fff;
}
.card-container.busyohou{
border:solid 2px #ccc;}

.card-container.busyohou:hover{
border:solid 2px #0090A8;}
.card-container.busyohou:hover a,
.card-container.busyohou:hover h2,
.card-container.busyohou:hover p{
	color:#0090A8;
}

.card-container a{
	 transition: all .4s;
	 width: 100%;
   display:block;
	display: flex;
	text-decoration: none!important;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.25);
}
.card-container a:hover{
	opacity:.8;
}
.card-img{
   width: calc(100% - 60%);
	position:relative;
	overflow:hidden;
}
.card-text{
    width: 60%;
    padding:16px;
}
.card-text h2{
    font-size: 1.0em;
	  margin: 0;
}
.card-text p{
    font-size: 0.6em;
margin-bottom:1.5rem;
}
.card-text p:last-of-type{
	margin-bottom:0!important;
}
.mcas .card-text h2,
.mcas .card-text p{
	color:#fff;
}


/*PCサイズ*/

@media screen and (min-width:650px) {
   

    .card-text h3{
        font-size: 1em;
    }
    .card-text p{
        font-size: 1em;
    }
}

/* 横並び */
.a.mcas-div {
    text-decoration: none!important;
    color: #fff;
}
.a.mcas-div:hover{
  color : #fff;
	opacity:0.5;
}
.mcas-flex {
  background: #333;
  color: #fff;
  display: flex; /*横並び*/
  margin: 20px auto;
	width: 100%;
  box-shadow: 0 12px 10px -6px rgba(0,0,0,.25);
}
.mcas-flex .image {
  width: 640px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}
.mcas-flex .right {
  margin: 0 0 0 20px;
  padding: 10px;
}
.mcas-flex .title {
  margin: 5px;
  padding: 5px;
  font-weight: bold;
  font-size: 18px;
}
.mcas-flex .text {
  margin: 10px 0 0;
  padding: 0;
}

/* 画像を天地中央表示 */

.mcas-flex .image {
  overflow: hidden;
  position: relative;
}
.mcas-flex .image::before {
  content: "";
  display: block;
  padding-top: 58%;
}
.mcas-flex .image img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
img{height:auto;}
.blogPage__pager ul li a img{
	height:50%;
}
.blogPage__pager ul{
	-webkit-justify-content: center;
	justify-content: center;
}

/*ブログ過去回・あわせて*/
.series ul{
	border:solid 1px #ccc;
	padding:1.5em 1.5em 1em;
border-radius:5px;
}
.series,.together{
	width:100;
}
.series ul,.together ul{
	width:100%;
	display: flex;
	flex-wrap: wrap;
	 list-style: none!important;
}
.series ul{
	justify-content: space-between;
	align-content: space-around;
}
.series li{
	width: calc(100% / 2 - 2rem);
	margin-left:0!important;
	counter-increment: blognumber 1;
}
.series a,
.together a{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	align-content: space-around;
	margin-bottom:1rem;
	text-decoration:none; 
	position:relative;
}
@media screen and (max-width:750px) {
	.series ul{
		flex-direction: column;
	}
	.series li{
		width: calc(100% / 1);
	}
}
.series li p,
.together li p{
	font-size:12px;
	line-height:1.5;
	margin-bottom:0;
}
.series .title{
	width:calc(100% - 120px);

}

.series .img{
	width:100px;
	height:100px;
	overflow:hidden;
	position:relative;
	border-radius:10px;
}
.series .img:before{
	content: counter(blognumber);
	font-size:20px;
	color:#fff;
	position:absolute;
	top:50%;
	left:50%;
z-index:2;
	text-align:center;
	transform:translate(-50%,-50%);
width:40px;
	height:40px;
	line-height:40px;
border-radius:50%;
	background:rgba(0,0,0,.6);
}
.series .img:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,.2);
	z-index:1;
	transition: all .3s;
}
.series a:hover .img:after{
	background:rgba(0,0,0,0);
}

.together{
 width:100%;
 margin:0 auto;
}
.together .slick-slide {
    margin:0 10px;
}

.together img{
	margin-bottom:10px!important;
}
.together .title{
	position:relative;
	z-index:2;
}