@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wdth,wght@0,75..100,100..900;1,75..100,100..900&display=swap");
.u-font01 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
}

._pc {
  display: block;
}
@media screen and (max-width: 767px) {
  ._pc {
    display: none;
  }
}

._sp {
  display: none;
}
@media screen and (max-width: 767px) {
  ._sp {
    display: block;
  }
}

#Main {
  display: none;
}

main {
  padding-top: 0;
}

.topicPath {
  display: none;
}

.scroll_top_btn,
.sp_footer,
.sp_fixced_btn,
.side_btn_group,
footer,
.sec_inq_wrapper,
.sec_search,
.sp_menu_btn,
.sp_header,
.sp_short_cut {
  display: none !important;
}

.case_teamlabkyoto {
  background: #000;
  color: #fff;
  text-align: left;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6666666667;
  font-weight: 400;
  /*------------------------------------------------------------
  	blur-in
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	blur-up
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	fade-up
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	fade-up-order
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	fade-in
  ------------------------------------------------------------*/
}
.case_teamlabkyoto div, .case_teamlabkyoto span, .case_teamlabkyoto object, .case_teamlabkyoto iframe,
.case_teamlabkyoto h1, .case_teamlabkyoto h2, .case_teamlabkyoto h3, .case_teamlabkyoto h4, .case_teamlabkyoto h5, .case_teamlabkyoto h6, .case_teamlabkyoto p, .case_teamlabkyoto blockquote, .case_teamlabkyoto pre,
.case_teamlabkyoto abbr, .case_teamlabkyoto address, .case_teamlabkyoto cite, .case_teamlabkyoto code,
.case_teamlabkyoto del, .case_teamlabkyoto dfn, .case_teamlabkyoto em, .case_teamlabkyoto img, .case_teamlabkyoto ins, .case_teamlabkyoto kbd, .case_teamlabkyoto q, .case_teamlabkyoto samp,
.case_teamlabkyoto small, .case_teamlabkyoto strong, .case_teamlabkyoto sub, .case_teamlabkyoto sup, .case_teamlabkyoto var,
.case_teamlabkyoto b, .case_teamlabkyoto i,
.case_teamlabkyoto dl, .case_teamlabkyoto dt, .case_teamlabkyoto dd, .case_teamlabkyoto ol, .case_teamlabkyoto ul, .case_teamlabkyoto li,
.case_teamlabkyoto fieldset, .case_teamlabkyoto form, .case_teamlabkyoto label, .case_teamlabkyoto legend,
.case_teamlabkyoto table, .case_teamlabkyoto caption, .case_teamlabkyoto tbody, .case_teamlabkyoto tfoot, .case_teamlabkyoto thead, .case_teamlabkyoto tr, .case_teamlabkyoto th, .case_teamlabkyoto td,
.case_teamlabkyoto article, .case_teamlabkyoto aside, .case_teamlabkyoto canvas, .case_teamlabkyoto details, .case_teamlabkyoto figcaption, .case_teamlabkyoto figure,
.case_teamlabkyoto footer, .case_teamlabkyoto header, .case_teamlabkyoto hgroup, .case_teamlabkyoto menu, .case_teamlabkyoto nav, .case_teamlabkyoto section, .case_teamlabkyoto summary,
.case_teamlabkyoto time, .case_teamlabkyoto mark, .case_teamlabkyoto audio, .case_teamlabkyoto video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
.case_teamlabkyoto li {
  list-style: none;
}
.case_teamlabkyoto img {
  width: 100%;
  vertical-align: bottom;
}
.case_teamlabkyoto a {
  text-decoration: none;
}
.case_teamlabkyoto sup {
  font-size: 60%;
  vertical-align: super;
}
.case_teamlabkyoto a[href^="tel:"] {
  color: inherit;
}
@media print, screen and (min-width: 768px) {
  .case_teamlabkyoto a[href^="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
.case_teamlabkyoto .u-font01 {
  font-family: "Roboto", sans-serif;
}
.case_teamlabkyoto .u-font01.-l {
  font-weight: 300;
}
.case_teamlabkyoto .u-font01.-r {
  font-weight: 400;
}
.case_teamlabkyoto .u-font01.-m {
  font-weight: 500;
}
.case_teamlabkyoto .u-font01.-sb {
  font-weight: 600;
}
.case_teamlabkyoto .u-font01.-b {
  font-weight: 700;
}
.case_teamlabkyoto .u-font01.-eb {
  font-weight: 800;
}
.case_teamlabkyoto .u-hover_effect01 {
  transition: opacity 0.3s;
}
.case_teamlabkyoto .u-hover_effect01:hover {
  opacity: 0.7;
}
.case_teamlabkyoto .c-btn01 {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  position: relative;
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.375;
  transition: all 0.3s;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .c-btn01 {
    font-size: 10px;
    font-size: 2.6666666667vw;
    line-height: 1.5;
    border-radius: 1.0666666667vw;
  }
}
.case_teamlabkyoto .c-btn01 span {
  position: relative;
}
.case_teamlabkyoto .c-btn01::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .c-btn01::after {
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    right: 4.2666666667vw;
  }
}
.case_teamlabkyoto .c-btn01:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.2s ease;
  transition-property: transform;
}
.case_teamlabkyoto .c-btn01:hover {
  color: #000;
}
.case_teamlabkyoto .c-btn01:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
.case_teamlabkyoto .c-btn01:hover::after {
  border-color: #000;
}
.case_teamlabkyoto .c-btn-flash {
  overflow: hidden;
  position: relative;
  transition: 0.3s;
}
.case_teamlabkyoto .c-btn-flash::before {
  position: absolute;
  top: 0;
  left: -75%;
  z-index: 2;
  display: block;
  content: "";
  width: 50%;
  height: 100%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-25deg);
  transition: 0.3s;
}
.case_teamlabkyoto .c-btn-flash:hover::before {
  animation: shine 0.75s;
}
.case_teamlabkyoto .p-header {
  height: 70px;
  background-color: #0d0d0d;
  padding: 0 64px;
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  width: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-header {
    padding: 0 4vw;
    height: 13.8666666667vw;
  }
}
.case_teamlabkyoto .p-header .p-header__logo {
  width: 161px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-header .p-header__logo {
    width: 27.7333333333vw;
  }
}
.case_teamlabkyoto .p-footer {
  background-color: #000;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-footer {
    height: 5.8666666667vw;
  }
}
.case_teamlabkyoto .p-footer .p-footer__copy {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-footer .p-footer__copy {
    font-size: 7px;
    font-size: 1.8666666667vw;
    line-height: 1;
  }
}
.case_teamlabkyoto .p-inner {
  max-width: 1080px;
  box-sizing: content-box;
  padding: 0 30px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-inner {
    padding: 0 5.3333333333vw;
  }
}
.case_teamlabkyoto .p-mv {
  width: 100%;
  position: relative;
  padding-top: 70px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-mv {
    width: 100%;
    height: auto;
    padding-top: 13.8666666667vw;
  }
}
.case_teamlabkyoto .p-mv .p-video {
  position: relative;
  width: 100%;
  height: auto;
  font-size: 0;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-mv .p-video {
    position: relative;
    height: auto;
  }
}
.case_teamlabkyoto .p-mv .p-video video {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-mv .p-video video {
    position: relative;
    height: auto;
    min-height: auto;
    width: 100%;
    top: auto;
    left: auto;
    transform: translate(0, 0);
  }
}
.case_teamlabkyoto .p-mv .p-video .p-btn_video {
  width: 37px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 1s;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-mv .p-video .p-btn_video {
    width: 5.7333333333vw;
  }
}
.case_teamlabkyoto .p-mv .p-video .p-btn_video.on {
  opacity: 1;
}
.case_teamlabkyoto .p-mv .p-video .p-btn_video.playActive {
  display: none;
}
.case_teamlabkyoto .p-mv .p-video .controls {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.case_teamlabkyoto .p-mv .p-video .btn_video_control {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.case_teamlabkyoto .p-mv .p-video .btn_video_control.-play {
  transition: opacity 0.3s ease 0s;
}
.case_teamlabkyoto .p-mv .p-video .btn_video_control.-play:hover {
  opacity: 0.8;
}
.case_teamlabkyoto .p-mv .p-video .play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 37px;
  opacity: 0;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-mv .p-video .play-btn {
    width: 5.7333333333vw;
  }
}
.case_teamlabkyoto .p-mv .p-video .play-btn.on {
  opacity: 1;
}
.case_teamlabkyoto .p-contents {
  position: relative;
}
.case_teamlabkyoto .p-contents .p-main_leadArea {
  background: url(../img/bg01.jpg) repeat 0 0/1440px;
  padding: 64px 0 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-main_leadArea {
    background-image: url(../img/bg01_sp.jpg);
    background-size: 100%;
    padding-top: 10.8vw;
    padding-bottom: 9.3333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo {
  width: 636px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo {
    width: 84.1333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo-sponsored {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo-sponsored {
    margin-top: 6.6666666667vw;
  }
}
.case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo-sponsored .p-text {
  margin-right: 34px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo-sponsored .p-text {
    font-size: 10px;
    font-size: 2.6666666667vw;
    line-height: 1;
    margin-right: 4.2666666667vw;
  }
}
.case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo-sponsored .p-img {
  width: 241px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-main_leadArea .p-main__logo-sponsored .p-img {
    width: 34.4vw;
  }
}
.case_teamlabkyoto .p-contents .p-main_leadArea .p-main__lead {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 2.0769230769;
  margin-top: 53px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-main_leadArea .p-main__lead {
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 1.9285714286;
    margin-top: 7.3333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea {
  background-color: #171a17;
  padding: 42px 0 64px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea {
    padding-top: 6.9333333333vw;
    padding-bottom: 10.6666666667vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  position: relative;
  display: table;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 1;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::after, .case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::before {
  content: "";
  display: block;
  width: 28px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 50%;
  margin-top: 2px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::after, .case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::before {
    width: 4.8vw;
    height: 0.2666666667vw;
    margin-top: 0;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::before {
  left: -50px;
  transform: rotate(60deg) translateY(-50%);
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::before {
    left: -6.6666666667vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::after {
  right: -50px;
  transform: rotate(-60deg) translateY(-50%);
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products_text-hukidashi::after {
    right: -5.3333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products {
  margin-top: 40px;
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox + .p-productBox {
  margin-top: 57px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox + .p-productBox {
    margin-top: 10.6666666667vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_content__text {
  margin-left: 168px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_content__text {
    margin-left: 26.1333333333vw;
    font-size: 10px;
    font-size: 2.6666666667vw;
    line-height: 1;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_content {
  display: flex;
  gap: 0 20px;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_content {
    display: block;
    margin-top: 1.6vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea {
  max-width: 550px;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  border: 1px solid #fff;
  padding: 70px 40px 40px;
  background-color: #000;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea {
    padding: 11.3333333333vw 5.3333333333vw 6.4vw;
    max-width: 100%;
    letter-spacing: -0.05em;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-ttl {
  border: 1px solid #fff;
  width: 154px;
  height: 79px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #000;
  box-sizing: border-box;
  position: absolute;
  top: -40px;
  left: -1px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-ttl {
    width: 24vw;
    height: 12vw;
    top: -6vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-text01 {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-text01 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 1.625;
    margin-bottom: 4vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-text02 {
  font-weight: 700;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.5;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-text02 {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 1.625;
    margin-top: 4vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-text_list {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.6666666667;
  padding-left: 1.5em;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-text_list {
    font-size: 12px;
    font-size: 3.2vw;
    line-height: 1.75;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_textArea .p-text_list li {
  text-indent: -1.5em;
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_imgArea {
  max-width: 510px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox .p-productBox_imgArea {
    max-width: 100%;
    margin-top: 2.1333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox.-box01 .p-productBox_textArea .p-ttl img {
  width: 88px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox.-box01 .p-productBox_textArea .p-ttl img {
    width: 12.9333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox.-box02 .p-productBox_textArea .p-ttl img {
  width: 95px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-productsArea .p-products .p-productBox.-box02 .p-productBox_textArea .p-ttl img {
    width: 13.6vw;
  }
}
.case_teamlabkyoto .p-contents .p-aboutArea {
  padding: 64px 0;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-aboutArea {
    padding: 10.6666666667vw 5.3333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-aboutArea .p-aboutArea__logo {
  width: 471px;
  margin: 0 auto 30px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-aboutArea .p-aboutArea__logo {
    width: 62.8vw;
    margin-bottom: 5.3333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-aboutArea .p-about_box {
  display: flex;
  gap: 0 40px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-aboutArea .p-about_box {
    display: block;
  }
}
.case_teamlabkyoto .p-contents .p-aboutArea .p-about_box .p-about_box_imgArea {
  max-width: 440px;
  padding-top: 10px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-aboutArea .p-about_box .p-about_box_imgArea {
    padding-top: 0;
    max-width: 100%;
  }
}
.case_teamlabkyoto .p-contents .p-aboutArea .p-about_box .p-about_box_textArea {
  max-width: 600px;
  width: 100%;
}
.case_teamlabkyoto .p-contents .p-aboutArea .p-about_box .p-about_box_textArea .p-text01 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2.2;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-aboutArea .p-about_box .p-about_box_textArea .p-text01 {
    margin-top: 4vw;
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 1.9230769231;
    font-feature-settings: "palt";
    letter-spacing: 0.025em;
  }
}
.case_teamlabkyoto .p-contents .p-aboutArea .p-about_box .p-about_box_textArea .p-about_link {
  width: 400px;
  height: 83px;
  margin-top: 22px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-aboutArea .p-about_box .p-about_box_textArea .p-about_link {
    width: 68vw;
    height: 16.2666666667vw;
    margin: 7.3333333333vw auto 0;
  }
}
.case_teamlabkyoto .p-contents .p-newsletterArea {
  background-color: #fff;
  padding: 64px 0;
  color: #1d2088;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-newsletterArea {
    padding: 8.5333333333vw 0;
  }
}
.case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__text01 {
  display: table;
  margin: 0 auto 16px;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  padding: 11px 12px 10px;
  border: 1px solid #1d2088;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__text01 {
    font-size: 10px;
    font-size: 2.6666666667vw;
    line-height: 1.5;
    padding: 1.6vw 2vw 1.4666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__ttl {
  font-size: 34px;
  font-size: 3.4rem;
  line-height: 1.0882352941;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__ttl {
    font-size: 20px;
    font-size: 5.3333333333vw;
    line-height: 1;
  }
}
.case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__ttl span {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  margin-bottom: 12px;
  display: block;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__ttl span {
    font-size: 13px;
    font-size: 3.4666666667vw;
    line-height: 1;
    margin-bottom: 1.7333333333vw;
  }
}
.case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__link {
  display: block;
  margin: 24px auto 0;
  max-width: 590px;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-newsletterArea .p-newsletter__link {
    width: 78.6666666667vw;
    margin-top: 2.6666666667vw;
  }
}
.case_teamlabkyoto .p-contents .p-back {
  padding: 64px 0;
  background-color: #0d0d0d;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-back {
    padding: 10.6666666667vw 0;
  }
}
.case_teamlabkyoto .p-contents .p-back .p-back__btn {
  width: 320px;
  height: 60px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .p-contents .p-back .p-back__btn {
    width: 52vw;
    height: 10.9333333333vw;
  }
}
.case_teamlabkyoto .container_05 {
  opacity: 0;
  transition: opacity 0.6s;
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  z-index: 500;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .container_05 {
    position: absolute;
    top: -6.2666666667vw;
    bottom: auto;
    font-size: 0;
  }
}
.case_teamlabkyoto .container_05.on {
  opacity: 1;
}
.case_teamlabkyoto .container_05.hide {
  opacity: 0;
}
.case_teamlabkyoto .scrollbar-text_05 {
  display: inline-block;
  padding-bottom: 76px;
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .scrollbar-text_05 {
    font-size: 10px;
    font-size: 2.6666666667vw;
    line-height: 1;
    padding-bottom: 8.6666666667vw;
  }
}
.case_teamlabkyoto .scrollbar_05 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.case_teamlabkyoto .scrollbar_05::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 60px;
  background: #fff;
  animation: liner 2.5s cubic-bezier(1, 0, 0, 1) infinite;
  animation-delay: 1.6s;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .scrollbar_05::after {
    height: 6.5333333333vw;
  }
}
@keyframes liner {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  30% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  70% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}
.case_teamlabkyoto #loading {
  background-color: #000;
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.case_teamlabkyoto #loading.loaded {
  opacity: 0;
  visibility: hidden;
}
.case_teamlabkyoto #loading .loader_wrapper {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.case_teamlabkyoto .loader,
.case_teamlabkyoto .loader:before,
.case_teamlabkyoto .loader:after {
  background: #ffffff;
  animation: load1 1.5s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.case_teamlabkyoto .loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .loader {
    transform: scale(0.8);
  }
}
.case_teamlabkyoto .loader:before,
.case_teamlabkyoto .loader:after {
  position: absolute;
  top: 0;
  content: "";
}
.case_teamlabkyoto .loader:before {
  left: -1.5em;
  animation-delay: -0.32s;
}
.case_teamlabkyoto .loader:after {
  left: 1.5em;
}
@keyframes load1 {
  0%, 80%, 100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4.3em;
  }
}
.case_teamlabkyoto .fadeIn_left {
  transform: translate(-50px, 0);
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .fadeIn_left {
    transform: translate(0, 50px);
  }
}
.case_teamlabkyoto .fadeIn_right {
  transform: translate(50px, 0);
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .fadeIn_right {
    transform: translate(0, 50px);
  }
}
.case_teamlabkyoto .fadeIn_up_delay {
  transition-delay: 0.3s;
  transform: translate(0, 50px);
}
@media screen and (max-width: 767px) {
  .case_teamlabkyoto .fadeIn_up_delay {
    transition-delay: 0s;
  }
}
.case_teamlabkyoto .fadeIn_up {
  opacity: 0;
  transform: translate(0, 30px);
  transition: opacity 1s, transform 0.5s;
}
.case_teamlabkyoto .fadeIn_up.is-show {
  opacity: 1;
  transform: translate(0, 0);
}
.case_teamlabkyoto .fadeIn {
  opacity: 0;
  transition: opacity 3s;
}
.case_teamlabkyoto .fadeIn.is-show {
  opacity: 1;
}
.case_teamlabkyoto .blur-in {
  opacity: 0;
  filter: blur(10px);
  will-change: filter, opacity;
  font-style: normal;
}
.case_teamlabkyoto .blur-in.on {
  opacity: 1;
  filter: blur(0px);
  transition: filter linear 0.7s, opacity linear 0.7s;
}
.case_teamlabkyoto .blur-in.delay-1 {
  transition-delay: 0.5s;
}
.case_teamlabkyoto .blur-in.delay-2 {
  transition-delay: 1s;
}
.case_teamlabkyoto .blur-in.delay-3 {
  transition-delay: 1.5s;
}
.case_teamlabkyoto .blur-in.delay-4 {
  transition-delay: 2s;
}
.case_teamlabkyoto .blur-in.delay-5 {
  transition-delay: 2.5s;
}
.case_teamlabkyoto .blur-up {
  opacity: 0;
  filter: blur(5px);
  transform: translateY(50px);
  will-change: filter, opacity, transform;
  font-style: normal;
}
.case_teamlabkyoto .blur-up.on {
  opacity: 1;
  filter: blur(0px);
  transform: none;
  transition: all ease-out 0.8s;
}
.case_teamlabkyoto .blur-up.delay-1 {
  transition-delay: 0.5s;
}
.case_teamlabkyoto .blur-up.delay-2 {
  transition-delay: 0.7s;
}
.case_teamlabkyoto .blur-up.delay-3 {
  transition-delay: 0.9s;
}
.case_teamlabkyoto .blur-up.delay-4 {
  transition-delay: 1.1s;
}
.case_teamlabkyoto .blur-up.delay-5 {
  transition-delay: 1.3s;
}
.case_teamlabkyoto .fade-up {
  opacity: 0;
  transform: translateY(50px);
  transform-origin: top center;
  will-change: opacity, transform;
}
.case_teamlabkyoto .fade-up.on {
  opacity: 1;
  transform: none;
  transition: 1s opacity cubic-bezier(0.23, 1, 0.32, 1), 3s transform cubic-bezier(0.23, 1, 0.32, 1);
}
.case_teamlabkyoto .fade-up.delay-1 {
  transition-delay: 0.2s;
}
.case_teamlabkyoto .fade-up.delay-2 {
  transition-delay: 0.4s;
}
.case_teamlabkyoto .fade-up.delay-3 {
  transition-delay: 0.6s;
}
.case_teamlabkyoto .fade-up.delay-4 {
  transition-delay: 0.8s;
}
.case_teamlabkyoto .fade-up-order {
  font-style: normal;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
.case_teamlabkyoto .fade-up-order em {
  display: inline-block;
  vertical-align: top;
  font-style: normal;
  opacity: 0;
  transform: translateY(100%);
  will-change: opacity, transform;
}
.case_teamlabkyoto .fade-up-order.on em {
  opacity: 1;
  transform: none;
  transition: all ease 0.5s;
}
.case_teamlabkyoto .fade-in {
  opacity: 0;
}
.case_teamlabkyoto .fade-in.on {
  opacity: 1;
  transition: opacity ease 0.5s;
}
.case_teamlabkyoto .fade-in.delay-1 {
  transition-delay: 0.2s;
}
.case_teamlabkyoto .fade-in.delay-2 {
  transition-delay: 0.4s;
}
.case_teamlabkyoto .fade-in.delay-3 {
  transition-delay: 0.6s;
}
.case_teamlabkyoto .p-top__txt em, .case_teamlabkyoto .p-top__notes em, .case_teamlabkyoto .p-top__notes02 em {
  opacity: calc(var(--em-value));
  will-change: transform;
  transition: opacity 0.95s ease;
  font-style: normal;
}
.case_teamlabkyoto .jojo {
  white-space: nowrap;
  overflow: hidden;
  width: 0;
}
.case_teamlabkyoto .jojo.on {
  animation: jojo 1s linear forwards;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes jojo {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.tac {
  text-align: center !important;
}

.tal {
  text-align: left !important;
}

.tar {
  text-align: right !important;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mt0em {
  margin-top: 0em !important;
}

.mt1em {
  margin-top: 1em !important;
}

.mt2em {
  margin-top: 2em !important;
}

.mt3em {
  margin-top: 3em !important;
}

.mt4em {
  margin-top: 4em !important;
}

.mt5em {
  margin-top: 5em !important;
}

.mt6em {
  margin-top: 6em !important;
}

.mt7em {
  margin-top: 7em !important;
}

.mt8em {
  margin-top: 8em !important;
}

.mt9em {
  margin-top: 9em !important;
}

.mt10em {
  margin-top: 10em !important;
}

.mt11em {
  margin-top: 11em !important;
}

.mt12em {
  margin-top: 12em !important;
}

.mt13em {
  margin-top: 13em !important;
}

.mt14em {
  margin-top: 14em !important;
}

.mt15em {
  margin-top: 15em !important;
}

.mt16em {
  margin-top: 16em !important;
}

.mt17em {
  margin-top: 17em !important;
}

.mt18em {
  margin-top: 18em !important;
}

.mt19em {
  margin-top: 19em !important;
}

.mt20em {
  margin-top: 20em !important;
}

.w0 {
  width: 0px;
}

.h0 {
  height: 0px;
}

.w5 {
  width: 5px;
}

.h5 {
  height: 5px;
}

.w10 {
  width: 10px;
}

.h10 {
  height: 10px;
}

.w15 {
  width: 15px;
}

.h15 {
  height: 15px;
}

.w20 {
  width: 20px;
}

.h20 {
  height: 20px;
}

.w25 {
  width: 25px;
}

.h25 {
  height: 25px;
}

.w30 {
  width: 30px;
}

.h30 {
  height: 30px;
}

.w35 {
  width: 35px;
}

.h35 {
  height: 35px;
}

.w40 {
  width: 40px;
}

.h40 {
  height: 40px;
}

.w45 {
  width: 45px;
}

.h45 {
  height: 45px;
}

.w50 {
  width: 50px;
}

.h50 {
  height: 50px;
}

.w55 {
  width: 55px;
}

.h55 {
  height: 55px;
}

.w60 {
  width: 60px;
}

.h60 {
  height: 60px;
}

.w65 {
  width: 65px;
}

.h65 {
  height: 65px;
}

.w70 {
  width: 70px;
}

.h70 {
  height: 70px;
}

.w75 {
  width: 75px;
}

.h75 {
  height: 75px;
}

.w80 {
  width: 80px;
}

.h80 {
  height: 80px;
}

.w85 {
  width: 85px;
}

.h85 {
  height: 85px;
}

.w90 {
  width: 90px;
}

.h90 {
  height: 90px;
}

.w95 {
  width: 95px;
}

.h95 {
  height: 95px;
}

.w100 {
  width: 100px;
}

.h100 {
  height: 100px;
}/*# sourceMappingURL=style.css.map */