@charset "UTF-8";

#solution #wrapper,
#resource #wrapper,
#news #wrapper,
#contact #wrapper,
#company #wrapper,
#faq #wrapper,
#partner #wrapper,
#support #wrapper,
#products.index #wrapper,
body:not([id]):not(.index) #wrapper {
  background: url('../images/ico-logo.svg') no-repeat;
  background-position: calc(50% + 480px) -84px;
  background-size: 350.6px 346.59px;
}

@media (max-width: 767px) {

  #solution #wrapper,
  #resource #wrapper,
  #news #wrapper,
  #contact #wrapper,
  #company #wrapper,
  #faq #wrapper,
  #partner #wrapper,
  #support #wrapper,
  #products.index #wrapper,
  body:not([id]):not(.index) #wrapper {
    background-position: calc(50% + calc(235 / 375 * 100vw)) calc(-56 / 375 * 100vw);
    background-size: calc(350.6 / 375 * 100vw) calc(346.59 / 375 * 100vw);
  }
}

#solution .container,
#resource .container,
#news .container,
#contact .container,
#company .container,
#faq .container,
#partner .container,
#support .container,
#products.index .container,
body:not([id]):not(.index) .container {
  background: none !important;
}

#solution .mainVisual.min,
#resource .mainVisual.min,
#news .mainVisual.min,
#contact .mainVisual.min,
#company .mainVisual.min,
#faq .mainVisual.min,
#partner .mainVisual.min,
#support .mainVisual.min,
#products.index .mainVisual.min,
body:not([id]):not(.index) .mainVisual.min {
  min-height: 222px;
  background: none;
  display: flex;
  align-items: flex-end;
}

@media all and (-ms-high-contrast: none) {

  #solution .mainVisual.min,
  #resource .mainVisual.min,
  #news .mainVisual.min,
  #contact .mainVisual.min,
  #company .mainVisual.min,
  #faq .mainVisual.min,
  #partner .mainVisual.min,
  #support .mainVisual.min,
  #products.index .mainVisual.min,
  body:not([id]):not(.index) .mainVisual.min {
    /* IE11 */
  }

  #solution .mainVisual.min *::-ms-backdrop,
  #solution .mainVisual.min,
  #resource .mainVisual.min *::-ms-backdrop,
  #resource .mainVisual.min,
  #news .mainVisual.min *::-ms-backdrop,
  #news .mainVisual.min,
  #contact .mainVisual.min *::-ms-backdrop,
  #contact .mainVisual.min,
  #company .mainVisual.min *::-ms-backdrop,
  #company .mainVisual.min,
  #faq .mainVisual.min *::-ms-backdrop,
  #faq .mainVisual.min,
  #partner .mainVisual.min *::-ms-backdrop,
  #partner .mainVisual.min,
  #support .mainVisual.min *::-ms-backdrop,
  #support .mainVisual.min,
  #products.index .mainVisual.min *::-ms-backdrop,
  #products.index .mainVisual.min,
  body:not([id]):not(.index) .mainVisual.min *::-ms-backdrop,
  body:not([id]):not(.index) .mainVisual.min {
    height: 222px;
    min-height: 222px;
  }
}

@media (max-width: 767px) {

  #solution .mainVisual.min,
  #resource .mainVisual.min,
  #news .mainVisual.min,
  #contact .mainVisual.min,
  #company .mainVisual.min,
  #faq .mainVisual.min,
  #partner .mainVisual.min,
  #support .mainVisual.min,
  #products.index .mainVisual.min,
  body:not([id]):not(.index) .mainVisual.min {
    padding-top: 58px;
  }
}

#solution .mainVisual.min h1,
#resource .mainVisual.min h1,
#news .mainVisual.min h1,
#contact .mainVisual.min h1,
#company .mainVisual.min h1,
#faq .mainVisual.min h1,
#partner .mainVisual.min h1,
#support .mainVisual.min h1,
#products.index .mainVisual.min h1,
body:not([id]):not(.index) .mainVisual.min h1 {
  margin: 0;
  color: #092657;
  font-size: 36px;
  font-weight: bold;
  text-shadow: 0 0 5px white;
}

@media (max-width: 767px) {

  #solution .mainVisual.min h1,
  #resource .mainVisual.min h1,
  #news .mainVisual.min h1,
  #contact .mainVisual.min h1,
  #company .mainVisual.min h1,
  #faq .mainVisual.min h1,
  #partner .mainVisual.min h1,
  #support .mainVisual.min h1,
  #products.index .mainVisual.min h1,
  body:not([id]):not(.index) .mainVisual.min h1 {
    font-size: 26px;
  }
}

#solution .mainVisual.min+.breadcrumb,
#resource .mainVisual.min+.breadcrumb,
#news .mainVisual.min+.breadcrumb,
#contact .mainVisual.min+.breadcrumb,
#company .mainVisual.min+.breadcrumb,
#faq .mainVisual.min+.breadcrumb,
#partner .mainVisual.min+.breadcrumb,
#support .mainVisual.min+.breadcrumb,
#products.index .mainVisual.min+.breadcrumb,
body:not([id]):not(.index) .mainVisual.min+.breadcrumb {
  width: 100%;
  position: absolute;
  top: 122px;
}

@media (max-width: 767px) {

  #solution .mainVisual.min+.breadcrumb,
  #resource .mainVisual.min+.breadcrumb,
  #news .mainVisual.min+.breadcrumb,
  #contact .mainVisual.min+.breadcrumb,
  #company .mainVisual.min+.breadcrumb,
  #faq .mainVisual.min+.breadcrumb,
  #partner .mainVisual.min+.breadcrumb,
  #support .mainVisual.min+.breadcrumb,
  #products.index .mainVisual.min+.breadcrumb,
  body:not([id]):not(.index) .mainVisual.min+.breadcrumb {
    top: 58px;
  }
}

#solution .mainVisual.min+.breadcrumb ul li:after,
#resource .mainVisual.min+.breadcrumb ul li:after,
#news .mainVisual.min+.breadcrumb ul li:after,
#contact .mainVisual.min+.breadcrumb ul li:after,
#company .mainVisual.min+.breadcrumb ul li:after,
#faq .mainVisual.min+.breadcrumb ul li:after,
#partner .mainVisual.min+.breadcrumb ul li:after,
#support .mainVisual.min+.breadcrumb ul li:after,
#products.index .mainVisual.min+.breadcrumb ul li:after,
body:not([id]):not(.index) .mainVisual.min+.breadcrumb ul li:after {
  color: #333;
}

#solution .mainVisual.min+.breadcrumb ul li a,
#resource .mainVisual.min+.breadcrumb ul li a,
#news .mainVisual.min+.breadcrumb ul li a,
#contact .mainVisual.min+.breadcrumb ul li a,
#company .mainVisual.min+.breadcrumb ul li a,
#faq .mainVisual.min+.breadcrumb ul li a,
#partner .mainVisual.min+.breadcrumb ul li a,
#support .mainVisual.min+.breadcrumb ul li a,
#products.index .mainVisual.min+.breadcrumb ul li a,
body:not([id]):not(.index) .mainVisual.min+.breadcrumb ul li a {
  color: #333;
}

#contact .mainVisual.min {
  padding-top: 150px;
}

@media (max-width: 767px) {
  #contact .mainVisual.min {
    padding-top: 58px;
  }
}

@media (max-width: 767px) {

  #news .contentsWrap,
  #blog .contentsWrap {
    padding-top: 0;
  }
}

@media (max-width: 767px) {
  #products .contentsWrap>section:first-of-type {
    padding-top: 0;
  }
}

#blog .container {
  background: none !important;
}

#blog .mainVisual.min {
  min-height: 200px;
  background: none;
  align-items: flex-end;
}

@media (max-width: 767px) {
  #blog .mainVisual.min {
    padding-top: 58px;
  }
}

#blog .mainVisual.min h1 {
  margin: 0;
  color: #092657;
  font-size: 36px;
  font-weight: bold;
}

#blog .mainVisual.min+.breadcrumb {
  width: 100%;
  position: absolute;
  top: 122px;
}

@media (max-width: 767px) {
  #blog .mainVisual.min+.breadcrumb {
    top: 58px;
  }
}

#contact .section {
  padding: 80px 0 40px;
}

@media (max-width: 767px) {
  #contact .section {
    padding: 4% 0;
  }
}

/*----------------------------------------------
variable
----------------------------------------------*/
.formDL {
  margin-bottom: 70px;
  /* IE */
  /* Edge */
}

.formDL dl {
  margin: 0 !important;
  padding: 0;
}

.formDL dl dt {
  margin: 0;
  padding: 10px 26px 8px;
  background: #f2f2f3;
  font-size: 16px !important;
  font-weight: normal;
  line-height: 1.6 !important;
}

.formDL dl dt span {
  font-size: 14px;
  display: block;
}

.formDL dl dt.required {
  color: #333;
}

.formDL dl dt.required label:after {
  margin-left: 10px;
  color: #ff001a;
  content: '※';
  display: inline-block;
  font-size: 12px;
  vertical-align: text-bottom;
}

.formDL dl dd {
  margin: 0;
  padding: 23px 26px;
  font-size: 14px !important;
  font-weight: normal;
  line-height: 1.5 !important;
}

.formDL dl dd span {
  display: inline-block;
}

.formDL dl dd label {
  margin-left: 10px;
  margin-right: 20px;
  font-weight: normal;
}

.formDL input[type='text'],
.formDL input[type='search'],
.formDL input[type='tel'],
.formDL input[type='url'],
.formDL input[type='email'],
.formDL input[type='password'],
.formDL input[type='datetime'],
.formDL input[type='number'],
.formDL textarea,
.formDL select {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 11.5px;
  background: #fff;
  border: 1px solid #959595;
  border-radius: 4px;
  box-shadow: none;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  -webkit-appearance: none;
  appearance: none;
  display: block;
}

.formDL input::placeholder {
  color: #b5b5b5;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
}

.formDL input:-ms-input-placeholder {
  color: #b5b5b5;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
}

.formDL input::-ms-input-placeholder {
  color: #b5b5b5;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
}

.formDL button,
.formDL input[type='button'],
.formDL input[type='reset'],
.formDL input[type='submit'] {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 11.5px;
  background-color: #59b9c6;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  transition: all 0.3s;
}

.formDL button:hover,
.formDL input[type='button']:hover,
.formDL input[type='reset']:hover,
.formDL input[type='submit']:hover {
  background: #168592;
}

.formDL button:focus,
.formDL input[type='button']:focus,
.formDL input[type='reset']:focus,
.formDL input[type='submit']:focus {
  outline: 0;
}

.formDL .formBtns {
  margin-top: 23px;
}

.formDL .formBtns .btn {
  max-width: 324px;
  margin: 0 auto;
}

@keyframes vertical {
  0% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0px);
  }
}

.contentsWrap {
  overflow: hidden;
}

.siteContainer {
  width: 100%;
  max-width: 1000px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .siteContainer {
    padding-left: calc(17 / 375 * 100vw);
    padding-right: calc(17 / 375 * 100vw);
  }
}

.btn.btnOutline {
  padding: 8px 15px 12px;
  border: 3px solid #59b9c6;
  border-radius: 5px;
  color: #59b9c6;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

@media (max-width: 767px) {
  .btn.btnOutline {
    padding: calc(6 / 375 * 100vw) calc(10 / 375 * 100vw) calc(9 / 375 * 100vw);
    border: calc(3 / 375 * 100vw) solid #59b9c6;
    border-radius: calc(5 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}

.btn.btnOutline:hover {
  background: #59b9c6;
  color: #fff;
}

.btn.btnFlat {
  padding: 8px 15px 12px;
  background: #59b9c6;
  border: 3px solid #59b9c6;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

@media (max-width: 767px) {
  .btn.btnFlat {
    padding: calc(6 / 375 * 100vw) calc(10 / 375 * 100vw) calc(9 / 375 * 100vw);
    border: calc(3 / 375 * 100vw) solid #59b9c6;
    border-radius: calc(5 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}

.btn.btnFlat:hover {
  border-color: #168592;
  background: #168592;
  color: #fff;
}

#top #pageHead.fixed {
  border-radius: 0;
  position: fixed;
  top: 0;
  transform: translate(0, 0);
}

#top #pageHead.none {
  position: fixed;
  top: 0;
  transform: translate(0, -100%);
}

#top #pageHead {
  max-width: none;
  border-radius: 0;
  box-shadow: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transform: translate(0, 0);
}

#top #pageHead .container {
  width: 1240px;
  padding-left: 50px;
  padding-right: 50px;
  box-sizing: border-box;
  position: relative;
}

@media (max-width: 1240px) {
  #top #pageHead .container {
    width: 100%;
    padding-left: 2%;
    padding-right: 2%;
  }
}

#top .contentsWrap {
  padding: 0 !important;
}

.dbts2020Bnr {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 45px;
}

.dbts2020Bnr img {
  width: 100%;
  background: #fff;
  transition: all 0.2s ease-out 0s;
}

.dbts2020Bnr.pconly {
  background: url('/wp-content/themes/arkhe-child/images/images/bnr_dbts2020_pc_on.png') top left no-repeat;
  background-size: 100% auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .dbts2020Bnr.pconly {
    background: url('/wp-content/themes/arkhe-child/images/images/bnr_dbts2020_pc_on@2x.png') top left no-repeat;
    background-size: 100% auto;
  }
}

.dbts2020Bnr.pconly:hover img {
  opacity: 0;
}

.dbts2020Bnr.sponly {
  max-width: calc(362 / 375 * 100vw);
  background: url('/wp-content/themes/arkhe-child/images/images/bnr_dbts2020_sp_on.png') top left no-repeat;
  background-size: 100% auto;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .dbts2020Bnr.sponly {
    background: url('/wp-content/themes/arkhe-child/images/images/bnr_dbts2020_sp_on@2x.png') top left no-repeat;
    background-size: 100% auto;
  }
}

.dbts2020Bnr.sponly:hover img {
  opacity: 0;
}

/* バナー追加用
.topMainVisual {
  height: 800px;
  padding-top: 112px;
  background: linear-gradient(to bottom, #fff 20%, #F3F3F3);
  overflow: hidden;
  @include media_query_sp {
    height: auto;
    padding-top: 83px;
  }
  .siteContainer {
    position: relative;
    .img {
      position: absolute;
      top: 20px;
      right: -36.2px;
      z-index: 0;
      @include media_query_sp {
        margin-bottom: calc(25 / );
        text-align: right;
        position: static;
        img {
          width: calc(260 / 375 * 100vw);
          margin-right: calc(6 / 375 * 100vw);
        }
      }
    }
    .catch {
      margin-bottom: 16px;
      color: #000;
      font-size: 60px;
      font-weight: bold;
      line-height: 1.5;
      position: relative;
      z-index: 1;
      @include media_query_sp {
        margin-bottom: calc(18 / 375 * 100vw);
        font-size: calc(33 / 375 * 100vw);
      }
      span {
        color: #DEB068;
      }
    }
    .dis {
      margin-bottom: 51px;
      color: #000;
      font-size: 15px;
      font-weight: 400;
      line-height: 2;
      position: relative;
      z-index: 1;
      @include media_query_sp {
        margin-bottom: calc(20 / 375 * 100vw);
        margin-left: calc(12 / 375 * 100vw);
        margin-right: calc(13 / 375 * 100vw);
        font-size: calc(12 / 375 * 100vw);
        line-height: 1.33333em;
      }
    }
    .button {
      width: 244px;
      position: relative;
      z-index: 1;
      @include media_query_sp {
        width: calc(244 / 375 * 100vw);
        margin: 0 auto;
      }
    }
    .scroll {
      margin-top: 41px;
      text-align: center;
      animation: vertical 1s ease-in-out infinite alternate;
      @include media_query_sp {
        margin-top: calc(23 / 375 * 100vw);
      }
      img {
        width: 40px;
        @include media_query_sp {
          width: calc(40 / 375 * 100vw);
        }
      }
    }
  }
}*/
.topMainVisual {
  background: linear-gradient(to bottom, #fff 20%, #f3f3f3);
  overflow: hidden;
}

@media (max-width: 767px) {
  .topMainVisual {
    height: auto;
    padding-top: 103px;
  }
}

.topMainVisual .video_wrap {
  text-align: center;
}

.topMainVisual .video_wrap video {
  width: 100%;
}

@media (max-width: 767px) {
  .topMainVisual .video_wrap {
    text-align: center;
  }

  .topMainVisual .video_wrap video {
    width: 100%;
  }
}

.topMainVisual .image_wrap img {
  width: 100%;
  margin-top: 30px;
}

.topMainVisual .arrows-prev,
.topMainVisual .arrows-next {
  position: absolute;
  width: 46px;
  height: 46px;
  background-color: rgba(255, 255, 255, 0.0);
  border-radius: 50%;
  z-index: 10;
  display: inline-block !important;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%);
}

@media (max-width: 767px) {

  .topMainVisual .arrows-prev,
  .topMainVisual .arrows-next {
    width: 15px;
    height: 15px;
    top: 55%;
  }
}

.topMainVisual .arrows-prev::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 30px;
  width: 20px;
  height: 20px;
  border-top: 3px solid #c0c0c0;
  border-right: 3px solid #c0c0c0;
  transform: rotate(-135deg);
}

@media (max-width: 767px) {
  .topMainVisual .arrows-prev::before {
    left: 5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #c0c0c0;
    border-right: 2px solid #c0c0c0;
  }
}

.topMainVisual .arrows-prev {
  left: 5px;
}

.topMainVisual .arrows-next::before {
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 30px;
  width: 20px;
  height: 20px;
  border-top: 3px solid #c0c0c0;
  border-right: 3px solid #c0c0c0;
  transform: rotate(45deg);
}

@media (max-width: 767px) {
  .topMainVisual .arrows-next::before {
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #c0c0c0;
    border-right: 2px solid #c0c0c0;
  }
}

.topMainVisual .arrows-next {
  right: 5px;
}

.topMainVisual .scroll {
  margin-top: 41px;
  text-align: center;
  animation: vertical 1s ease-in-out infinite alternate;
}

@media (max-width: 767px) {
  .topMainVisual .scroll {
    margin-top: calc(23 / 375 * 100vw);
  }
}

.topMainVisual .scroll img {
  width: 40px;
}

@media (max-width: 767px) {
  .topMainVisual .scroll img {
    width: calc(40 / 375 * 100vw);
  }
}

.topReason {
  padding: 79px 0 233px;
  background: #f3f3f3;
  overflow: hidden;
}

@media (max-width: 767px) {
  .topReason {
    padding: calc(36 / 375 * 100vw) 0 calc(80 / 375 * 100vw);
  }
}

.topReason .iconLogo {
  margin-bottom: 11px;
  text-align: center;
}

@media (max-width: 767px) {
  .topReason .iconLogo {
    margin-bottom: calc(19 / 375 * 100vw);
  }
}

.topReason .iconLogo img {
  width: 31px;
}

@media (max-width: 767px) {
  .topReason .iconLogo img {
    width: calc(31 / 375 * 100vw);
  }
}

.topReason h2 {
  margin: 0 0 24px;
  color: #000;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topReason h2 {
    margin-bottom: calc(24 / 375 * 100vw);
    font-size: calc(25 / 375 * 100vw);
  }
}

