@charset "UTF-8";
/* フォント定設
-----------------------------------------------------------------*/
@font-face {
  font-family: "MyYuGothicM";
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* 游ゴシックMediumが存在しないWindows8.1用 */
}
@font-face {
  font-family: "MyYuGothicM";
  font-weight: bold;
  src: local("YuGothic-Bold"), local("Yu Gothic Bold");
  /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
}
.lpProlabScope {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 100%;
  line-height: 1;
  color: #191919;
  /*--------------------------------
   HEADER
  --------------------------------*/
  /*--------------------------------
   FOOTER
  --------------------------------*/
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-header {
    height: 16vw;
  }
}
.lpProlabScope .l-header.l-header-top {
  height: 0;
}
.lpProlabScope .l-container_inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-container_inner {
    width: 100%;
    max-width: 1240px;
    padding: 0 80px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-container_inner {
    width: 92vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-container_inner {
    padding: 0 20px;
  }
}
.lpProlabScope .l-header_container {
  position: fixed;
  z-index: 100;
  width: 100vw;
  background-color: #ffffff;
}
.lpProlabScope .l-header-top .l-header_container {
  background-color: transparent;
}
.lpProlabScope .l-header-top .l-header_container::before {
  position: absolute;
  z-index: -1;
  right: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #191919;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  content: "";
}
.lpProlabScope .l-header-top .l-header_container.is-scrolled::before {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_inner {
    display: table;
    height: 70px;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-header_inner {
    position: relative;
    height: 16vw;
  }
}
.lpProlabScope .l-header_logo {
  display: inline-block;
  float: left;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_logo {
    width: 112px;
    margin-top: 18px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-header_logo {
    width: 26.8vw;
    margin-top: 3.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-header_logo {
    width: 80px;
  }
}
.lpProlabScope .l-header_nav {
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_nav {
    display: table-cell;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_navItem {
    position: relative;
    display: inline-block;
    margin-left: 30px;
    vertical-align: middle;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_navItem::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 1px;
    margin: 0;
    background-color: #191919;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    content: "";
  }
}
.lpProlabScope .l-header-top .l-header_navItem::after {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_navItem:hover::after,
  .lpProlabScope .l-header_navItem.is-current::after {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_navItemLink {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.06em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-header_navItemLink {
    font-size: 12px;
  }
}
.lpProlabScope .l-header-top .l-header_navItemLink {
  color: #ffffff;
}
.lpProlabScope .l-header_sns {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_sns {
    display: table-cell;
    width: 28px;
    padding-left: 30px;
    font-size: 28px;
    line-height: 1em;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-header_sns {
    width: 20px;
    padding-left: 20px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_sns img {
    vertical-align: middle;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-header_access_sp {
    position: absolute;
    top: 50%;
    right: 17.3333333333vw;
    width: 8.5333333333vw;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger {
    position: fixed;
    z-index: 200;
    top: 0;
    right: -100vw;
    overflow-y: auto;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
  }
}
.lpProlabScope .l-headerHamburger_logo {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_logo {
    width: 26.8vw;
    padding: 3.4666666667vw 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_access {
    position: absolute;
    top: 4.5333333333vw;
    right: 17.3333333333vw;
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 16vw;
    height: 16vw;
    cursor: pointer;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_nav {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navItem {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navItem:first-child {
    border-top: 1px solid #e8e8e8;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navItem a {
    display: block;
    padding: 3.2vw 5.3333333333vw;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.06em;
    text-decoration: none;
    vertical-align: middle;
    color: #191919;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navItem.l-headerHamburger_navItem-arrow a::after {
    position: absolute;
    top: 6.1333333333vw;
    right: 7.4666666667vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 0.5333333333vw solid #191919;
    border-right: 0.5333333333vw solid #191919;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
}
.lpProlabScope .l-headerHamburger_navSns {
  padding: 6.6666666667vw 0;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_snsItem {
    display: inline-block;
    width: 8.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_snsItem + .l-headerHamburger_snsItem {
    margin-left: 8vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navChild {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navChildItem {
    position: relative;
    padding: 0;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navChildItem a {
    display: block;
    padding: 2.4vw 5.3333333333vw 2.4vw 8vw;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.06em;
    text-decoration: none;
    vertical-align: middle;
    color: #191919;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navChildItem a::before {
    position: absolute;
    top: 8vw;
    left: 5.3333333333vw;
    width: 1.0666666667vw;
    height: 2.1333333333vw;
    border-top: 0.2666666667vw solid #191919;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_navChildItem a::after {
    position: absolute;
    top: 50%;
    right: 7.4666666667vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 0.5333333333vw solid #191919;
    border-right: 0.5333333333vw solid #191919;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_accordionIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 14.4vw;
    height: 14.4vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_accordionIcon::before,
  .lpProlabScope .l-headerHamburger_accordionIcon::after {
    position: absolute;
    right: 6vw;
    bottom: 6.9333333333vw;
    width: 4.2666666667vw;
    height: 0.5333333333vw;
    background-color: #191919;
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_accordionIcon::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_accordionIcon.is-active::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_accordionInner {
    display: none;
    border-top: 1px solid #e8e8e8;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_order {
    width: 100%;
    padding: 5.3333333333vw 5.3333333333vw 4vw;
    background-color: #191919;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_order .c-button {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_orderButtons {
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_orderButton {
    display: inline-block;
    width: 28vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_orderButton:nth-child(n+2) {
    margin-left: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_icon.l-headerHamburger_icon-open .c-imageBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 7.4666666667vw;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_icon.l-headerHamburger_icon-close::before,
  .lpProlabScope .l-headerHamburger_icon.l-headerHamburger_icon-close::after {
    position: absolute;
    right: 5.3333333333vw;
    bottom: 6.9333333333vw;
    width: 8vw;
    height: 0.8vw;
    background-color: #191919;
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_icon.l-headerHamburger_icon-close::before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_icon.l-headerHamburger_icon-close::after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-headerHamburger_bg {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    visibility: hidden;
    width: 100vw;
    height: 100vh;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
    cursor: pointer;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-header_nav li:hover .l-headerPopup {
    display: block;
    -webkit-animation: show 0.2s linear 0s;
    animation: show 0.2s linear 0s;
  }
}
@-webkit-keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup {
    position: absolute;
    z-index: 0;
    top: 100%;
    display: none;
    padding-top: 24px;
    font-size: 0;
    line-height: 0;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup.l-headerPopup-service {
    left: -537px;
    width: 1191px;
    padding: 28px 18px 18px;
    background-image: url("../../file_prolab/template/images/header_bg_01.png?v=2109");
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup.l-headerPopup-gallery {
    left: -150px;
    width: 526px;
    padding: 28px 18px 18px;
    background-image: url("../../file_prolab/template/images/header_bg_02.png");
    background-size: 100% 100%;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_container {
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_serviceLeft {
    display: inline-block;
    width: 827px;
    padding: 50px 40px 50px 50px;
    text-align: left;
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_imageGrid {
    font-size: 0;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_imageGridItem {
    display: inline-block;
    width: 239px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_imageGridItem:nth-child(3n) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_imageGridItem:nth-child(n+3) {
    margin-top: 10px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_textlinks {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_serviceRight {
    display: inline-block;
    width: 325px;
    padding: 40px;
    text-align: center;
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_serviceRight .c-button {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_howtoorder {
    display: inline-block;
    width: 174px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_orderButton {
    padding-top: 26px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_tree {
    display: inline-block;
    width: 48px;
    text-align: right;
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_tree .c-imageBox img {
    width: 22px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_buttons {
    display: inline-block;
    width: 196px;
    padding-top: 8px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_buttons .c-button {
    margin-top: 12px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_list {
    padding: 50px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_list .l-headerPopup_listItem {
    width: 100%;
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_list .l-headerPopup_listItem:nth-child(n+2) {
    margin-top: 33px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_list a {
    position: relative;
    display: block;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-headerPopup_list a::after {
    position: absolute;
    top: 50%;
    right: 0;
    display: inline-block;
    width: 0.5em;
    height: 0.5em;
    margin-left: 10px;
    border-top: 2px solid #191919;
    border-right: 2px solid #191919;
    vertical-align: text-top;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: "";
  }
}
.lpProlabScope .c-imageBox {
  font-size: 0;
}
.lpProlabScope .c-imageBox img {
  width: 100%;
}
.lpProlabScope .c-link.c-link-hover {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-link.c-link-hover:hover {
    opacity: 0.7;
    cursor: pointer;
  }
}
.lpProlabScope .c-button {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  border: 2px solid #191919;
  text-align: center;
  color: #191919;
  -webkit-transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: color 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button {
    width: 245px;
    height: 50px;
    border-radius: 25px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .c-button {
    width: 65.3333333333vw;
    height: 13.3333333333vw;
    border-radius: 6.6666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button::before {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    background: #191919;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
    content: "";
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button:hover {
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button:hover::before {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
  }
}
.lpProlabScope .c-button.c-button-reverse {
  border-color: #191919;
  background-color: #191919;
  color: #ffffff;
}
.lpProlabScope .c-button.c-button-reverse::before {
  background-color: #ffffff;
}
.lpProlabScope .c-button.c-button-reverse2 {
  border-color: #ffffff;
  color: #ffffff;
}
.lpProlabScope .c-button.c-button-reverse2::before {
  background-color: #ffffff;
}
.lpProlabScope .c-button.c-button-reverse:visited,
.lpProlabScope .c-button.c-button-reverse2:visited {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-reverse:hover,
  .lpProlabScope .c-button.c-button-reverse2:hover {
    color: #191919;
  }
}
.lpProlabScope .c-button.c-button-white {
  border-color: #ffffff;
  background-color: #ffffff;
  color: #191919;
}
.lpProlabScope .c-button.c-button-white::before {
  background-color: #191919;
}
.lpProlabScope .c-button.c-button-white:visited {
  color: #191919;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-white:hover {
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-right {
    padding: 0 30px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .c-button.c-button-right {
    padding: 0 6.6666666667vw 0 5.3333333333vw;
  }
}
.lpProlabScope .c-button.c-button-right::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  width: 8px;
  height: 8px;
  border-top: 2px solid #191919;
  border-right: 2px solid #191919;
  -webkit-transform: translateY(-50%) rotate(45deg);
  -ms-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-right::after {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .c-button.c-button-right::after {
    right: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-right:hover::after {
    border-top-color: #ffffff;
    border-right-color: #ffffff;
  }
}
.lpProlabScope .c-button.c-button-reverse.c-button-right::after,
.lpProlabScope .c-button.c-button-reverse2.c-button-right::after {
  border-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-reverse.c-button-right:hover::after,
  .lpProlabScope .c-button.c-button-reverse2.c-button-right:hover::after {
    border-color: #191919;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-document {
    padding: 0 40px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .c-button.c-button-document {
    padding: 0 9.3333333333vw 0 5.3333333333vw;
  }
}
.lpProlabScope .c-button.c-button-document::after {
  position: absolute;
  z-index: 2;
  top: 50%;
  background-image: url("../../file_prolab/common/images/common_icon-document_01.png");
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  content: "";
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-document::after {
    right: 20px;
    width: 18px;
    height: 14px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .c-button.c-button-document::after {
    right: 5.3333333333vw;
    width: 3.7333333333vw;
    height: 3.2vw;
  }
}
.lpProlabScope .c-button.c-button-reverse.c-button-document::after,
.lpProlabScope .c-button.c-button-reverse2.c-button-document::after {
  background-image: url("../../file_prolab/common/images/common_icon-document-white_01.png");
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button.c-button-reverse.c-button-document:hover::after,
  .lpProlabScope .c-button.c-button-reverse2.c-button-document:hover::after {
    background-image: url("../../file_prolab/common/images/common_icon-document_01.png");
  }
}
.lpProlabScope .c-button_inner {
  position: relative;
  z-index: 2;
  display: inline-block;
  font-weight: 700;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-button_inner {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .c-button_inner {
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.04em;
  }
}
.lpProlabScope .c-textlink {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  word-break: break-all;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-textlink:hover {
    opacity: 0.7;
  }
}
.lpProlabScope .c-textlink-right::after {
  display: inline-block;
  border-top: 2px solid #191919;
  border-right: 2px solid #191919;
  vertical-align: text-top;
  -webkit-transform: translateY(70%) rotate(45deg);
  -ms-transform: translateY(70%) rotate(45deg);
  transform: translateY(70%) rotate(45deg);
  content: "";
}
@media screen and (min-width: 768px) {
  .lpProlabScope .c-textlink-right::after {
    width: 0.5em;
    height: 0.5em;
    margin-left: 10px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .p-buttons_item {
    width: 86.6666666667vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .p-buttons_item:nth-child(n+2) {
    margin-top: 4vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .p-navItem_new {
    margin: 0 0 0 1.5em;
    padding: 0 1em;
    background-color: #ff0000;
    font-size: 13px;
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .u-hide-pc {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .u-hide-sp {
    display: none !important;
  }
}
.lpProlabScope .l-totop {
  position: relative;
}
.lpProlabScope .l-totop_button {
  position: absolute;
  bottom: 100%;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-totop_button {
    right: 80px;
    width: 60px;
    height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-totop_button {
    right: 0;
    width: 10.6666666667vw;
    height: 10.6666666667vw;
  }
}
.lpProlabScope .l-breadcrumb {
  background-color: #f7f7f7;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-breadcrumb {
    padding: 10px 0;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-breadcrumb {
    padding: 2.9333333333vw 0;
    font-size: 11px;
    line-height: 17px;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-breadcrumb {
    font-size: 10px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav {
    padding: 40px 0;
    background-color: #191919;
    text-align: center;
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav a {
    color: #ffffff;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_blocks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_block {
    display: inline-block;
    text-align: left;
    vertical-align: top;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_items {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-footerNav_items {
    font-size: 10px;
    line-height: 1.7;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_item {
    position: relative;
    margin-top: 12px;
    padding-left: 1em;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_item::before {
    position: absolute;
    top: 0;
    left: 0;
    content: "-";
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_item a {
    position: relative;
    display: inline-block;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_item a::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 1px;
    margin: 0;
    background-color: #ffffff;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    content: "";
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_item a:hover::after,
  .lpProlabScope .l-footerNav_item a.is-current::after {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_title {
    display: block;
    border-bottom: 1px solid #ffffff;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.04em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-footerNav_title {
    font-size: 12px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_group {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_groupInner {
    display: inline-block;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerNav_special {
    display: inline-block;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNav_special {
    width: 46.2666666667vw;
    margin: 0 auto 8.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-footerNav_special {
    max-width: 220px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNav_special img {
    width: 100%;
  }
}
.lpProlabScope .l-footerNavSp {
  background: #191919;
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_nav {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navItem {
    position: relative;
    padding: 0;
    border-bottom: 1px solid #474747;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navItem:first-child {
    border-top: 1px solid #474747;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navItem a {
    display: block;
    padding: 3.2vw 5.3333333333vw;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0.06em;
    text-decoration: none;
    vertical-align: middle;
    color: #ffffff;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navItem.l-footerNavSp_navItem-arrow a::after {
    position: absolute;
    top: 6.1333333333vw;
    right: 7.4666666667vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 0.5333333333vw solid #ffffff;
    border-right: 0.5333333333vw solid #ffffff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navChild {
    overflow-y: scroll;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navChildItem {
    position: relative;
    padding: 0;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navChildItem a {
    display: block;
    padding: 2.4vw 5.3333333333vw 2.4vw 8vw;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0.06em;
    text-decoration: none;
    vertical-align: middle;
    color: #ffffff;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navChildItem a::before {
    position: absolute;
    top: 8vw;
    left: 5.3333333333vw;
    width: 1.0666666667vw;
    height: 2.1333333333vw;
    border-top: 0.2666666667vw solid #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_navChildItem a::after {
    position: absolute;
    top: 50%;
    right: 7.4666666667vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    border-top: 0.5333333333vw solid #ffffff;
    border-right: 0.5333333333vw solid #ffffff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_accordionIcon {
    position: absolute;
    top: 0;
    right: 0;
    width: 14.4vw;
    height: 14.4vw;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_accordionIcon::before,
  .lpProlabScope .l-footerNavSp_accordionIcon::after {
    position: absolute;
    right: 6vw;
    bottom: 6.9333333333vw;
    width: 4.2666666667vw;
    height: 0.5333333333vw;
    background-color: #ffffff;
    content: "";
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_accordionIcon::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_accordionIcon.is-active::after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerNavSp_accordionInner {
    display: none;
    border-top: 1px solid #474747;
  }
}
.lpProlabScope .l-footerCopy {
  border-top: 1px solid #ffffff;
  background-color: #191919;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerCopy {
    padding: 20px 0;
    font-size: 12px;
    line-height: 10px;
    letter-spacing: 0.04em;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerCopy {
    padding: 4vw 0;
    font-size: 10px;
    line-height: 18px;
    letter-spacing: 0.04em;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .lpProlabScope .l-footerCopy {
    font-size: 9px;
  }
}
.lpProlabScope .l-footerCopy a {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerCopy_inner {
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerCopy_inner::after {
    display: block;
    clear: both;
    content: "";
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerCopy_copyright {
    float: left;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerCopy_copyright {
    margin-top: 1.3333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerCopy_nav {
    float: right;
  }
}
.lpProlabScope .l-footerCopy_nav li {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .lpProlabScope .l-footerCopy_nav li:not(:first-child) {
    margin-left: 30px;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope .l-footerCopy_nav li:not(:first-child) {
    margin-left: 4vw;
  }
}
.lpProlabScope *,
.lpProlabScope *::before,
.lpProlabScope *::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.lpProlabScope div,
.lpProlabScope span,
.lpProlabScope object,
.lpProlabScope iframe,
.lpProlabScope h1,
.lpProlabScope h2,
.lpProlabScope h3,
.lpProlabScope h4,
.lpProlabScope h5,
.lpProlabScope h6,
.lpProlabScope p,
.lpProlabScope blockquote,
.lpProlabScope pre,
.lpProlabScope abbr,
.lpProlabScope address,
.lpProlabScope cite,
.lpProlabScope code,
.lpProlabScope del,
.lpProlabScope dfn,
.lpProlabScope em,
.lpProlabScope img,
.lpProlabScope ins,
.lpProlabScope kbd,
.lpProlabScope q,
.lpProlabScope samp,
.lpProlabScope small,
.lpProlabScope strong,
.lpProlabScope sub,
.lpProlabScope sup,
.lpProlabScope var,
.lpProlabScope b,
.lpProlabScope i,
.lpProlabScope dl,
.lpProlabScope dt,
.lpProlabScope dd,
.lpProlabScope ol,
.lpProlabScope ul,
.lpProlabScope li,
.lpProlabScope fieldset,
.lpProlabScope form,
.lpProlabScope label,
.lpProlabScope legend,
.lpProlabScope table,
.lpProlabScope caption,
.lpProlabScope tbody,
.lpProlabScope tfoot,
.lpProlabScope thead,
.lpProlabScope tr,
.lpProlabScope th,
.lpProlabScope td,
.lpProlabScope article,
.lpProlabScope aside,
.lpProlabScope canvas,
.lpProlabScope details,
.lpProlabScope figcaption,
.lpProlabScope figure,
.lpProlabScope footer,
.lpProlabScope header,
.lpProlabScope hgroup,
.lpProlabScope menu,
.lpProlabScope nav,
.lpProlabScope section,
.lpProlabScope summary,
.lpProlabScope time,
.lpProlabScope mark,
.lpProlabScope audio,
.lpProlabScope video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 100%;
  vertical-align: baseline;
}
.lpProlabScope a {
  margin: 0;
  padding: 0;
  background: transparent;
  font-size: 100%;
  text-decoration: none;
  vertical-align: baseline;
  color: inherit;
}
.lpProlabScope img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.lpProlabScope ol,
.lpProlabScope ul {
  list-style: none;
}
.lpProlabScope table {
  border-collapse: collapse;
  border-spacing: 0;
}
.lpProlabScope input,
.lpProlabScope select {
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .lpProlabScope.is-navOpen .l-headerHamburger {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope.is-navOpen .l-headerHamburger_bg {
    visibility: visible;
    opacity: 1;
  }
}
@media screen and (max-width: 767px) {
  .lpProlabScope.is-navOpened {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    overflow-y: hidden;
    width: 100vw;
    height: 100vh;
  }
}
/*# sourceMappingURL=maps/lp-prolab.css.map */