/* line 9, ../../sass/philosophy/style.scss */
.labo .mv-container {
  background: url(/assets/img/share/mv.jpg) center center no-repeat;
  background-size: cover;
}
/* line 14, ../../sass/philosophy/style.scss */
.labo .bg-img {
  margin-bottom: 5rem;
  padding: 5rem 0;
  background: url(/assets/img/philosophy/labo/content02-bg.jpg) center top no-repeat;
  background-size: cover;
}
/* line 20, ../../sass/philosophy/style.scss */
.labo .bg-img .ttl02,
.labo .bg-img .txt-box {
  color: #fff;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.6);
}
/* line 27, ../../sass/philosophy/style.scss */
.labo .section-box {
  margin-bottom: 10rem;
}
/* line 29, ../../sass/philosophy/style.scss */
.labo .section-box p {
  font-size: 1.6rem;
}
/* line 33, ../../sass/philosophy/style.scss */
.labo .section-body {
  display: flex;
  justify-content: space-between;
}
/* line 37, ../../sass/philosophy/style.scss */
.labo .section-body .txt-box {
  width: 54%;
}
/* line 40, ../../sass/philosophy/style.scss */
.labo .section-body .img-box {
  width: 40%;
}
/* line 43, ../../sass/philosophy/style.scss */
.labo .section-body .img-box img {
  width: 100%;
}
@media screen and (max-width: 640px) {
  /* line 52, ../../sass/philosophy/style.scss */
  .labo .section-body {
    display: block;
  }
  /* line 55, ../../sass/philosophy/style.scss */
  .labo .section-body .txt-box {
    margin-bottom: 3em;
    width: 100%;
  }
  /* line 59, ../../sass/philosophy/style.scss */
  .labo .section-body .img-box {
    width: 100%;
    text-align: center;
  }
  /* line 63, ../../sass/philosophy/style.scss */
  .labo .section-body .img-box img {
    max-width: 400px;
    width: 100%;
  }
}

/* line 5, ../../sass/philosophy/_vision.scss */
.vision {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 12rem;
}
/* line 10, ../../sass/philosophy/_vision.scss */
.vision #main-bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(/assets/img/philosophy/vision/bg.jpg) center no-repeat;
  background-size: cover;
}
/* line 20, ../../sass/philosophy/_vision.scss */
.vision #main-overlay {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
/* line 25, ../../sass/philosophy/_vision.scss */
.vision #main-overlay .main-cover {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.45);
}
/* line 34, ../../sass/philosophy/_vision.scss */
.vision #main-overlay #main-video {
  position: absolute;
  z-index: -2;
  top: 0;
  left: 50%;
  bottom: 0;
  width: auto;
  height: auto;
  margin: auto;
  min-width: 100%;
  min-height: 100%;
  -moz-transform: translate(-50%);
  -ms-transform: translate(-50%);
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
}
@media all and (-ms-high-contrast: none) {
  /* line 34, ../../sass/philosophy/_vision.scss */
  .vision #main-overlay #main-video {
    max-width: inherit !important;
  }
}
@supports (-ms-ime-align: auto) {
  /* line 34, ../../sass/philosophy/_vision.scss */
  .vision #main-overlay #main-video {
    max-width: inherit !important;
  }
}
@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* line 75, ../../sass/philosophy/_vision.scss */
.vision .mv-container {
  height: 250px;
  margin-bottom: 0;
  background: none;
}
/* line 79, ../../sass/philosophy/_vision.scss */
.vision .mv-container .sub-txt {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  margin-bottom: 0;
  font-family: 'Lato', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: .1em;
  -moz-animation: fadeIn 0.4s ease-out 0.6s forwards;
  -webkit-animation: fadeIn 0.4s ease-out 0.6s forwards;
  animation: fadeIn 0.4s ease-out 0.6s forwards;
}
/* line 91, ../../sass/philosophy/_vision.scss */
.vision .content-block .content-body {
  color: #fff;
  text-align: center;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.6);
}
/* line 95, ../../sass/philosophy/_vision.scss */
.vision .content-block .content-body .catch {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: fadeInUp 0.4s ease-out 0.9s forwards;
  -webkit-animation: fadeInUp 0.4s ease-out 0.9s forwards;
  animation: fadeInUp 0.4s ease-out 0.9s forwards;
}
/* line 99, ../../sass/philosophy/_vision.scss */
.vision .content-block .content-body .section-box {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -moz-animation: fadeInUp 0.4s ease-out 1.2s forwards;
  -webkit-animation: fadeInUp 0.4s ease-out 1.2s forwards;
  animation: fadeInUp 0.4s ease-out 1.2s forwards;
}
/* line 104, ../../sass/philosophy/_vision.scss */
.vision .content-block .content-body .section-box .section-body .txt-box p {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 2;
}
/* line 108, ../../sass/philosophy/_vision.scss */
.vision .content-block .content-body .section-box .section-body .txt-box p span {
  display: inline-block;
  margin-right: 1em;
}
@media screen and (max-width: 1024px) {
  /* line 5, ../../sass/philosophy/_vision.scss */
  .vision {
    padding-bottom: 10rem;
  }
  /* line 125, ../../sass/philosophy/_vision.scss */
  .vision .content-block .content-body .catch {
    margin-bottom: 1.5em;
  }
  /* line 131, ../../sass/philosophy/_vision.scss */
  .vision .content-block .content-body .section-box .section-body .txt-box p {
    font-size: calc((18 - 14) * ((100vw - 375px) / (1024 - 375)) + 1.4rem);
  }
}
@media screen and (max-width: 640px) {
  /* line 5, ../../sass/philosophy/_vision.scss */
  .vision {
    padding-bottom: 6rem;
  }
  /* line 145, ../../sass/philosophy/_vision.scss */
  .vision .mv-container {
    height: 200px;
  }
  /* line 147, ../../sass/philosophy/_vision.scss */
  .vision .mv-container .title-box {
    margin-top: 3rem;
  }
  /* line 158, ../../sass/philosophy/_vision.scss */
  .vision .content-block .content-body .section-box .section-body .txt-box p br {
    display: none;
  }
}