.topReason h3 {
  margin: 0 0 39px;
  color: #deb068;
  font-size: 30px;
  line-height: 1.6;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topReason h3 {
    margin-bottom: calc(24 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    line-height: 1.75;
    text-align: center;
  }
}

.topReason p {
  margin: 0;
  color: #000;
  font-size: 15px;
  line-height: 2;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topReason p {
    margin-left: calc(12 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.83333em;
  }
}

.topReason .img {
  position: absolute;
  z-index: 1;
}

@media (max-width: 767px) {
  .topReason .img {
    position: relative;
  }
}

.topReason .text {
  width: 100%;
  position: relative;
  z-index: 1;
}

.topReason .block1 {
  padding-bottom: 150px;
}

@media (max-width: 767px) {
  .topReason .block1 {
    padding-bottom: calc(98 / 375 * 100vw);
  }
}

.topReason .block1 p {
  text-align: center;
}

.topReason .block2 {
  padding-bottom: 200px;
  position: relative;
}

@media (max-width: 767px) {
  .topReason .block2 {
    padding-bottom: calc(83 / 375 * 100vw);
  }
}

.topReason .block2 .img {
  top: 0;
  left: -54px;
}

@media (max-width: 767px) {
  .topReason .block2 .img {
    margin-bottom: calc(45 / 375 * 100vw);
    left: calc(87 / 375 * 100vw);
  }

  .topReason .block2 .img img {
    width: calc(195.4 / 375 * 100vw);
    height: calc(136.85 / 375 * 100vw);
  }
}

.topReason .block2 .text {
  margin: 0 0 0 auto;
  padding: 21px 0 0 365px;
}

@media (max-width: 767px) {
  .topReason .block2 .text {
    margin: 0;
    padding: 0;
  }
}

.topReason .block2:before {
  width: 788.16px;
  height: 839.02px;
  background: url('../images/front/top_reason_bg1.svg') center center no-repeat;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: -336px;
  left: -377px;
  z-index: 0;
}

@media (max-width: 767px) {
  .topReason .block2:before {
    width: calc(372.09 / 375 * 100vw);
    height: calc(396.02 / 375 * 100vw);
    top: calc(-140 / 375 * 100vw);
    left: calc(-14 / 375 * 100vw);
  }
}

.topReason .block3 {
  padding-bottom: 223px;
  position: relative;
}

@media (max-width: 767px) {
  .topReason .block3 {
    padding-bottom: calc(77 / 375 * 100vw);
  }
}

.topReason .block3 .img {
  top: 0;
  right: -89.2px;
}

@media (max-width: 767px) {
  .topReason .block3 .img {
    margin-bottom: calc(66 / 375 * 100vw);
    left: calc(71 / 375 * 100vw);
    right: auto;
  }

  .topReason .block3 .img img {
    width: calc(199.61 / 375 * 100vw);
    height: calc(133.07 / 375 * 100vw);
  }
}

.topReason .block3 .text {
  margin: 0 auto 0 0;
  padding: 53px 365px 0 0;
}

@media (max-width: 767px) {
  .topReason .block3 .text {
    margin: 0;
    padding: 0;
  }
}

.topReason .block3:before {
  width: 794.89px;
  height: 810.02px;
  background: url('../images/front/top_reason_bg2.svg') center center no-repeat;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: -316px;
  right: -474px;
  z-index: 0;
}

@media (max-width: 767px) {
  .topReason .block3:before {
    width: calc(415.88 / 375 * 100vw);
    height: calc(423.79 / 375 * 100vw);
    top: calc(-145 / 375 * 100vw);
    left: calc(-7 / 375 * 100vw);
    right: auto;
  }
}

.topReason .block4 {
  position: relative;
}

.topReason .block4 .img {
  top: 0;
  left: -42px;
}

@media (max-width: 767px) {
  .topReason .block4 .img {
    margin-bottom: calc(65 / 375 * 100vw);
    left: calc(92 / 375 * 100vw);
  }

  .topReason .block4 .img img {
    width: calc(156.15 / 375 * 100vw);
    height: calc(163.61 / 375 * 100vw);
  }
}

.topReason .block4 .text {
  margin: 0 0 0 auto;
  padding: 46px 0 0 365px;
}

@media (max-width: 767px) {
  .topReason .block4 .text {
    margin: 0;
    padding: 0;
  }
}

.topReason .block4:before {
  width: 845.32px;
  height: 745.62px;
  background: url('../images/front/top_reason_bg3.svg') center center no-repeat;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: -226px;
  left: -374px;
  z-index: 0;
}

@media (max-width: 767px) {
  .topReason .block4:before {
    width: calc(387.86 / 375 * 100vw);
    height: calc(343.31 / 375 * 100vw);
    top: calc(-89 / 375 * 100vw);
    left: calc(-30 / 375 * 100vw);
  }
}

.topProblem {
  padding: 0 0 240px;
  background: #f3f3f3;
}

@media (max-width: 767px) {
  .topProblem {
    padding: 0 0 calc(164 / 375 * 100vw);
  }
}

.topProblem .iconLogo {
  margin-bottom: 11px;
  text-align: center;
}

@media (max-width: 767px) {
  .topProblem .iconLogo {
    margin-bottom: calc(19 / 375 * 100vw);
  }
}

.topProblem .iconLogo img {
  width: 31px;
}

@media (max-width: 767px) {
  .topProblem .iconLogo img {
    width: calc(31 / 375 * 100vw);
  }
}

.topProblem h2 {
  margin: 0 0 24px;
  color: #000;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topProblem h2 {
    margin-bottom: calc(24 / 375 * 100vw);
    font-size: calc(25 / 375 * 100vw);
  }
}

.topProblem p {
  margin: 0 0 50px;
  color: #000;
  font-size: 15px;
  line-height: 2;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topProblem p {
    margin-left: calc(12 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.83333em;
  }
}

.topProblem .topProblemSlider {
  position: relative;
}

.topProblem .topProblemSlider .prevArrow,
.topProblem .topProblemSlider .nextArrow {
  width: 94px;
  height: 94px;
  position: absolute;
  top: 248px;
  z-index: 2;
  cursor: pointer;
}

@media (max-width: 767px) {

  .topProblem .topProblemSlider .prevArrow,
  .topProblem .topProblemSlider .nextArrow {
    width: calc(56 / 375 * 100vw);
    height: calc(56 / 375 * 100vw);
    top: calc(146 / 375 * 100vw);
  }
}

.topProblem .topProblemSlider .prevArrow {
  background: url('../images/front/top_slider_arrow_r.svg') center center no-repeat;
  background-size: cover;
  left: 50%;
  transform: translate(386px, 0);
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .prevArrow {
    transform: translate(calc(128 / 375 * 100vw), 0);
  }
}

.topProblem .topProblemSlider .nextArrow {
  background: url('../images/front/top_slider_arrow_l.svg') center center no-repeat;
  background-size: cover;
  left: 50%;
  transform: translate(-480px, 0);
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .nextArrow {
    transform: translate(calc(-187 / 375 * 100vw), 0);
  }
}

.topProblem .topProblemSlider .item {
  margin: 0 12.5px;
  padding-top: 59px;
  opacity: 0.5;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .item {
    margin: 0 calc(25 / 375 * 100vw);
    padding-top: 0;
  }
}

.topProblem .topProblemSlider .item .inner {
  width: 471px;
  height: 555px;
  padding: 40px;
  background: #fff;
  box-sizing: border-box;
  text-decoration: none;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .item .inner {
    width: calc(305 / 375 * 100vw);
    min-height: calc(330 / 375 * 100vw);
    height: auto;
    padding: calc(24 / 375 * 100vw);
  }
}

.topProblem .topProblemSlider .item .inner .title {
  margin-bottom: 16px;
  color: #000;
  font-size: 30px;
  line-height: 1.8;
  display: block;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .item .inner .title {
    margin-bottom: calc(15 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
    font-weight: bold;
    line-height: 1.45;
  }
}

.topProblem .topProblemSlider .item .inner .dis {
  color: #000;
  font-size: 15px;
  line-height: 2;
  display: block;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .item .inner .dis {
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.5;
  }
}

.topProblem .topProblemSlider .item.slick-active {
  padding-top: 0;
  opacity: 1;
}

.topProblem .topProblemSlider .item.slick-active .inner {
  border: 5px solid #59b9c6;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .item.slick-active .inner {
    border: calc(5 / 375 * 100vw) solid #59b9c6;
  }
}

.topProblem .topProblemSlider .slick-dots {
  margin: 73px 0 0 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .slick-dots {
    margin: calc(50 / 375 * 100vw) 0 0 0;
  }
}

.topProblem .topProblemSlider .slick-dots li {
  margin: 0 13.5px;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .slick-dots li {
    margin: 0 calc(10 / 375 * 100vw);
  }
}

.topProblem .topProblemSlider .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: 0;
  background: 0 0;
}

.topProblem .topProblemSlider .slick-dots li button:before {
  width: 105px;
  height: 8px;
  background: #b7b7b7;
  border-radius: 100px;
  content: '';
  display: block;
}

@media (max-width: 767px) {
  .topProblem .topProblemSlider .slick-dots li button:before {
    width: calc(80 / 375 * 100vw);
    height: calc(8 / 375 * 100vw);
  }
}

.topProblem .topProblemSlider .slick-dots li.slick-active button:before {
  background: #59b9c6;
}

.topService {
  padding: 209px 0 75px;
}

@media (max-width: 767px) {
  .topService {
    padding: calc(132 / 375 * 100vw) 0 calc(58 / 375 * 100vw);
  }
}

.topService .siteContainer {
  position: relative;
}

.topService .siteContainer2 {
  width: 100%;
  max-width: 1040px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

@media all and (-ms-high-contrast: none) {
  .topService .siteContainer2 {
    /* IE11 */
  }

  .topService .siteContainer2 *::-ms-backdrop,
  .topService .siteContainer2 {
    max-width: 1065px;
  }
}

.topService .catch {
  color: #000;
  font-size: 90px;
  font-weight: bold;
  line-height: 1.5;
  text-align: right;
  position: absolute;
  top: -347px;
  right: -68px;
}

@media (max-width: 767px) {
  .topService .catch {
    font-size: calc(49 / 375 * 100vw);
    line-height: 1.32653em;
    top: calc(-240 / 375 * 100vw);
    right: calc(14 / 375 * 100vw);
  }
}

.topService .serviceIcons {
  width: 100%;
  margin: 0 auto 21px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .topService .serviceIcons {
    width: 90%;
    margin-bottom: calc(24 / 375 * 100vw);
    justify-content: space-between;
  }
}

.topService .serviceIcons .icon {
  width: 180px;
  margin: 0 35px 38px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media all and (-ms-high-contrast: none) {
  .topService .serviceIcons .icon {
    /* IE11 */
  }

  .topService .serviceIcons .icon *::-ms-backdrop,
  .topService .serviceIcons .icon {
    width: 186px;
  }
}

@media (max-width: 767px) {
  .topService .serviceIcons .icon {
    width: calc(150 / 375 * 100vw);
    margin: 0 0 calc(28 / 375 * 100vw);
  }

  .topService .serviceIcons .icon.icon1 img {
    width: calc(72.56 / 375 * 100vw);
    height: calc(64.86 / 375 * 100vw);
  }

  .topService .serviceIcons .icon.icon2 img {
    width: calc(78.27 / 375 * 100vw);
    height: calc(40.92 / 375 * 100vw);
  }

  .topService .serviceIcons .icon.icon3 img {
    width: calc(63.42 / 375 * 100vw);
    height: calc(67.87 / 375 * 100vw);
  }

  .topService .serviceIcons .icon.icon4 img {
    width: calc(83.24 / 375 * 100vw);
    height: calc(62.96 / 375 * 100vw);
  }

  .topService .serviceIcons .icon.icon5 img {
    width: calc(72.97 / 375 * 100vw);
    height: calc(75.28 / 375 * 100vw);
  }

  .topService .serviceIcons .icon.icon6 img {
    width: calc(59.73 / 375 * 100vw);
    height: calc(55.17 / 375 * 100vw);
  }

  .topService .serviceIcons .icon.icon7 img {
    width: calc(60.31 / 375 * 100vw);
    height: calc(61.63 / 375 * 100vw);
  }
}

.topService .serviceIcons .icon .img {
  flex-grow: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.topService .serviceIcons .icon .text {
  margin-top: 15px;
  color: #59b9c6;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}

@media (max-width: 767px) {
  .topService .serviceIcons .icon .text {
    margin-top: calc(15 / 375 * 100vw);
    font-size: calc(13 / 375 * 100vw);
  }
}

.topService .iconLogo {
  margin-bottom: 26px;
  text-align: center;
}

@media (max-width: 767px) {
  .topService .iconLogo {
    margin-bottom: calc(19 / 375 * 100vw);
  }
}

.topService .iconLogo img {
  width: 31px;
}

@media (max-width: 767px) {
  .topService .iconLogo img {
    width: calc(31 / 375 * 100vw);
  }
}

.topService h2 {
  margin: 0 0 24px;
  color: #000;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.8;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topService h2 {
    margin-bottom: calc(24 / 375 * 100vw);
    font-size: calc(25 / 375 * 100vw);
  }
}

.topService p {
  margin: 0 0 53px;
  color: #000;
  font-size: 15px;
  line-height: 2;
  text-align: center;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topService p {
    margin-bottom: calc(32 / 375 * 100vw);
    margin-left: calc(12 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.83333em;
  }
}

.topService .button {
  width: 299px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topService .button {
    width: calc(299 / 375 * 100vw);
    margin: 0 auto;
  }
}

.topCase {
  padding: 108px 0 87px;
  background: #f3f3f3;
}

@media (max-width: 767px) {
  .topCase {
    padding: calc(41 / 375 * 100vw) 0 calc(65 / 375 * 100vw);
  }
}

.topCase h2 {
  margin: 0 0 95px;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.47222em;
  text-align: center;
}

@media (max-width: 767px) {
  .topCase h2 {
    margin-bottom: calc(41 / 375 * 100vw);
    font-size: calc(20 / 375 * 100vw);
  }
}

.topCase .topLogoSlider1 {
  margin-bottom: 50px;
}

@media (max-width: 767px) {
  .topCase .topLogoSlider1 {
    margin-bottom: calc(18 / 375 * 100vw);
  }
}

.topCase .topLogoSlider1 .item .inner,
.topCase .topLogoSlider2 .item .inner {
  display: inline-block;
  padding: 10px;
}

.topCase .topLogoSlider1 .item .inner img,
.topCase .topLogoSlider2 .item .inner img {
  width: 255.56px;
  margin-right: 100px;
  border: 1px solid #ccc;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  vertical-align: bottom;
}

@media (max-width: 767px) {

  .topCase .topLogoSlider1 .item .inner img,
  .topCase .topLogoSlider2 .item .inner img {
    width: calc(97.17 / 375 * 100vw);
    margin-right: calc(34 / 375 * 100vw);
  }
}

.topCase .topLogoSlider2 .item .inner img {
  margin-right: 0;
  margin-left: 100px;
}

@media (max-width: 767px) {
  .topCase .topLogoSlider2 .item .inner img {
    margin-right: 0;
    margin-left: calc(34 / 375 * 100vw);
  }
}

.topCaseBottom {
  padding: 101px 0 0 0;
}

@media (max-width: 767px) {
  .topCaseBottom {
    padding: calc(44 / 375 * 100vw) 0 0 0;
  }
}

.topCaseBottom .siteContainer {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .topCaseBottom .siteContainer {
    display: block;
  }
}

.topCaseBottom .iconLogo {
  margin-top: 31px;
  margin-right: 21px;
  float: left;
}

@media (max-width: 767px) {
  .topCaseBottom .iconLogo {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: calc(19 / 375 * 100vw);
    float: none;
    text-align: center;
  }
}

.topCaseBottom .iconLogo img {
  width: 31px;
}

@media (max-width: 767px) {
  .topCaseBottom .iconLogo img {
    width: calc(31 / 375 * 100vw);
  }
}

.topCaseBottom h2 {
  margin: 0 0 33px;
  padding: 0;
  color: #000;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topCaseBottom h2 {
    font-size: calc(25 / 375 * 100vw);
    text-align: center;
  }
}

.topCaseBottom p {
  margin: 0 0 30px;
  color: #000;
  font-size: 15px;
  line-height: 2;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topCaseBottom p {
    margin-bottom: calc(32 / 375 * 100vw);
    margin-left: calc(12 / 375 * 100vw);
    margin-right: calc(13 / 375 * 100vw);
    font-size: calc(12 / 375 * 100vw);
    line-height: 1.83333em;
    text-align: center;
  }
}

.topCaseBottom .img {
  width: 343.33px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .topCaseBottom .img {
    width: calc(206.34 / 375 * 100vw);
    margin: 0 auto;
  }
}

.topCaseBottom .txt {
  width: 471px;
}

@media (max-width: 767px) {
  .topCaseBottom .txt {
    width: 100%;
    margin: calc(53 / 375 * 100vw) 0 0 0;
  }
}

.topCaseBottom .txt .button {
  width: 244px;
  margin: 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topCaseBottom .txt .button {
    width: calc(244 / 375 * 100vw);
    margin: 0 auto;
  }
}

.topNews {
  padding: 100px 0 75px 0;
}

@media (max-width: 767px) {
  .topNews {
    padding: calc(53 / 375 * 100vw) 0 calc(40 / 375 * 100vw) 0;
  }
}

.topNews .siteContainer {
  position: relative;
}

.topNews .siteContainer:before {
  width: 1569.33px;
  height: 1400.8px;
  background: url('../images/front/top_info_bg_pc.svg') center center no-repeat;
  background-size: cover;
  content: '';
  display: block;
  position: absolute;
  top: -171px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 0;
}

@media (max-width: 767px) {
  .topNews .siteContainer:before {
    width: calc(755.98 / 375 * 100vw);
    height: calc(1443.28 / 375 * 100vw);
    background: url('../images/front/top_info_bg_sp.svg') center center no-repeat;
    background-size: cover;
    top: calc(149 / 375 * 100vw);
    left: calc(-258 / 375 * 100vw);
    transform: translate(0, 0);
  }
}

.topNews .iconLogo {
  margin-top: 31px;
  margin-right: 21px;
  float: left;
}

@media (max-width: 767px) {
  .topNews .iconLogo {
    margin-top: 0;
    margin-right: 0;
    margin-bottom: calc(19 / 375 * 100vw);
    float: none;
    text-align: center;
  }
}

.topNews .iconLogo img {
  width: 31px;
}

@media (max-width: 767px) {
  .topNews .iconLogo img {
    width: calc(31 / 375 * 100vw);
  }
}

.topNews h2 {
  margin: 0 0 33px;
  padding: 0;
  color: #000;
  font-size: 50px;
  font-weight: 500;
  line-height: 1.8;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topNews h2 {
    font-size: calc(25 / 375 * 100vw);
    text-align: center;
  }
}

.topNews .button {
  width: 244px;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .topNews .button {
    width: calc(244 / 375 * 100vw);
  }
}

.topNews .topNewsColumn {
  padding: 69px 20px 65px;
  background: rgba(255, 255, 255, 0.65);
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn {
    padding: 0 0 calc(35 / 375 * 100vw);
    display: block;
  }
}

.topNews .topNewsColumn .col {
  width: 46.83%;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn .col {
    width: 100%;
  }

  .topNews .topNewsColumn .col+.col {
    margin-top: calc(76 / 375 * 100vw);
  }
}

.topNews .topNewsColumn .col h3 {
  margin: 0 0 48px;
  font-size: 32px;
  line-height: 1.4;
  text-align: center;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn .col h3 {
    margin: 0 0 calc(38 / 375 * 100vw);
    font-size: calc(25 / 375 * 100vw);
  }
}

.topNews .topNewsColumn .col .newsIndex {
  padding-bottom: 19px;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn .col .newsIndex {
    padding-bottom: calc(19 / 375 * 100vw);
  }
}

.topNews .topNewsColumn .col .newsIndex .item {
  margin-bottom: 17px;
  padding-bottom: 27px;
  border-bottom: 1px dotted #707070;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn .col .newsIndex .item {
    margin-bottom: calc(17 / 375 * 100vw);
    padding-bottom: calc(27 / 375 * 100vw);
  }
}

.topNews .topNewsColumn .col .newsIndex .item:last-of-type {
  border-bottom: none;
}

.topNews .topNewsColumn .col .newsIndex .item .data {
  color: #deb068;
  font-size: 12px;
  line-height: 2.6;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn .col .newsIndex .item .data {
    font-size: calc(12 / 375 * 100vw);
  }
}

.topNews .topNewsColumn .col .newsIndex .item .data .indexCategory {
  margin-left: 13px;
  padding: 3px 15px 2px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  color: #6f7579;
  font-size: 11px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn .col .newsIndex .item .data .indexCategory {
    margin-left: calc(13 / 375 * 100vw);
    padding: calc(3 / 375 * 100vw) calc(15 / 375 * 100vw) calc(2 / 375 * 100vw);
    font-size: calc(11 / 375 * 100vw);
  }
}

.topNews .topNewsColumn .col .newsIndex .item .data .indexCategory.Accepting {
  background: #deb068;
  color: #fff;
}

.topNews .topNewsColumn .col .newsIndex .item .data .indexCategory.End {
  background: #bfbfbf;
  color: #fff;
}

.topNews .topNewsColumn .col .newsIndex .item .title {
  color: #222;
  font-size: 16px;
  line-height: 2;
  text-decoration: none;
}

@media (max-width: 767px) {
  .topNews .topNewsColumn .col .newsIndex .item .title {
    font-size: calc(16 / 375 * 100vw);
  }
}

.topNews .topNewsColumn .col .newsIndex .item .title:hover {
  color: #deb068;
  opacity: 1;
}

/* narrowDownConditions */
.narrowDownConditions {
  margin: 44px 0 0;
  padding: 12px 32px 40px;
  border: 1px solid #959595;
  border-radius: 4px;
}

.narrowDownConditions dl {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  border-top: solid 1px #bfbfbf;
  margin: 32px 0 0;
  padding: 8px 0 0;
}

.narrowDownConditions dl:first-of-type {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.narrowDownConditions dl dt {
  position: relative;
  width: 130px;
  margin: 24px 0 0;
}

.narrowDownConditions dl dt::after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -14px;
  width: 2px;
  height: 28px;
  background: #deb068;
}

.narrowDownConditions dl dd {
  width: calc(100% - 162px);
  line-height: 1;
}

.narrowDownConditions dl dd ul {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin: 0;
}

.narrowDownConditions dl dd li {
  margin: 21px 24px 0 0;
  padding: 4px 17px 5px;
  background: #f6f6f6;
  border: 1px solid #c1c1c1;
  font-size: 1.4rem;
  line-height: 1.4;
  cursor: pointer;
}

.narrowDownConditions dl dd li.active {
  background: #5eb3bd;
  color: #fff;
}

/* narrowDownBtns */
.narrowDownBtns {
  max-width: 406px;
  margin: 52px auto 0;
  display: flex;
  justify-content: space-between;
}

/* narrowDownResult */
.narrowDownResult {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-shrink: 0;
  margin: 60px 0 0;
}

.narrowDownResult:after {
  width: calc(33.33333% - 15px);
  content: '';
  display: block;
}

.narrowDownResult .item {
  position: relative;
  width: calc(33.33333% - 15px);
  min-height: 283px;
  margin: 20px 0 0;
  padding: 33px 40px;
  background: #ffffff;
  border-top: 10px solid #5eb3bd;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
}

.narrowDownResult .item img {
  width: 100%;
}

.narrowDownResult .item .tag {
  padding: 3px 20px;
  background: #deb068;
  font-size: 1.1rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  display: inline-block;
}

.narrowDownResult .item .tag.color1 {
  background: #deb068;
}

.narrowDownResult .item .tag.color2 {
  background: #59b9c6;
}

.narrowDownResult .item .tag.color3 {
  background: #e6e6e6;
  color: #000000;
}

.narrowDownResult .item .title {
  min-height: 186px;
  margin-top: 12px;
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight: bold;
  color: #7f7f7f;
}

.narrowDownResult .item .title a {
  color: #7f7f7f;
  text-decoration: none;
}

.narrowDownResult .item .title a:hover {
  opacity: 0.6;
}

.narrowDownResult .item .detail {
  min-height: 96px;
  margin-top: 3px;
  font-size: 1.2rem;
  line-height: 2;
  color: #6f7579;
}

.narrowDownResult .item .category {
  margin-top: 12px;
  color: #000;
  font-size: 1.2rem;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.narrowDownResult .item .category span {
  margin: 8px 9px 0 0;
  padding: 2px 11px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  color: #6f7579;
  font-size: 1.1rem;
}

.narrowDownResult .item .products {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.narrowDownResult .item .products span {
  margin: 15px 9px 0 0;
  padding: 8px 20px;
  background: #f6f6f6;
  border-left: 2px solid #deb068;
  color: #092657;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1;
}

.narrowDownResult .item .more {
  width: 136px;
  margin: 20px auto 0;
}

.narrowDownResult .item .more a {
  display: block;
  width: 100%;
  margin: 20px auto 0;
  padding: 5px;
  background: #1f7a97;
  border: solid 1px #1f7a97;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.narrowDownResult .item .more a:hover {
  opacity: 0.6;
}

.narrowDownResult.type2 .item {
  padding: 11px 14px 14px 14px;
}

.narrowDownResult.type2 .item .tag {
  margin: 0 0 0 3px;
  padding: 3px 12px;
}

.narrowDownResult.type2 .item .text .title {
  min-height: 62px;
  color: #6f7579;
  font-size: 1.4rem;
  line-height: 1.5em;
}

.narrowDownResult.type2 .item .text .img {
  margin-top: 15px;
  text-align: center;
}

.narrowDownResult.type2 .item .text .img img {
  max-width: 235px;
}

.narrowDownResult.type2 .item .text .detail {
  min-height: 90px;
  margin-top: 25px;
  font-size: 1.2rem;
  line-height: 1.5em;
}

.narrowDownResult.type2 .item .text .more {
  margin-top: 13px;
}

.narrowDownResult.type3 {
  max-width: 833px;
  margin: 60px auto 0;
}

.narrowDownResult.type3 .item {
  width: calc(50% - 8.5px);
  padding: 11px 17px 22px 14px;
}

@media (max-width: 767px) {
  .narrowDownResult.type3 .item {
    width: 100%;
  }
}

.narrowDownResult.type3 .item .tag {
  padding: 3px 12px;
}

.narrowDownResult.type3 .item .text .title {
  min-height: 41px;
  margin-top: 10px;
  color: #6f7579;
  font-size: 1.4rem;
  line-height: 1.5em;
}

.narrowDownResult.type3 .item .text .img {
  margin-top: 13px;
  text-align: center;
}

.narrowDownResult.type3 .item .text .img img {
  max-width: 255px;
}

.narrowDownResult.type3 .item .text .detail {
  min-height: 72px;
  margin-top: 15px;
  font-size: 1.2rem;
  line-height: 1.5em;
}

.narrowDownResult.type3 .item .text .more {
  margin-top: 13px;
}

/* resource */
.resource {
  padding-bottom: 80px;
}

.resource .productTxtAreaH2 {
  margin: 0;
  font-size: 3.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #666;
}

.resource .productBold20 {
  margin: 40px 0 0;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}

.resource .productBigBtn {
  width: calc(50% - 14px);
  height: 48px;
}

.resource .productBigBtn input {
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  border: solid 3px #5eb3bd;
  border-radius: 5px;
  box-sizing: border-box;
  color: #5eb3bd;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  transition: all 0.2s ease-out 0s;
}

.resource .productBigBtn input[value='絞り込み'] {
  background: #5eb3bd;
  color: #fff;
}

.resource .productBigBtn input[value='絞り込み']:hover {
  opacity: 0.6;
}

.resource .productBigBtn input:hover {
  background: #5eb3bd;
  color: #fff;
}

.resourceDetail h2 {
  font-size: 3rem !important;
  line-height: 1.5;
  font-weight: bold;
}

.resourceDetail img {
  margin: 0 0 40px;
  max-width: 100%;
}

.resourceDetail p {
  margin: 0 0 40px;
  font-size: 1.6rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .resourceDetail p {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

/* article */
.article {
  padding-bottom: 80px;
}

.article .time {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #6f7579;
}

.article h1 {
  margin: 24px 0 0;
  font-size: 3.3rem;
  line-height: 1.5;
  font-weight: bold;
}

.article .moreInfo {
  display: flex;
  justify-content: space-between;
  margin: 28px 0 68px;
}

.article .tags {
  display: flex;
  flex-wrap: wrap;
}

.article .tag {
  margin: 8px 8px 0 0;
}

.article .tag a {
  display: block;
  padding: 2px 12px;
  background: #f5f5f5;
  border: solid 1px #e2e2e2;
  color: #6f7579;
  font-size: 11px;
  line-height: 1.5;
  text-decoration: none;
}

.article .sns {
  margin: 0;
}

.article p {
  margin: 40px 0 0;
  font-size: 1.4rem;
  line-height: 2;
}

.article h2 {
  position: relative;
  margin: 68px 0 0;
  padding: 0 0 0 16px;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: bold;
}

.article h2::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -16.5px;
  width: 8px;
  height: 33px;
  border-radius: 100px;
  background: #bd9b55;
}

.article .sideColumn {
  margin: 0;
}

@media (max-width: 767px) {
  .article .sideColumn {
    margin-top: 30px;
  }
}

.article .sideColumn .sideTitle {
  margin: 32px 0 0;
  padding: 0 0 12px;
  border-bottom: solid 1px #707070;
  font-size: 1.6rem;
  line-height: 1.5;
}

.article .sideColumn ul {
  margin: 24px 0 0;
}

.article .sideColumn li {
  margin: 4px 0 0;
  font-size: 1.3rem;
  line-height: 2;
}

.article .sideColumn li:first-child {
  margin-top: 0;
}

.article .sideColumn li a {
  color: #6f7579;
  text-decoration: none;
}

.article .sideColumn li a:hover {
  color: #deb068;
}

.article .sideColumn li span {
  display: block;
  font-size: 1.3rem;
  line-height: 2;
}

.article .sideColumn li .time {
  margin-top: 20px;
}

.article .sideColumn li:first-child .time {
  margin-top: 0;
}

@media (max-width: 767px) {

  /* narrowDownConditions */
  .narrowDownConditions {
    margin-top: 22px;
    padding: 0 16px 20px;
  }

  .narrowDownConditions dl {
    margin-top: 16px;
    padding-top: 0;
  }

  .narrowDownConditions dl dt {
    width: 100%;
    margin-top: 12px;
  }

  .narrowDownConditions dl dt::after {
    display: none;
  }

  .narrowDownConditions dl dd {
    width: 100%;
  }

  .narrowDownConditions dl dd li {
    margin-top: 12px;
    margin-right: 12px;
  }

  /* narrowDownBtns */
  .narrowDownBtns {
    margin-top: 28px;
  }

  /* narrowDownResult */
  .narrowDownResult {
    margin-top: 8px;
  }

  .narrowDownResult .item {
    width: 100%;
    min-height: auto;
    margin-top: 24px;
    padding: 10px 15px 15px;
  }

  .narrowDownResult .item .tag {
    top: 8px;
    left: 8px;
  }

  .narrowDownResult .item .title {
    min-height: auto;
    margin-top: 12px;
  }

  .narrowDownResult .item .detail {
    min-height: auto;
    margin-top: 8px;
  }

  .narrowDownResult .item .more {
    margin-top: 8px;
  }

  /* resource */
  .resource .productBold20 {
    margin-top: 20px;
  }

  .resource .productBigBtn {
    width: calc(50% - 6px);
  }

  .resourceDetail img,
  .resourceDetail p {
    margin-top: 20px;
  }

  /* article */
  .article h1 {
    margin-top: 12px;
  }

  .article .moreInfo {
    flex-wrap: wrap;
    margin: 12px 0 32px;
  }

  .article .sns {
    margin-top: 12px;
  }

  .article p {
    margin-top: 20px;
    text-align: left;
  }

  .article h2 {
    margin-top: 32px;
    text-align: left;
  }

  .article .detailes2column {
    flex-wrap: wrap;
  }

  .article .sideColumn {
    width: 100%;
  }
}

#blog {
  background: url(../images/front/blog_bg1.svg), url(../images/front/blog_bg2.svg);
  background-repeat: no-repeat;
  background-position: 135% -8%, -33% 86%;
}

@media (max-width: 767px) {
  #blog {
    background-position: 148% 1%, -46% 90%;
    background-size: 50%;
  }
}

.blogArticle {
  background: url(../images/front/blog_bg2.svg), url(../images/front/blog_bg1.svg);
  background-repeat: no-repeat;
  background-position: 135% -8%, -33% 86%;
}

@media (max-width: 767px) {
  .blogArticle {
    background-position: 148% 1%, -46% 90%;
    background-size: 50%;
  }
}

.contentsWrap .container {
  background: rgba(255, 255, 255, 0.9);
}

.tags {
  display: flex;
  flex-wrap: wrap;
}

.tag a {
  display: block;
}

#news .tag {
  background: #f6f6f6;
  border: 1px solid #c1c1c1;
}

#news .tag a {
  display: block;
}

#news .newsTagList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#news .newsTagList a {
  color: #000;
  font-size: 14px;
  padding: 0 15px;
  text-decoration: none;
}

@media (max-width: 767px) {
  #news .newsTagList a {
    font-size: 11px;
    padding: 3px 15px 2px;
  }
}

