@charset "UTF-8";

.loaded #loading {
  display: none;
}

/*----------------------------------
  utility.css 
-----------------------------------*/

.u-dsisplay {
  display:contents;}

.p-detail__btn {
color:#ffffff;}

.p-detail__btn:hover {
color:#ffffff;}

.z-index3 {
      z-index: 3;
    position: relative;
}

.z-index100{
      z-index: 100;
    position: relative;
}
.u-100px {
  position: absolute;
  top: -100px !important;
}

.u-200px {
  position: absolute;
  top: -200px !important;
}

.u-300px {
  position: absolute;
  top: -300px !important;
}

.u-500px {
  position: absolute;
  top: -500px !important;
}

.u-400px {
  position: absolute;
  top: -400px !important;
}


.u-absolute {
  position: absolute;
}


.u-pc {
  display: none !important;
}

@media (min-width: 768px) {
  .u-pc {
    display: block !important;
  }
}

.u-sp {
  display: block !important;
}

@media (min-width: 768px) {
  .u-sp {
    display: none !important;
  }
}

.u-marginright {
  -webkit-margin-end: unset !important;
  margin-inline-end: unset !important;
}

@media (min-width: 0px) {
  .u-marginright--sp {
    -webkit-margin-end: unset !important;
    margin-inline-end: unset !important;
  }
}

@media (min-width: 768px) {
  .u-marginright--sp {
    -webkit-margin-end: inherit !important;
    margin-inline-end: inherit !important;
  }
}

@media (min-width: 768px) {
  .u-marginright--pc {
    -webkit-margin-end: unset !important;
    margin-inline-end: unset !important;
  }
}

/*----------------------------------
  u-font
-----------------------------------*/
.u-ls--07 {
  letter-spacing: 0.07em;
}

.u-ls--06 {
  letter-spacing: 0.06em;
}

.u-ls--05 {
  letter-spacing: 0.05em;
}

.u-ls--04 {
  letter-spacing: 0.04em;
}

.u-ls--03 {
  letter-spacing: 0.03em;
}

.u-ls--02 {
  letter-spacing: 0.02em;
}

.u-ls--01 {
  letter-spacing: 0.01em;
}

.u-ls--0 {
  letter-spacing: 0em;
}

/*----------------------------------
  u-pointer
-----------------------------------*/
.u-pointer__none {
  pointer-events: none !important;
}

@media (min-width: 0px) {
  .u-pointer__none--sp {
    pointer-events: none !important;
  }
}

@media (min-width: 768px) {
  .u-pointer__none--pc {
    pointer-events: none !important;
  }
}

/*----------------------------------
  u-text
-----------------------------------*/
.u-text__center {
  text-align: center !important;
}

.u-text__center--sp {
  text-align: center !important;
}

@media (min-width: 768px) {
  .u-text__center--sp {
    text-align: unset !important;
  }
}

@media (min-width: 768px) {
  .u-text__center--pc {
    text-align: center !important;
  }
}

.u-text__left {
  text-align: left !important;
}

.u-text__left--sp {
  text-align: left !important;
}

@media (min-width: 768px) {
  .u-text__left--sp {
    text-align: unset !important;
  }
}

@media (min-width: 768px) {
  .u-text__left--pc {
    text-align: left !important;
  }
}

.u-text__right {
  text-align: right !important;
}

.u-text__right--sp {
  text-align: right !important;
}

@media (min-width: 768px) {
  .u-text__right--sp {
    text-align: unset !important;
  }
}

@media (min-width: 768px) {
  .u-text__right--pc {
    text-align: right !important;
  }
}

.u-text__nowrap {
  white-space: nowrap !important;
}

.u-text__nowrap--sp {
  white-space: nowrap !important;
}

@media (min-width: 768px) {
  .u-text__nowrap--sp {
    white-space: normal !important;
  }
}

@media (min-width: 768px) {
  .u-text__nowrap--pc {
    white-space: nowrap !important;
  }
}

/*----------------------------------
  調整
-----------------------------------*/
.p-top-service__item {
  transition:opacity 0.3 ease;
}
.p-top-service__item:hover {
  opacity:0.8;}

.pointer-none {
  pointer-events: none;}

.c-service__item {
     width: 100%;
}

.p-top-news__bg {
  opacity: 0.25;}


.webgene-item:last-of-type .c-news__item {
    border-bottom: 1px dotted #000000;
}