/* line 5, ../../sass/philosophy/_commit.scss */
.commit {
  margin-bottom: 0;
}
/* line 7, ../../sass/philosophy/_commit.scss */
.commit .mv-container {
  margin-bottom: 0;
  background: url(/assets/img/philosophy/commit/mv.jpg) center center no-repeat;
  background-size: cover;
}
/* line 14, ../../sass/philosophy/_commit.scss */
.commit .content-body .section-box {
  padding: 15rem 0 14rem;
}
/* line 16, ../../sass/philosophy/_commit.scss */
.commit .content-body .section-box h4 {
  margin-bottom: 4rem;
  font-size: 3.6rem;
  line-height: 1.5;
}
/* line 20, ../../sass/philosophy/_commit.scss */
.commit .content-body .section-box h4 span {
  display: inline-block;
}
/* line 26, ../../sass/philosophy/_commit.scss */
.commit .content-body .section-box .section-body .txt-box p {
  font-size: 1.6rem;
  line-height: 2;
}
/* line 29, ../../sass/philosophy/_commit.scss */
.commit .content-body .section-box .section-body .txt-box p:last-child {
  margin-bottom: 0;
}
/* line 36, ../../sass/philosophy/_commit.scss */
.commit .content-body.content01 {
  background: url(/assets/img/philosophy/commit/content01-bg.jpg) center top no-repeat;
  background-size: cover;
}
/* line 39, ../../sass/philosophy/_commit.scss */
.commit .content-body.content01 .section-box {
  width: 53.71094%;
  color: #fff;
}
/* line 48, ../../sass/philosophy/_commit.scss */
.commit .content-body.content02 {
  background: url(/assets/img/philosophy/commit/content02-bg.jpg) center top no-repeat;
  background-size: cover;
}
/* line 51, ../../sass/philosophy/_commit.scss */
.commit .content-body.content02 .section-box {
  width: 60.54688%;
  margin-left: auto;
}
/* line 56, ../../sass/philosophy/_commit.scss */
.commit .content-body.content02 .section-box .section-body .txt-box ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-bottom: .8em;
}
/* line 61, ../../sass/philosophy/_commit.scss */
.commit .content-body.content02 .section-box .section-body .txt-box ul li {
  margin: 0 .5em .2em 0;
  font-size: 2rem;
  font-weight: bold;
}
/* line 71, ../../sass/philosophy/_commit.scss */
.commit .content-body.content03 {
  background: url(/assets/img/philosophy/commit/content03-bg.jpg) center top no-repeat;
  background-size: cover;
}
/* line 74, ../../sass/philosophy/_commit.scss */
.commit .content-body.content03 .section-box {
  width: 68.35938%;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  /* line 86, ../../sass/philosophy/_commit.scss */
  .commit .content-body .section-box h4 {
    margin-bottom: 3rem;
    font-size: calc((36 - 26) * ((100vw - 375px) / (1024 - 375)) + 2.6rem);
  }
  /* line 92, ../../sass/philosophy/_commit.scss */
  .commit .content-body .section-box .section-body .txt-box p {
    font-size: calc((16 - 14) * ((100vw - 375px) / (1024 - 375)) + 1.4rem);
  }
  /* line 103, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content02 .section-box .section-body .txt-box ul li {
    font-size: calc((20 - 15) * ((100vw - 375px) / (1024 - 375)) + 1.5rem);
  }
}
@media screen and (max-width: 768px) {
  /* line 117, ../../sass/philosophy/_commit.scss */
  .commit .mv-container {
    background: url(/assets/img/philosophy/commit/mv-sp.jpg) center center no-repeat;
    background-size: cover;
  }
  /* line 123, ../../sass/philosophy/_commit.scss */
  .commit .content-body .section-box {
    padding: 12rem 0 6rem;
  }
  /* line 125, ../../sass/philosophy/_commit.scss */
  .commit .content-body .section-box h4 {
    margin-bottom: 2rem;
  }
  /* line 127, ../../sass/philosophy/_commit.scss */
  .commit .content-body .section-box h4 span {
    display: block;
  }
  /* line 132, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content01 {
    background: url(/assets/img/philosophy/commit/content01-bg-sp.jpg) center top no-repeat;
    background-size: cover;
  }
  /* line 135, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content01 .section-box {
    width: 100%;
  }
  /* line 139, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content02 {
    background: url(/assets/img/philosophy/commit/content02-bg-sp.jpg) center top no-repeat;
    background-size: cover;
  }
  /* line 142, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content02 .section-box {
    width: 100%;
  }
  /* line 144, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content02 .section-box h4 {
    text-align: right;
  }
  /* line 149, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content02 .section-box .section-body .txt-box ul {
    justify-content: center;
    margin-bottom: .8em;
  }
  /* line 157, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content03 {
    background: url(/assets/img/philosophy/commit/content03-bg-sp.jpg) center top no-repeat;
    background-size: cover;
  }
  /* line 160, ../../sass/philosophy/_commit.scss */
  .commit .content-body.content03 .section-box {
    width: 100%;
    padding: 6rem 0;
  }
}