#news .newsTagList .tag.active {
  background: #59b9c6;
}

#news .newsTagList .tag.active a {
  color: #fff;
}

@media (max-width: 767px) {
  #news .newsTagList {
    margin-top: 50px;
  }

  #news .newsTagList .tag {
    margin-bottom: 15px;
  }
}

#news .newsIndexList {
  margin-top: 25px;
  border-top: 1px solid #bfbfbf;
}

#news .newsIndexList .item {
  border-bottom: 1px solid #bfbfbf;
  padding: 25px 0;
}

#news .newsIndexList .item a {
  color: #222;
  font-size: 16px;
  display: flex;
  text-decoration: none;
}

@media (max-width: 767px) {
  #news .newsIndexList .item a {
    font-size: 13px;
    line-height: 1.5;
  }
}

#news .newsIndexList .item a:hover .title {
  color: #deb068;
}

#news .newsIndexList .item span {
  display: block;
}

#news .newsIndexList .item .time {
  color: #deb068;
  width: 120px;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  #news .newsIndexList .item .time {
    width: 90px;
  }
}

#news .newsIndexList .item .title {
  font-weight: 500;
  transition: all 0.2s ease-out 0s;
}

#news .newsIndexList .tags {
  margin-top: 10px;
}

#news .newsIndexList .tags .tag {
  margin-top: 5px;
  margin-right: 15px;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  #news .newsIndexList .tags .tag {
    margin-right: 10px;
  }
}

#news .newsIndexList .tags .tag.Accepting {
  width: 70px;
  padding: 3px 15px 2px;
  background: #deb068;
  border: none;
  color: #fff;
  font-weight: bold;
}

#news .newsIndexList .tags .tag.End {
  width: 70px;
  padding: 3px 15px 2px;
  background: #bfbfbf;
  border: none;
  color: #fff;
  font-weight: bold;
}

#news .newsIndexList .tags .tag.Reception_end {
  width: 70px;
  padding: 3px 5px 2px;
  color: #6f7579;
  /*font-weight: bold;*/
}

#news .newsIndexList .tags a {
  font-size: 11px;
  color: #6f7579;
  display: block;
  padding: 3px 15px 2px;
}

.moreBtn {
  margin: 50px auto 0;
  width: 190px;
  border: 3px solid #5eb3bd;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  text-decoration: none;
  display: block;
  line-height: 2;
}

.moreBtn:link,
.moreBtn:visited {
  color: #5eb3bd;
  text-decoration: none;
}

.moreBtn:hover {
  background: #5eb3bd;
  color: #fff;
}

.blogWrap {
  padding-bottom: 80px;
}

.blogWrap .productHalfGrp>h2 {
  font-size: 36px;
  font-weight: bold;
  color: #000;
}

@media (max-width: 767px) {
  .blogWrap .productHalfGrp>h2 {
    font-size: 26px;
  }
}

.blogWrap .blogLink {
  text-align: right;
  margin-right: 15px;
}

.blogWrap .blogLink a {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #000;
  text-decoration: none;
}

.blogWrap .oldLink {
  border: 1px solid #707070;
  max-width: 370px;
  text-align: center;
  margin: 50px auto 0;
}

.blogWrap .oldLink a {
  color: #6f7579;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 15px 5px;
  text-decoration: none;
}

.blogIndexList {
  margin-top: 50px;
}

.blogIndexList .item {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 15px;
}

.blogIndexList .item+div {
  padding-top: 10px;
  border-top: 1px dotted #707070;
}

.blogIndexList .item>a {
  color: #707070;
  font-size: 16px;
  text-decoration: none;
}

.blogIndexList .item .time,
.blogIndexList .item .tags {
  font-size: 12px;
  color: #bd9b55;
}

.blogIndexList .item .time {
  width: 20%;
}

.blogIndexList .item .tags {
  width: 80%;
}

.blogIndexList .item .tags a {
  width: 100%;
  color: #bd9b55;
  text-decoration: none;
}

@media (max-width: 767px) {
  #blog .container {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#blog .productFlexSB {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  #blog .productFlexSB {
    padding: 0 0 35px;
    display: block;
  }
}

#blog .productFlexSB .productHalfGrp {
  width: 46.83%;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp {
    width: 100%;
  }

  #blog .productFlexSB .productHalfGrp+.col {
    margin-top: 76px;
  }
}

#blog .productFlexSB .productHalfGrp .blogIndexList {
  padding-bottom: 19px;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp .blogIndexList {
    padding-bottom: 19px;
  }
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item {
  margin-bottom: 17px;
  padding-top: 0;
  padding-bottom: 27px;
  border-bottom: 1px dotted #707070;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp .blogIndexList .item {
    margin-bottom: 17px;
    padding-bottom: 27px;
  }
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item:last-of-type {
  border-bottom: none;
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item:hover {
  opacity: 1;
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item:hover .headline {
  color: #deb068;
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item .time {
  width: auto;
  color: #deb068;
  font-size: 12px;
  line-height: 2.6;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp .blogIndexList .item .time {
    font-size: 12px;
  }
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item .tags {
  width: auto;
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item .tags .tag {
  margin: 0;
  background: none;
  border: none;
  display: flex;
  align-items: center;
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item .tags .tag .category {
  margin: 0 0 0 13px;
  padding: 3px 15px 2px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  color: #6f7579;
  font-size: 11px;
  line-height: 1.4;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp .blogIndexList .item .tags .tag .category {
    margin-left: 13px;
    padding: 3px 15px 2px;
    font-size: 11px;
  }
}

#blog .productFlexSB .productHalfGrp .blogIndexList .item .headline {
  width: 100%;
  color: #222;
  font-size: 16px;
  line-height: 2;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp .blogIndexList .item .headline {
    font-size: 13px;
    line-height: 1.5;
  }
}

#blog .productFlexSB .productHalfGrp .blogLink {
  width: 244px;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp .blogLink {
    width: calc(244 / 375 * 100vw);
  }
}

#blog .productFlexSB .productHalfGrp .blogLink a {
  padding: 8px 15px 12px;
  background: #59b9c6;
  border: 3px solid #59b9c6;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

@media (max-width: 767px) {
  #blog .productFlexSB .productHalfGrp .blogLink a {
    padding: calc(6 / 375 * 100vw) calc(10 / 375 * 100vw) calc(9 / 375 * 100vw);
    border: calc(3 / 375 * 100vw) solid #59b9c6;
    border-radius: calc(5 / 375 * 100vw);
    font-size: calc(16 / 375 * 100vw);
  }
}

#blog .productFlexSB .productHalfGrp .blogLink a:hover {
  border-color: #168592;
  background: #168592;
  color: #fff;
}

.contentsWrap .container>.time {
  color: #6f7579;
  font-size: 16px;
}

.detailes2column {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .detailes2column {
    display: block;
  }
}

.contentColumn {
  flex-basis: calc(690 / 1000 * 100%);
  overflow: hidden;
  overflow-wrap: break-word;
}

.contentColumn .articleTitle {
  font-size: 33px;
  line-height: 1.5;
  font-weight: 500;
}

@media (max-width: 767px) {
  .contentColumn .articleTitle {
    font-size: 20px;
  }
}

.article .contentColumn h1 {
  margin-bottom: 15px;
  color: #092657;
  font-size: 33px;
  font-weight: 500;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .article .contentColumn h1 {
    font-size: 22px;
    line-height: 1.3;
  }
}

.article .contentColumn h2 {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
}

.article .contentColumn h2::before {
  margin-right: 15px;
  content: '';
  display: block;
  background: #bd9b55;
  width: 8px;
  height: 33px;
  border-radius: 5px;
  top: 0;
  margin-top: -2.5px;
}

.article .contentColumn h3 {
  margin: 3em 0 15px;
  font-size: 17px;
  font-weight: 500;
}

.article .contentColumn h4 {
  margin: 3em 0 15px;
  font-size: 16px;
  font-weight: 500;
}

.article .contentColumn h5 {
  margin: 3em 0 15px;
  font-size: 15px;
  font-weight: 500;
}

.article .contentColumn h6 {
  margin: 3em 0 15px;
  font-size: 14px;
  font-weight: 500;
}

.article .contentColumn p {
  margin: 15px 0;
  font-size: 14px;
}

@media (max-width: 767px) {
  .article .contentColumn p {
    font-size: 13px;
    line-height: 1.5;
  }
}

.article .contentColumn ul li {
  list-style: disc;
}

.article .contentColumn ul li ul {
  margin-top: 0;
}

.article .contentColumn ul li ul li {
  list-style: circle;
}

.article .contentColumn ul li ul ul li {
  list-style: square;
}

.article .contentColumn ul,
.article .contentColumn ol {
  margin: 15px 0;
  padding-left: 18px;
}

.article .contentColumn ul li,
.article .contentColumn ol li {
  font-size: 14px;
}

@media (max-width: 767px) {

  .article .contentColumn ul li,
  .article .contentColumn ol li {
    font-size: 13px;
    line-height: 1.5;
  }
}

.article .contentColumn img {
  max-width: 100%;
  height: auto;
  display: block;
  margin-top: 15px;
}

.article .contentColumn table {
  border-collapse: collapse;
  border: solid 1px #6f7579;
  margin: 15px 0;
  width: 100%;
}

.article .contentColumn table th {
  background: #f5f5f5;
}

.article .contentColumn table th,
.article .contentColumn table td {
  vertical-align: middle;
  font-size: 14px;
  border: solid 1px #6f7579;
  padding: 5px 10px;
}

@media (max-width: 767px) {

  .article .contentColumn table th,
  .article .contentColumn table td {
    font-size: 13px;
    line-height: 1.5;
  }
}

.article .contentColumn table tr>th:only-of-type {
  width: 25%;
}

.article .contentColumn a {
  font-size: 14px;
  color: #000;
}

.article .contentColumn a:hover {
  color: #deb068;
}

.article .contentColumn a.moreBtn {
  color: #5eb3bd;
  font-size: 20px;
}

.article .contentColumn a.moreBtn:hover {
  color: #fff;
}

.article .contentColumn blockquote> :first-of-type {
  margin-top: 0;
}

.article .contentColumn blockquote> :last-of-type {
  margin-bottom: 0;
}

#news .article .contentColumn h2::before {
  top: 0;
  margin-top: -2.5px;
}

.moreInfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 45px;
}

.moreInfo .tags {
  height: 22px;
}

.moreInfo .tag {
  line-height: 1;
}

.moreInfo .tag.Accepting {
  width: 70px;
  padding: 0 10px;
  background: #deb068 !important;
  border: none;
  color: #fff !important;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

.moreInfo .tag.End {
  width: 70px;
  padding: 0 10px;
  background: #bfbfbf !important;
  border: none;
  color: #fff !important;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

.moreInfo .tag.Reception_end {
  width: 70px;
  padding: 0 5px;
  color: #6f7579 !important;
  font-size: 11px;
  line-height: 22px;
  text-align: center;
}

#news .moreInfo .tag,
#events .moreInfo .tag {
  border-color: #e2e2e2;
}

.moreInfo .tag a {
  color: #6f7579;
  font-size: 11px;
  padding: 0 10px;
  line-height: 22px;
}

#news .moreInfo .tag a,
#events .moreInfo .tag a {
  background: #f5f5f5;
  border: none;
  color: #6f7579;
}

@media (max-width: 767px) {
  .moreInfo {
    display: block;
  }
}

.sideColumn {
  flex-basis: calc(260 / 1000 * 100%);
}

.sideColumn a {
  color: #6f7579;
  font-size: 13px;
  text-decoration: none;
}

.sideColumn a:hover .title {
  color: #deb068;
}

.sideColumn .banner {
  /*border: 1px solid #707070;
    height: 250px;
    line-height: 250px;
    padding: 0 10px;
    background: #fff;*/
}

.sideColumn .banner a:hover {
  opacity: 0.6;
}

.sideColumn .banner+.banner {
  margin-top: 15px;
}

.sideColumn .sideTitle {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #707070;
}

.sideColumn .sideNews {
  margin-top: 40px;
}

.sideColumn .sideNews li {
  margin-top: 25px;
}

.sideColumn .sideCategory {
  margin-top: 50px;
}

.sideColumn .sideCategory ul {
  margin-top: 25px;
}

.sideColumn .sideCategory li+li {
  margin-top: 5px;
}

.sideColumn .time,
.sideColumn .title {
  display: block;
  transition: all 0.2s ease-out 0s;
}

.sideColumn .oldLink {
  margin-top: 50px;
  font-size: 30px;
  font-weight: 500;
}

.controllLink {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 100px;
}

@media (max-width: 767px) {
  .controllLink {
    display: block;
  }
}

