/* line 1, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough {
  text-align: center;
}
/* line 4, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough img:hover {
  cursor: pointer;
}

/* line 9, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2147483647;
}
/* line 17, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .mask {
  position: absolute;
  top: 0;
  bottom: -30px;
  left: 0;
  right: 0;
  background: black;
  opacity: .4;
}
/* line 27, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .close-button {
  position: absolute;
  z-index: 2;
  font-size: 1.4em;
  padding: .2em .6em;
  right: .7em;
  bottom: 1em;
  border: none;
  border-radius: 2em;
  background: white;
  color: #666;
  line-height: 2em;
}
/* line 40, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .close-button i {
  color: #666;
}
/* line 44, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .close-button:hover {
  cursor: pointer;
  filter: brightness(1.2);
}
/* line 49, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .close-button:active {
  filter: brightness(0.8);
}
/* line 54, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick {
  position: relative;
  padding-top: 3%;
  height: calc(100% - 5em);
  width: 94%;
  max-width: 460px;
  margin-left: auto;
  margin-right: auto;
  border-radius: .7em;
}
/* line 66, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick.pronote {
  background: #ff7153;
  margin-top: 4.15em;
  height: calc(100% - 8.3em - 2em);
}
/* line 71, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick.pronote .walkthrough-page > img:first-child {
  width: 150%;
  min-width: 150%;
}
@media only screen and (min-width: 481px) {
  /* line 54, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
  .walkthrough-container .walkthrough-slick {
    padding-top: 0px;
    max-height: 637px;
    margin-top: 4.5em;
    height: calc(100% - 4.5em - 5.6em);
  }
}
/* line 84, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .walkthrough-page > img:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-height: 100%;
  max-width: 100%;
  border-radius: .4em;
}
/* line 94, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick img.yagi {
  position: absolute;
  bottom: 4px;
  right: 13px;
  width: 110px;
}
@media only screen and (min-width: 481px) {
  /* line 94, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
  .walkthrough-container .walkthrough-slick img.yagi {
    width: initial;
  }
}
/* line 105, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .walkthrough-page {
  display: inline-block;
  border-radius: .7em;
  overflow: hidden;
  opacity: 0;
  outline: none;
}
/* line 112, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .walkthrough-page #walkthrough-app-download-banners {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
/* line 120, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .walkthrough-page #walkthrough-app-download-banners img {
  display: inline-block;
}
/* line 126, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .slick-list, .walkthrough-container .walkthrough-slick .slick-track {
  height: 100%;
}
/* line 130, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .slick-dots {
  bottom: -29px;
}
/* line 134, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .slick-dots li {
  width: 4px;
}
/* line 138, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .slick-dots button:before {
  font-size: 9px !important;
  color: white !important;
  opacity: .6 !important;
}
/* line 144, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .slick-dots .slick-active button:before {
  font-size: 12px !important;
  opacity: 1 !important;
}
/* line 149, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
.walkthrough-container .walkthrough-slick .slick-prev, .walkthrough-container .walkthrough-slick .slick-next {
  display: none !important;
}
@media only screen and (min-width: 541px) {
  /* line 153, /webrails/concourse_rails/app/assets/stylesheets/others/walkthrough.css.scss */
  .walkthrough-container .walkthrough-slick .slick-prev, .walkthrough-container .walkthrough-slick .slick-next {
    display: block !important;
  }
}