.controllLink .prevLink,
.controllLink .nextLink {
  min-height: 68px;
  padding: 5px 30px;
  flex-basis: 50%;
  flex-grow: 1;
  color: #000;
  font-size: 13px;
  font-weight: bold;
  display: block;
  border-top: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {

  .controllLink .prevLink,
  .controllLink .nextLink {
    min-height: auto;
  }
}

.controllLink .prevLink {
  border-right: 1px solid #cbcbcb;
}

@media (max-width: 767px) {
  .controllLink .prevLink {
    border-right: 0;
    border-bottom: 0;
  }
}

.controllLink .nextLink {
  border-left: 1px solid #cbcbcb;
}

.controllLink .prevLink+.nextLink {
  border-left: none;
}

.controllLink .prev,
.controllLink .next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.controllLink .prev span,
.controllLink .next span {
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-width: 0 7px 12.1px 7px;
  border-color: transparent transparent #059c9c transparent;
}

.controllLink .prev {
  left: 0;
}

.controllLink .prev span {
  transform: rotate(-90deg);
}

.controllLink .next {
  right: 0;
}

.controllLink .next span {
  transform: rotate(90deg);
}

.cta {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

.cta a {
  display: block;
  text-decoration: none;
}

.cta a img {
  max-width: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
}

.cta.cta_type2 {
  display: flex;
}

.cta.cta_type2 a {
  width: 50%;
}

/*----------------------------------------------
variable
----------------------------------------------*/
/* 企業情報 */
.company {
  font-size: 1.4rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .company {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.company section {
  padding: 40px 0;
}

.company .container {
  width: 100%;
  max-width: 960px;
  padding: 0;
}

.company .narrowDownConditions {
  margin: 0;
}

.company .companyH1 {
  font-size: 4.2rem;
  font-weight: bold;
  text-align: center;
  color: #092657;
  margin-bottom: 100px;
}

.company h2,
.company h3 {
  font-weight: bold;
  color: #59b9c6;
}

.company h2 {
  font-size: 2.4rem;
}

@media (max-width: 767px) {
  .company h2 {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.company p {
  color: #000000;
}

.companyInner {
  max-width: 834px;
  margin: 0 auto;
}

.companyInnerMessage {
  margin: 0 auto;
}

.companyBold20 {
  margin: 40px 0 0;
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: bold;
}

.companyInfo,
.companyHistory {
  max-width: 1000px;
}

.company .companyIndexH2 {
  font-size: 3rem;
  text-align: center;
}

@media (max-width: 767px) {
  .company .companyIndexH2 {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.company .companyInfoH2 {
  font-size: 3rem;
}

.company .companyWhyH2 {
  font-size: 2.4rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .company .companyWhyH2 {
    font-size: 2rem;
    line-height: 1.5;
  }
}

.companyWhyTxtArea {
  width: 455px;
}

.companyWhyTopImg {
  width: 452px;
  text-align: center;
}

.companyWhyTxt {
  margin-bottom: 2rem;
}

.company .companyTxtAreaH2 {
  margin: 0;
  font-size: 3.6rem;
  line-height: 1.5;
  font-weight: bold;
  color: #666;
}

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

.companyHalfBox {
  width: 49%;
  padding: 50px 24px 34px;
  margin-bottom: 42px;
  border-top: 10px solid #5eb3bd;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
}

.companyHalfLogo {
  text-align: center;
  margin-bottom: 30px;
}

.company .companyHalfH3 {
  text-align: center;
  line-height: 1.5;
  margin: 0 0 40px;
}

@media (max-width: 767px) {
  .company .companyHalfH3 {
    font-size: 1.8rem;
  }
}

.companyGoldList {
  padding-left: 0;
  margin: 0;
}

.companyGoldItem {
  position: relative;
  padding-left: 26px;
}

.companyGoldItem a {
  color: #333;
  text-decoration: none;
}

.companyGoldItem a:hover {
  color: #deb068;
}

.companyGoldItem::before {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  top: 0.8rem;
  left: 0;
  background-color: #deb068;
}

@media (max-width: 767px) {
  .companyGoldItem::before {
    top: 0.3rem;
  }
}

.companyWhyChildList {
  margin-top: 1rem;
  padding-left: 4em;
}

.companyWhyChildItem {
  list-style: disc;
  font-size: 1.2rem;
}

.companyWhyChildItem a {
  color: #333;
  text-decoration: none;
}

.companyWhyBtn {
  max-width: 494px;
  margin: 0 auto;
}

.companyWhyBtn a:link,
.companyWhyBtn a:visited {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #59b9c6;
  background-color: #fff;
  border: 3px solid #59b9c6;
  border-radius: 5px;
  text-decoration: none;
}

.companyWhyBtn a:hover {
  background-color: #59b9c6;
  color: #fff;
}

.companyHalfBtn {
  margin: 45px auto 0;
  width: 244px;
  text-align: center;
}

.companyHalfBtn a:link,
.companyHalfBtn a:visited {
  color: #5eb3bd;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 50px;
  display: block;
  width: 100%;
  border: 3px solid #5eb3bd;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}

.companyHalfBtn a:hover {
  color: #fff;
  background-color: #5eb3bd;
}

.companyCeo {
  margin-bottom: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: right;
}

@media (max-width: 767px) {
  .companyCeo {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.companyCeoLeft {
  margin-bottom: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  text-align: left;
}

@media (max-width: 767px) {
  .companyCeoLeft {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

.companyBordBody {
  width: 100%;
  max-width: 834px;
  margin: 0 auto;
}

.companyBordGrp {
  margin: 0px 0 100px;
}

.companyBordNameWrap {
  position: relative;
  padding-left: 26px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #929292;
}

.companyBordNameWrap::before {
  position: absolute;
  display: block;
  content: '';
  background-color: #deb068;
  width: 8px;
  top: 0;
  left: 0;
  bottom: 15px;
  border-radius: 4px;
}

.companyBordTtl {
  margin: 0 0 10px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
}

.companyBordName {
  margin: 0;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.3;
}

.companyBordRecords {
  padding-top: 1rem;
  min-height: 250px;
}

.companyBordRecords dt {
  float: left;
  color: #59b9c6;
  width: 4em;
  font-weight: normal;
  line-height: 2;
}

.companyBordRecords dd {
  padding-left: 4em;
  line-height: 2;
}

.companyTable th {
  background-color: #def1f4;
  vertical-align: top;
}

.companyTable th,
.companyTable td {
  border: 1px solid #959595;
  padding: 10px 30px;
}

.companyInfoTable,
.companyHistoryTable {
  width: 100%;
}

.companyInfoTable .jp {
  border-bottom: none;
  padding-bottom: 0;
}

.companyInfoTable .en {
  border-top: none;
  padding-top: 0;
}

.companyTable ol {
  padding-left: 13px;
}

.companyHistoryTable td {
  font-size: 1.6rem;
  padding-top: 20px;
  padding-bottom: 20px;
  border: none;
  background-color: #fff;
  vertical-align: top;
}

.companyHistoryTable td.year,
.companyHistoryTable td.month {
  text-align: right;
  font-weight: bold;
  color: #59b9c6;
  word-break: keep-all;
}

.companyHistoryTable td.year {
  width: 7em;
  padding-right: 7px;
  padding-left: 45px;
}

.companyHistoryTable td.month {
  width: 4.3em;
  padding-right: 30px;
  padding-left: 0px;
}

.companyHistoryTable td.txt {
  padding-right: 50px;
  padding-left: 30px;
}

.companyHistoryTable .lastTr td {
  border-bottom: 1px dotted #707070;
  padding-top: 0px;
}

.companyHistoryTable .midTr td {
  padding-top: 0px;
}

.companyHistoryTable .soloTr td {
  border-bottom: 1px dotted #707070;
}

.companyCatchTxt {
  font-size: 2rem;
  line-height: 1.45;
  text-align: center;
}

.access .container {
  width: 100%;
  max-width: 1000px;
}

.access .accessHalfWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .access .accessHalfWrap {
    display: block;
  }
}

.access .accessHalfBox {
  width: 47.5%;
  margin-bottom: 70px;
}

@media (max-width: 767px) {
  .access .accessHalfBox {
    width: 100%;
  }
}

.access .accessNameWrap {
  padding-bottom: 20px;
  border-bottom: 1px dotted #929292;
  margin-bottom: 20px;
}

.access .accessName {
  position: relative;
  padding: 12px 5px 12px 38px;
  font-size: 2.4rem;
  color: #092657;
  font-weight: bold;
  margin: 0;
  line-height: 1.5;
  min-height: 65px;
}

@media (max-width: 767px) {
  .access .accessName {
    min-height: 50px;
    padding: 15px 0 15px 30px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.access .accessName::before {
  position: absolute;
  display: block;
  content: '';
  background-color: #deb068;
  width: 8px;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
}

.access .accessHalfTxt {
  margin-bottom: 0;
}

.access .accessGmap a:link,
.access .accessGmap a:visited {
  color: #59b9c6;
  text-decoration: none;
}

.access .accessGmap a:hover {
  color: #deb068;
}

@media (max-width: 1024px) {
  .access .container {
    width: 94%;
  }
}

@media (max-width: 991px) {
  .company .companyH1 {
    margin-bottom: 10% !important;
  }

  .companyContainerInner,
  .companyInner,
  .companyInfo,
  .companyHistory {
    width: 100%;
    margin: auto;
    padding: 0 20px;
  }

  .companyWhyTxtArea,
  .companyWhyTopImg {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .companyHalfWrap {
    display: block;
  }

  .companyHalfBox {
    width: 100%;
    margin-bottom: 10%;
  }

  .companyTable th,
  .companyTable td {
    padding: 10px;
  }

  .companyHistoryTable td {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 1.3rem;
    line-height: 1.5;
  }

  .companyHistoryTable td.year {
    width: 5em;
    padding-left: 10px;
  }

  .companyHistoryTable td.month {
    width: 2.8em;
    padding-right: 0px;
  }

  .companyHistoryTable td.txt {
    padding-right: 10px;
    padding-left: 20px;
  }

  .companyCatchTxt {
    margin-bottom: 60px;
    font-size: 1.5rem;
  }
}

.companyCodeOfConduct {
  margin-top: 52px;
  margin-left: -16.5px;
  margin-right: -16.5px;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .companyCodeOfConduct {
    width: 94%;
    margin: 30px auto 0;
  }
}

.companyCodeOfConduct .item {
  margin: 0 7.5px 86px;
  width: 100%;
  max-width: 321px;
  text-align: center;
}

@media (max-width: 767px) {
  .companyCodeOfConduct .item {
    margin: 0 0 50px;
  }
}

.companyCodeOfConduct .item:nth-of-type(3n + 1) {
  margin-left: 0;
}

.companyCodeOfConduct .item:nth-of-type(3n) {
  margin-right: 0;
}

.companyCodeOfConduct .item .itemTitleEn {
  margin-top: 25px;
  color: #deb068;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
}

.companyCodeOfConduct .item .itemTitleJp {
  margin-top: 5px;
  color: #000000;
  font-size: 14px;
  line-height: 1.7;
}

/*----------------------------------------------
variable
----------------------------------------------*/
#products.index .bgGradation {
  background: linear-gradient(to bottom, #fff, #f3f3f3);
}

#products.index .productNarrowDownWrap .container {
  max-width: 1008px;
}

#products.index .productNarrowDown {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 767px) {
  #products.index .productNarrowDown {
    justify-content: center;
  }

  #products.index .productNarrowDown:after {
    width: 48%;
    max-width: 160px;
    margin: 0 0 4% 2%;
    content: '';
    display: block;
  }
}

#products.index .productNarrowDown .icon {
  width: 100%;
  max-width: 236px;
  margin: 0 7.5px;
  height: 227px;
  margin-bottom: 25px;
  background: #fff;
  border: 1px solid #f3f3f3;
  border-top: 9px solid #5eb3bd;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  cursor: pointer;
  transition: all 0.3s;
  position: relative;
}

@media (max-width: 767px) {
  #products.index .productNarrowDown .icon {
    width: 48%;
    max-width: 160px;
    height: 140px;
    margin: 0 2% 4%;
    border-top: 5px solid #5eb3bd;
  }

  #products.index .productNarrowDown .icon .img {
    width: 80px;
    height: 64px;
  }

  #products.index .productNarrowDown .icon .img img {
    width: 100%;
    height: 100%;
  }
}

@media (max-width: 571px) {
  #products.index .productNarrowDown .icon {
    margin: 0 2% 4%;
  }

  #products.index .productNarrowDown .icon:nth-of-type(2n + 1) {
    margin-left: 0;
  }

  #products.index .productNarrowDown .icon:nth-of-type(2n) {
    margin-right: 0;
  }
}

#products.index .productNarrowDown .icon:after {
  width: calc(100% + 2px);
  height: calc(100% + 10px);
  content: '';
  display: block;
  position: absolute;
  top: -9px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 5px solid rgba(94, 179, 189, 0);
  border-top: 9px solid rgba(94, 179, 189, 0);
  transition: all 0.3s;
}

#products.index .productNarrowDown .icon .text {
  padding-bottom: 35px;
  color: #59b9c6;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45;
}

@media (max-width: 767px) {
  #products.index .productNarrowDown .icon .text {
    padding-bottom: 16px;
    font-size: 14px;
  }
}

#products.index .productNarrowDown .icon.icon1 .text {
  margin-top: 17px;
}

#products.index .productNarrowDown .icon.icon2 .text {
  margin-top: 35px;
}

@media (max-width: 767px) {
  #products.index .productNarrowDown .icon.icon2 .text {
    margin-top: 15px;
  }
}

#products.index .productNarrowDown .icon.icon3 .text {
  margin-top: 15px;
}

#products.index .productNarrowDown .icon.icon4 .text {
  margin-top: 17px;
}

#products.index .productNarrowDown .icon.icon5 .text {
  margin-top: 21px;
}

@media (max-width: 767px) {
  #products.index .productNarrowDown .icon.icon5 .text {
    margin-top: 15px;
  }
}

#products.index .productNarrowDown .icon.icon6 .text {
  margin-top: 25px;
}

@media (max-width: 767px) {
  #products.index .productNarrowDown .icon.icon6 .text {
    margin-top: 15px;
  }
}

#products.index .productNarrowDown .icon.icon7 .text {
  margin-top: 24px;
}

@media (max-width: 767px) {
  #products.index .productNarrowDown .icon.icon7 .text {
    margin-top: 14px;
  }
}

#products.index .productNarrowDown .icon.active:after,
#products.index .productNarrowDown .icon:hover:after {
  width: calc(100% + 2px);
  height: calc(100% + 10px);
  content: '';
  display: block;
  position: absolute;
  top: -9px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  border: 5px solid #5eb3bd;
  border-top: 9px solid #5eb3bd;
}

@media (max-width: 767px) {

  #products.index .productNarrowDown .icon.active:after,
  #products.index .productNarrowDown .icon:hover:after {
    top: -5px;
    border-top: 5px solid #5eb3bd;
  }
}

#products.index .productNarrowDownBtn {
  margin-top: 10px;
  padding-bottom: 32px;
  text-align: center;
}

#products.index .productNarrowDownBtn .btn {
  padding: 8px 33px;
  background: none;
  border: 3px solid #5eb3bd;
  border-radius: 5px;
  color: #5eb3bd;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.45;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  #products.index .productNarrowDownBtn .btn {
    font-size: 18px;
  }
}

#products.index .productNarrowDownBtn .btn:hover {
  background: #5eb3bd;
  color: #fff;
}

#products.index .bgGray {
  background: #f3f3f3;
}

#products.index .productsIndexList {
  padding-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#products.index .productsIndexList .item {
  width: 100%;
  max-width: 469px;
  height: 352px;
  margin-top: 37px;
  padding: 23px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  #products.index .productsIndexList .item {
    height: auto;
    min-height: 352px;
    justify-content: center;
  }
}

#products.index .productsIndexList .item .item_title {
  max-width: 100%;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
}

@media (max-width: 767px) {
  #products.index .productsIndexList .item .item_title {
    font-size: 26px;
  }
}

#products.index .productsIndexList .item .item_dis {
  max-width: 100%;
  min-height: 64px;
  margin-top: 15px;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

@media (max-width: 767px) {
  #products.index .productsIndexList .item .item_dis {
    font-size: 13px;
    line-height: 1.5;
  }
}

#products.index .productsIndexList .item .item_btn {
  margin-top: 37px;
}

@media (max-width: 767px) {
  #products.index .productsIndexList .item .item_btn {
    margin-top: 15px;
  }
}

#products.index .productsIndexList .item .item_btn a {
  width: 211px;
  height: 50px;
  padding: 13px;
  background: rgba(255, 255, 255, 0.83);
  border-radius: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  display: block;
}

#products.index .productsIndexList .item .item_btn a:hover {
  opacity: 0.8;
}

#products.index .productsIndexList .item.item1 {
  background: url('../images/products/bg_index01.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item1 .item_btn a {
  color: #79c68b;
}

#products.index .productsIndexList .item.item2 {
  background: url('../images/products/bg_index02.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item2 .item_btn a {
  color: #0ed6e2;
}

#products.index .productsIndexList .item.item3 {
  background: url('../images/products/bg_index03.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item3 .item_btn a {
  color: #1381d7;
}

#products.index .productsIndexList .item.item4 {
  background: url('../images/products/bg_index04.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item4 .item_btn a {
  color: #168592;
}

#products.index .productsIndexList .item.item5 {
  background: url('../images/products/bg_index05.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item5 .item_btn a {
  color: #ff1871;
}

#products.index .productsIndexList .item.item6 {
  background: url('../images/products/bg_index06.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item6 .item_btn a {
  color: #32394c;
}

#products.index .productsIndexList .item.item7 {
  background: url('../images/products/bg_index07.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item7 .item_btn a {
  color: #0283ac;
}

#products.index .productsIndexList .item.item8 {
  background: url('../images/products/bg_index08.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item8 .item_btn a {
  color: #32394c;
}

#products.index .productsIndexList .item.item9 {
  background: url('../images/products/bg_index09.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item9 .item_btn a {
  color: #32394c;
}

#products.index .productsIndexList .item.item10 {
  background: url('../images/products/bg_index10.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item10 .item_btn a {
  color: #168592;
}

#products.index .productsIndexList .item.item11 {
  background: url('../images/products/bg_index11.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item11 .item_btn a {
  color: #0283ac;
}

#products.index .productsIndexList .item.item12 {
  background: url('../images/products/bg_index12.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item12 .item_btn a {
  color: #9362d0;
}

#products.index .productsIndexList .item.item13 {
  background: url('../images/products/bg_index13.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item13 .item_btn a {
  color: #9362d0;
}

#products.index .productsIndexList .item.item14 {
  background: url('../images/products/bg_index14.png') no-repeat center center/cover;
}

#products.index .productsIndexList .item.item14 .item_btn a {
  color: #9362d0;
}

/*----------------------------------------------
variable
----------------------------------------------*/
.bottomSolutionArea {
  padding: 40px 0 70px;
  background: #e9e9e9;
  position: relative;
  /*&:before, &:after {
    width: 116px;
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 2;
    @include media_query_sp {
      display: none;
    }
  }
  &:before {
    background: linear-gradient(to right, #E9E9E9 50%, rgba(#E9E9E9,0));
    left: 0;
  }
  &:after {
    background: linear-gradient(to left, #E9E9E9 50%, rgba(#E9E9E9,0));
    right: 0;
  }*/
}

@media (max-width: 767px) {
  .bottomSolutionArea {
    padding: 30px 0 50px;
  }
}

.bottomSolutionArea .bottomSolutionTitle {
  color: #092657;
  font-size: 30px;
  font-weight: bold;
  line-height: 1.86;
  text-align: center;
}

@media (max-width: 767px) {
  .bottomSolutionArea .bottomSolutionTitle {
    font-size: 26px;
  }
}

.bottomSolutionArea .bottomSolutionSlider {
  width: 100%;
  max-width: calc(100% - 140px);
  margin: 40px auto 0;
}

@media (max-width: 767px) {
  .bottomSolutionArea .bottomSolutionSlider {
    max-width: 100%;
    margin-top: 20px;
  }
}

.bottomSolutionArea .bottomSolutionSlider .item {
  padding: 0 13px 10px;
}

.bottomSolutionArea .bottomSolutionSlider .item .inner {
  width: 100%;
  max-width: 305px;
  min-height: 283px;
  padding: 30px 40px 38px;
  background: #fff;
  border-top: 10px solid #5eb3bd;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.16);
}

@media (max-width: 767px) {
  .bottomSolutionArea .bottomSolutionSlider .item .inner {
    width: 90%;
    margin: 0 auto;
    padding: 15px 20px;
  }
}

.bottomSolutionArea .bottomSolutionSlider .item .inner .tag {
  margin-bottom: 13px;
  padding: 4px 16px 3px;
  background: #deb068;
  color: #fff;
  font-size: 11px;
  line-height: 1.3;
  display: inline-block;
}

.bottomSolutionArea .bottomSolutionSlider .item .inner .title {
  margin-bottom: 5px;
  font-size: 21px;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .bottomSolutionArea .bottomSolutionSlider .item .inner .title {
    font-size: 16px;
  }
}

.bottomSolutionArea .bottomSolutionSlider .item .inner .title a {
  color: #000;
  text-decoration: none;
}

.bottomSolutionArea .bottomSolutionSlider .item .inner .detail {
  margin-bottom: 13px;
  font-size: 12px;
  line-height: 1.5;
}

.bottomSolutionArea .bottomSolutionSlider .item .inner .category {
  margin-top: 12px;
  color: #000;
  font-size: 1.2rem;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.bottomSolutionArea .bottomSolutionSlider .item .inner .category span {
  margin: 8px 9px 0 0;
  padding: 2px 11px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  color: #6f7579;
  font-size: 1.1rem;
}

.bottomSolutionArea .bottomSolutionSlider .prevArrow,
.bottomSolutionArea .bottomSolutionSlider .nextArrow {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  transform: translate(0, -50%);
}

@media (max-width: 767px) {

  .bottomSolutionArea .bottomSolutionSlider .prevArrow,
  .bottomSolutionArea .bottomSolutionSlider .nextArrow {
    width: 50px;
    height: 50px;
  }
}

.bottomSolutionArea .bottomSolutionSlider .prevArrow {
  background: url(../images/front/top_slider_arrow_r.svg) center center no-repeat;
  background-size: cover;
  right: 0;
  transform: translate(100%, -50%);
}

@media (max-width: 767px) {
  .bottomSolutionArea .bottomSolutionSlider .prevArrow {
    left: 50%;
    right: auto;
    transform: translate(calc(43vw - 50%), -50%);
  }
}

.bottomSolutionArea .bottomSolutionSlider .nextArrow {
  background: url(../images/front/top_slider_arrow_l.svg) center center no-repeat;
  background-size: cover;
  left: 0;
  transform: translate(-100%, -50%);
}

@media (max-width: 767px) {
  .bottomSolutionArea .bottomSolutionSlider .nextArrow {
    left: 50%;
    transform: translate(calc(-43vw - 50%), -50%);
  }
}

/**::-ms-backdrop, .bottomSolutionArea .bottomSolutionSlider .prevArrow {
  left: auto;
  right: 50%;
  transform: translate(525px, -50%);
  z-index: 3;
  @include media_query_sp {
    transform: translate(170px, -50%);
  }
}
*::-ms-backdrop, .bottomSolutionArea .bottomSolutionSlider .nextArrow {
  transform: translate(-525px, -50%);
  z-index: 3;
  @include media_query_sp {
    transform: translate(-170px, -50%);
  }
}*/
/*----------------------------------------------
variable
----------------------------------------------*/
/* 製品サポート */
.support h2 {
  font-weight: bold;
}

.support ol {
  padding-left: 1.5em;
  margin: 10px 0;
}

.support ol ol {
  list-style: lower-alpha;
}

.support dt {
  color: #59b9c6;
}

.supportContainer {
  margin-top: 40px;
  margin-bottom: 40px;
}

.supportDetail {
  font-size: 1.8rem;
  text-align: center;
  max-width: 834px;
  margin: 0 auto;
}

.supportTopNote {
  background-color: #e9e9e9;
  margin-top: 40px;
  padding: 40px 0 !important;
}

.supportTopNoteTxt {
  max-width: 834px;
  margin: auto;
  font-size: 16px;
  text-align: center;
}

.supportInner {
  max-width: 834px;
  margin: 0 auto;
}

.supportList {
  padding-left: 0;
  margin: 0;
}

.supportItem {
  position: relative;
  padding-left: 26px;
}

.supportItem::before {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  border-radius: 50%;
  top: 0.3rem;
  left: 0;
  background-color: #59b9c6;
}

@media (max-width: 991px) {
  .support {
    padding-top: 0;
  }

  .supportTopNote {
    margin-top: 0px;
  }
}

.supportInnerContainer {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
}

.supportInnerContainer> :first-child {
  margin-top: 0 !important;
}

hr.dotLine {
  width: 100%;
  height: 1px;
  margin: 70px 0;
  background: linear-gradient(to right,
      #707070,
      #707070 1px,
      transparent 1px,
      transparent 4px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  border: none;
}

.komeList {
  margin: 0 0 30px 20px !important;
  padding: 0 !important;
  counter-reset: number;
}

.komeList li {
  list-style: none !important;
  text-indent: -20px;
}

.komeList li:before {
  margin-right: 4px;
  counter-increment: number;
  content: '※';
}

#support .supportLinkBlock {
  margin-bottom: 25px;
  padding: 44px 25px;
  border: 1px solid #959595;
  border-radius: 4px;
}

#support .supportLinkBlock p {
  margin: 0 !important;
  padding: 0 0 0 16px;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1.6 !important;
  position: relative;
}

#support .supportLinkBlock p:before {
  width: 8px;
  height: 100%;
  background: #deb068;
  border-radius: 50px;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

#support .supportLinkBlock p+p {
  margin: 60px 0 0 !important;
}

#support .supportLinkBlock a {
  color: #000000;
  text-decoration: none;
}

#support .supportLinkBlock a:hover {
  opacity: 0.6;
}

#support .supportLinkBlock ul {
  margin: 0;
}

#support .supportLinkBtns {
  width: 100%;
  /*max-width: 880px;*/
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  #support .supportLinkBtns {
    display: block;
  }
}

#support .supportLinkBtns li {
  width: 100%;
  max-width: 262px;
  margin: 15px 24px 0;
  padding: 0;
  list-style: none;
}

@media (max-width: 767px) {
  #support .supportLinkBtns li {
    text-align: center;
    margin: 0 auto 10px;
  }
}

#support .supportLinkBtns li a {
  padding: 11px 11px 13px;
  background: #59b9c6;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  display: block;
  text-decoration: none;
  text-align: center;
}

#support .supportLinkBtns li a:hover {
  background: #168592;
}

#support .supportLinkBtns li:nth-of-type(1),
#support .supportLinkBtns li:nth-of-type(2),
#support .supportLinkBtns li:nth-of-type(3) {
  margin-top: 0;
}

@media (max-width: 976px) {
  #support .supportLinkBtns li:nth-of-type(3) {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  #support .supportLinkBtns li:nth-of-type(3) {
    margin-top: 0;
  }
}

#support .supBtn {
  width: 100%;
  max-width: 324px;
  height: auto;
  margin: 0 auto;
  padding: 11.5px;
  background-color: #59b9c6;
  border: none;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  text-decoration: none;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  transition: all 0.3s;
}

#support .supBtn:hover {
  background: #168592;
}

#support .supBtn:focus {
  outline: 0;
}

.piso .productTxtAreaH3 {
  margin: 40px 0 10px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #59b9c6;
}

.piso .pisoImgR .productImg,
.piso .pisoImgL .productImg {
  width: 470px;
}

@media (max-width: 767px) {

  .piso .pisoImgR .productImg,
  .piso .pisoImgL .productImg {
    width: 100%;
  }
}

.piso .pisoSubjectSec {
  padding: 70px 20px;
}

@media (max-width: 767px) {
  .piso .pisoSubjectSec {
    padding: 12% 0;
  }
}

.piso .pisoSubjectSec .productSubjectH2 {
  margin-bottom: 25px !important;
}

.piso .pisoSubjectSec .productSubjectBody {
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 20px;
}

@media (max-width: 767px) {
  .piso .pisoSubjectSec .productSubjectBody {
    justify-content: space-around;
    padding: 0;
  }
}

.piso .pisoSubjectSec .productSubjectBox {
  width: 33.3%;
  margin: 0 0 25px;
  padding-left: 30px;
  padding-right: 30px;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .piso .pisoSubjectSec .productSubjectBox {
    width: auto;
    margin: 25px 5%;
    padding: 0;
  }
}

.piso .pisoSubjectSec .productSubjectImg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 150px;
  padding: 0;
  min-height: auto;
}

.piso .pisoSubjectSec .productSubjectImg img {
  width: 80px;
}

@media (max-width: 767px) {
  .piso .pisoSubjectSec .productSubjectImg {
    height: auto;
    padding-bottom: 30px;
    min-height: 116px;
  }
}

.piso .productSolPointSec {
  background-position: center 460px;
  padding-bottom: 70px;
}

@media (max-width: 767px) {
  .piso .productSolPointSec {
    background-position: center top;
    padding: 14% 0;
  }
}

.piso .productSolPointSec .productCenterH2 {
  margin: 85px 0;
}

@media (max-width: 767px) {
  .piso .productSolPointSec .productCenterH2 {
    margin: 0 0 85px;
  }
}

.piso .pisoFeatureSec .pisoFeatureSecH3 {
  margin-bottom: 48px;
  font-size: 2.4rem;
  color: #092657;
  text-align: center;
}

@media (max-width: 767px) {
  .piso .pisoFeatureSec .pisoFeatureSecH3 {
    font-size: 2rem;
  }
}

.piso .pisoFeatureSec .pisoFeatureSubSec {
  margin-top: 80px;
}

.piso .pisoFeatureSec .productImgR.pisoFeatureOperation .productImg,
.piso .pisoFeatureSec .productImgR.pisoFeatureOperation .productTxtArea {
  width: 471px;
}

@media (max-width: 767px) {

  .piso .pisoFeatureSec .productImgR.pisoFeatureOperation .productImg,
  .piso .pisoFeatureSec .productImgR.pisoFeatureOperation .productTxtArea {
    width: 100%;
  }
}

@media (max-width: 999px) {
  .piso .pisoFeatureSec .productImgR.pisoFeatureOperation .productTxtArea {
    margin-right: 2em;
  }
}

.piso .pisoFeatureSec .productFunctionDlWrap {
  justify-content: space-between;
  margin-bottom: 48px;
}

@media (max-width: 767px) {
  .piso .pisoFeatureSec .productFunctionDlWrap {
    justify-content: space-around;
  }
}

.piso .pisoFeatureSec .productFunctionDl {
  width: calc(50% - 12.5px);
  margin-bottom: 12px;
}

@media (max-width: 767px) {
  .piso .pisoFeatureSec .productFunctionDl {
    width: 100%;
  }
}

.piso .pisoFunctionSec .pisoFunctionSubSec {
  margin-top: 80px;
}

.piso .pisoFunctionSec .productGrayChild p span {
  font-weight: bold;
}

.piso .pisoFunctionSec .pisoFunctionSecH4 {
  margin: 72px 0 16px;
  font-size: 2rem;
  font-weight: bold;
}

@media (max-width: 767px) {
  .piso .pisoFunctionSec .pisoFunctionSecH4 {
    font-size: 1.8rem;
  }
}

.piso .pisoFunctionSec .pisoFunctionLead {
  margin: 40px 0 60px;
}

.piso .pisoFunctionSec .pisoFunctionLead .pisoFunctionSecH4 {
  margin-top: 0;
  margin-bottom: 16px;
}

.piso .pisoFunctionSec .pisoFunctionLead p span {
  font-weight: bold;
}

.piso .pisoFunctionSec .pisoFunctionTable {
  width: 100%;
  margin-bottom: 10px;
}

.piso .pisoFunctionSec .pisoFunctionSQLList li {
  font-weight: bold;
}

.piso .pisoFunctionSec .pisoFunctionTtlSQLCollector {
  height: 70px;
}

.piso .productGrayColor {
  line-height: 1.5em;
  padding-top: 18.5px;
  padding-bottom: 18.5px;
}

.piso .productBigBtn a {
  line-height: 1.5em;
  padding: 21px 10px;
}

.piso .productH50Btn a {
  padding: 0;
  line-height: 50px;
}

/*----------------------------------------------
variable
----------------------------------------------*/
.dbvisitRealizeH3::before {
  content: url('/wp-content/themes/arkhe-child/images/products/images/dbvisit_check2.png');
}

.productTxtAreaDetail.dbvisitTxtAreaDetail a:link,
.productTxtAreaDetail.dbvisitTxtAreaDetail a:visited {
  background: #009fc3;
  border: none;
}

.productTxtAreaDetail.dbvisitTxtAreaDetail a:hover,
.productTxtAreaDetail.dbvisitTxtAreaDetail a:active {
  background: #a6ce39;
  border: none;
  color: #fff;
}

.dbvisitOracleCaption {
  font-size: 1.8rem;
  font-weight: bold;
  color: #222;
  text-align: center;
}

@media (max-width: 767px) {
  .dbvisitOracleCaption {
    font-size: 1.5rem;
  }
}

.dbvisitOracleCaption2 {
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: bold;
  color: #222;
  text-align: center;
  line-height: 1.46153;
}

@media (max-width: 767px) {
  .dbvisitOracleCaption2 {
    margin-bottom: 40px;
  }
}

.dbvisitWhatLogo .dbvisitLogoArea {
  width: 100%;
  max-width: 369px;
  flex-shrink: 0;
  text-align: center;
}

@media (max-width: 767px) {
  .dbvisitWhatLogo .dbvisitLogoArea {
    max-width: none;
  }
}

.dbvisit section:first-child {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .dbvisit section:first-child {
    margin-top: 0;
  }
}

.dbvisit .productSubjectSec .productSubjectBody .productSubjectBox {
  margin: 25px 25px 25px;
}

.dbvisit .productSubjectSec .productSubjectBody .productSubjectBox .productSubjectImg {
  min-height: 122px;
}

.dbvisit .productSubjectSec .text1 {
  margin-bottom: 30px;
  color: #092657;
  font-size: 18px;
  line-height: 2;
  text-align: center;
}

@media (max-width: 767px) {
  .dbvisit .productSubjectSec .text1 {
    font-size: 16px;
    line-height: 1.5;
  }
}

.dbvisit .productSubjectSec .text2 {
  margin-bottom: 40px;
  color: #092657;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

@media (max-width: 767px) {
  .dbvisit .productSubjectSec .text2 {
    font-size: 18px;
    line-height: 1.5;
  }
}

.dbvisit .productRealizeSec .productRealizeH2 {
  margin-bottom: 50px;
  text-align: center;
}

.dbvisit .productRealizeSec .productRealizeGrp {
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
}

.dbvisit .productRealizeSec .productRealizeGrp .productRealizeImg {
  text-align: center;
}

.dbvisit .productCaseSec .productCaseHead {
  color: #009fc3;
}

.dbvisit .productCaseSec .productCaseGrp {
  border-bottom: 13px solid #009fc3;
}

.dbvisit .productLightBlueListItem::before {
  background-color: #009fc3;
}

.dbvisit .productNumlistItem::before {
  color: #009fc3;
}

.dbvisit .productFunctionDlWrap {
  justify-content: center;
}

.dbvisit .productFunctionDlWrap .productFunctionDl {
  margin: 0 12.5px 12px;
}

.dbvisit .productFunctionDlWrap .productFunctionDl:nth-of-type(3n + 1) {
  margin-left: 0;
}

.dbvisit .productFunctionDlWrap .productFunctionDl:nth-of-type(3n) {
  margin-right: 0;
}

@media (max-width: 999px) {
  .dbvisit .productFunctionDlWrap .productFunctionDl:nth-of-type(3n + 1) {
    margin: 0 12.5px 12px;
  }

  .dbvisit .productFunctionDlWrap .productFunctionDl:nth-of-type(3n) {
    margin: 0 12.5px 12px;
  }
}

@media (max-width: 767px) {
  .dbvisit .productFunctionDlWrap .productFunctionDl {
    margin: 0 0 12px;
  }

  .dbvisit .productFunctionDlWrap .productFunctionDl:nth-of-type(3n + 1) {
    margin: 0 0 12px;
  }

  .dbvisit .productFunctionDlWrap .productFunctionDl:nth-of-type(3n) {
    margin: 0 0 12px;
  }
}

.dbvisit .productFunctionDt {
  color: #009fc3;
}

.dbvisit .productFunctionDd div {
  padding-left: 1em;
  font-weight: bold;
  text-indent: -1em;
}

.dbvisit .product720w {
  max-width: 720px;
}

.dbvisit .dbvisitSnapshotOption {
  margin-top: 80px;
}

.dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup {
  margin: 50px 0;
  padding: 0;
  border-bottom: 1px solid #009fc3;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li {
  width: 100%;
  max-width: 353px;
  margin: 0 10px;
  padding: 21px;
  background: #f3f3f3;
  border-radius: 5px 5px 0 0;
  color: #009fc3;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}

@media (max-width: 767px) {
  .dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li {
    margin: 0 5px;
    padding: 14px;
    font-size: 12px;
  }

  .dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li:nth-of-type(1) {
    margin-left: 0;
  }

  .dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li:nth-of-type(2) {
    margin-right: 0;
  }
}

.dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li:hover,
.dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li.active {
  padding: 26px;
  background: #009fc3;
  color: #fff;
}

@media (max-width: 767px) {

  .dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li:hover,
  .dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li.active {
    padding: 14px;
  }
}

.dbvisit .dbvisitSnapshotOption .tabBlock .tabGroup li.active:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 9px 0 9px;
  border-color: #009fc3 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}

.dbvisit .dbvisitSnapshotOption .tabBlock .panelGroup .panel {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  box-shadow: none;
  display: none;
}

.show {
  display: block;
}

.dbvisitBtn a {
  padding: 11px 15px 14px;
  font-size: 2.8rem !important;
  line-height: 1.5 !important;
}

.dbvisitBtn a:link,
.dbvisitBtn a:visited {
  background: #009fc3;
  border: none;
}

.dbvisitBtn a:hover,
.dbvisitBtn a:active {
  background: #a6ce39;
  border: none;
  color: #fff;
}

.dbvisitTopImg {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .dbvisitTopImg {
    display: block;
  }
}

.dbvisitTopImg .img {
  width: 328px;
  margin-right: -84px;
}

.dbvisitTopImg .img img {
  width: 130px;
}

/*----------------------------------------------
variable
----------------------------------------------*/
.bottomLinkArea .container {
  max-width: none;
}

@media (min-width: 768px) {
  .bottomLinkArea .container {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .bottomLinkArea .container {
    width: 970px;
  }
}

@media (min-width: 1200px) {
  .bottomLinkArea .container {
    width: 1170px;
  }
}

.insight-asir section:first-child {
  margin-top: 30px;
}

@media (max-width: 767px) {
  .insight-asir section:first-child {
    margin-top: 0;
  }
}

.insight-asir .container {
  background: none;
}

.insight-asir .product720w {
  max-width: 720px;
}

.insight-asir .productSolPointTtl {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .insight-asir .productSubjectSec .product720w {
    padding: 0 4%;
  }
}

.insight-asir .productSubjectBox {
  width: 50%;
  margin: 30px 0 25px;
}

@media (max-width: 767px) {
  .insight-asir .productSubjectBox {
    width: 100%;
  }
}

.insight-asir .pocTable td {
  padding: 30px;
}

@media (max-width: 767px) {
  .insight-asir .pocTable td {
    padding: 10px;
  }
}

.insight-asir .IAcap01 {
  margin-bottom: 15px;
  font-size: 23px;
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 767px) {
  .insight-asir .IAcap01 {
    font-size: 18px;
  }
}

.insight-asir .IAcap02 {
  width: 100%;
  max-width: 550px;
  margin: 0 auto 25px;
  padding: 15px;
  background: #59b9c6;
  border-radius: 100px;
  color: #fff;
  text-align: center;
}

@media (max-width: 767px) {
  .insight-asir .IAcap02 {
    margin: 0 auto 15px;
    padding: 10px 20px;
    line-height: 1.5;
  }
}

.insight-asir .IAcap03 {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 767px) {
  .insight-asir .IAcap03 {
    font-size: 18px;
  }

  .insight-asir .IAcap03 br {
    display: none;
  }
}

.insight-asir .IAcap03 span {
  color: #59b9c6;
  font-size: 30px;
}

@media (max-width: 767px) {
  .insight-asir .IAcap03 span {
    font-size: 20px;
  }
}

.insight-asir .IAcap04 {
  width: 100%;
  max-width: 550px;
  margin: 0 auto 15px;
  padding: 10px;
  background: #59b9c6;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

.productDropShadowBlocks {
  display: flex;
  justify-content: center;
  flex-shrink: 0;
  flex-wrap: wrap;
}

.productDropShadowBlocks .item {
  width: 305px;
  height: 260px;
  margin: 0 12.5px 25px;
  padding: 32px 23px 0;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  text-align: center;
}

@media (max-width: 767px) {
  .productDropShadowBlocks .item {
    width: 100%;
    height: auto;
    margin: 0 0 25px;
    padding: 32px 23px;
  }
}

.productDropShadowBlocks .item:nth-of-type(3n + 1) {
  margin-left: 0;
}

.productDropShadowBlocks .item:nth-of-type(3n) {
  margin-right: 0;
}

.productDropShadowBlocks .item .itemImg {
  margin-bottom: 10px;
}

.productDropShadowBlocks .item .itemText {
  color: #092657;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .productDropShadowBlocks .item .itemText {
    font-size: 18px;
    line-height: 1.5;
  }
}

.productDropShadowBlocks .item .itemTextBlack {
  margin-top: 10px;
  color: #222222;
  font-size: 14px;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .productDropShadowBlocks .item .itemTextBlack {
    font-size: 13px;
    line-height: 1.5;
  }
}

.productDropShadowBlocks.type2 .item {
  height: 330px;
  padding: 54px 23px 0;
}

@media (max-width: 767px) {
  .productDropShadowBlocks.type2 .item {
    height: auto;
    padding: 32px 23px;
  }
}

.productDropShadowBlocks.type2 .item .itemImg {
  margin-bottom: 29px;
}

@media (max-width: 767px) {
  .productDropShadowBlocks.type2 .item .itemImg {
    margin-bottom: 10px;
  }
}

.productDropShadowBlocks.type2 .item .itemTextBlack {
  margin-top: 29px;
}

@media (max-width: 767px) {
  .productDropShadowBlocks.type2 .item .itemTextBlack {
    margin-top: 10px;
  }
}

.productCaseBlock h3 {
  color: #59b9c6;
}

.productCaseBlock h3.task {
  padding-left: 4.2em;
  text-indent: -4.2em;
}

@media (max-width: 767px) {
  .productCaseBlock h3.task {
    padding-left: 0;
    text-indent: 0;
  }
}

.productCaseBlock p {
  font-size: 18px;
  line-height: 1.9;
}

@media (max-width: 767px) {
  .productCaseBlock p {
    font-size: 13px;
    line-height: 1.5;
  }
}

.productCaseBlock .productSolution {
  margin: 0;
  padding: 0;
  color: #59b9c6;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
}

@media (max-width: 767px) {
  .productCaseBlock .productSolution {
    font-size: 15px;
    line-height: 1.5;
  }
}

.productCaseTitle {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .productCaseTitle {
    display: block;
  }
}

.productCaseTitle .num {
  width: 233px;
  margin-right: 23px;
  padding: 17px;
  background: #deb068;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}

@media (max-width: 767px) {
  .productCaseTitle .num {
    margin: 0 auto 15px;
    font-size: 18px;
  }
}

.productCaseTitle .title {
  color: #092657;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .productCaseTitle .title {
    font-size: 18px;
  }
}

.parnterInner {
  max-width: 967px;
  margin: 0 auto;
}

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

.partnerTriWrap:after {
  width: 32%;
  content: '';
  display: block;
}

.partnerFilter {
  margin-bottom: 84px;
}

.partnerFilterBtn {
  width: 32%;
  text-align: center;
}

.partnerFilterBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.partnerFilterBtn,
.partnerFilterBtn {
  text-align: center;
  /* display: block; */
  text-decoration: none;
  color: #000;
  line-height: 1.5;
  padding: 24px;
  background-color: #f6f6f6;
  border: 1px solid #c1c1c1;
  transition: 0.3s;
}

.partnerFilterBtn.active,
.partnerFilterBtn:hover {
  color: #fff;
  background-color: #59b9c6;
  border: none;
  transition: 0.3s;
}

.partnerTriBox {
  width: 32%;
  padding: 26px 18px 22px;
  margin-bottom: 28px;
  border-top: 10px solid #5eb3bd;
  box-shadow: 0px 5px 6px rgba(0, 0, 0, 0.16);
}

.partnerTriBox a {
  color: #333;
  text-decoration: none;
}

.partnerTriBox a:hover {
  color: #deb068;
}

.partnerTriLogo {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.partnerTriH3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #6f7579;
  text-align: center;
  line-height: 1.5;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.partnerList {
  width: 228px;
  margin: auto auto 20px;
}

.partnerItem {
  position: relative;
  padding-left: 20px;
  font-size: 1.2rem;
  line-height: 1.8;
}

.partnerItem.partnerProducts {
  margin-top: 15px;
  padding-left: 0;
}

.partnerItem.partnerProducts .tags {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
}

.partnerItem.partnerProducts .tags .tag {
  margin: 8px 9px 0 0;
  padding: 2px 11px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  font-size: 1.1rem;
}

.partnerItem::before {
  position: absolute;
  width: 13px;
  height: 13px;
  top: 0rem;
  left: 0;
}

.partnerDivision::before {
  content: url(../images/partner/partnerDivision.png);
}

.partnerTel::before {
  content: url(../images/partner/partnerTel.png);
}

.partnerEmail::before {
  content: url(../images/partner/parnterEmail.png);
}

.partnerWeb::before {
  content: url(../images/partner/partnerWeb.png);
}

@media (max-width: 991px) {
  .partner .container {
    width: 100%;
  }

  .parnterInner {
    width: 100%;
  }

  .partnerList {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .partnerFilter {
    margin-bottom: 15%;
  }

  .partnerTriWrap {
    display: block;
  }

  .partnerTriBox {
    width: 100%;
  }

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

  .partnerList {
    width: 228px;
  }
}

.lpBtnSec {
  background: url('../images/products/bg_lpbtnsec.png') center center/cover no-repeat;
}

.lpBtnSec h3 {
  font-size: 2.2rem;
}

@media (max-width: 767px) {
  .lpBtnSec h3 {
    font-size: 1.8rem;
  }
}

.lpBtn {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .lpBtn {
    margin: 0 -5px;
    display: block;
  }
}

.lpBtn a,
.lpBtn a:link,
.lpBtn a:visited {
  width: 100%;
  max-width: 272px;
  display: block;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  text-decoration: none;
  line-height: 66px;
  border-radius: 5px;
  background-color: #009fc3;
  border: none;
  color: #fff;
}

@media (max-width: 767px) {

  .lpBtn a,
  .lpBtn a:link,
  .lpBtn a:visited {
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 56px;
  }
}

.lpBtn a:hover {
  opacity: 0.6;
}

.lpBtn a+a,
.lpBtn a+a:link,
.lpBtn a+a:visited {
  margin-left: 43px;
  background-color: #deb068;
}

@media (max-width: 767px) {

  .lpBtn a+a,
  .lpBtn a+a:link,
  .lpBtn a+a:visited {
    margin-left: 0;
    margin-top: 15px;
  }
}

.popup {
  width: 306px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 10;
}

@media (max-width: 767px) {
  .popup {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0);
  }
}

.popup a:hover {
  opacity: 0.6;
}

.popup .closeBtn {
  line-height: 0;
  position: absolute;
  top: 3px;
  right: 5px;
  cursor: pointer;
  z-index: 2;
}

.fontSiteColor {
  color: #59b9c6;
}

/* Delphix */
.delphix section:first-child {
  margin-top: 30px;
}

@media (max-width: 991px) {
  .delphix section:first-child {
    margin-top: 0;
  }
}

.delphix section:last-child {
  margin-bottom: 50px;
}

.delphix section.delphixBracketSec {
  padding: 110px 0;
  background: url('/wp-content/themes/arkhe-child/images/products/images/delphix_bracket_bg.png') no-repeat center center/cover;
}

.delphix .delphixSubjectSec {
  padding: 87px 0;
}

.delphix .delphixCenterH2 {
  margin: 0 0 80px;
}

.delphix .delphixBracketContainer {
  background-color: transparent;
}

.delphix .delphixBasicFunctionTxt {
  text-align: left;
}

.delphixImgR .productImg,
.delphixImgL .productImg {
  width: 471px;
}

@media (max-width: 999px) {

  .delphixImgR .productImg,
  .delphixImgL .productImg {
    width: 48%;
  }
}

@media (max-width: 767px) {

  .delphixImgR .productImg,
  .delphixImgL .productImg {
    width: 100%;
  }
}

.delphixTxtAreaDetail a:link,
.delphixTxtAreaDetail a:visited,
.delphixBigBtn a:link,
.delphixBigBtn a:visited {
  background-color: #1381d7;
  border: none;
}

.delphixTxtAreaDetail a:hover,
.delphixBigBtn a:hover {
  background-color: #00b9c7;
  border: none;
  color: #fff;
}

.delphixImgRight {
  margin-left: 5em;
  margin-bottom: 3em;
}

@media (max-width: 767px) {
  .delphixImgRight {
    margin-left: 0;
    margin-bottom: 20px;
  }
}

.delphixLeft {
  margin-right: 5em;
  margin-bottom: 3em;
}

.delphixColorH3 {
  color: #1381d7 !important;
}

.delphixBlueItem::before {
  background-color: #1381d7;
}

.delphixRealizeH3::before {
  content: url('/wp-content/themes/arkhe-child/images/products/images/delphix_check.png');
}

.delphixCaseGrp {
  border-bottom: 13px solid #1381d7;
}

.delphixCaseHead {
  color: #1381d7;
}

.delphixFunctionImgR {
  margin-bottom: 0;
}

.delphixFunctionImgR:last-child {
  margin-bottom: 0;
}

/* Insight Database Testing */
.idt .idtSubjectSec {
  padding: 87px 0;
}

.idt .idtFeatureTxt {
  text-align: left;
}

.idt .idtSolSec {
  padding-bottom: 0;
}

.idt .idtFlowSec {
  background: url('/wp-content/themes/arkhe-child/images/common/images/product_bg.jpg') no-repeat center top/cover;
}

.idt .idtSqlTxt {
  text-align: left;
}

.idt .productSubjectBox {
  margin: 25px 49px 25px;
}

@media (max-width: 767px) {
  .idt .productSubjectBox {
    margin: 25px 5%;
  }
}

.idtImgR .productImg,
.idtImgL .productImg {
  flex: 0 0 471px;
}

@media (max-width: 999px) {

  .idtImgR .productImg,
  .idtImgL .productImg {
    flex: 0 0 48%;
  }
}

@media (max-width: 767px) {

  .idtImgR .productImg,
  .idtImgL .productImg {
    width: 100%;
  }
}

.idtImgR .idtFeatureImg,
.idtImgL .idtFeatureImg {
  width: 590px;
}

.idtImgR .idtFeatureImg figcaption,
.idtImgL .idtFeatureImg figcaption {
  text-align: left;
}

@media (max-width: 767px) {

  .idtImgR .idtFeatureImg,
  .idtImgL .idtFeatureImg {
    width: 100%;
  }
}

.idtImgR .idtFeatureTxtArea,
.idtImgL .idtFeatureTxtArea {
  width: 340px;
  margin-right: 2%;
}

@media (max-width: 767px) {

  .idtImgR .idtFeatureTxtArea,
  .idtImgL .idtFeatureTxtArea {
    width: 100%;
    margin-right: 0;
    text-align: left;
  }
}

.idtBold18 {
  font-size: 1.8rem;
}

.idtTxtAreaDetail a:link,
.idtTxtAreaDetail a:visited {
  font-weight: normal;
  color: #5eb3bd;
  background-color: #fff;
  border: 3px solid #5eb3bd;
}

.idtTxtAreaDetail a:hover {
  color: #fff;
  background-color: #168592;
  border: 3px solid #168592;
}

.idtSolPointHead1 {
  color: #231815;
  background: #fbefe0;
}

.idtSolPointHead2 {
  color: #231815;
  background: #ccf1f4;
}

.idtFeatureImgR {
  margin-bottom: 60px;
}

.idtFeatureImgR:last-child {
  margin-bottom: 0;
}

.idtFunctionDd {
  padding: 20px;
}

.idtCaptureTable {
  width: 100%;
  color: #222222;
}

.idtCaptureTable .thNonBg {
  background-color: #fff;
}

.idtMovieH4 {
  position: relative;
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #59b9c6;
  padding-left: 1.5em;
}

@media (max-width: 767px) {
  .idtMovieH4 {
    font-size: 1.8rem;
  }
}

.idtMovieH4::before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #59b9c6;
  top: 10px;
  left: 0;
}

.idtEnvTable {
  width: 100%;
}

/* Performance Insight */
.pi .piCenterH3 {
  text-align: center;
  line-height: 1.5;
}

.pi .piSolSec {
  padding-bottom: 0;
}

.pi .piPointSec {
  padding: 0 0 66px;
  background: url('/wp-content/themes/arkhe-child/images/common/images/product_bg.jpg') center 230px no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  .pi .piPointSec {
    padding: 14% 0;
    background-position: center top;
  }
}

.pi .piPointSec .container {
  background-color: transparent;
}

.pi .piFeatureTxt,
.pi .piFunctionLeftTxt {
  text-align: left;
}

.pi .piEnvSec {
  padding: 0;
}

.pi .piReportSec {
  background: url('/wp-content/themes/arkhe-child/images/common/images/product_bg.jpg') no-repeat center top/cover;
}

.pi .piReportSec .container {
  background-color: transparent;
}

@media (max-width: 767px) {
  .pi .productEnvTable td {
    word-break: break-all;
  }
}

.piImgR .productImg,
.piImgL .productImg {
  width: 471px;
}

@media (max-width: 999px) {

  .piImgR .productImg,
  .piImgL .productImg {
    width: 48%;
  }
}

@media (max-width: 767px) {

  .piImgR .productImg,
  .piImgL .productImg {
    width: 100%;
  }
}

.piImgR .piFeatureImg,
.piImgL .piFeatureImg {
  width: 347px;
}

.piImgR .piFeatureImg figcaption,
.piImgL .piFeatureImg figcaption {
  text-align: left;
}

@media (max-width: 767px) {

  .piImgR .piFeatureImg,
  .piImgL .piFeatureImg {
    width: 100%;
  }
}

.piImgR .piFeatureTxtArea,
.piImgL .piFeatureTxtArea {
  width: 590px;
  max-width: none;
  margin-right: 2%;
}

@media (max-width: 767px) {

  .piImgR .piFeatureTxtArea,
  .piImgL .piFeatureTxtArea {
    width: 100%;
    margin-right: 0;
  }
}

.piSubjectBody {
  text-align: center;
}

.piSubjectBody .productSubjectBox {
  display: inline-block;
  margin: 25px 70px;
}

@media (max-width: 767px) {
  .piSubjectBody .productSubjectBox {
    margin: 25px 60px;
  }
}

.piSubjectBody .productSubjectBox .piSubjectBoxInner {
  display: flex;
  flex-direction: column;
}

.piSubjectBody .productSubjectBox .piSubjectBoxInner .productSubjectImg {
  height: 156px;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .piSubjectBody .productSubjectBox .piSubjectBoxInner .productSubjectImg {
    height: auto;
    min-height: auto;
    margin-bottom: 20px;
  }
}

.piCircleH4 {
  position: relative;
  font-size: 2.2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #59b9c6;
  padding-left: 1.5em;
}

@media (max-width: 767px) {
  .piCircleH4 {
    font-size: 1.8rem;
  }
}

.piCircleH4::before {
  position: absolute;
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #59b9c6;
  top: 10px;
  left: 0;
}

@media (max-width: 767px) {
  .piCircleH4::before {
    top: 8px;
  }
}

.piFeaturesTable th {
  background-color: #e4eaeb;
}

/* Consulting */
@media (max-width: 767px) {
  .consulting {
    padding-top: 0;
  }
}

.consulting .productLeftH2 {
  padding: 0;
}

.consulting .productBg {
  background: url('/wp-content/themes/arkhe-child/images/common/images/product_bg.jpg') repeat-x center 400px / cover;
}

@media (max-width: 767px) {
  .consulting .productBg {
    padding: 12% 0 !important;
    background-position: center top;
  }
}

.consulting .productSolPoint3Box {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .consulting .productSolPoint3Box {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .consulting .productSolTxt {
    margin-bottom: 50px;
  }
}

.consulting .productTxtAreaDetail {
  margin: auto;
}

.consulting .productSolPoint3Box:first-child {
  border-top: 14px solid #59b9c6;
}

.consulting .productSolPoint3Box:first-child .productSolPointTtl {
  color: #59b9c6;
}

.consulting .productSolPoint3Box:nth-child(2) {
  border-top: 14px solid #deb068;
}

.consulting .productSolPoint3Box:nth-child(2) .productSolPointTtl {
  color: #deb068;
}

.consulting .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:link,
.consulting .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:visited {
  background: #deb068;
  border-color: #deb068;
}

.consulting .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:hover,
.consulting .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:active {
  background-color: #fff;
  border-color: #deb068;
  color: #deb068;
}

.consulting .productSolPoint3Box:last-child {
  border-top: 14px solid #092657;
}

.consulting .productSolPoint3Box:last-child .productSolPointTtl {
  color: #092657;
}

.consulting .productSolPoint3Box:last-child .productTxtAreaDetail a:link,
.consulting .productSolPoint3Box:last-child .productTxtAreaDetail a:visited {
  background: #092657;
  border-color: #092657;
}

.consulting .productSolPoint3Box:last-child .productTxtAreaDetail a:hover,
.consulting .productSolPoint3Box:last-child .productTxtAreaDetail a:active {
  background-color: #fff;
  border-color: #092657;
  color: #092657;
}

.consulting .productLeftBorderH3,
.consulting .productBrownH3 {
  margin-top: 50px;
}

.consulting .productLightBlueList {
  margin: 30px 0 20px;
}

.consulting .productLightBlueListItem {
  font-size: 18px;
  font-weight: bold;
  padding-left: 32px;
  color: #092657;
}

@media (max-width: 767px) {
  .consulting .productLightBlueListItem {
    font-size: 15px;
  }
}

.consulting .databaseConsulting .productLeftBorderH3 {
  color: #59b9c6;
}

.consulting .databaseConsulting .productLightBlueListItem::before {
  position: absolute;
  background: none;
  content: url(../images/product_sol_point_check_blue.png);
  top: -3px;
  left: 0;
}

.consulting .productConsulting {
  background-color: #f3f3f3;
}

.consulting .productConsulting .container {
  background-color: #f3f3f3;
}

.consulting .productConsulting .productBrownH3 {
  color: #deb068;
}

.consulting .productConsulting .productLightBlueListItem::before {
  position: absolute;
  background: none;
  content: url(../images/product_sol_point_check_blown.png);
  top: 0;
  left: 0;
}

.consulting .cloudConsulting .productBrownH3::before {
  background: #092657;
}

.consulting .cloudConsulting .assessmentH3 {
  padding: 0 0 0 44px;
}

@media (max-width: 767px) {
  .consulting .cloudConsulting .assessmentH3 {
    padding: 0 0 0 30px;
  }
}

.consulting .cloudConsulting .productTable {
  margin-top: 30px;
}

.consulting .cloudConsulting .productTable th,
.consulting .cloudConsulting .productTable td {
  font-weight: bold;
  font-size: 1.6rem;
  padding: 10px 25px;
}

@media (max-width: 767px) {

  .consulting .cloudConsulting .productTable th,
  .consulting .cloudConsulting .productTable td {
    padding: 5px 10px;
    font-size: 1.3rem;
    line-height: 1.5;
  }
}

.consulting .cloudConsulting .productTable th {
  width: calc(220 / 960 * 100%);
  background: #e4eaeb;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .consulting .cloudConsulting .productTable th {
    width: 40%;
  }
}

.consulting .cloudConsulting .productTable th.txtLeft {
  text-align: left;
}

.consulting .cloudConsulting .productTable.correspondingEnvironment th {
  vertical-align: middle;
}

.consulting .cloudConsulting .productBigBtn {
  width: 100%;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

/* FAQ */
/* Performance Insight */
.faqPi01 {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .faqPi01 {
    display: block;
  }
}

.faqPi01 .faqPi01Txt {
  max-width: 570px;
}

.faqPi01 .faqPi01Img {
  max-width: 324px;
  margin-left: 20px;
}

@media (max-width: 767px) {
  .faqPi01 .faqPi01Img {
    margin: 0 auto;
  }
}

.faqPi01 .faqPi01Img figcaption {
  font-size: 1.2rem;
}

.faqPi02TableResponsive {
  border: none;
}

.faqPi02Table {
  width: 100%;
}

.faqPi02Table th:nth-child(1) {
  width: 28%;
}

.faqPi02Table th:nth-child(2) {
  width: 32%;
}

.faqPi02Table th:nth-child(3) {
  width: 16%;
}

@media (max-width: 991px) {
  .faqPi02Table th:nth-child(3) {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .faqPi02Table th:nth-child(3) {
    font-size: 1rem;
  }
}

.faqPi02Table th:nth-child(4) {
  width: 12%;
}

.faqPi02Table th:nth-child(5) {
  width: 12%;
}

.faqPi02Table tr:first-of-type th {
  padding: 26px 30px;
  word-break: keep-all;
}

.faqPi02Table tr td:first-of-type {
  text-align: left;
}

.faqPi02Table th,
.faqPi02Table td {
  padding: 26px 20px;
  text-align: center;
  color: #222;
  border: 1px solid #707070;
}

.faqPi02Table td {
  background-color: #fff;
  font-size: 1.4rem;
}

@media (max-width: 991px) {
  .faqPi02Table td {
    padding: 13px 10px;
  }
}

.faqPi02Table .faqPi02ColTh {
  background-color: #7ec2ca;
}

.faqPi02Table .faqPi02RowTh {
  font-size: 1.4rem;
  background-color: #bfe1e5;
}

.faqPi04Table {
  width: 100%;
}

.faqPi04Table th {
  padding: 20px 20px 20px 45px;
  background-color: #bfe1e5;
}

.faqPi04Table td {
  padding: 20px 37px;
  background-color: #fff;
}

.faqPi04Table th,
.faqPi04Table td {
  text-align: left;
  color: #222;
  border: 1px solid #707070;
  font-size: 1.4rem;
}

@media (max-width: 767px) {

  .faqPi04Table th,
  .faqPi04Table td {
    padding: 10px;
  }
}

/* Qlik Compose™ for Data Lakes */
.qlikComposeDataLakes .productTxtAreaDetail a:link,
.qlikComposeDataLakes .productTxtAreaDetail a:visited {
  border: none;
}

.qlikComposeDataLakes .productTxtAreaDetail a:hover {
  background-color: #168592;
  color: #fff;
  border: none;
}

.qlikComposeDataLakes .dataFlow {
  background-color: #f3f3f3;
}

.qlikComposeDataLakes .point li {
  border: 1px solid #707070;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 40px 45px;
}

@media (max-width: 767px) {
  .qlikComposeDataLakes .point li {
    display: block;
    padding: 20px 25px;
  }
}

.qlikComposeDataLakes .point li .pointLeft {
  flex-basis: calc(330 / 970 * 100%);
  margin-right: 40px;
}

@media (max-width: 767px) {
  .qlikComposeDataLakes .point li .pointLeft {
    margin-right: 0;
  }
}

.qlikComposeDataLakes .point li .pointRight {
  border-left: 2px dotted #e9e9e9;
  padding: 20px 0 20px 40px;
  flex-basis: calc(640 / 970 * 100%);
}

@media (max-width: 767px) {
  .qlikComposeDataLakes .point li .pointRight {
    border-left: none;
    border-top: 2px dotted #e9e9e9;
    padding: 20px 0 20px;
  }
}

.qlikComposeDataLakes .point li .pointHead {
  text-align: center;
  color: #fff;
  width: 170px;
  line-height: 40px;
  font-size: 1.4rem;
  font-weight: bold;
  background: #deb068;
  border-radius: 21px;
  margin: 0 auto;
}

.qlikComposeDataLakes .point li .pointTtl {
  color: #59b9c6;
  font-size: 23px;
  text-align: center;
  font-weight: bold;
}

@media (max-width: 767px) {
  .qlikComposeDataLakes .point li .pointTtl {
    font-size: 18px;
    line-height: 2;
  }
}

.qlikComposeDataLakes .point li:not(:last-child) {
  margin-bottom: 80px;
}

.qlikComposeDataLakes .point li:not(:last-child)::after {
  content: '';
  border-top: 42px solid rgba(89, 185, 198, 0.5);
  border-right: 85px solid transparent;
  border-left: 85px solid transparent;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.qlikComposeDataLakes .merit h3 {
  font-size: 24px;
  color: #000;
}

.qlikComposeDataLakes .merit .col4 {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}

@media (max-width: 767px) {
  .qlikComposeDataLakes .merit .col4 {
    display: block;
  }
}

.qlikComposeDataLakes .merit .col4 .box {
  flex-basis: calc(220 / 960 * 100%);
  font-size: 16px;
  font-weight: bold;
  color: #092657;
  padding: 25px 20px 10px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  height: 205px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}

.qlikComposeDataLakes .merit .col4 .box .icon {
  text-align: center;
}

@media (max-width: 767px) {
  .qlikComposeDataLakes .merit .col4 .box {
    height: initial;
    padding: 20px;
    display: block;
  }

  .qlikComposeDataLakes .merit .col4 .box:not(:last-child) {
    margin-bottom: 30px;
  }
}

.qlikComposeDataLakes .feature .productFunctionDl {
  margin-bottom: 70px;
}

.qlikComposeDataLakes .correspondingEnvironment {
  width: 100%;
}

.qlikComposeDataLakes .correspondingEnvironment th {
  padding: 40px 20px;
}

.qlikComposeDataLakes .correspondingEnvironment td {
  vertical-align: top;
}

.qlikComposeDataLakes .correspondingEnvironment td:last-child {
  padding: 10px 20px 10px 60px;
}

@media (max-width: 767px) {
  .qlikComposeDataLakes .correspondingEnvironment td:last-child {
    padding: 10px;
  }
}

.qlikComposeDataLakes .targetTable th:first-child {
  width: calc(270 / 720 * 100%);
}

.qlikComposeDataLakes .targetTable tr:not(:first-child) th {
  background-color: #fff;
}

.productFunctionDlWrap2 {
  margin: 0 -2% 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 767px) {
  .productFunctionDlWrap2 {
    margin: 0;
    display: block;
  }
}

.productFunctionDlWrap2 .productFunctionDl2 {
  width: 46%;
  margin: 0 1.5% 3%;
  padding: 30px 35px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
}

@media (max-width: 767px) {
  .productFunctionDlWrap2 .productFunctionDl2 {
    width: 100%;
    margin: 0 0 30px;
    padding: 20px;
  }
}

.productFunctionDlWrap2 .productFunctionDl2 .productFunctionDt2 {
  margin: 0 0 30px;
  padding: 0 0 30px;
  color: #092657;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}

@media (max-width: 767px) {
  .productFunctionDlWrap2 .productFunctionDl2 .productFunctionDt2 {
    margin: 0 0 20px;
    padding: 0 0 20px;
    font-size: 18px;
  }
}

.productFunctionDlWrap2 .productFunctionDl2 .productFunctionDt2:after {
  width: 100%;
  height: 1px;
  margin: 0;
  background: linear-gradient(to right,
      #707070,
      #707070 1px,
      transparent 1px,
      transparent 4px);
  background-size: 4px 1px;
  background-repeat: repeat-x;
  border: none;
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
}

.productFunctionDlWrap2 .productFunctionDl2 .productFunctionDd2 {
  margin: 0;
  padding: 0 0 0 50px;
  color: #59b9c6;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
  position: relative;
}

@media (max-width: 767px) {
  .productFunctionDlWrap2 .productFunctionDl2 .productFunctionDd2 {
    font-size: 15px;
  }
}

.productFunctionDlWrap2 .productFunctionDl2 .productFunctionDd2:before {
  width: 32.96px;
  height: 24.86px;
  content: '';
  background: url('/wp-content/themes/arkhe-child/images/products/images/qlik-compose-data-lakes_arrow.png') center center no-repeat;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.productFunctionDlWrap2.dataWarehouse .productFunctionDt2 {
  color: #222222;
  font-weight: normal;
  font-size: 1.8rem;
}

.pageTransition ul {
  margin: 0;
  padding: 0;
  border-top: 1px dotted #707070;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media (max-width: 767px) {
  .pageTransition ul {
    display: block;
  }
}

.pageTransition .link {
  width: 50%;
  position: relative;
}

@media (max-width: 767px) {
  .pageTransition .link {
    width: 100%;
    padding: 0 40px;
  }
}

.pageTransition .link a {
  height: 133px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #59b9c6;
  font-size: 18px;
  text-decoration: none;
}

@media (max-width: 767px) {
  .pageTransition .link a {
    height: 50px;
    font-size: 14px;
  }
}

.pageTransition .link a:hover {
  background-color: rgba(89, 185, 198, 0.1);
}

.pageTransition .link:first-child::after {
  content: '';
  display: block;
  width: 2px;
  height: 70px;
  background: #e9e9e9;
  position: absolute;
  top: 32px;
  right: 0;
}

@media (max-width: 767px) {
  .pageTransition .link:first-child::after {
    width: 90%;
    height: 2px;
    top: auto;
    right: 5%;
    bottom: 0;
  }
}

.pageTransition .link:first-child a {
  padding-left: 5px;
}

.pageTransition .link:first-child a::before {
  content: '';
  border-style: solid;
  border-width: 10px 17.3px 10px 0;
  border-color: transparent #059c9c transparent transparent;
  display: inline-block;
  position: relative;
  right: 20px;
  top: 0;
}

.pageTransition .link:last-child a::after {
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 17.3px;
  border-color: transparent transparent transparent #059c9c;
  display: inline-block;
  position: relative;
  right: -20px;
  top: 0;
}

/* Qlik Replicate */
.qlik-replicate .productTxtAreaDetail a:link,
.qlik-replicate .productTxtAreaDetail a:visited {
  background-color: #59b9c6;
  border: none;
  color: #fff;
}

.qlik-replicate .productTxtAreaDetail a:hover {
  background-color: #168592;
  border: none;
  color: #fff;
}

.qlik-replicate .w330 {
  max-width: 330px;
  width: 100%;
}

.qlik-replicate .aligncenter {
  margin: 0 auto;
}

.qlik-replicate .qlikReplicateTxtAreaDetail a:link,
.qlik-replicate .qlikReplicateTxtAreaDetail a:visited {
  font-weight: normal;
  color: #5eb3bd;
  background-color: #fff;
  border: 3px solid #5eb3bd;
}

.qlik-replicate .qlikReplicateTxtAreaDetail a:hover {
  color: #fff;
  background-color: #168592;
  border: 3px solid #168592;
}

.qlik-replicate .correspondingEnvironment {
  width: 100%;
}

.qlik-replicate .correspondingEnvironment th {
  padding: 30px 10px !important;
  text-align: center;
}

@media (max-width: 767px) {
  .qlik-replicate .correspondingEnvironment th {
    padding: 5px 10px !important;
  }
}

.qlik-replicate .correspondingEnvironment td:first-child {
  padding: 20px 20px !important;
}

@media (max-width: 767px) {
  .qlik-replicate .correspondingEnvironment td:first-child {
    padding: 5px 10px !important;
  }
}

.qlik-replicate .correspondingEnvironment td:last-child {
  padding: 20px 40px !important;
}

@media (max-width: 767px) {
  .qlik-replicate .correspondingEnvironment td:last-child {
    padding: 5px 10px !important;
  }
}

.qlik-replicate .correspondingEnvironment .txtListItem {
  line-height: 2;
}

.qlik-replicate .targetTable {
  width: 100%;
}

.qlik-replicate .targetTable tr:not(:first-child) th {
  background-color: #fff;
}

.qlik-replicate .productBoxCol2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .qlik-replicate .productBoxCol2 {
    flex-direction: column;
  }
}

.qlik-replicate .productBoxCol2 .productCol {
  width: calc((100% - 14px) / 2);
}

@media (max-width: 767px) {
  .qlik-replicate .productBoxCol2 .productCol {
    width: 100%;
  }

  .qlik-replicate .productBoxCol2 .productCol:first-of-type {
    margin-bottom: 18px;
  }
}

.qlik-replicate .productBoxCol2 .productBoxColH3 {
  text-align: center;
  font-size: 24px;
  line-height: 52px;
  background-color: #59b9c6;
  margin-bottom: 25px;
  color: #092657;
}

.qlik-replicate .productBoxCol2 ol {
  padding: 0 11px 0 1.3em;
}

@media (max-width: 767px) {
  .qlik-replicate .productBoxCol2 ol {
    padding-right: 0;
  }
}

.qlik-replicate .productBoxCol2 ol li {
  margin-bottom: 20px;
}

.qlik-replicate .productBoxCol2 ol li:last-of-type {
  margin-bottom: 0;
}

.qlik-replicate .triangle {
  margin: 30px auto;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 55px 112px 0 112px;
  border-color: #deb168 transparent transparent transparent;
}

@media (max-width: 767px) {
  .qlik-replicate .triangle {
    margin: 15px auto;
  }
}

@media (max-width: 767px) {
  .qlik-replicate .productSolution {
    margin-bottom: 40px;
  }
}

.qlik-replicate .productSolution .productSolutionH3 {
  background-color: #092657;
  color: #fff;
  text-align: center;
  line-height: 52px;
  font-size: 24px;
  margin-bottom: 35px;
}

.qlik-replicate .productSolution ol {
  padding: 0 20px 0 3em;
}

@media (max-width: 767px) {
  .qlik-replicate .productSolution ol {
    padding-right: 0;
    padding-left: 2em;
  }
}

.qlik-replicate .productSolution ol li {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 20px;
}

.qlik-replicate .productSolution ol li:last-of-type {
  margin-bottom: 0;
}

/* other */
.contentsWrap.other .container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.contentsWrap.other .section,
.contentsWrap.other .section-compact {
  padding: 80px 0 40px;
}

@media (max-width: 767px) {

  .contentsWrap.other .section,
  .contentsWrap.other .section-compact {
    padding: 4% 0;
  }
}

.contentsWrap.other .section-compact {
  padding-bottom: 0;
}

.contentsWrap.other .pt15 {
  padding-top: 15px;
}

.contentsWrap.other .borderGray {
  border-top: 1px solid #bfbfbf;
  padding-top: 0;
}

.contentsWrap.other .borderGray .subttl {
  margin-top: 35px;
}

.contentsWrap.other h2 {
  font-size: 18px;
  font-weight: 500;
  color: #000;
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.contentsWrap.other h2::before {
  margin-right: 15px;
  content: '';
  display: block;
  background: #bd9b55;
  width: 8px;
  height: 33px;
  border-radius: 5px;
}

.contentsWrap.other .subttl::before {
  display: none;
}

.contentsWrap.other .subttl,
.contentsWrap.other h3 {
  margin: 52px 0 42px;
  color: #092657;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.7;
}

@media (max-width: 767px) {

  .contentsWrap.other .subttl,
  .contentsWrap.other h3 {
    font-size: 20px;
  }
}

.contentsWrap.other h3.ml50 {
  color: #000;
  font-size: 20px;
  margin-left: 50px;
}

@media (max-width: 767px) {
  .contentsWrap.other h3.ml50 {
    margin-left: 25px;
    font-size: 18px;
  }
}

.contentsWrap.other h4 {
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .contentsWrap.other h4 {
    font-size: 18px;
  }
}

.contentsWrap.other h5 {
  margin: 0 0 30px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .contentsWrap.other h5 {
    font-size: 15px;
  }
}

.contentsWrap.other h6 {
  margin: 0 0 30px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .contentsWrap.other h6 {
    font-size: 14px;
  }
}

.contentsWrap.other p {
  margin: 0 0 40px;
  font-size: 16px;
  line-height: 2;
}

@media (max-width: 767px) {
  .contentsWrap.other p {
    font-size: 13px;
    line-height: 1.5;
  }
}

.contentsWrap.other p.miniTxt {
  max-width: 830px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .contentsWrap.other p.miniTxt {
    margin-left: 25px;
  }
}

.contentsWrap.other p.representativeTxt {
  text-align: right;
}

.contentsWrap.other ul li {
  list-style: disc;
}

#pageFoot ul li {
  list-style: none;
}

.contentsWrap.other ul,
.contentsWrap.other ol {
  margin-bottom: 30px;
  padding-left: 2em;
}

#pageFoot ul,
#pageFoot ol {
  padding-left: 0em;
}

.contentsWrap.other ul li,
.contentsWrap.other ol li {
  font-size: 16px;
  line-height: 2;
}

@media (max-width: 767px) {

  .contentsWrap.other ul li,
  .contentsWrap.other ol li {
    font-size: 13px;
    line-height: 1.5;
  }
}

.contentsWrap.other ul.miniList {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .contentsWrap.other ul.miniList {
    margin-left: 25px;
  }
}

.contentsWrap.other ul.listStyleAlphabet li {
  list-style: none;
}

.contentsWrap.other ul.listStyleAlphabet li::before {
  position: relative;
  left: -18px;
}

.contentsWrap.other ul.listStyleAlphabet li:first-child::before {
  content: 'a)';
}

.contentsWrap.other ul.listStyleAlphabet li:nth-child(2)::before {
  content: 'b)';
}

.contentsWrap.other ul.listStyleAlphabet li:nth-child(3)::before {
  content: 'c)';
}

.contentsWrap.other ul.listStyleAlphabet li:last-child::before {
  content: 'd)';
}

.contentsWrap.other dl {
  margin-bottom: 30px;
}

.contentsWrap.other dl dt,
.contentsWrap.other dl dd {
  font-size: 16px;
  line-height: 2;
}

@media (max-width: 767px) {

  .contentsWrap.other dl dt,
  .contentsWrap.other dl dd {
    font-size: 13px;
    line-height: 1.5;
  }
}

.contentsWrap.other table {
  margin-bottom: 30px;
  border-collapse: collapse;
  border: solid 2px #6f7579;
  margin-top: 30px;
  width: 100%;
}

.contentsWrap.other table th {
  background: #f5f5f5;
}

.contentsWrap.other table th,
.contentsWrap.other table td {
  vertical-align: middle;
  font-size: 16px;
  line-height: 2;
  border: solid 1px #6f7579;
  padding: 5px 10px;
}

@media (max-width: 767px) {

  .contentsWrap.other table th,
  .contentsWrap.other table td {
    font-size: 13px;
    line-height: 1.5;
  }
}

.contentsWrap.other a.footnote-identifier-link:hover {
  text-decoration: none;
}

/* Qlik Compose for Data Warehouse */
.qlikComposeDataWarehouse .productFunctionList {
  margin: 0 -1%;
}

.qlikComposeDataWarehouse .productFunctionListBox {
  width: 46.5%;
  margin: 0 0% 3%;
  padding: 30px 35px;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  border-radius: 0;
}

@media (max-width: 767px) {
  .qlikComposeDataWarehouse .productFunctionListBox {
    width: 100%;
    margin: 0 0 30px;
    padding: 20px;
  }
}

.qlikComposeDataWarehouse .productFunctionListBox .headline {
  margin-bottom: 20px;
  font-size: 1.8rem;
}

.qlikComposeDataWarehouse .targetTable tr:not(:first-child) th {
  background-color: #fff;
}

.productFunctionListBox .description {
  padding-top: 10px;
  border-top: dotted 1px #707070;
}

.productFunctionListBox .description .arrowHorizontalLine {
  position: relative;
  padding-left: 50px;
}

.productFunctionListBox .description .arrowHorizontalLine::before {
  content: '';
  position: absolute;
  display: block;
  top: 17px;
  left: 0;
  width: 22px;
  height: 2px;
  background: #59b9c6;
}

.productFunctionListBox .description .arrowUShaped::before {
  content: '';
  position: absolute;
  display: block;
  top: 23px;
  left: 17px;
  width: 17px;
  height: 2px;
  background: #59b9c6;
  transform: rotate(-45deg);
}

.productFunctionListBox .description .arrowUShaped::after {
  content: '';
  position: absolute;
  display: block;
  top: 11px;
  left: 18px;
  width: 17px;
  height: 2px;
  background: #59b9c6;
  transform: rotate(45deg);
}

.productFunctionListBox .description .txt {
  color: #59b9c6;
  font-weight: bold;
  font-size: 18px;
}

/****** ここから追加 ******/
/****** 製品ページ ******/
.productTxtAreaDetail a.notGhost:hover {
  color: #fff;
  border-color: #168592;
  background: #168592;
}

.productTable.correspondingEnvironment th {
  vertical-align: middle;
}

.productFeatureTable th.txtLeft {
  text-align: left;
}

.productFunctionList.contentCenter {
  justify-content: center;
}

.productFunctionListBox:nth-of-type(even) {
  margin-left: 33px;
}

.productFlexSB.noFrame {
  border-top: dotted 2px #707070;
  box-sizing: border-box;
}

.productFlexSB.noFrame .productHalfGrp {
  width: 50%;
}

.productFlexSB.noFrame .productHalfGrp:first-of-type {
  position: relative;
}

.productFlexSB.noFrame .productHalfGrp:first-of-type::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  right: -1px;
  width: 2px;
  height: 60px;
  background: #e9e9e9;
  transform: translateY(-50%);
}

.productFlexSB.noFrame .productBigBtn a:link,
.productFlexSB.noFrame .productBigBtn a:visited {
  display: block;
  height: 100%;
  padding: 55px 0;
  line-height: 1.6;
  color: #59b9c6;
  border: none;
  background-color: #fff;
  box-sizing: border-box;
}

.productFlexSB.noFrame .productBigBtn a:hover {
  color: #168592;
  background: rgba(89, 185, 198, 0.1);
}

.productFlexSB.noFrame .productHalfGrp .productBigBtn a .arrow {
  position: relative;
  display: inline-block;
}

.productFlexSB.noFrame .productHalfGrp:nth-of-type(odd) .productBigBtn a .arrow {
  padding-left: 50px;
}

.productFlexSB.noFrame .productHalfGrp:nth-of-type(even) .productBigBtn a .arrow {
  padding-right: 50px;
}

.productFlexSB.noFrame .productHalfGrp:nth-of-type(odd) .productBigBtn a .arrow::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  border-top: 9px solid transparent;
  border-right: 15px solid #59b9c6;
  border-bottom: 9px solid transparent;
  transform: translateY(-50%);
}

.productFlexSB.noFrame .productHalfGrp:nth-of-type(odd) .productBigBtn a:hover .arrow::before {
  border-right: 15px solid #168592;
}

.productFlexSB.noFrame .productHalfGrp:nth-of-type(even) .productBigBtn a .arrow::before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  right: 0;
  width: 10px;
  height: 10px;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 15px solid #59b9c6;
  transform: translateY(-50%);
}

.productFlexSB.noFrame .productHalfGrp:nth-of-type(even) .productBigBtn a:hover .arrow::before {
  border-left: 15px solid #168592;
}

.productFlexSB.noFrame .productHalfGrp .productBigBtn a .arrow {
  font-size: 20px;
}

.qlikComposeDataWarehouse .productFunctionList.dataMigration {
  margin-bottom: 20px;
}

.qlikComposeDataWarehouse .dataMigration .productFunctionListBox {
  width: 31%;
  margin: 0 1% 3%;
}

.qlikComposeDataWarehouse .productFunctionList.dataMigration .img-wrap {
  margin-bottom: 30px;
  text-align: center;
}

.qlikComposeDataWarehouse .productFunctionList.dataMigration .headline {
  margin-bottom: 0;
  text-align: center;
}

.qlikComposeDataWarehouse .productLeftH2.withAnnotation {
  margin-bottom: 0;
}

.qlikComposeDataWarehouse .productCaseSec .productCaseGrp {
  padding: 62px 30px 90px;
}

.qlikComposeDataWarehouse .productCaseSec .productCaseGrp .productCaseTxtBox {
  justify-content: flex-start;
}

.qlikComposeDataWarehouse .productCaseSec .productCaseGrp .productCaseTitle {
  justify-content: center;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
}

.qlikComposeDataWarehouse .productCaseSec .productCaseGrp .productCaseTxt {
  margin-bottom: 0;
  text-align: center;
}

.qlikComposeDataWarehouse .productCaseSec .productCaseGrp .productCaseTxt::before {
  content: '';
}

.qlikComposeDataWarehouse .productCaseSec .productCaseGrp .productCaseName::before {
  content: '';
}

.pageTransition ul.no-border {
  border-top: none;
}

@media (max-width: 767px) {
  .qlikComposeDataWarehouse .productFunctionList {
    margin: 0;
  }

  .productFunctionListBox:nth-of-type(even) {
    margin-left: 0;
  }

  .productFlexSB.noFrame {
    display: flex;
    align-items: center;
  }

  .productFlexSB.noFrame .productHalfGrp {
    width: 50%;
    height: 80px;
    margin-bottom: 0;
  }

  .productFlexSB.noFrame .productBigBtn {
    height: 100%;
  }

  .productFlexSB.noFrame .productBigBtn a:link,
  .productFlexSB.noFrame .productBigBtn a:visited {
    display: flex;
    align-items: center;
    padding: 0;
  }

  .productFlexSB.noFrame .productHalfGrp:nth-of-type(odd) .productBigBtn a {
    text-align: left;
  }

  .productFlexSB.noFrame .productHalfGrp:nth-of-type(even) .productBigBtn a {
    justify-content: flex-end;
    text-align: right;
  }

  .productFlexSB.noFrame .productHalfGrp .productBigBtn a .arrow {
    font-size: 16px;
  }

  .productFlexSB.noFrame .productHalfGrp:nth-of-type(odd) .productBigBtn a .arrow {
    padding-left: 30px;
  }

  .productFlexSB.noFrame .productHalfGrp:nth-of-type(even) .productBigBtn a .arrow {
    padding-right: 30px;
  }

  .qlikComposeDataWarehouse .dataMigration .productFunctionListBox {
    width: 100%;
    margin: 0;
    box-sizing: border-box;
  }

  .productCaseSec .productCaseGrp {
    padding-bottom: 62px;
  }

  .productCaseSec .productCaseGrp:last-of-type {
    margin-bottom: 40px;
  }

  .productCaseSec .productCaseGrp:first-of-type {
    margin-bottom: 80px;
  }
}

/****** ブログトップページ ******/
.blogWrap.eachBlog .productHalfGrp>h2 {
  color: #092657;
}

.eachBlog .tags {
  flex-wrap: wrap;
}

.eachBlog .tag {
  margin: 0 5px 5px 0;
}

.eachBlog .tag .category {
  display: block;
  padding: 0 10px;
  color: #6f7579;
  font-size: 1.1rem;
  text-decoration: none;
}

.blogIndexList .item:last-of-type {
  border-bottom: 1px dotted #707070;
}

.eachBlog .blogLink {
  margin-top: 100px;
}

.eachBlog .blogLink a {
  color: #59b9c6;
}

.blogWrap .oldLink {
  margin-top: 100px;
  border-radius: 5px;
  border: 3px solid #59b9c6;
}

.blogWrap .oldLink a {
  display: block;
  color: #59b9c6;
  transition: all 0.2s ease-out 0s;
}

.blogWrap .oldLink a:hover {
  background-color: #59b9c6;
  color: #fff;
}

/****** 広報ブログページ ******/
.blogIndexList .item {
  padding-top: 10px;
  text-decoration: none;
  border-bottom: 1px dotted #707070;
}

.blogIndexList .item:hover {
  opacity: 0.6;
}

.blogIndexList .item .time,
.blogIndexList .item .tags {
  color: #deb068;
}

.blogIndexList .item .headline {
  color: #222;
  transition: all 0.2s ease-out 0s;
}

.eachBlogIndexList {
  margin-top: 80px;
}

.eachBlogIndexListItem {
  position: relative;
  border-top: solid 1px #bfbfbf;
}

.eachBlogIndexListLink:link,
.eachBlogIndexListLink:visited {
  display: flex;
  padding: 25px 0;
  text-decoration: none;
}

.eachBlogIndexListLink:hover {
  opacity: 1;
}

.eachBlogIndexListLink:hover .description .head .headline {
  color: #deb068;
}

.eachBlogIndexListItem:last-of-type {
  border-bottom: solid 1px #bfbfbf;
}

.eachBlogIndexListItem .imgWrap {
  width: 100%;
  max-width: 187px;
}

.eachBlogIndexListItem .description {
  position: relative;
  width: 100%;
  max-width: 780px;
  padding: 0 0 35px 15px;
  box-sizing: border-box;
}

.eachBlogIndexListItem .description .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: none;
  min-width: 0;
}

.eachBlogIndexListItem .description .head .time {
  box-sizing: border-box;
  max-width: 100%;
  color: #deb068;
}

.eachBlogIndexListItem .description .head .headline {
  box-sizing: border-box;
  max-width: 100%;
  margin-left: 15px;
  color: #222;
  transition: all 0.2s ease-out 0s;
}

.eachBlog .tag-group {
  position: absolute;
  bottom: 0;
}

.eachBlog .tag {
  display: inline-block;
  background: #f6f6f6;
  border: 1px solid #c1c1c1;
}

@media (max-width: 767px) {

  #blog .blogIndexList .item:nth-of-type(4),
  .blogIndexList .item:nth-of-type(5) {
    display: none;
  }

  #blog .blogIndexList .item:nth-of-type(3) {
    border-bottom: none !important;
  }

  .blogIndexList .item .tags {
    padding-left: 10px;
    box-sizing: border-box;
  }

  .eachBlogIndexListLink:link,
  .eachBlogIndexListLink:visited {
    display: block;
  }

  .eachBlogIndexListLink .imgWrap {
    max-width: none;
  }

  .eachBlogIndexListLink .imgWrap .thumb {
    width: 100%;
  }

  .eachBlogIndexListItem .description {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
  }

  .eachBlogIndexListItem .description .head {
    display: block;
    margin-bottom: 0;
  }

  .eachBlogIndexListItem .description .head .headline {
    margin-top: 5px;
    margin-left: 0;
  }

  .eachBlog .productHalfGrp {
    margin-bottom: 80px;
  }

  .eachBlog .tag-group {
    position: static;
  }

  .eachBlog .blogLink {
    margin: 20px 0 0 0;
  }

  .blogWrap .oldLink {
    margin-top: 0;
  }
}

/****** 問題解決詳細ページ ******/
.contentsWrap .container>.time {
  color: #deb068;
}

.moreInfo .tag a {
  color: #fff;
  background: #deb068;
}

.article .contentColumn h2::before {
  background: #deb068;
}

.article .tag {
  margin-top: 0;
  margin-bottom: 8px;
}

.moreInfo .tags {
  height: auto;
}

#blog .article .tag {
  margin-bottom: 5px;
}

#blog .moreInfo .tag a {
  color: #6f7579;
  background: #f5f5f5;
}

#blog .article .sideColumn li .time {
  color: #deb068;
}

.article .contentColumn .bnr {
  width: 100%;
}

.article .contentColumn .summary {
  margin-top: 70px;
}

.article .sideColumn .sideTitle {
  color: #deb068;
  font-size: 18px;
}

.article .sns {
  display: flex;
  flex-wrap: wrap;
}

.fb_iframe_widget {
  margin: 0 10px;
  line-height: 1;
}

@media (max-width: 767px) {
  .fb_iframe_widget {
    margin: 0 5px;
  }
}

.resourceDetail h2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 20px;
  padding: 0 0 0 16px;
  font-size: 1.8rem !important;
  line-height: 1.5;
  font-weight: 500;
  color: #000;
}

.resourceDetail h2::before {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 8px;
  height: 33px;
  margin: -3px 15px 0 0;
  border-radius: 100px;
  background: #deb068;
}

.resourceDetail p strong {
  color: #092657;
  font-size: 2.4rem;
}

@media (max-width: 767px) {
  .resourceDetail p strong {
    font-size: 1.8rem;
  }
}

.resourceDetail img {
  margin-bottom: 0;
}

.newsTagList .tag {
  margin-right: 15px;
  margin-bottom: 5px;
}

@media (max-width: 767px) {
  .newsTagList .tag {
    margin-right: 10px;
  }
}

.qlikComposeDataLakes .merit .box .txt {
  width: 100%;
}

.Link404 {
  margin-top: 70px !important;
  padding-bottom: 60px;
  font-size: 20px !important;
  font-weight: bold;
  line-height: 2 !important;
  text-align: center;
}

.Link404 a {
  color: #59b9c6;
}

.Link404 a:hover {
  color: #d79b4c;
}

.contentsWrap.contact .container {
  width: 100%;
  max-width: 1000px;
}

.contentsWrap.contact .contactHalfWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .contentsWrap.contact .contactHalfWrap {
    display: block;
  }
}

.contentsWrap.contact .contactFullBox {
  width: 100%;
  margin-bottom: 31px;
  padding: 31px 20px 112px;
  border: 1px solid #bfbfbf;
  position: relative;
}

.contentsWrap.contact .contactHalfBox {
  width: 47.5%;
  margin-bottom: 31px;
  padding: 31px 20px 112px;
  border: 1px solid #bfbfbf;
  position: relative;
}

@media (max-width: 767px) {
  .contentsWrap.contact .contactHalfBox {
    width: 100%;
  }
}

.contentsWrap.contact .contactNameWrap {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #929292;
}

.contentsWrap.contact .contactName {
  min-height: 65px;
  position: relative;
  /*padding: 12px 5px 12px 38px;*/
  padding: 0 5px 0 38px;
  font-size: 2.4rem;
  color: #092657;
  font-weight: bold;
  margin: 0;
  line-height: 1.3;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .contentsWrap.contact .contactName {
    min-height: 50px;
    padding: 0 5px 0 30px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
}

.contentsWrap.contact .contactName::before {
  position: absolute;
  display: block;
  content: '';
  background-color: #deb068;
  width: 8px;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 4px;
}

.contentsWrap.contact .contactHalfTxt {
  min-height: 53px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 2.4;
}

@media (max-width: 767px) {
  .contentsWrap.contact .contactHalfTxt {
    font-size: 13px;
    line-height: 1.5;
  }
}

.contentsWrap.contact .contactBtn {
  position: absolute;
  bottom: 31px;
  left: 0;
  right: 0;
}

.contentsWrap.contact .contactBtn a {
  width: 244px;
  margin: 0 auto;
  padding: 8px 11px 12px;
  background: #59b9c6;
  border: 3px solid #59b9c6;
  border-radius: 5px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.5;
  text-align: center;
  display: block;
}

.contentsWrap.contact .contactBtn a:hover {
  background: #fff;
  color: #59b9c6;
}

.search .searchText {
  margin-bottom: 33px !important;
  font-size: 20px !important;
}

.search .newsIndexList .item {
  margin-bottom: 25px;
  padding-top: 0;
  padding-bottom: 25px;
  border-bottom: 1px dotted #707070;
}

.search .newsIndexList .item:first-of-type {
  padding-top: 25px;
  border-top: 1px dotted #707070;
}

.search .newsIndexList .item a {
  flex-wrap: wrap;
  text-decoration: none;
}

.search .newsIndexList .item a:hover {
  opacity: 1;
}

.search .newsIndexList .item a:hover .title {
  color: #deb068;
}

.search .newsIndexList .item .tags {
  width: 100%;
  margin: 0 0 3px;
}

.search .newsIndexList .item .tag {
  margin: 0 13px 0 0;
  padding: 3px 15px 2px;
  background: #f5f5f5;
  border: 1px solid #e2e2e2;
  color: #6f7579;
  font-size: 11px;
  line-height: 1.4;
  display: inline-block;
}

@media (max-width: 767px) {
  .search .newsIndexList .item .tag {
    margin: 0 10px 0 0;
  }
}

.search .newsIndexList .item .title {
  color: #222;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  text-decoration: none;
  transition: all 0.2s ease-out 0s;
}

@media (max-width: 767px) {
  .search .newsIndexList .item .title {
    font-size: 13px;
    line-height: 1.5;
  }
}

.search .controllLink .nextLink {
  justify-content: flex-end;
}

.sitemap ul {
  margin: 0;
  padding: 0;
}

.sitemap ul li {
  margin: 0 0 50px;
  padding: 0;
  color: #959595;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
}

@media (max-width: 767px) {
  .sitemap ul li {
    font-size: 2rem;
  }
}

.sitemap ul li a {
  padding: 0 0 12px 0;
  color: #092657;
  border-bottom: 1px solid #bfbfbf;
  text-decoration: none;
  display: block;
}

.sitemap ul li a:hover {
  opacity: 0.6;
}

.sitemap ul li span {
  padding: 0 0 12px 0;
  display: block;
  border-bottom: 1px solid #bfbfbf;
}

.sitemap ul li ul {
  margin: 0 0 60px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.sitemap ul li ul li {
  width: 33.33333%;
  margin: 40px 0 0 0;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.5;
  position: relative;
}

@media (max-width: 767px) {
  .sitemap ul li ul li {
    width: 100%;
    padding: 0 0 0 20px;
  }
}

.sitemap ul li ul li:before {
  width: 8px;
  height: 33px;
  background: #deb068;
  border-radius: 50px;
  content: '';
  display: block;
  position: absolute;
  top: -5px;
  left: 0;
}

.sitemap ul li ul li a {
  padding: 0;
  border-bottom: none;
}

.sitemap ul li ul li ul {
  margin: 30px 0 0 0;
  padding: 0;
  display: block;
}

.sitemap ul li ul li ul li {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 2;
}

.sitemap ul li ul li ul li:before {
  display: none;
}

.sitemap ul li ul li ul li a {
  color: #222;
}

.sitemap ul li ul li ul li a:hover {
  color: #deb068;
  opacity: 1;
}

ul.list-style-disc {
  padding-left: 1em;
}

ul.list-style-disc li {
  list-style: disc;
}

/* Denodo */
@media (max-width: 767px) {
  .denodo {
    padding-top: 0;
  }
}

img.denodoLogo {
  width: 100px;
  position: relative;
  right: 70px;
}

@media (max-width: 767px) {
  img.denodoLogo {
    right: 0%;
  }
}

.denodo .productLeftH2 {
  padding: 0;
}

@media (max-width: 767px) {
  .denodo .productLeftH2 {
    margin-top: 30px;
  }
}

.denodo .productLeftBorderH3,
.denodo .productBrownH3 {
  margin-top: 50px;
}

.denodo .productLightBlueList {
  margin: 30px 0 20px;
}

.denodo .productLightBlueListItem {
  font-size: 18px;
  font-weight: bold;
  padding-left: 32px;
  color: #092657;
}

@media (max-width: 767px) {
  .denodo .productLightBlueListItem {
    font-size: 15px;
  }
}

.denodo .aboutDenodo .productLeftH2 {
  color: #ce3e3a;
}

.denodo .aboutDenodo .productLeftBorderH3 {
  color: #dfb169;
}

#aboutDenodo .productLeftBorderH3::before {
  position: absolute;
  content: '';
  width: 14px;
  height: 100%;
  border-radius: 7px;
  top: 0;
  left: 0;
  background-color: #dfb169;
}

.denodo .aboutDenodo .productLightBlueListItem::before {
  position: absolute;
  background: none;
  content: url(../images/product_sol_point_check_blown.png);
  top: -3px;
  left: 0;
}

.denodo .aboutDenodo .bashedunderLine {
  border-bottom: dashed 3px #ce3e3a;
}

.denodo .aboutDenodo img {
  max-width: 105%;
  margin-left: -20px;
}

@media (max-width: 767px) {
  .denodo .aboutDenodo img {
    margin-left: -10px;
  }
}

.denodo .aboutDenodo .productBigBtn {
  text-align: center;
  margin: 0 auto;
  width: 70%;
}

.denodo .aboutDenodo .productBigBtn a:link,
.denodo .aboutDenodo .productBigBtn a:visited {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  line-height: 66px;
  background-color: #dfb169;
  border: 3px solid #dfb169;
  border-radius: 5px;
}

@media (max-width: 767px) {

  .denodo .aboutDenodo .productBigBtn a:link,
  .denodo .aboutDenodo .productBigBtn a:visited {
    font-size: 1.3rem;
    line-height: 20px;
  }
}

.denodo .aboutDenodo .productBigBtn a:hover {
  background-color: #fff;
  border: 3px solid #dfb169;
  color: #dfb169;
}

.denodo .productDenodo {
  background-color: #f3f3f3;
}

.denodo .productDenodo .center .productBold20 {
  display: flex;
  margin-left: 35px;
}

@media (max-width: 767px) {
  .denodo .productDenodo .center .productBold20 {
    display: block;
    margin-left: 0px;
  }
}

.denodo .productDenodo .solution {
  border: dashed 3px #ce3e3a;
  width: 405px;
  padding: 25px;
}

@media (max-width: 767px) {
  .denodo .productDenodo .solution {
    border: dashed 3px #ce3e3a;
    width: 300px;
    padding: 25px;
    margin: 10px auto;
  }
}

.denodo .productDenodo ul {
  color: #fff;
  width: 300px;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px;
  border: solid 1px #f05249;
  border-radius: 10px;
  background-color: #f05249;
}

@media (max-width: 767px) {
  .denodo .productDenodo ul {
    color: #fff;
    width: 220px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
    border: solid 1px #f05249;
    border-radius: 10px;
    background-color: #f05249;
  }
}

.denodo .productDenodo li {
  list-style-type: none;
  position: relative;
  padding-left: 0.6em;
}

.denodo .productDenodo li:before {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: -10px;
  top: 0.6em;
  content: '';
  background: #f05249;
}

.denodo .productDenodo .arrow {
  width: 90px;
  margin: 150px -1px 0px -5px;
}

@media (max-width: 767px) {
  .denodo .productDenodo .arrow {
    width: 100px;
    margin: 0 auto;
    transform: rotate(90deg);
  }
}

.denodo .productDenodo .productLeftH2 {
  color: #dfb169;
}

.denodo .productDenodo .container {
  background-color: #f3f3f3;
}

.denodo .productDenodo .productBrownH3 {
  color: #deb068;
}

.denodo .productDenodo .productLightBlueListItem::before {
  position: absolute;
  background: none;
  content: url(../images/product_sol_point_check_blown.png);
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  .denodo .productBg {
    padding: 12% 0 !important;
    background-position: center top;
  }
}

.denodo .productSolPoint3Box {
  margin-top: 40px;
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .denodo .productSolPoint3Box {
    margin-top: 30px;
  }
}

@media (max-width: 767px) {
  .denodo .productSolTxt {
    margin-bottom: 50px;
    line-height: 25px;
  }
}

.denodo .productSolTxt {
  line-height: 50px;
}

.denodo .productTxtAreaDetail {
  margin: auto;
}

.denodo .productSolPoint3Box:first-child {
  border-top: 14px solid #ce3e3a;
}

.denodo .productSolPoint3Box:first-child .productSolPointTtl p {
  color: #ce3e3a;
}

.denodo .productSolPoint3Box:first-child .productSolPointTtl .upper {
  margin-top: -20px;
  margin-bottom: -15px;
}

@media (max-width: 767px) {
  .denodo .productSolPoint3Box:first-child .productSolPointTtl .upper {
    margin-top: -20px;
    margin-bottom: 10px;
  }
}

.denodo .productSolPoint3Box:first-child .productSolPointTtl .lower {
  margin: -15px;
}

.denodo .productSolPoint3Box:first-child .dot {
  display: inline-block;
  position: relative;
}

.denodo .productSolPoint3Box:first-child .dot::before {
  position: absolute;
  top: -0.6em;
  left: 50%;
  transform: translate(-50%, 0);
  color: #ce3e3a;
  font-size: 1.5em;
  content: '・';
}

@media (max-width: 767px) {
  .denodo .productSolPoint3Box:first-child .dot::before {
    position: absolute;
    top: -0.6em;
    left: 50%;
    transform: translate(-50%, 0);
    color: #ce3e3a;
    font-size: 1.5em;
    content: '・';
  }
}

.denodo .productSolPoint3Box:nth-child(2) {
  border-top: 14px solid #dfb169;
}

.denodo .productSolPoint3Box:nth-child(2) .productSolPointTtl {
  color: #dfb169;
}

.denodo .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:link,
.denodo .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:visited {
  background: #deb068;
  border-color: #deb068;
}

.denodo .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:hover,
.denodo .productSolPoint3Box:nth-child(2) .productTxtAreaDetail a:active {
  background-color: #fff;
  border-color: #deb068;
  color: #deb068;
}

.denodo .productSolPoint3Box:nth-child(2) .dot {
  display: inline-block;
  position: relative;
}

.denodo .productSolPoint3Box:nth-child(2) .dot::before {
  position: absolute;
  top: -0.6em;
  left: 50%;
  transform: translate(-50%, 0);
  color: #dfb169;
  font-size: 1.5em;
  content: '・';
}

@media (max-width: 767px) {
  .denodo .productSolPoint3Box:nth-child(2) .dot::before {
    position: absolute;
    top: -0.6em;
    left: 50%;
    transform: translate(-50%, 0);
    color: #dfb169;
    font-size: 1.5em;
    content: '・';
  }
}

.denodo .productSolPoint3Box:last-child {
  border-top: 14px solid #092657;
}

.denodo .productSolPoint3Box:last-child .productSolPointTtl {
  color: #092657;
}

.denodo .productSolPoint3Box:last-child .productTxtAreaDetail a:link,
.denodo .productSolPoint3Box:last-child .productTxtAreaDetail a:visited {
  background: #092657;
  border-color: #092657;
}

.denodo .productSolPoint3Box:last-child .productTxtAreaDetail a:hover,
.denodo .productSolPoint3Box:last-child .productTxtAreaDetail a:active {
  background-color: #fff;
  border-color: #092657;
  color: #092657;
}

.denodo .productSolPoint3Box:last-child .dot {
  display: inline-block;
  position: relative;
}

.denodo .productSolPoint3Box:last-child .dot::before {
  position: absolute;
  top: -0.6em;
  left: 50%;
  transform: translate(-50%, 0);
  color: #092657;
  font-size: 1.5em;
  content: '・';
}

@media (max-width: 767px) {
  .denodo .productSolPoint3Box:last-child .dot::before {
    position: absolute;
    top: -0.6em;
    left: 50%;
    transform: translate(-50%, 0);
    color: #092657;
    font-size: 1.5em;
    content: '・';
  }
}

.denodo .productBg .productBigBtn {
  text-align: center;
  margin: 0 auto;
  width: 70%;
}

.denodo .productBg .productBigBtn a:link,
.denodo .productBg .productBigBtn a:visited {
  display: block;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  line-height: 66px;
  background-color: #092657;
  border: 3px solid #092657;
  border-radius: 5px;
}

.denodo .productBg .productBigBtn a:hover {
  background-color: #fff;
  border: 3px solid #092657;
  color: #092657;
}

/* Governor */
.Governor .productGovernor .center .productBold20 {
  display: flex;
}

@media (max-width: 767px) {
  .Governor .productGovernor .center .productBold20 {
    display: block;
  }
}

.Governor .productGovernor .solution {
  border: dashed 3px #018198;
  width: calc(45%);
  padding: 25px;
}

@media (max-width: 767px) {
  .Governor .productGovernor .solution {
    border: dashed 3px #018198;
    width: 100%;
    padding: 25px;
  }
}

.Governor .productGovernor ul {
  color: #fff;
  width: calc(50%);
  text-align: center;
  margin: 0 auto;
  margin-bottom: 10px;
  border: solid 1px #018198;
  border-radius: 10px;
  background-color: #018198;
}

.Governor .productGovernor li {
  font-size: 18px;
  list-style-type: none;
  position: relative;
  padding-left: 0.6em;
}

.Governor .productGovernor li:before {
  border-radius: 50%;
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  left: -10px;
  top: 0.6em;
  content: '';
  background: #018198;
}

.Governor .productGovernor .arrow {
  width: calc(10%);
}

@media (max-width: 767px) {
  .Governor .productGovernor .arrow {
    width: 100%;
  }
}

.Governor .productGovernor .arrow span {
  border-style: solid;
  border-width: 25px 0 25px 35px;
  border-color: transparent transparent transparent #018198;
  display: inline-block;
  position: relative;
  top: 40%;
  left: 38%;
}

@media (max-width: 767px) {
  .Governor .productGovernor .arrow span {
    transform: rotate(90deg);
    left: 45%;
  }
}

.Governor .GovernorFeatureSec .productImg {
  margin-bottom: 100px;
}

.Governor .productBg {
  background: url('/wp-content/themes/arkhe-child/images/common/images/product_bg.jpg') repeat-x center 400px / cover;
}

.Governor .productSolPoint3Box {
  margin-top: 50px;
}

.Governor .productTxtAreaDetail {
  margin: auto;
}

.Governor .productSolPoint2Box:first-child {
  border-top: 14px solid #02599A;
}

.Governor .productSolPoint2Box:first-child img {
  width: 50%;
}

@media (max-width: 767px) {
  .Governor .productSolPoint2Box:first-child img {
    width: 80%;
  }
}

.Governor .productSolPoint2Box:last-child {
  border-top: 14px solid #2D97C7;
}

.Governor .productSolPoint3Box:first-child {
  border-top: 14px solid #539E76;
}

.Governor .productSolPoint3Box:first-child img {
  width: 70%;
}

.Governor .productSolPoint3Box:nth-child(2) {
  border-top: 14px solid #654B82;
}

.Governor .productSolPoint3Box:nth-child(2) img {
  width: 85%;
}

.Governor .productSolPoint3Box:last-child {
  border-top: 14px solid #EFA646;
}

.Governor .productSolPoint3Box:last-child img {
  width: 90%;
}

.Governor .productCaseGrp {
  position: relative;
  width: 100%;
  color: #222;
  background-color: #fff;
  padding: 62px 44px 17px 84px;
  margin-bottom: 73px;
  border-bottom: none;
}

@media (max-width: 767px) {
  .Governor .productCaseGrp {
    padding: 62px 44px 17px 40px;
  }
}